@bspk/ui 1.3.3 → 1.3.4

package/src/components/StylesProviderDemo/exampleCss.ts

@@ -0,0 +1,1899 @@
+export const EXAMPLE_CSS: Record<'example', string> = {
+    example: `
+/* Generated from figma export: 2025-07-08T20:32:21.402Z */
+
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
+body {
+    font-family: var(--typeface);
+}
+
+:root {
+    /* Body/Base */
+    --body-base: 400 16px/20px var(--typeface);
+    /* Body/Base - line height */
+    --body-base-line-height: 20px;
+    /* Body/Base - size */
+    --body-base-size: 16px;
+    /* Body/Base - style */
+    --body-base-style: regular;
+    /* Body/Large */
+    --body-large: 400 18px/24px var(--typeface);
+    /* Body/Large - line height */
+    --body-large-line-height: 24px;
+    /* Body/Large - size */
+    --body-large-size: 18px;
+    /* Body/Large - style */
+    --body-large-style: regular;
+    /* Body/Small */
+    --body-small: 400 14px/20px var(--typeface);
+    /* Body/Small - line height */
+    --body-small-line-height: 20px;
+    /* Body/Small - size */
+    --body-small-size: 14px;
+    /* Body/Small - style */
+    --body-small-style: regular;
+    /* Body/X-Small */
+    --body-x-small: 400 12px/16px var(--typeface);
+    /* Body/X-Small - line height */
+    --body-x-small-line-height: 16px;
+    /* Body/X-Small - size */
+    --body-x-small-size: 12px;
+    /* Body/X-Small - style */
+    --body-x-small-style: regular;
+    /* Colors/Brands/Experiment/blue-dark/100 - Global (primitives) */
+    --colors-brands-experiment-blue-dark-100: #0a2f85;
+    /* Colors/Brands/Experiment/blue-dark/200 - Global (primitives) */
+    --colors-brands-experiment-blue-dark-200: #1347cc;
+    /* Colors/Brands/Experiment/blue-dark/300 - Global (primitives) */
+    --colors-brands-experiment-blue-dark-300: #0f59e2;
+    /* Colors/Brands/Experiment/blue-dark/400 - Global (primitives) */
+    --colors-brands-experiment-blue-dark-400: #357aea;
+    /* Colors/Brands/Experiment/blue-dark/50 - Global (primitives) */
+    --colors-brands-experiment-blue-dark-50: #181d34;
+    /* Colors/Brands/Experiment/blue-dark/500 - Global (primitives) */
+    --colors-brands-experiment-blue-dark-500: #2e88f6;
+    /* Colors/Brands/Experiment/blue-dark/600 - Global (primitives) */
+    --colors-brands-experiment-blue-dark-600: #50a1ff;
+    /* Colors/Brands/Experiment/blue-dark/700 - Global (primitives) */
+    --colors-brands-experiment-blue-dark-700: #7ab7ff;
+    /* Colors/Brands/Experiment/blue-dark/800 - Global (primitives) */
+    --colors-brands-experiment-blue-dark-800: #dcebfe;
+    /* Colors/Brands/Experiment/blue-dark/900 - Global (primitives) */
+    --colors-brands-experiment-blue-dark-900: #f0f6ff;
+    /* Colors/Brands/Experiment/blue-gray-dark/100 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-dark-100: #1a2332;
+    /* Colors/Brands/Experiment/blue-gray-dark/200 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-dark-200: #252e3c;
+    /* Colors/Brands/Experiment/blue-gray-dark/300 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-dark-300: #323b49;
+    /* Colors/Brands/Experiment/blue-gray-dark/400 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-dark-400: #5e6d82;
+    /* Colors/Brands/Experiment/blue-gray-dark/50 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-dark-50: #0c101c;
+    /* Colors/Brands/Experiment/blue-gray-dark/500 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-dark-500: #8b9bb2;
+    /* Colors/Brands/Experiment/blue-gray-dark/600 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-dark-600: #b1c0d2;
+    /* Colors/Brands/Experiment/blue-gray-dark/700 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-dark-700: #d4dce8;
+    /* Colors/Brands/Experiment/blue-gray-dark/800 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-dark-800: #e2ebf3;
+    /* Colors/Brands/Experiment/blue-gray-dark/900 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-dark-900: #f8fafc;
+    /* Colors/Brands/Experiment/blue-gray-light/100 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-light-100: #f1f5f9;
+    /* Colors/Brands/Experiment/blue-gray-light/200 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-light-200: #e1e7ef;
+    /* Colors/Brands/Experiment/blue-gray-light/300 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-light-300: #c8d6e5;
+    /* Colors/Brands/Experiment/blue-gray-light/400 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-light-400: #9eacc0;
+    /* Colors/Brands/Experiment/blue-gray-light/50 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-light-50: #f8fafc;
+    /* Colors/Brands/Experiment/blue-gray-light/500 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-light-500: #65758b;
+    /* Colors/Brands/Experiment/blue-gray-light/600 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-light-600: #48566a;
+    /* Colors/Brands/Experiment/blue-gray-light/700 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-light-700: #344256;
+    /* Colors/Brands/Experiment/blue-gray-light/800 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-light-800: #1d283a;
+    /* Colors/Brands/Experiment/blue-gray-light/900 - Global (primitives) */
+    --colors-brands-experiment-blue-gray-light-900: #0f1729;
+    /* Colors/Brands/Experiment/blue-light/100 - Global (primitives) */
+    --colors-brands-experiment-blue-light-100: #dcebfe;
+    /* Colors/Brands/Experiment/blue-light/200 - Global (primitives) */
+    --colors-brands-experiment-blue-light-200: #bedbfe;
+    /* Colors/Brands/Experiment/blue-light/300 - Global (primitives) */
+    --colors-brands-experiment-blue-light-300: #91c3fd;
+    /* Colors/Brands/Experiment/blue-light/400 - Global (primitives) */
+    --colors-brands-experiment-blue-light-400: #61a6fa;
+    /* Colors/Brands/Experiment/blue-light/50 - Global (primitives) */
+    --colors-brands-experiment-blue-light-50: #f2f7ff;
+    /* Colors/Brands/Experiment/blue-light/500 - Global (primitives) */
+    --colors-brands-experiment-blue-light-500: #3479e9;
+    /* Colors/Brands/Experiment/blue-light/600 - Global (primitives) */
+    --colors-brands-experiment-blue-light-600: #1559ea;
+    /* Colors/Brands/Experiment/blue-light/700 - Global (primitives) */
+    --colors-brands-experiment-blue-light-700: #173fab;
+    /* Colors/Brands/Experiment/blue-light/800 - Global (primitives) */
+    --colors-brands-experiment-blue-light-800: #162f82;
+    /* Colors/Brands/Experiment/blue-light/900 - Global (primitives) */
+    --colors-brands-experiment-blue-light-900: #0c1736;
+    /* Colors/Brands/Experiment/Interactions/primary-dark-opacity-10 - Global (primitives) */
+    --colors-brands-experiment-interactions-primary-dark-opacity-10: #50a1ff1a;
+    /* Colors/Brands/Experiment/Interactions/primary-dark-opacity-12 - Global (primitives) */
+    --colors-brands-experiment-interactions-primary-dark-opacity-12: #50a1ff1f;
+    /* Colors/Brands/Experiment/Interactions/primary-dark-opacity-16 - Global (primitives) */
+    --colors-brands-experiment-interactions-primary-dark-opacity-16: #50a1ff29;
+    /* Colors/Brands/Experiment/Interactions/primary-dark-opacity-20 - Global (primitives) */
+    --colors-brands-experiment-interactions-primary-dark-opacity-20: #50a1ff33;
+    /* Colors/Brands/Experiment/Interactions/primary-dark-opacity-8 - Global (primitives) */
+    --colors-brands-experiment-interactions-primary-dark-opacity-8: #50a1ff14;
+    /* Colors/Brands/Experiment/Interactions/primary-light-opacity-10 - Global (primitives) */
+    --colors-brands-experiment-interactions-primary-light-opacity-10: #1559ea1a;
+    /* Colors/Brands/Experiment/Interactions/primary-light-opacity-12 - Global (primitives) */
+    --colors-brands-experiment-interactions-primary-light-opacity-12: #1559ea1f;
+    /* Colors/Brands/Experiment/Interactions/primary-light-opacity-16 - Global (primitives) */
+    --colors-brands-experiment-interactions-primary-light-opacity-16: #1559ea29;
+    /* Colors/Brands/Experiment/Interactions/primary-light-opacity-20 - Global (primitives) */
+    --colors-brands-experiment-interactions-primary-light-opacity-20: #1559ea33;
+    /* Colors/Brands/Experiment/Interactions/primary-light-opacity-8 - Global (primitives) */
+    --colors-brands-experiment-interactions-primary-light-opacity-8: #1559ea14;
+    /* Colors/Brands/Experiment/orange-dark/100 - Global (primitives) */
+    --colors-brands-experiment-orange-dark-100: #852c0f;
+    /* Colors/Brands/Experiment/orange-dark/200 - Global (primitives) */
+    --colors-brands-experiment-orange-dark-200: #ab4827;
+    /* Colors/Brands/Experiment/orange-dark/300 - Global (primitives) */
+    --colors-brands-experiment-orange-dark-300: #ce5a07;
+    /* Colors/Brands/Experiment/orange-dark/400 - Global (primitives) */
+    --colors-brands-experiment-orange-dark-400: #f27013;
+    /* Colors/Brands/Experiment/orange-dark/50 - Global (primitives) */
+    --colors-brands-experiment-orange-dark-50: #31160d;
+    /* Colors/Brands/Experiment/orange-dark/500 - Global (primitives) */
+    --colors-brands-experiment-orange-dark-500: #fb923c;
+    /* Colors/Brands/Experiment/orange-dark/600 - Global (primitives) */
+    --colors-brands-experiment-orange-dark-600: #fdba72;
+    /* Colors/Brands/Experiment/orange-dark/700 - Global (primitives) */
+    --colors-brands-experiment-orange-dark-700: #fed6a9;
+    /* Colors/Brands/Experiment/orange-dark/800 - Global (primitives) */
+    --colors-brands-experiment-orange-dark-800: #ffedd6;
+    /* Colors/Brands/Experiment/orange-dark/900 - Global (primitives) */
+    --colors-brands-experiment-orange-dark-900: #fff6eb;
+    /* Colors/Brands/Experiment/orange-light/100 - Global (primitives) */
+    --colors-brands-experiment-orange-light-100: #ffedd6;
+    /* Colors/Brands/Experiment/orange-light/200 - Global (primitives) */
+    --colors-brands-experiment-orange-light-200: #fed6a9;
+    /* Colors/Brands/Experiment/orange-light/300 - Global (primitives) */
+    --colors-brands-experiment-orange-light-300: #fdba72;
+    /* Colors/Brands/Experiment/orange-light/400 - Global (primitives) */
+    --colors-brands-experiment-orange-light-400: #fb923c;
+    /* Colors/Brands/Experiment/orange-light/50 - Global (primitives) */
+    --colors-brands-experiment-orange-light-50: #fff6eb;
+    /* Colors/Brands/Experiment/orange-light/500 - Global (primitives) */
+    --colors-brands-experiment-orange-light-500: #f67416;
+    /* Colors/Brands/Experiment/orange-light/600 - Global (primitives) */
+    --colors-brands-experiment-orange-light-600: #e4570c;
+    /* Colors/Brands/Experiment/orange-light/700 - Global (primitives) */
+    --colors-brands-experiment-orange-light-700: #b63c0b;
+    /* Colors/Brands/Experiment/orange-light/800 - Global (primitives) */
+    --colors-brands-experiment-orange-light-800: #80310f;
+    /* Colors/Brands/Experiment/orange-light/900 - Global (primitives) */
+    --colors-brands-experiment-orange-light-900: #471a0a;
+    /* Colors/Internal/pink-00-light - Global (primitives) */
+    --colors-internal-pink-00-light: #ff4f8d;
+    /* Colors/Internal/pink-50-dark - Global (primitives) */
+    --colors-internal-pink-50-dark: #802847;
+    /* Colors/Neutral/00 - Global (primitives) */
+    --colors-neutral-00: #000000;
+    /* Colors/Neutral/02 - Global (primitives) */
+    --colors-neutral-02: #050505;
+    /* Colors/Neutral/04 - Global (primitives) */
+    --colors-neutral-04: #0a0a0a;
+    /* Colors/Neutral/06 - Global (primitives) */
+    --colors-neutral-06: #0f0f0f;
+    /* Colors/Neutral/08 - Global (primitives) */
+    --colors-neutral-08: #141414;
+    /* Colors/Neutral/10 - Global (primitives) */
+    --colors-neutral-10: #1a1a1a;
+    /* Colors/Neutral/100 - Global (primitives) */
+    --colors-neutral-100: #ffffff;
+    /* Colors/Neutral/12 - Global (primitives) */
+    --colors-neutral-12: #1f1f1f;
+    /* Colors/Neutral/14 - Global (primitives) */
+    --colors-neutral-14: #242424;
+    /* Colors/Neutral/16 - Global (primitives) */
+    --colors-neutral-16: #292929;
+    /* Colors/Neutral/18 - Global (primitives) */
+    --colors-neutral-18: #2e2e2e;
+    /* Colors/Neutral/20 - Global (primitives) */
+    --colors-neutral-20: #333333;
+    /* Colors/Neutral/22 - Global (primitives) */
+    --colors-neutral-22: #383838;
+    /* Colors/Neutral/24 - Global (primitives) */
+    --colors-neutral-24: #424242;
+    /* Colors/Neutral/26 - Global (primitives) */
+    --colors-neutral-26: #424242;
+    /* Colors/Neutral/28 - Global (primitives) */
+    --colors-neutral-28: #474747;
+    /* Colors/Neutral/30 - Global (primitives) */
+    --colors-neutral-30: #4d4d4d;
+    /* Colors/Neutral/32 - Global (primitives) */
+    --colors-neutral-32: #525252;
+    /* Colors/Neutral/34 - Global (primitives) */
+    --colors-neutral-34: #575757;
+    /* Colors/Neutral/36 - Global (primitives) */
+    --colors-neutral-36: #5c5c5c;
+    /* Colors/Neutral/38 - Global (primitives) */
+    --colors-neutral-38: #616161;
+    /* Colors/Neutral/40 - Global (primitives) */
+    --colors-neutral-40: #666666;
+    /* Colors/Neutral/42 - Global (primitives) */
+    --colors-neutral-42: #6b6b6b;
+    /* Colors/Neutral/44 - Global (primitives) */
+    --colors-neutral-44: #707070;
+    /* Colors/Neutral/46 - Global (primitives) */
+    --colors-neutral-46: #757575;
+    /* Colors/Neutral/48 - Global (primitives) */
+    --colors-neutral-48: #7a7a7a;
+    /* Colors/Neutral/50 - Global (primitives) */
+    --colors-neutral-50: #808080;
+    /* Colors/Neutral/52 - Global (primitives) */
+    --colors-neutral-52: #858585;
+    /* Colors/Neutral/54 - Global (primitives) */
+    --colors-neutral-54: #8a8a8a;
+    /* Colors/Neutral/56 - Global (primitives) */
+    --colors-neutral-56: #8f8f8f;
+    /* Colors/Neutral/58 - Global (primitives) */
+    --colors-neutral-58: #949494;
+    /* Colors/Neutral/60 - Global (primitives) */
+    --colors-neutral-60: #999999;
+    /* Colors/Neutral/62 - Global (primitives) */
+    --colors-neutral-62: #9e9e9e;
+    /* Colors/Neutral/64 - Global (primitives) */
+    --colors-neutral-64: #a3a3a3;
+    /* Colors/Neutral/66 - Global (primitives) */
+    --colors-neutral-66: #a8a8a8;
+    /* Colors/Neutral/68 - Global (primitives) */
+    --colors-neutral-68: #adadad;
+    /* Colors/Neutral/70 - Global (primitives) */
+    --colors-neutral-70: #b3b3b3;
+    /* Colors/Neutral/72 - Global (primitives) */
+    --colors-neutral-72: #b8b8b8;
+    /* Colors/Neutral/74 - Global (primitives) */
+    --colors-neutral-74: #bdbdbd;
+    /* Colors/Neutral/76 - Global (primitives) */
+    --colors-neutral-76: #c2c2c2;
+    /* Colors/Neutral/78 - Global (primitives) */
+    --colors-neutral-78: #c7c7c7;
+    /* Colors/Neutral/80 - Global (primitives) */
+    --colors-neutral-80: #cccccc;
+    /* Colors/Neutral/82 - Global (primitives) */
+    --colors-neutral-82: #d1d1d1;
+    /* Colors/Neutral/84 - Global (primitives) */
+    --colors-neutral-84: #d6d6d6;
+    /* Colors/Neutral/86 - Global (primitives) */
+    --colors-neutral-86: #dbdbdb;
+    /* Colors/Neutral/88 - Global (primitives) */
+    --colors-neutral-88: #e0e0e0;
+    /* Colors/Neutral/90 - Global (primitives) */
+    --colors-neutral-90: #e6e6e6;
+    /* Colors/Neutral/92 - Global (primitives) */
+    --colors-neutral-92: #ebebeb;
+    /* Colors/Neutral/94 - Global (primitives) */
+    --colors-neutral-94: #f0f0f0;
+    /* Colors/Neutral/96 - Global (primitives) */
+    --colors-neutral-96: #f5f5f5;
+    /* Colors/Neutral/98 - Global (primitives) */
+    --colors-neutral-98: #fafafa;
+    /* Colors/Neutral/transparent - Global (primitives) */
+    --colors-neutral-transparent: #ffffff00;
+    /* Colors/System/blue-dark - Global (primitives) */
+    --colors-system-blue-dark: #5d92f5;
+    /* Colors/System/blue-dark-bg - Global (primitives) */
+    --colors-system-blue-dark-bg: #0e2754;
+    /* Colors/System/blue-light - Global (primitives) */
+    --colors-system-blue-light: #276ef1;
+    /* Colors/System/blue-light-bg - Global (primitives) */
+    --colors-system-blue-light-bg: #dfe9fd;
+    /* Colors/System/green-dark - Global (primitives) */
+    --colors-system-green-dark: #519f73;
+    /* Colors/System/green-dark-bg - Global (primitives) */
+    --colors-system-green-dark-bg: #0d2f1c;
+    /* Colors/System/green-light - Global (primitives) */
+    --colors-system-green-light: #258750;
+    /* Colors/System/green-light-bg - Global (primitives) */
+    --colors-system-green-light-bg: #d3e7dc;
+    /* Colors/System/Links/00-default-light - Global (primitives) */
+    --colors-system-links-00-default-light: #215ecd;
+    /* Colors/System/Links/10-hover-light - Global (primitives) */
+    --colors-system-links-10-hover-light: #1e55b9;
+    /* Colors/System/Links/20-press-light - Global (primitives) */
+    --colors-system-links-20-press-light: #1a4ba4;
+    /* Colors/System/Links/30-active-dark - Global (primitives) */
+    --colors-system-links-30-active-dark: #648edc;
+    /* Colors/System/Links/30-active-light - Global (primitives) */
+    --colors-system-links-30-active-light: #174290;
+    /* Colors/System/Links/40-default-dark - Global (primitives) */
+    --colors-system-links-40-default-dark: #7a9ee1;
+    /* Colors/System/Links/40-disabled-dark - Global (primitives) */
+    --colors-system-links-40-disabled-dark: #14387b;
+    /* Colors/System/Links/40-disabled-light - Global (primitives) */
+    --colors-system-links-40-disabled-light: #7a9ee1;
+    /* Colors/System/Links/50-hover-dark - Global (primitives) */
+    --colors-system-links-50-hover-dark: #90afe6;
+    /* Colors/System/Links/60-press-dark - Global (primitives) */
+    --colors-system-links-60-press-dark: #a6bfeb;
+    /* Colors/System/red-dark - Global (primitives) */
+    --colors-system-red-dark: #e26b7d;
+    /* Colors/System/red-dark-bg - Global (primitives) */
+    --colors-system-red-dark-bg: #4c141d;
+    /* Colors/System/red-light - Global (primitives) */
+    --colors-system-red-light: #d83a52;
+    /* Colors/System/red-light-bg - Global (primitives) */
+    --colors-system-red-light-bg: #f9e1e9;
+    /* Colors/System/Spectrum/Data visual/azure-400 - Global (primitives) */
+    --colors-system-spectrum-data-visual-azure-400: #7fc4ec;
+    /* Colors/System/Spectrum/Data visual/azure-700 - Global (primitives) */
+    --colors-system-spectrum-data-visual-azure-700: #299de0;
+    /* Colors/System/Spectrum/Data visual/backrose-900 - Global (primitives) */
+    --colors-system-spectrum-data-visual-backrose-900: #958ca3;
+    /* Colors/System/Spectrum/Data visual/blackrose-1200 - Global (primitives) */
+    --colors-system-spectrum-data-visual-blackrose-1200: #130033;
+    /* Colors/System/Spectrum/Data visual/bronze-1100 - Global (primitives) */
+    --colors-system-spectrum-data-visual-bronze-1100: #794b34;
+    /* Colors/System/Spectrum/Data visual/bronze-800 - Global (primitives) */
+    --colors-system-spectrum-data-visual-bronze-800: #af9385;
+    /* Colors/System/Spectrum/Data visual/brown-1200 - Global (primitives) */
+    --colors-system-spectrum-data-visual-brown-1200: #7a2a0b;
+    /* Colors/System/Spectrum/Data visual/brown-900 - Global (primitives) */
+    --colors-system-spectrum-data-visual-brown-900: #b68a79;
+    /* Colors/System/Spectrum/Data visual/cadet-gray-1200 - Global (primitives) */
+    --colors-system-spectrum-data-visual-cadet-gray-1200: #094a53;
+    /* Colors/System/Spectrum/Data visual/cadet-gray-900 - Global (primitives) */
+    --colors-system-spectrum-data-visual-cadet-gray-900: #789ba0;
+    /* Colors/System/Spectrum/Data visual/cooper-500 - Global (primitives) */
+    --colors-system-spectrum-data-visual-cooper-500: #e6b297;
+    /* Colors/System/Spectrum/Data visual/cooper-800 - Global (primitives) */
+    --colors-system-spectrum-data-visual-cooper-800: #d67e51;
+    /* Colors/System/Spectrum/Data visual/gold-400 - Global (primitives) */
+    --colors-system-spectrum-data-visual-gold-400: #cdbe80;
+    /* Colors/System/Spectrum/Data visual/gold-700 - Global (primitives) */
+    --colors-system-spectrum-data-visual-gold-700: #ab922b;
+    /* Colors/System/Spectrum/Data visual/Gradient/opacity-black - Global (primitives) */
+    --colors-system-spectrum-data-visual-gradient-opacity-black: #1f1f1f4d;
+    /* Colors/System/Spectrum/Data visual/Gradient/opacity-white - Global (primitives) */
+    --colors-system-spectrum-data-visual-gradient-opacity-white: #ffffff4d;
+    /* Colors/System/Spectrum/Data visual/Highlight/azure-400-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-azure-400-opacity: #7fc4ec4d;
+    /* Colors/System/Spectrum/Data visual/Highlight/azure-700-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-azure-700-opacity: #299de04d;
+    /* Colors/System/Spectrum/Data visual/Highlight/backrose-900-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-backrose-900-opacity: #958ca34d;
+    /* Colors/System/Spectrum/Data visual/Highlight/blackrose-1200-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-blackrose-1200-opacity: #1300334d;
+    /* Colors/System/Spectrum/Data visual/Highlight/bronze-1100-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-bronze-1100-opacity: #794b344d;
+    /* Colors/System/Spectrum/Data visual/Highlight/bronze-800-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-bronze-800-opacity: #af93854d;
+    /* Colors/System/Spectrum/Data visual/Highlight/brown-1200-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-brown-1200-opacity: #7a2a0b4d;
+    /* Colors/System/Spectrum/Data visual/Highlight/brown-900-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-brown-900-opacity: #b68a794d;
+    /* Colors/System/Spectrum/Data visual/Highlight/cadet-gray-1200-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-cadet-gray-1200-opacity: #094a534d;
+    /* Colors/System/Spectrum/Data visual/Highlight/cadet-gray-900-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-cadet-gray-900-opacity: #789ba04d;
+    /* Colors/System/Spectrum/Data visual/Highlight/cooper-500-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-cooper-500-opacity: #e6b2974d;
+    /* Colors/System/Spectrum/Data visual/Highlight/cooper-800-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-cooper-800-opacity: #d67e514d;
+    /* Colors/System/Spectrum/Data visual/Highlight/gold-400-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-gold-400-opacity: #cdbe804d;
+    /* Colors/System/Spectrum/Data visual/Highlight/gold-700-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-gold-700-opacity: #ab922b4d;
+    /* Colors/System/Spectrum/Data visual/Highlight/jade-600-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-jade-600-opacity: #88c5af4d;
+    /* Colors/System/Spectrum/Data visual/Highlight/jade-900-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-jade-900-opacity: #389e7a4d;
+    /* Colors/System/Spectrum/Data visual/Highlight/maroon-1200-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-maroon-1200-opacity: #5309094d;
+    /* Colors/System/Spectrum/Data visual/Highlight/maroon-900-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-maroon-900-opacity: #a984844d;
+    /* Colors/System/Spectrum/Data visual/Highlight/platinum-1000-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-platinum-1000-opacity: #7f7f7f4d;
+    /* Colors/System/Spectrum/Data visual/Highlight/platinum-700-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-platinum-700-opacity: #b2b2b24d;
+    /* Colors/System/Spectrum/Data visual/Highlight/sage-1200-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-sage-1200-opacity: #2d33004d;
+    /* Colors/System/Spectrum/Data visual/Highlight/sage-900-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-sage-900-opacity: #9699804d;
+    /* Colors/System/Spectrum/Data visual/Highlight/tanzanite-1200-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-tanzanite-1200-opacity: #0a466c4d;
+    /* Colors/System/Spectrum/Data visual/Highlight/tanzanite-900-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-tanzanite-900-opacity: #7899ae4d;
+    /* Colors/System/Spectrum/Data visual/Highlight/violet-1200-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-violet-1200-opacity: #4334794d;
+    /* Colors/System/Spectrum/Data visual/Highlight/violet-900-opacity - Global (primitives) */
+    --colors-system-spectrum-data-visual-highlight-violet-900-opacity: #a19abc4d;
+    /* Colors/System/Spectrum/Data visual/jade-600 - Global (primitives) */
+    --colors-system-spectrum-data-visual-jade-600: #88c5af;
+    /* Colors/System/Spectrum/Data visual/jade-900 - Global (primitives) */
+    --colors-system-spectrum-data-visual-jade-900: #389e7a;
+    /* Colors/System/Spectrum/Data visual/maroon-1200 - Global (primitives) */
+    --colors-system-spectrum-data-visual-maroon-1200: #530909;
+    /* Colors/System/Spectrum/Data visual/maroon-900 - Global (primitives) */
+    --colors-system-spectrum-data-visual-maroon-900: #a98484;
+    /* Colors/System/Spectrum/Data visual/platinum-1000 - Global (primitives) */
+    --colors-system-spectrum-data-visual-platinum-1000: #7f7f7f;
+    /* Colors/System/Spectrum/Data visual/platinum-700 - Global (primitives) */
+    --colors-system-spectrum-data-visual-platinum-700: #b2b2b2;
+    /* Colors/System/Spectrum/Data visual/sage-1200 - Global (primitives) */
+    --colors-system-spectrum-data-visual-sage-1200: #2d3300;
+    /* Colors/System/Spectrum/Data visual/sage-900 - Global (primitives) */
+    --colors-system-spectrum-data-visual-sage-900: #969980;
+    /* Colors/System/Spectrum/Data visual/tanzanite-1200 - Global (primitives) */
+    --colors-system-spectrum-data-visual-tanzanite-1200: #0a466c;
+    /* Colors/System/Spectrum/Data visual/tanzanite-900 - Global (primitives) */
+    --colors-system-spectrum-data-visual-tanzanite-900: #7899ae;
+    /* Colors/System/Spectrum/Data visual/violet-1200 - Global (primitives) */
+    --colors-system-spectrum-data-visual-violet-1200: #433479;
+    /* Colors/System/Spectrum/Data visual/violet-900 - Global (primitives) */
+    --colors-system-spectrum-data-visual-violet-900: #a19abc;
+    /* Colors/System/Spectrum/Depth/45-blue-dark - Global (primitives) */
+    --colors-system-spectrum-depth-45-blue-dark: #88aff7;
+    /* Colors/System/Spectrum/Depth/45-green-dark - Global (primitives) */
+    --colors-system-spectrum-depth-45-green-dark: #87bd9f;
+    /* Colors/System/Spectrum/Depth/45-lime-dark - Global (primitives) */
+    --colors-system-spectrum-depth-45-lime-dark: #dce28f;
+    /* Colors/System/Spectrum/Depth/45-magenta-dark - Global (primitives) */
+    --colors-system-spectrum-depth-45-magenta-dark: #e07aed;
+    /* Colors/System/Spectrum/Depth/45-orange-dark - Global (primitives) */
+    --colors-system-spectrum-depth-45-orange-dark: #f6a874;
+    /* Colors/System/Spectrum/Depth/45-pink-dark - Global (primitives) */
+    --colors-system-spectrum-depth-45-pink-dark: #ea86b9;
+    /* Colors/System/Spectrum/Depth/45-purple-dark - Global (primitives) */
+    --colors-system-spectrum-depth-45-purple-dark: #c8a6f9;
+    /* Colors/System/Spectrum/Depth/45-red-dark - Global (primitives) */
+    --colors-system-spectrum-depth-45-red-dark: #ea93a0;
+    /* Colors/System/Spectrum/Depth/45-teal-dark - Global (primitives) */
+    --colors-system-spectrum-depth-45-teal-dark: #74bbb4;
+    /* Colors/System/Spectrum/Depth/45-yellow-dark - Global (primitives) */
+    --colors-system-spectrum-depth-45-yellow-dark: #fada8d;
+    /* Colors/System/Spectrum/Depth/50-blue-light - Global (primitives) */
+    --colors-system-spectrum-depth-50-blue-light: #143778;
+    /* Colors/System/Spectrum/Depth/50-green-light - Global (primitives) */
+    --colors-system-spectrum-depth-50-green-light: #134428;
+    /* Colors/System/Spectrum/Depth/50-lime-light - Global (primitives) */
+    --colors-system-spectrum-depth-50-lime-light: #60651a;
+    /* Colors/System/Spectrum/Depth/50-magenta-light - Global (primitives) */
+    --colors-system-spectrum-depth-50-magenta-light: #63076f;
+    /* Colors/System/Spectrum/Depth/50-orange-light - Global (primitives) */
+    --colors-system-spectrum-depth-50-orange-light: #773001;
+    /* Colors/System/Spectrum/Depth/50-pink-light - Global (primitives) */
+    --colors-system-spectrum-depth-50-pink-light: #6c1240;
+    /* Colors/System/Spectrum/Depth/50-purple-light - Global (primitives) */
+    --colors-system-spectrum-depth-50-purple-light: #310077;
+    /* Colors/System/Spectrum/Depth/50-red-light - Global (primitives) */
+    --colors-system-spectrum-depth-50-red-light: #6c1d29;
+    /* Colors/System/Spectrum/Depth/50-teal-light - Global (primitives) */
+    --colors-system-spectrum-depth-50-teal-light: #01413c;
+    /* Colors/System/Spectrum/Depth/50-yellow-light - Global (primitives) */
+    --colors-system-spectrum-depth-50-yellow-light: #7b5e18;
+    /* Colors/System/Spectrum/Highlight/65-blue-dark - Global (primitives) */
+    --colors-system-spectrum-highlight-65-blue-dark: #0e2754;
+    /* Colors/System/Spectrum/Highlight/65-green-dark - Global (primitives) */
+    --colors-system-spectrum-highlight-65-green-dark: #0d2f1c;
+    /* Colors/System/Spectrum/Highlight/65-lime-dark - Global (primitives) */
+    --colors-system-spectrum-highlight-65-lime-dark: #434712;
+    /* Colors/System/Spectrum/Highlight/65-magenta-dark - Global (primitives) */
+    --colors-system-spectrum-highlight-65-magenta-dark: #45054e;
+    /* Colors/System/Spectrum/Highlight/65-orange-dark - Global (primitives) */
+    --colors-system-spectrum-highlight-65-orange-dark: #532201;
+    /* Colors/System/Spectrum/Highlight/65-pink-dark - Global (primitives) */
+    --colors-system-spectrum-highlight-65-pink-dark: #4c0c2d;
+    /* Colors/System/Spectrum/Highlight/65-purple-dark - Global (primitives) */
+    --colors-system-spectrum-highlight-65-purple-dark: #220053;
+    /* Colors/System/Spectrum/Highlight/65-red-dark - Global (primitives) */
+    --colors-system-spectrum-highlight-65-red-dark: #4c141d;
+    /* Colors/System/Spectrum/Highlight/65-teal-dark - Global (primitives) */
+    --colors-system-spectrum-highlight-65-teal-dark: #012e2a;
+    /* Colors/System/Spectrum/Highlight/65-yellow-dark - Global (primitives) */
+    --colors-system-spectrum-highlight-65-yellow-dark: #564210;
+    /* Colors/System/Spectrum/Highlight/85-blue-light - Global (primitives) */
+    --colors-system-spectrum-highlight-85-blue-light: #dfe9fd;
+    /* Colors/System/Spectrum/Highlight/85-green-light - Global (primitives) */
+    --colors-system-spectrum-highlight-85-green-light: #deede5;
+    /* Colors/System/Spectrum/Highlight/85-lime-light - Global (primitives) */
+    --colors-system-spectrum-highlight-85-lime-light: #f6f7e0;
+    /* Colors/System/Spectrum/Highlight/85-magenta-light - Global (primitives) */
+    --colors-system-spectrum-highlight-85-magenta-light: #f6dbfa;
+    /* Colors/System/Spectrum/Highlight/85-orange-light - Global (primitives) */
+    --colors-system-spectrum-highlight-85-orange-light: #fce7d9;
+    /* Colors/System/Spectrum/Highlight/85-pink-light - Global (primitives) */
+    --colors-system-spectrum-highlight-85-pink-light: #f9deec;
+    /* Colors/System/Spectrum/Highlight/85-purple-light - Global (primitives) */
+    --colors-system-spectrum-highlight-85-purple-light: #e7d9fc;
+    /* Colors/System/Spectrum/Highlight/85-red-light - Global (primitives) */
+    --colors-system-spectrum-highlight-85-red-light: #f9e1e5;
+    /* Colors/System/Spectrum/Highlight/85-teal-light - Global (primitives) */
+    --colors-system-spectrum-highlight-85-teal-light: #d9eceb;
+    /* Colors/System/Spectrum/Highlight/85-yellow-light - Global (primitives) */
+    --colors-system-spectrum-highlight-85-yellow-light: #fef5e0;
+    /* Colors/System/Spectrum/Vibrant/00-blue-light - Global (primitives) */
+    --colors-system-spectrum-vibrant-00-blue-light: #276ef1;
+    /* Colors/System/Spectrum/Vibrant/00-green-light - Global (primitives) */
+    --colors-system-spectrum-vibrant-00-green-light: #258750;
+    /* Colors/System/Spectrum/Vibrant/00-lime-light - Global (primitives) */
+    --colors-system-spectrum-vibrant-00-lime-light: #c0ca33;
+    /* Colors/System/Spectrum/Vibrant/00-magenta-light - Global (primitives) */
+    --colors-system-spectrum-vibrant-00-magenta-light: #c60ede;
+    /* Colors/System/Spectrum/Vibrant/00-orange-light - Global (primitives) */
+    --colors-system-spectrum-vibrant-00-orange-light: #ee6002;
+    /* Colors/System/Spectrum/Vibrant/00-pink-light - Global (primitives) */
+    --colors-system-spectrum-vibrant-00-pink-light: #d82380;
+    /* Colors/System/Spectrum/Vibrant/00-purple-light - Global (primitives) */
+    --colors-system-spectrum-vibrant-00-purple-light: #6200ee;
+    /* Colors/System/Spectrum/Vibrant/00-red-light - Global (primitives) */
+    --colors-system-spectrum-vibrant-00-red-light: #d83a52;
+    /* Colors/System/Spectrum/Vibrant/00-teal-light - Global (primitives) */
+    --colors-system-spectrum-vibrant-00-teal-light: #038377;
+    /* Colors/System/Spectrum/Vibrant/00-yellow-light - Global (primitives) */
+    --colors-system-spectrum-vibrant-00-yellow-light: #f6bc2f;
+    /* Colors/System/Spectrum/Vibrant/40-blue-dark - Global (primitives) */
+    --colors-system-spectrum-vibrant-40-blue-dark: #5d92f5;
+    /* Colors/System/Spectrum/Vibrant/40-green-dark - Global (primitives) */
+    --colors-system-spectrum-vibrant-40-green-dark: #7cb796;
+    /* Colors/System/Spectrum/Vibrant/40-lime-dark - Global (primitives) */
+    --colors-system-spectrum-vibrant-40-lime-dark: #d9df85;
+    /* Colors/System/Spectrum/Vibrant/40-magenta-dark - Global (primitives) */
+    --colors-system-spectrum-vibrant-40-magenta-dark: #dd6eeb;
+    /* Colors/System/Spectrum/Vibrant/40-orange-dark - Global (primitives) */
+    --colors-system-spectrum-vibrant-40-orange-dark: #f5a067;
+    /* Colors/System/Spectrum/Vibrant/40-pink-dark - Global (primitives) */
+    --colors-system-spectrum-vibrant-40-pink-dark: #e87bb3;
+    /* Colors/System/Spectrum/Vibrant/40-purple-dark - Global (primitives) */
+    --colors-system-spectrum-vibrant-40-purple-dark: #a166f5;
+    /* Colors/System/Spectrum/Vibrant/40-red-dark - Global (primitives) */
+    --colors-system-spectrum-vibrant-40-red-dark: #e88997;
+    /* Colors/System/Spectrum/Vibrant/40-teal-dark - Global (primitives) */
+    --colors-system-spectrum-vibrant-40-teal-dark: #68b5ad;
+    /* Colors/System/Spectrum/Vibrant/40-yellow-dark - Global (primitives) */
+    --colors-system-spectrum-vibrant-40-yellow-dark: #fad782;
+    /* Colors/System/Visited links/00-default-light - Global (primitives) */
+    --colors-system-visited-links-00-default-light: #7a3e7a;
+    /* Colors/System/Visited links/30-active-dark - Global (primitives) */
+    --colors-system-visited-links-30-active-dark: #a278a2;
+    /* Colors/System/Visited links/30-active-light - Global (primitives) */
+    --colors-system-visited-links-30-active-light: #552b55;
+    /* Colors/System/Visited links/40-default-dark - Global (primitives) */
+    --colors-system-visited-links-40-default-dark: #af8baf;
+    /* Colors/System/Visited links/40-disabled-dark - Global (primitives) */
+    --colors-system-visited-links-40-disabled-dark: #492549;
+    /* Colors/System/Visited links/40-disabled-light - Global (primitives) */
+    --colors-system-visited-links-40-disabled-light: #af8baf;
+    /* Colors/System/yellow-dark - Global (primitives) */
+    --colors-system-yellow-dark: #f8cd63;
+    /* Colors/System/yellow-dark-bg - Global (primitives) */
+    --colors-system-yellow-dark-bg: #564210;
+    /* Colors/System/yellow-light - Global (primitives) */
+    --colors-system-yellow-light: #f6bc2f;
+    /* Colors/System/yellow-light-bg - Global (primitives) */
+    --colors-system-yellow-light-bg: #fef5e0;
+    /* Corner radius/120 - Global (primitives) */
+    --corner-radius-120: 12px;
+    /* Corner radius/160 - Global (primitives) */
+    --corner-radius-160: 16px;
+    /* Corner radius/40 - Global (primitives) */
+    --corner-radius-40: 4px;
+    /* Corner radius/80 - Global (primitives) */
+    --corner-radius-80: 8px;
+    /* Corner radius/circular - Global (primitives) */
+    --corner-radius-circular: 999px;
+    /* Corner radius/None - Global (primitives) */
+    --corner-radius-none: 0;
+    /* East - navigation rails, drawers, sheets */
+    --drop-shadow-east: 2px 0px 8px -2px #0000001a, 2px 0px 4px -2px #0000001f;
+    /* Float */
+    --drop-shadow-float: 0px 0px 1px 0px #00000052, 0px 8px 12px 0px #00000026;
+    /* North - Bottom navigation, button dock, bottom sheet */
+    --drop-shadow-north: 0px -2px 8px -2px #0000001a, 0px -2px 4px -2px #0000001f;
+    /* Raise */
+    --drop-shadow-raise: 0px 0px 1px 0px #00000026, 0px 1px 1px 0px #00000052;
+    /* Scroll */
+    --drop-shadow-scroll: 0px 0px 3px 0px #00000052;
+    /* South - top navigation */
+    --drop-shadow-south: 0px 2px 8px -2px #0000001a, 0px 2px 4px -2px #0000001f;
+    /* West - side sheets */
+    --drop-shadow-west: -8px 0px 8px -2px #0000001a, -5px 4px 4px -6px #00000026;
+    /* Foreground/Link text/subtle-inverse-hovered - Theme - Cartus */
+    --foreground-link-text-subtle-inverse-hovered: #e6e6e6;
+    /* Foreground/Link text/subtle-inverse-pressed - Theme - Cartus */
+    --foreground-link-text-subtle-inverse-pressed: #d1d1d1;
+    /* Foreground/Neutral/inverse-on-surface - Theme - Cartus */
+    --foreground-neutral-inverse-on-surface: #fafafa;
+    /* Foreground/Neutral/on-color - Theme - Cartus */
+    --foreground-neutral-on-color: #ffffff;
+    /* Foreground/Neutral/on-inverse-surface - Theme - Cartus */
+    --foreground-neutral-on-inverse-surface: #fafafa;
+    /* Interaction/disabled-opacity - Theme - 3.0 */
+    --interaction-disabled-opacity: #0000000f;
+    /* Interaction/primary-disabled-opacity - Theme - 3.0 */
+    --interaction-primary-disabled-opacity: #1559ea1f;
+    /* Interaction/primary-hover-opacity - Theme - 3.0 */
+    --interaction-primary-hover-opacity: #1559ea1a;
+    /* Interaction/primary-press-opacity - Theme - 3.0 */
+    --interaction-primary-press-opacity: #1559ea33;
+    /* Interactions/opacity-black-10 - Global (primitives) */
+    --interactions-opacity-black-10: #0000001a;
+    /* Interactions/opacity-black-16 - Global (primitives) */
+    --interactions-opacity-black-16: #00000029;
+    /* Interactions/opacity-black-20 - Global (primitives) */
+    --interactions-opacity-black-20: #00000033;
+    /* Interactions/opacity-black-30 - Global (primitives) */
+    --interactions-opacity-black-30: #0000004d;
+    /* Interactions/opacity-black-6 - Global (primitives) */
+    --interactions-opacity-black-6: #0000000f;
+    /* Interactions/opacity-black-8 - Global (primitives) */
+    --interactions-opacity-black-8: #00000014;
+    /* Interactions/opacity-white-10 - Global (primitives) */
+    --interactions-opacity-white-10: #ffffff1a;
+    /* Interactions/opacity-white-16 - Global (primitives) */
+    --interactions-opacity-white-16: #ffffff29;
+    /* Interactions/opacity-white-20 - Global (primitives) */
+    --interactions-opacity-white-20: #ffffff33;
+    /* Interactions/opacity-white-30 - Global (primitives) */
+    --interactions-opacity-white-30: #ffffff4d;
+    /* Interactions/opacity-white-6 - Global (primitives) */
+    --interactions-opacity-white-6: #ffffff0f;
+    /* Interactions/opacity-white-8 - Global (primitives) */
+    --interactions-opacity-white-8: #ffffff14;
+    /* Colors/Brands/Cartus/Interactions/primary-dark-opacity-10 - Global (primitives) */
+    --interactions-primary-dark-opacity-10: #6691b81a;
+    /* Colors/Brands/Cartus/Interactions/primary-dark-opacity-12 - Global (primitives) */
+    --interactions-primary-dark-opacity-12: #6691b81f;
+    /* Colors/Brands/Cartus/Interactions/primary-dark-opacity-16 - Global (primitives) */
+    --interactions-primary-dark-opacity-16: #6691b829;
+    /* Colors/Brands/Cartus/Interactions/primary-dark-opacity-20 - Global (primitives) */
+    --interactions-primary-dark-opacity-20: #6691b833;
+    /* Colors/Brands/Cartus/Interactions/primary-dark-opacity-8 - Global (primitives) */
+    --interactions-primary-dark-opacity-8: #6691b814;
+    /* Colors/Brands/Cartus/Interactions/primary-light-opacity-10 - Global (primitives) */
+    --interactions-primary-light-opacity-10: #0047881a;
+    /* Colors/Brands/Cartus/Interactions/primary-light-opacity-12 - Global (primitives) */
+    --interactions-primary-light-opacity-12: #0047881f;
+    /* Colors/Brands/Cartus/Interactions/primary-light-opacity-16 - Global (primitives) */
+    --interactions-primary-light-opacity-16: #00478829;
+    /* Colors/Brands/Cartus/Interactions/primary-light-opacity-20 - Global (primitives) */
+    --interactions-primary-light-opacity-20: #00478833;
+    /* Colors/Brands/Cartus/Interactions/primary-light-opacity-8 - Global (primitives) */
+    --interactions-primary-light-opacity-8: #00478814;
+    /* Labels/Base */
+    --labels-base: 500 16px/20px var(--typeface);
+    /* Labels/Base - line height */
+    --labels-base-line-height: 20px;
+    /* Labels/Base - size */
+    --labels-base-size: 16px;
+    /* Labels/Base - style */
+    --labels-base-style: medium;
+    /* Labels/Large */
+    --labels-large: 500 18px/24px var(--typeface);
+    /* Labels/Large - line height */
+    --labels-large-line-height: 24px;
+    /* Labels/Large - size */
+    --labels-large-size: 18px;
+    /* Labels/Large - style */
+    --labels-large-style: medium;
+    /* Labels/Small */
+    --labels-small: 500 14px/20px var(--typeface);
+    /* Labels/Small - line height */
+    --labels-small-line-height: 20px;
+    /* Labels/Small - size */
+    --labels-small-size: 14px;
+    /* Labels/Small - style */
+    --labels-small-style: medium;
+    /* Labels/X-Small */
+    --labels-x-small: 500 12px/16px var(--typeface);
+    /* Labels/X-Small - line height */
+    --labels-x-small-line-height: 16px;
+    /* Labels/X-Small - size */
+    --labels-x-small-size: 12px;
+    /* Labels/X-Small - style */
+    --labels-x-small-style: medium;
+    /* Colors/Brands/Cartus/Primary/00-base - Global (primitives) */
+    --primary-00-base: #004788;
+    /* Colors/Brands/Cartus/Primary/15-dark - Global (primitives) */
+    --primary-15-dark: #003c74;
+    /* Colors/Brands/Cartus/Primary/40-light - Global (primitives) */
+    --primary-40-light: #6691b8;
+    /* Colors/Brands/Cartus/Primary/55-light - Global (primitives) */
+    --primary-55-light: #8cacc9;
+    /* Colors/Brands/Cartus/Primary/75-dark - Global (primitives) */
+    --primary-75-dark: #001222;
+    /* Colors/Brands/Cartus/Primary/85-light - Global (primitives) */
+    --primary-85-light: #d9e3ed;
+    /* Radius/full - Borders */
+    --radius-full: 999px;
+    /* Radius/lg - Borders */
+    --radius-lg: 12px;
+    /* Radius/md - Borders */
+    --radius-md: 8px;
+    /* Radius/none - Borders */
+    --radius-none: 0;
+    /* Radius/sm - Borders */
+    --radius-sm: 4px;
+    /* Radius/xlg - Borders */
+    --radius-xlg: 16px;
+    /* Colors/Brands/Cartus/Secondary/00-base - Global (primitives) */
+    --secondary-00-base: #2098d5;
+    /* Colors/Brands/Cartus/Secondary/15-dark - Global (primitives) */
+    --secondary-15-dark: #1b81b5;
+    /* Colors/Brands/Cartus/Secondary/40-light - Global (primitives) */
+    --secondary-40-light: #79c1e6;
+    /* Colors/Brands/Cartus/Secondary/55-light - Global (primitives) */
+    --secondary-55-light: #9bd1ec;
+    /* Colors/Brands/Cartus/Secondary/75-dark - Global (primitives) */
+    --secondary-75-dark: #082635;
+    /* Colors/Brands/Cartus/Secondary/85-light - Global (primitives) */
+    --secondary-85-light: #def0f9;
+    /* Shadows/Inner-Shadow-black-100 - Global (primitives) */
+    --shadows-inner-shadow-black-100: #000000;
+    /* Shadows/Inner-Shadow-white-100 - Global (primitives) */
+    --shadows-inner-shadow-white-100: #ffffff;
+    /* Shadows/Shadow-black-10 - Global (primitives) */
+    --shadows-shadow-black-10: #0000001a;
+    /* Shadows/Shadow-black-12 - Global (primitives) */
+    --shadows-shadow-black-12: #0000001f;
+    /* Shadows/Shadow-black-15 - Global (primitives) */
+    --shadows-shadow-black-15: #00000026;
+    /* Shadows/Shadow-black-25 - Global (primitives) */
+    --shadows-shadow-black-25: #00000040;
+    /* Shadows/Shadow-black-32 - Global (primitives) */
+    --shadows-shadow-black-32: #00000052;
+    /* Shadows/Shadow-black-50 - Global (primitives) */
+    --shadows-shadow-black-50: #00000080;
+    /* Shadows/Shadow-gray-10 - Global (primitives) */
+    --shadows-shadow-gray-10: #6161611a;
+    /* Shadows/Shadow-gray-12 - Global (primitives) */
+    --shadows-shadow-gray-12: #6161611f;
+    /* Shadows/Shadow-gray-15 - Global (primitives) */
+    --shadows-shadow-gray-15: #61616126;
+    /* Shadows/Shadow-gray-25 - Global (primitives) */
+    --shadows-shadow-gray-25: #61616140;
+    /* Shadows/Shadow-gray-32 - Global (primitives) */
+    --shadows-shadow-gray-32: #61616152;
+    /* Shadows/Shadow-gray-50 - Global (primitives) */
+    --shadows-shadow-gray-50: #61616180;
+    /* Spacing/sizing-01 - Spacing & Sizing */
+    --spacing-sizing-01: 4px;
+    /* Spacing/sizing-02 - Spacing & Sizing */
+    --spacing-sizing-02: 8px;
+    /* Spacing/sizing-03 - Spacing & Sizing */
+    --spacing-sizing-03: 12px;
+    /* Spacing/sizing-04 - Spacing & Sizing */
+    --spacing-sizing-04: 16px;
+    /* Spacing/sizing-05 - Spacing & Sizing */
+    --spacing-sizing-05: 20px;
+    /* Spacing/sizing-06 - Spacing & Sizing */
+    --spacing-sizing-06: 24px;
+    /* Spacing/sizing-07 - Spacing & Sizing */
+    --spacing-sizing-07: 28px;
+    /* Spacing/sizing-08 - Spacing & Sizing */
+    --spacing-sizing-08: 32px;
+    /* Spacing/sizing-09 - Spacing & Sizing */
+    --spacing-sizing-09: 36px;
+    /* Spacing/sizing-10 - Spacing & Sizing */
+    --spacing-sizing-10: 40px;
+    /* Spacing/sizing-11 - Spacing & Sizing */
+    --spacing-sizing-11: 44px;
+    /* Spacing/sizing-12 - Spacing & Sizing */
+    --spacing-sizing-12: 48px;
+    /* Spacing/sizing-13 - Spacing & Sizing */
+    --spacing-sizing-13: 52px;
+    /* Spacing/sizing-14 - Spacing & Sizing */
+    --spacing-sizing-14: 56px;
+    /* Spacing/sizing-15 - Spacing & Sizing */
+    --spacing-sizing-15: 60px;
+    /* Spacing/sizing-16 - Spacing & Sizing */
+    --spacing-sizing-16: 64px;
+    /* Spacing/sizing-17 - Spacing & Sizing */
+    --spacing-sizing-17: 68px;
+    /* Spacing/sizing-18 - Spacing & Sizing */
+    --spacing-sizing-18: 72px;
+    /* Spacing/sizing-19 - Spacing & Sizing */
+    --spacing-sizing-19: 80px;
+    /* Spacing/sizing-20 - Spacing & Sizing */
+    --spacing-sizing-20: 96px;
+    /* Spacing/sizing-21 - Spacing & Sizing */
+    --spacing-sizing-21: 104px;
+    /* Spacing/sizing-22 - Spacing & Sizing */
+    --spacing-sizing-22: 120px;
+    /* Spacing/sizing-23 - Spacing & Sizing */
+    --spacing-sizing-23: 128px;
+    /* Spacing/sizing-24 - Spacing & Sizing */
+    --spacing-sizing-24: 148px;
+    /* Spacing/sizing-25 - Spacing & Sizing */
+    --spacing-sizing-25: 152px;
+    /* Spacing/sizing-none - Spacing & Sizing */
+    --spacing-sizing-none: 0;
+    /* Spacings/1040 - Global (primitives) */
+    --spacings-1040: 104px;
+    /* Spacings/120 - Global (primitives) */
+    --spacings-120: 12px;
+    /* Spacings/1200 - Global (primitives) */
+    --spacings-1200: 120px;
+    /* Spacings/1280 - Global (primitives) */
+    --spacings-1280: 128px;
+    /* Spacings/1480 - Global (primitives) */
+    --spacings-1480: 148px;
+    /* Spacings/1520 - Global (primitives) */
+    --spacings-1520: 152px;
+    /* Spacings/160 - Global (primitives) */
+    --spacings-160: 16px;
+    /* Spacings/200 - Global (primitives) */
+    --spacings-200: 20px;
+    /* Spacings/240 - Global (primitives) */
+    --spacings-240: 24px;
+    /* Spacings/280 - Global (primitives) */
+    --spacings-280: 28px;
+    /* Spacings/320 - Global (primitives) */
+    --spacings-320: 32px;
+    /* Spacings/360 - Global (primitives) */
+    --spacings-360: 36px;
+    /* Spacings/40 - Global (primitives) */
+    --spacings-40: 4px;
+    /* Spacings/400 - Global (primitives) */
+    --spacings-400: 40px;
+    /* Spacings/440 - Global (primitives) */
+    --spacings-440: 44px;
+    /* Spacings/480 - Global (primitives) */
+    --spacings-480: 48px;
+    /* Spacings/520 - Global (primitives) */
+    --spacings-520: 52px;
+    /* Spacings/560 - Global (primitives) */
+    --spacings-560: 56px;
+    /* Spacings/600 - Global (primitives) */
+    --spacings-600: 60px;
+    /* Spacings/640 - Global (primitives) */
+    --spacings-640: 64px;
+    /* Spacings/680 - Global (primitives) */
+    --spacings-680: 68px;
+    /* Spacings/720 - Global (primitives) */
+    --spacings-720: 72px;
+    /* Spacings/80 - Global (primitives) */
+    --spacings-80: 8px;
+    /* Spacings/800 - Global (primitives) */
+    --spacings-800: 80px;
+    /* Spacings/960 - Global (primitives) */
+    --spacings-960: 96px;
+    /* Spacings/None - Global (primitives) */
+    --spacings-none: 0;
+    /* Status/on-error - Theme - Cartus */
+    --status-on-error: #ffffff;
+    /* Status/on-information - Theme - Cartus */
+    --status-on-information: #ffffff;
+    /* Status/on-informational - Theme - Cartus */
+    --status-on-informational: #ffffff;
+    /* Status/on-success - Theme - Cartus */
+    --status-on-success: #ffffff;
+    /* Status/on-warning - Theme - Cartus */
+    --status-on-warning: #141414;
+    /* Stroke/Neutral/focus-on-inverse - Theme - Cartus */
+    --stroke-neutral-focus-on-inverse: #ffffff;
+    /* Stroke/Neutral/Interaction/inverse-focus - Theme - 3.0 */
+    --stroke-neutral-interaction-inverse-focus: #ffffff;
+    /* Stroke/Neutral/Interactions/inverse-focus - Theme - Cartus */
+    --stroke-neutral-interactions-inverse-focus: #ffffff;
+    /* Stroke/none - Borders */
+    --stroke-none: 0;
+    /* Stroke/thick - Borders */
+    --stroke-thick: 2px;
+    /* Stroke/thicker - Borders */
+    --stroke-thicker: 4px;
+    /* Stroke/thin - Borders */
+    --stroke-thin: 1px;
+    /* Surface/Neutral/transparent - Theme - Cartus */
+    --surface-neutral-transparent: #ffffff00;
+    /* Colors/Brands/Cartus/Tertiary/00-base - Global (primitives) */
+    --tertiary-00-base: #009a95;
+    /* Colors/Brands/Cartus/Tertiary/15-dark - Global (primitives) */
+    --tertiary-15-dark: #00837f;
+    /* Colors/Brands/Cartus/Tertiary/40-light - Global (primitives) */
+    --tertiary-40-light: #66c2bf;
+    /* Colors/Brands/Cartus/Tertiary/55-light - Global (primitives) */
+    --tertiary-55-light: #8cd2cf;
+    /* Colors/Brands/Cartus/Tertiary/75-dark - Global (primitives) */
+    --tertiary-75-dark: #002725;
+    /* Colors/Brands/Cartus/Tertiary/85-light - Global (primitives) */
+    --tertiary-85-light: #d9f0ef;
+    /* Typeface - Brand */
+    --typeface: 'Montserrat', 'Work Sans', sans-serif;
+    /* Typography/Line-height/lh-1 - Global (primitives) */
+    --typography-line-height-lh-1: 16px;
+    /* Typography/Line-height/lh-10 - Global (primitives) */
+    --typography-line-height-lh-10: 48px;
+    /* Typography/Line-height/lh-11 - Global (primitives) */
+    --typography-line-height-lh-11: 56px;
+    /* Typography/Line-height/lh-12 - Global (primitives) */
+    --typography-line-height-lh-12: 60px;
+    /* Typography/Line-height/lh-13 - Global (primitives) */
+    --typography-line-height-lh-13: 64px;
+    /* Typography/Line-height/lh-14 - Global (primitives) */
+    --typography-line-height-lh-14: 72px;
+    /* Typography/Line-height/lh-15 - Global (primitives) */
+    --typography-line-height-lh-15: 88px;
+    /* Typography/Line-height/lh-2 - Global (primitives) */
+    --typography-line-height-lh-2: 20px;
+    /* Typography/Line-height/lh-3 - Global (primitives) */
+    --typography-line-height-lh-3: 22px;
+    /* Typography/Line-height/lh-4 - Global (primitives) */
+    --typography-line-height-lh-4: 24px;
+    /* Typography/Line-height/lh-5 - Global (primitives) */
+    --typography-line-height-lh-5: 28px;
+    /* Typography/Line-height/lh-6 - Global (primitives) */
+    --typography-line-height-lh-6: 32px;
+    /* Typography/Line-height/lh-7 - Global (primitives) */
+    --typography-line-height-lh-7: 36px;
+    /* Typography/Line-height/lh-8 - Global (primitives) */
+    --typography-line-height-lh-8: 40px;
+    /* Typography/Line-height/lh-9 - Global (primitives) */
+    --typography-line-height-lh-9: 44px;
+    /* Typography/Size/base - Global (primitives) */
+    --typography-size-base: 16px;
+    /* Typography/Size/bp-md - Global (primitives) */
+    --typography-size-bp-md: 18px;
+    /* Typography/Size/d-lg-m - Global (primitives) */
+    --typography-size-d-lg-m: 64px;
+    /* Typography/Size/d-lg (old) - Global (primitives) */
+    --typography-size-d-lg-old: 60px;
+    /* Typography/Size/d-md-m - Global (primitives) */
+    --typography-size-d-md-m: 56px;
+    /* Typography/Size/d-md (old) - Global (primitives) */
+    --typography-size-d-md-old: 52px;
+    /* Typography/Size/d-sm-m - Global (primitives) */
+    --typography-size-d-sm-m: 48px;
+    /* Typography/Size/d-sm (old) - Global (primitives) */
+    --typography-size-d-sm-old: 44px;
+    /* Typography/Size/lg-xlg - Global (primitives) */
+    --typography-size-lg-xlg: 28px;
+    /* Typography/Size/md-mdp - Global (primitives) */
+    --typography-size-md-mdp: 20px;
+    /* Typography/Size/mdp-lg - Global (primitives) */
+    --typography-size-mdp-lg: 24px;
+    /* Typography/Size/sm - Global (primitives) */
+    --typography-size-sm: 14px;
+    /* Typography/Size/xlg-xxlg - Global (primitives) */
+    --typography-size-xlg-xxlg: 32px;
+    /* Typography/Size/xs - Global (primitives) */
+    --typography-size-xs: 12px;
+    /* Typography/Size/xxlg-xxxlg - Global (primitives) */
+    --typography-size-xxlg-xxxlg: 36px;
+    /* Typography/Size/xxxlg - Global (primitives) */
+    --typography-size-xxxlg: 40px;
+    /* Typography/Typeface/Arial - Global (primitives) */
+    --typography-typeface-arial: 'Arial', sans-serif;
+    /* Typography/Typeface/Geist - Global (primitives) */
+    --typography-typeface-geist: 'Geist', sans-serif;
+    /* Typography/Typeface/Helvetica - Global (primitives) */
+    --typography-typeface-helvetica: 'Helvetica', sans-serif;
+    /* Typography/Typeface/Montserrat - Global (primitives) */
+    --typography-typeface-inter: 'Montserrat', sans-serif;
+    /* Typography/Typeface/Lato - Global (primitives) */
+    --typography-typeface-lato: 'Lato', sans-serif;
+    /* Typography/Typeface/Manrope - Global (primitives) */
+    --typography-typeface-manrope: 'Manrope', sans-serif;
+    /* Typography/Typeface/Open Sans - Global (primitives) */
+    --typography-typeface-open-sans: 'Open Sans', sans-serif;
+    /* Typography/Typeface/Red Hat Text - Global (primitives) */
+    --typography-typeface-red-hat-text: 'Red Hat Text', sans-serif;
+    /* Typography/Typeface/Roboto - Global (primitives) */
+    --typography-typeface-roboto: 'Roboto', sans-serif;
+    /* Typography/Typeface/SF Pro - Global (primitives) */
+    --typography-typeface-sf-pro: 'SF Pro', sans-serif;
+    /* Typography/Typeface/Typold - Global (primitives) */
+    --typography-typeface-typold: 'Typold', sans-serif;
+    /* Typography/Typeface/Work Sans - Global (primitives) */
+    --typography-typeface-work-sans: 'Work Sans', sans-serif;
+    /* Typography/Weight/300 - Global (primitives) */
+    --typography-weight-300: 300;
+    /* Typography/Weight/400 - Global (primitives) */
+    --typography-weight-400: 400;
+    /* Typography/Weight/500 - Global (primitives) */
+    --typography-weight-500: 500;
+    /* Typography/Weight/600 - Global (primitives) */
+    --typography-weight-600: 600;
+    /* Mobile/Display/Regular/Large */
+    --display-regular-large: 400 56px/72px var(--typeface);
+    /* Mobile/Display/Regular/Large - line height */
+    --display-regular-large-line-height: 72px;
+    /* Mobile/Display/Regular/Large - size */
+    --display-regular-large-size: 56px;
+    /* Mobile/Display/Regular/Large - style */
+    --display-regular-large-style: regular;
+    /* Mobile/Display/Regular/Medium */
+    --display-regular-medium: 400 48px/60px var(--typeface);
+    /* Mobile/Display/Regular/Medium - line height */
+    --display-regular-medium-line-height: 60px;
+    /* Mobile/Display/Regular/Medium - size */
+    --display-regular-medium-size: 48px;
+    /* Mobile/Display/Regular/Medium - style */
+    --display-regular-medium-style: regular;
+    /* Mobile/Display/Regular/Small */
+    --display-regular-small: 400 40px/48px var(--typeface);
+    /* Mobile/Display/Regular/Small - line height */
+    --display-regular-small-line-height: 48px;
+    /* Mobile/Display/Regular/Small - size */
+    --display-regular-small-size: 40px;
+    /* Mobile/Display/Regular/Small - style */
+    --display-regular-small-style: regular;
+    /* Mobile/Display/Semibold/Large */
+    --display-semibold-large: 600 56px/72px var(--typeface);
+    /* Mobile/Display/Semibold/Large - line height */
+    --display-semibold-large-line-height: 72px;
+    /* Mobile/Display/Semibold/Large - size */
+    --display-semibold-large-size: 56px;
+    /* Mobile/Display/Semibold/Large - style */
+    --display-semibold-large-style: semibold;
+    /* Mobile/Display/Semibold/Medium */
+    --display-semibold-medium: 600 48px/60px var(--typeface);
+    /* Mobile/Display/Semibold/Medium - line height */
+    --display-semibold-medium-line-height: 60px;
+    /* Mobile/Display/Semibold/Medium - size */
+    --display-semibold-medium-size: 48px;
+    /* Mobile/Display/Semibold/Medium - style */
+    --display-semibold-medium-style: semibold;
+    /* Mobile/Display/Semibold/Small */
+    --display-semibold-small: 600 40px/48px var(--typeface);
+    /* Mobile/Display/Semibold/Small - line height */
+    --display-semibold-small-line-height: 48px;
+    /* Mobile/Display/Semibold/Small - size */
+    --display-semibold-small-size: 40px;
+    /* Mobile/Display/Semibold/Small - style */
+    --display-semibold-small-style: semibold;
+    /* Mobile/Heading/H1 - Large Headline */
+    --heading-h1: 600 32px/40px var(--typeface);
+    /* Mobile/Heading/H1 - Large Headline line height */
+    --heading-h1-line-height: 40px;
+    /* Mobile/Heading/H1 - Large Headline size */
+    --heading-h1-size: 32px;
+    /* Mobile/Heading/H1 - Large Headline style */
+    --heading-h1-style: semibold;
+    /* Mobile/Heading/H2 - Headline */
+    --heading-h2: 600 28px/36px var(--typeface);
+    /* Mobile/Heading/H2 - Headline line height */
+    --heading-h2-line-height: 36px;
+    /* Mobile/Heading/H2 - Headline size */
+    --heading-h2-size: 28px;
+    /* Mobile/Heading/H2 - Headline style */
+    --heading-h2-style: semibold;
+    /* Mobile/Heading/H3 - Headline */
+    --heading-h3: 600 24px/32px var(--typeface);
+    /* Mobile/Heading/H3 - Headline line height */
+    --heading-h3-line-height: 32px;
+    /* Mobile/Heading/H3 - Headline size */
+    --heading-h3-size: 24px;
+    /* Mobile/Heading/H3 - Headline style */
+    --heading-h3-style: semibold;
+    /* Mobile/Heading/H4 - Headline */
+    --heading-h4: 600 20px/28px var(--typeface);
+    /* Mobile/Heading/H4 - Headline line height */
+    --heading-h4-line-height: 28px;
+    /* Mobile/Heading/H4 - Headline size */
+    --heading-h4-size: 20px;
+    /* Mobile/Heading/H4 - Headline style */
+    --heading-h4-style: semibold;
+    /* Mobile/Heading/H5 */
+    --heading-h5: 600 18px/24px var(--typeface);
+    /* Mobile/Heading/H5 - line height */
+    --heading-h5-line-height: 24px;
+    /* Mobile/Heading/H5 - size */
+    --heading-h5-size: 18px;
+    /* Mobile/Heading/H5 - style */
+    --heading-h5-style: semibold;
+    /* Mobile/Heading/H6 */
+    --heading-h6: 500 16px/20px var(--typeface);
+    /* Mobile/Heading/H6 - line height */
+    --heading-h6-line-height: 20px;
+    /* Mobile/Heading/H6 - size */
+    --heading-h6-size: 16px;
+    /* Mobile/Heading/H6 - style */
+    --heading-h6-style: medium;
+    /* Mobile/Subheader/Large - Headline */
+    --subheader-large: 400 20px/28px var(--typeface);
+    /* Mobile/Subheader/Large - Headline line height */
+    --subheader-large-line-height: 28px;
+    /* Mobile/Subheader/Large - Headline size */
+    --subheader-large-size: 20px;
+    /* Mobile/Subheader/Large - Headline style */
+    --subheader-large-style: regular;
+    /* Mobile/Subheader/Medium - Headline */
+    --subheader-medium: 400 18px/24px var(--typeface);
+    /* Mobile/Subheader/Medium - Headline line height */
+    --subheader-medium-line-height: 24px;
+    /* Mobile/Subheader/Medium - Headline size */
+    --subheader-medium-size: 18px;
+    /* Mobile/Subheader/Medium - Headline style */
+    --subheader-medium-style: regular;
+    /* Mobile/Subheader/X-Large - Headline */
+    --subheader-x-large: 400 24px/32px var(--typeface);
+    /* Mobile/Subheader/X-Large - Headline line height */
+    --subheader-x-large-line-height: 32px;
+    /* Mobile/Subheader/X-Large - Headline size */
+    --subheader-x-large-size: 24px;
+    /* Mobile/Subheader/X-Large - Headline style */
+    --subheader-x-large-style: regular;
+    /* Mobile/Subheader/XX-Large - Large Headline */
+    --subheader-xx-large: 400 28px/36px var(--typeface);
+    /* Mobile/Subheader/XX-Large - Large Headline line height */
+    --subheader-xx-large-line-height: 36px;
+    /* Mobile/Subheader/XX-Large - Large Headline size */
+    --subheader-xx-large-size: 28px;
+    /* Mobile/Subheader/XX-Large - Large Headline style */
+    --subheader-xx-large-style: regular;
+    /* Mobile/Subheader/XXX-Large - Large Headline */
+    --subheader-xxx-large: 400 32px/40px var(--typeface);
+    /* Mobile/Subheader/XXX-Large - Large Headline line height */
+    --subheader-xxx-large-line-height: 40px;
+    /* Mobile/Subheader/XXX-Large - Large Headline size */
+    --subheader-xxx-large-size: 32px;
+    /* Mobile/Subheader/XXX-Large - Large Headline style */
+    --subheader-xxx-large-style: regular;
+
+    --button-border-width: 2px;
+    --button-border-type: solid;
+    --button-border-radius: var(--radius-full);
+
+    @media (width >= 640px) {
+        /* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. */
+        --display-regular-large: 400 64px/88px var(--typeface);
+        /* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. line height */
+        --display-regular-large-line-height: 88px;
+        /* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. size */
+        --display-regular-large-size: 64px;
+        /* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. style */
+        --display-regular-large-style: regular;
+        /* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. */
+        --display-regular-medium: 400 56px/72px var(--typeface);
+        /* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. line height */
+        --display-regular-medium-line-height: 72px;
+        /* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. size */
+        --display-regular-medium-size: 56px;
+        /* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. style */
+        --display-regular-medium-style: regular;
+        /* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. */
+        --display-regular-small: 400 48px/60px var(--typeface);
+        /* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. line height */
+        --display-regular-small-line-height: 60px;
+        /* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. size */
+        --display-regular-small-size: 48px;
+        /* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. style */
+        --display-regular-small-style: regular;
+        /* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. */
+        --display-semibold-large: 600 64px/88px var(--typeface);
+        /* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. line height */
+        --display-semibold-large-line-height: 88px;
+        /* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. size */
+        --display-semibold-large-size: 64px;
+        /* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. style */
+        --display-semibold-large-style: semibold;
+        /* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. */
+        --display-semibold-medium: 600 56px/72px var(--typeface);
+        /* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. line height */
+        --display-semibold-medium-line-height: 72px;
+        /* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. size */
+        --display-semibold-medium-size: 56px;
+        /* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. style */
+        --display-semibold-medium-style: semibold;
+        /* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. */
+        --display-semibold-small: 600 48px/60px var(--typeface);
+        /* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. line height */
+        --display-semibold-small-line-height: 60px;
+        /* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. size */
+        --display-semibold-small-size: 48px;
+        /* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. style */
+        --display-semibold-small-style: semibold;
+        /* Desktop/Heading/H1 */
+        --heading-h1: 600 40px/48px var(--typeface);
+        /* Desktop/Heading/H1 - line height */
+        --heading-h1-line-height: 48px;
+        /* Desktop/Heading/H1 - size */
+        --heading-h1-size: 40px;
+        /* Desktop/Heading/H1 - style */
+        --heading-h1-style: semibold;
+        /* Desktop/Heading/H2 */
+        --heading-h2: 600 32px/40px var(--typeface);
+        /* Desktop/Heading/H2 - line height */
+        --heading-h2-line-height: 40px;
+        /* Desktop/Heading/H2 - size */
+        --heading-h2-size: 32px;
+        /* Desktop/Heading/H2 - style */
+        --heading-h2-style: semibold;
+        /* Desktop/Heading/H3 */
+        --heading-h3: 600 28px/36px var(--typeface);
+        /* Desktop/Heading/H3 - line height */
+        --heading-h3-line-height: 36px;
+        /* Desktop/Heading/H3 - size */
+        --heading-h3-size: 28px;
+        /* Desktop/Heading/H3 - style */
+        --heading-h3-style: semibold;
+        /* Desktop/Heading/H4 */
+        --heading-h4: 600 24px/32px var(--typeface);
+        /* Desktop/Heading/H4 - line height */
+        --heading-h4-line-height: 32px;
+        /* Desktop/Heading/H4 - size */
+        --heading-h4-size: 24px;
+        /* Desktop/Heading/H4 - style */
+        --heading-h4-style: semibold;
+        /* Desktop/Heading/H5 */
+        --heading-h5: 600 20px/28px var(--typeface);
+        /* Desktop/Heading/H5 - line height */
+        --heading-h5-line-height: 28px;
+        /* Desktop/Heading/H5 - size */
+        --heading-h5-size: 20px;
+        /* Desktop/Heading/H5 - style */
+        --heading-h5-style: semibold;
+        /* Desktop/Heading/H6 */
+        --heading-h6: 500 18px/24px var(--typeface);
+        /* Desktop/Heading/H6 - line height */
+        --heading-h6-line-height: 24px;
+        /* Desktop/Heading/H6 - size */
+        --heading-h6-size: 18px;
+        /* Desktop/Heading/H6 - style */
+        --heading-h6-style: medium;
+        /* Desktop/Subheader/Large - Headline */
+        --subheader-large: 400 24px/32px var(--typeface);
+        /* Desktop/Subheader/Large - Headline line height */
+        --subheader-large-line-height: 32px;
+        /* Desktop/Subheader/Large - Headline size */
+        --subheader-large-size: 24px;
+        /* Desktop/Subheader/Large - Headline style */
+        --subheader-large-style: regular;
+        /* Desktop/Subheader/Medium */
+        --subheader-medium: 400 20px/28px var(--typeface);
+        /* Desktop/Subheader/Medium - line height */
+        --subheader-medium-line-height: 28px;
+        /* Desktop/Subheader/Medium - size */
+        --subheader-medium-size: 20px;
+        /* Desktop/Subheader/Medium - style */
+        --subheader-medium-style: regular;
+        /* Desktop/Subheader/X-Large - Headline */
+        --subheader-x-large: 400 28px/36px var(--typeface);
+        /* Desktop/Subheader/X-Large - Headline line height */
+        --subheader-x-large-line-height: 36px;
+        /* Desktop/Subheader/X-Large - Headline size */
+        --subheader-x-large-size: 28px;
+        /* Desktop/Subheader/X-Large - Headline style */
+        --subheader-x-large-style: regular;
+        /* Desktop/Subheader/XX-Large - Headline */
+        --subheader-xx-large: 400 32px/40px var(--typeface);
+        /* Desktop/Subheader/XX-Large - Headline line height */
+        --subheader-xx-large-line-height: 40px;
+        /* Desktop/Subheader/XX-Large - Headline size */
+        --subheader-xx-large-size: 32px;
+        /* Desktop/Subheader/XX-Large - Headline style */
+        --subheader-xx-large-style: regular;
+        /* Desktop/Subheader/XXX-Large - Large Headline */
+        --subheader-xxx-large: 400 40px/48px var(--typeface);
+        /* Desktop/Subheader/XXX-Large - Large Headline line height */
+        --subheader-xxx-large-line-height: 48px;
+        /* Desktop/Subheader/XXX-Large - Large Headline size */
+        --subheader-xxx-large-size: 40px;
+        /* Desktop/Subheader/XXX-Large - Large Headline style */
+        --subheader-xxx-large-style: regular;
+    }
+
+    /** Light theme (default) **/
+    /* Background/base - Theme - Cartus */
+    --background-base: #ffffff;
+    /* Background/scrim - Theme - Cartus */
+    --background-scrim: #00000040;
+    /* Background/shade - Theme - Cartus */
+    --background-shade: #f5f5f5;
+    /* Data visual/category-01 - Theme - Cartus */
+    --data-visual-category-01: #0a466c;
+    /* Data visual/category-01-highlight - Theme - Cartus */
+    --data-visual-category-01-highlight: #0a466c4d;
+    /* Data visual/category-02 - Theme - Cartus */
+    --data-visual-category-02: #299de0;
+    /* Data visual/category-02-highlight - Theme - Cartus */
+    --data-visual-category-02-highlight: #299de04d;
+    /* Data visual/category-03 - Theme - Cartus */
+    --data-visual-category-03: #130033;
+    /* Data visual/category-03-highlight - Theme - Cartus */
+    --data-visual-category-03-highlight: #1300334d;
+    /* Data visual/category-04 - Theme - Cartus */
+    --data-visual-category-04: #389e7a;
+    /* Data visual/category-04-highlight - Theme - Cartus */
+    --data-visual-category-04-highlight: #389e7a4d;
+    /* Data visual/category-05 - Theme - Cartus */
+    --data-visual-category-05: #094a53;
+    /* Data visual/category-05-highlight - Theme - Cartus */
+    --data-visual-category-05-highlight: #094a534d;
+    /* Data visual/category-06 - Theme - Cartus */
+    --data-visual-category-06: #7f7f7f;
+    /* Data visual/category-06-highlight - Theme - Cartus */
+    --data-visual-category-06-highlight: #7f7f7f4d;
+    /* Data visual/category-07 - Theme - Cartus */
+    --data-visual-category-07: #433479;
+    /* Data visual/category-07-highlight - Theme - Cartus */
+    --data-visual-category-07-highlight: #4334794d;
+    /* Data visual/category-1 - Theme - Cartus */
+    --data-visual-category-1: #0a466c;
+    /* Data visual/category-1-highlight - Theme - Cartus */
+    --data-visual-category-1-highlight: #0a466c4d;
+    /* Data visual/category-2 - Theme - Cartus */
+    --data-visual-category-2: #299de0;
+    /* Data visual/category-2-highlight - Theme - Cartus */
+    --data-visual-category-2-highlight: #299de04d;
+    /* Data visual/category-3 - Theme - Cartus */
+    --data-visual-category-3: #130033;
+    /* Data visual/category-3-highlight - Theme - Cartus */
+    --data-visual-category-3-highlight: #1300334d;
+    /* Data visual/category-4 - Theme - Cartus */
+    --data-visual-category-4: #389e7a;
+    /* Data visual/category-4-highlight - Theme - Cartus */
+    --data-visual-category-4-highlight: #389e7a4d;
+    /* Data visual/category-5 - Theme - Cartus */
+    --data-visual-category-5: #094a53;
+    /* Data visual/category-5-highlight - Theme - Cartus */
+    --data-visual-category-5-highlight: #094a534d;
+    /* Data visual/category-6 - Theme - Cartus */
+    --data-visual-category-6: #7f7f7f;
+    /* Data visual/category-6-highlight - Theme - Cartus */
+    --data-visual-category-6-highlight: #7f7f7f4d;
+    /* Data visual/category-7 - Theme - Cartus */
+    --data-visual-category-7: #433479;
+    /* Data visual/category-7-highlight - Theme - Cartus */
+    --data-visual-category-7-highlight: #4334794d;
+    /* Data visual/gradient-end - Theme - Cartus */
+    --data-visual-gradient-end: #ffffff4d;
+    /* Data visual/green - Theme - Cartus */
+    --data-visual-green: #258750;
+    /* Data visual/green-highlight - Theme - Cartus */
+    --data-visual-green-highlight: #deede5;
+    /* Data visual/negative - Theme - Cartus */
+    --data-visual-negative: #d83a52;
+    /* Data visual/negative-highlight - Theme - Cartus */
+    --data-visual-negative-highlight: #f9e1e5;
+    /* Data visual/positive - Theme - Cartus */
+    --data-visual-positive: #258750;
+    /* Data visual/positive-highlight - Theme - Cartus */
+    --data-visual-positive-highlight: #deede5;
+    /* Data visual/red - Theme - Cartus */
+    --data-visual-red: #d83a52;
+    /* Data visual/red-highlight - Theme - Cartus */
+    --data-visual-red-highlight: #f9e1e5;
+    /* Foreground/Brand/on-inverse-primary - Theme - Cartus */
+    --foreground-brand-on-inverse-primary: #6691b8;
+    /* Foreground/Brand/on-inverse-secondary - Theme - Cartus */
+    --foreground-brand-on-inverse-secondary: #79c1e6;
+    /* Foreground/Brand/on-brand-primary - Theme - Cartus */
+    --foreground-brand-on-primary: #ffffff;
+    /* Foreground/Brand/on-brand-secondary - Theme - Cartus */
+    --foreground-brand-on-secondary: #141414;
+    /* Foreground/Brand/brand-primary - Theme - Cartus */
+    --foreground-brand-primary: #004788;
+    /* Foreground/Brand/brand-primary-depth - Theme - Cartus */
+    --foreground-brand-primary-depth: #003c74;
+    /* Foreground/Brand/brand-secondary - Theme - Cartus */
+    --foreground-brand-secondary: #2098d5;
+    /* Foreground/Brand/brand-secondary-depth - Theme - Cartus */
+    --foreground-brand-secondary-depth: #1b81b5;
+    /* Foreground/Link text/default - Theme - Cartus */
+    --foreground-link-text-default: #215ecd;
+    /* Foreground/Link text/default-disabled - Theme - Cartus */
+    --foreground-link-text-default-disabled: #7a9ee1;
+    /* Foreground/Link text/default-hovered - Theme - Cartus */
+    --foreground-link-text-default-hovered: #1e55b9;
+    /* Foreground/Link text/default-pressed - Theme - Cartus */
+    --foreground-link-text-default-pressed: #1a4ba4;
+    /* Foreground/Link text/default-visited - Theme - Cartus */
+    --foreground-link-text-default-visited: #7a3e7a;
+    /* Foreground/Link text/subtle-disabled - Theme - Cartus */
+    --foreground-link-text-subtle-disabled: #bdbdbd;
+    /* Foreground/Link text/subtle-hovered - Theme - Cartus */
+    --foreground-link-text-subtle-hovered: #292929;
+    /* Foreground/Link text/subtle-inversed-disabled - Theme - Cartus */
+    --foreground-link-text-subtle-inversed-disabled: #757575;
+    /* Foreground/Link text/subtle-pressed - Theme - Cartus */
+    --foreground-link-text-subtle-pressed: #424242;
+    /* Foreground/Neutral/disabled-on-color-surface - Theme - Cartus */
+    --foreground-neutral-disabled-on-color-surface: #757575;
+    /* Foreground/Neutral/disabled-on-surface - Theme - Cartus */
+    --foreground-neutral-disabled-on-surface: #bdbdbd;
+    /* Foreground/Neutral/on-surface - Theme - Cartus */
+    --foreground-neutral-on-surface: #141414;
+    /* Foreground/Neutral/on-surface-variant-01 - Theme - Cartus */
+    --foreground-neutral-on-surface-variant-01: #474747;
+    /* Foreground/Neutral/on-surface-variant-02 - Theme - Cartus */
+    --foreground-neutral-on-surface-variant-02: #757575;
+    /* Foreground/Neutral/on-surface-variant-03 - Theme - Cartus */
+    --foreground-neutral-on-surface-variant-03: #8a8a8a;
+    /* Foreground/Neutral/skeleton-element - Theme - Cartus */
+    --foreground-neutral-skeleton-element: #c7c7c7;
+    /* Foreground/Spectrum/blue - Theme - Cartus */
+    --foreground-spectrum-blue: #143778;
+    /* Foreground/Spectrum/green - Theme - Cartus */
+    --foreground-spectrum-green: #134428;
+    /* Foreground/Spectrum/lime - Theme - Cartus */
+    --foreground-spectrum-lime: #60651a;
+    /* Foreground/Spectrum/magenta - Theme - Cartus */
+    --foreground-spectrum-magenta: #63076f;
+    /* Foreground/Spectrum/orange - Theme - Cartus */
+    --foreground-spectrum-orange: #773001;
+    /* Foreground/Spectrum/pink - Theme - Cartus */
+    --foreground-spectrum-pink: #6c1240;
+    /* Foreground/Spectrum/purple - Theme - Cartus */
+    --foreground-spectrum-purple: #310077;
+    /* Foreground/Spectrum/red - Theme - Cartus */
+    --foreground-spectrum-red: #6c1d29;
+    /* Foreground/Spectrum/teal - Theme - Cartus */
+    --foreground-spectrum-teal: #01413c;
+    /* Foreground/Spectrum/yellow - Theme - Cartus */
+    --foreground-spectrum-yellow: #7b5e18;
+    /* Interaction/brand-disabled-opacity - Theme - 3.0 */
+    --interaction-brand-disabled-opacity: #0000000f;
+    /* Interaction/brand-hover-opacity - Theme - 3.0 */
+    --interaction-brand-hover-opacity: #0000001a;
+    /* Interaction/brand-press-opacity - Theme - 3.0 */
+    --interaction-brand-press-opacity: #00000033;
+    /* Interaction/hover-opacity - Theme - 3.0 */
+    --interaction-hover-opacity: #00000014;
+    /* Interaction/link-active-opacity - Theme - 3.0 */
+    --interaction-link-active-opacity: #0000004d;
+    /* Interaction/press-opacity - Theme - 3.0 */
+    --interaction-press-opacity: #00000029;
+    /* Interactions/brand-disabled-opacity - Theme - Cartus */
+    --interactions-brand-disabled-opacity: #0000000f;
+    /* Interactions/brand-hover-opacity - Theme - Cartus */
+    --interactions-brand-hover-opacity: #0000001a;
+    /* Interactions/brand-press-opacity - Theme - Cartus */
+    --interactions-brand-press-opacity: #00000033;
+    /* Interactions/disabled-opacity - Theme - Cartus */
+    --interactions-disabled-opacity: #0000000f;
+    /* Interactions/hover-opacity - Theme - Cartus */
+    --interactions-hover-opacity: #00000014;
+    /* Interactions/link-active-opacity - Theme - Cartus */
+    --interactions-link-active-opacity: #0000004d;
+    /* Interactions/neutral-hover-opacity - Theme - Cartus */
+    --interactions-neutral-hover-opacity: #00000014;
+    /* Interactions/neutral-press-opacity - Theme - Cartus */
+    --interactions-neutral-press-opacity: #00000029;
+    /* Interactions/press-opacity - Theme - Cartus */
+    --interactions-press-opacity: #00000029;
+    /* Interactions/primary-disabled-opacity - Theme - Cartus */
+    --interactions-primary-disabled-opacity: #0047881f;
+    /* Interactions/primary-hover-opacity - Theme - Cartus */
+    --interactions-primary-hover-opacity: #0047881a;
+    /* Interactions/primary-press-opacity - Theme - Cartus */
+    --interactions-primary-press-opacity: #00478833;
+    /* Shadow/shadow-10 - Theme - Cartus */
+    --shadow-10: #0000001a;
+    /* Shadow/shadow-12 - Theme - Cartus */
+    --shadow-12: #0000001f;
+    /* Shadow/shadow-15 - Theme - Cartus */
+    --shadow-15: #00000026;
+    /* Shadow/shadow-25 - Theme - Cartus */
+    --shadow-25: #00000040;
+    /* Shadow/shadow-32 - Theme - Cartus */
+    --shadow-32: #00000052;
+    /* Shadow/inner-shadow - Theme - Cartus */
+    --shadow-inner: #ffffff;
+    /* Shadow/inner-shadow-100 - Theme - Cartus */
+    --shadow-inner-100: #ffffff;
+    /* Shadow/variant-01 - Theme - Cartus */
+    --shadow-variant-01: #0000001a;
+    /* Shadow/variant-02 - Theme - Cartus */
+    --shadow-variant-02: #0000001f;
+    /* Shadow/variant-03 - Theme - Cartus */
+    --shadow-variant-03: #00000026;
+    /* Shadow/variant-04 - Theme - Cartus */
+    --shadow-variant-04: #00000040;
+    /* Shadow/variant-05 - Theme - Cartus */
+    --shadow-variant-05: #00000052;
+    /* Status/error - Theme - Cartus */
+    --status-error: #d83a52;
+    /* Status/information - Theme - Cartus */
+    --status-information: #276ef1;
+    /* Status/informational - Theme - Cartus */
+    --status-informational: #276ef1;
+    /* Status/success - Theme - Cartus */
+    --status-success: #258750;
+    /* Status/warning - Theme - Cartus */
+    --status-warning: #f6bc2f;
+    /* Stroke/Brand/brand-primary - Theme - Cartus */
+    --stroke-brand-primary: #004788;
+    /* Stroke/Brand/brand-primary-depth - Theme - Cartus */
+    --stroke-brand-primary-depth: #003c74;
+    /* Stroke/Brand/brand-secondary - Theme - Cartus */
+    --stroke-brand-secondary: #2098d5;
+    /* Stroke/Brand/brand-secondary-depth - Theme - Cartus */
+    --stroke-brand-secondary-depth: #1b81b5;
+    /* Stroke/Neutral/neutral-base - Theme - Cartus */
+    --stroke-neutral-base: #949494;
+    /* Stroke/Neutral/disabled-dark - Theme - Cartus */
+    --stroke-neutral-disabled-dark: #757575;
+    /* Stroke/Neutral/disabled-light - Theme - Cartus */
+    --stroke-neutral-disabled-light: #bdbdbd;
+    /* Stroke/Neutral/focus - Theme - Cartus */
+    --stroke-neutral-focus: #000000;
+    /* Stroke/Neutral/neutral-high - Theme - Cartus */
+    --stroke-neutral-high: #141414;
+    /* Stroke/Neutral/neutral-high-contrast - Theme - Cartus */
+    --stroke-neutral-high-contrast: #141414;
+    /* Stroke/Neutral/Interaction/disabled-dark - Theme - 3.0 */
+    --stroke-neutral-interaction-disabled-dark: #48566a;
+    /* Stroke/Neutral/Interaction/disabled-light - Theme - 3.0 */
+    --stroke-neutral-interaction-disabled-light: #c8d6e5;
+    /* Stroke/Neutral/Interaction/focus - Theme - 3.0 */
+    --stroke-neutral-interaction-focus: #000000;
+    /* Stroke/Neutral/Interactions/disabled-dark - Theme - Cartus */
+    --stroke-neutral-interactions-disabled-dark: #757575;
+    /* Stroke/Neutral/Interactions/disabled-light - Theme - Cartus */
+    --stroke-neutral-interactions-disabled-light: #bdbdbd;
+    /* Stroke/Neutral/Interactions/focus - Theme - Cartus */
+    --stroke-neutral-interactions-focus: #000000;
+    /* Stroke/Neutral/neutral-low - Theme - Cartus */
+    --stroke-neutral-low: #e0e0e0;
+    /* Stroke/Neutral/neutral-low-contrast - Theme - Cartus */
+    --stroke-neutral-low-contrast: #e0e0e0;
+    /* Surface/Brand/primary - Theme - Cartus */
+    --surface-brand-primary: #004788;
+    /* Surface/Brand/primary-highlight - Theme - Cartus */
+    --surface-brand-primary-highlight: #d9e3ed;
+    /* Surface/Brand/secondary - Theme - Cartus */
+    --surface-brand-secondary: #2098d5;
+    /* Surface/Brand/secondary-highlight - Theme - Cartus */
+    --surface-brand-secondary-highlight: #def0f9;
+    /* Surface/Neutral/Interactions/dark-disabled - Theme - Cartus */
+    --surface-neutral-interactions-dark-disabled: #d6d6d6;
+    /* Surface/Neutral/Interactions/light-disabled - Theme - Cartus */
+    --surface-neutral-interactions-light-disabled: #f5f5f5;
+    /* Surface/Neutral/Interactions/skeleton - Theme - Cartus */
+    --surface-neutral-interactions-skeleton: #e0e0e0;
+    /* Surface/Neutral/inverse - Theme - Cartus */
+    --surface-neutral-inverse: #1f1f1f;
+    /* Surface/Neutral/inverse-dark - Theme - Cartus */
+    --surface-neutral-inverse-dark: #1f1f1f;
+    /* Surface/Neutral/inverse-light - Theme - Cartus */
+    --surface-neutral-inverse-light: #ffffff;
+    /* Surface/Neutral/skeleton - Theme - Cartus */
+    --surface-neutral-skeleton: #e0e0e0;
+    /* Surface/Neutral/T1-base - Theme - Cartus */
+    --surface-neutral-t1-base: #ffffff;
+    /* Surface/Neutral/T2-lowest - Theme - Cartus */
+    --surface-neutral-t2-lowest: #f5f5f5;
+    /* Surface/Neutral/T3-low - Theme - Cartus */
+    --surface-neutral-t3-low: #dbdbdb;
+    /* Surface/Neutral/T4-high - Theme - Cartus */
+    --surface-neutral-t4-high: #6b6b6b;
+    /* Surface/Spectrum/blue - Theme - Cartus */
+    --surface-spectrum-blue: #dfe9fd;
+    /* Surface/Spectrum/green - Theme - Cartus */
+    --surface-spectrum-green: #deede5;
+    /* Surface/Spectrum/lime - Theme - Cartus */
+    --surface-spectrum-lime: #f6f7e0;
+    /* Surface/Spectrum/magenta - Theme - Cartus */
+    --surface-spectrum-magenta: #f6dbfa;
+    /* Surface/Spectrum/orange - Theme - Cartus */
+    --surface-spectrum-orange: #fce7d9;
+    /* Surface/Spectrum/pink - Theme - Cartus */
+    --surface-spectrum-pink: #f9deec;
+    /* Surface/Spectrum/purple - Theme - Cartus */
+    --surface-spectrum-purple: #e7d9fc;
+    /* Surface/Spectrum/red - Theme - Cartus */
+    --surface-spectrum-red: #f9e1e5;
+    /* Surface/Spectrum/teal - Theme - Cartus */
+    --surface-spectrum-teal: #d9eceb;
+    /* Surface/Spectrum/yellow - Theme - Cartus */
+    --surface-spectrum-yellow: #fef5e0;
+}
+
+[data-theme='dark'] {
+    /* Background/base - Theme - Cartus */
+    --background-base: #1f1f1f;
+    /* Background/scrim - Theme - Cartus */
+    --background-scrim: #61616180;
+    /* Background/shade - Theme - Cartus */
+    --background-shade: #292929;
+    /* Data visual/category-01 - Theme - Cartus */
+    --data-visual-category-01: #7899ae;
+    /* Data visual/category-01-highlight - Theme - Cartus */
+    --data-visual-category-01-highlight: #7899ae4d;
+    /* Data visual/category-02 - Theme - Cartus */
+    --data-visual-category-02: #7fc4ec;
+    /* Data visual/category-02-highlight - Theme - Cartus */
+    --data-visual-category-02-highlight: #7fc4ec4d;
+    /* Data visual/category-03 - Theme - Cartus */
+    --data-visual-category-03: #958ca3;
+    /* Data visual/category-03-highlight - Theme - Cartus */
+    --data-visual-category-03-highlight: #958ca34d;
+    /* Data visual/category-04 - Theme - Cartus */
+    --data-visual-category-04: #88c5af;
+    /* Data visual/category-04-highlight - Theme - Cartus */
+    --data-visual-category-04-highlight: #88c5af4d;
+    /* Data visual/category-05 - Theme - Cartus */
+    --data-visual-category-05: #789ba0;
+    /* Data visual/category-05-highlight - Theme - Cartus */
+    --data-visual-category-05-highlight: #789ba04d;
+    /* Data visual/category-06 - Theme - Cartus */
+    --data-visual-category-06: #b2b2b2;
+    /* Data visual/category-06-highlight - Theme - Cartus */
+    --data-visual-category-06-highlight: #b2b2b24d;
+    /* Data visual/category-07 - Theme - Cartus */
+    --data-visual-category-07: #a19abc;
+    /* Data visual/category-07-highlight - Theme - Cartus */
+    --data-visual-category-07-highlight: #a19abc4d;
+    /* Data visual/category-1 - Theme - Cartus */
+    --data-visual-category-1: #7899ae;
+    /* Data visual/category-1-highlight - Theme - Cartus */
+    --data-visual-category-1-highlight: #7899ae4d;
+    /* Data visual/category-2 - Theme - Cartus */
+    --data-visual-category-2: #7fc4ec;
+    /* Data visual/category-2-highlight - Theme - Cartus */
+    --data-visual-category-2-highlight: #7fc4ec4d;
+    /* Data visual/category-3 - Theme - Cartus */
+    --data-visual-category-3: #958ca3;
+    /* Data visual/category-3-highlight - Theme - Cartus */
+    --data-visual-category-3-highlight: #958ca34d;
+    /* Data visual/category-4 - Theme - Cartus */
+    --data-visual-category-4: #88c5af;
+    /* Data visual/category-4-highlight - Theme - Cartus */
+    --data-visual-category-4-highlight: #88c5af4d;
+    /* Data visual/category-5 - Theme - Cartus */
+    --data-visual-category-5: #789ba0;
+    /* Data visual/category-5-highlight - Theme - Cartus */
+    --data-visual-category-5-highlight: #789ba04d;
+    /* Data visual/category-6 - Theme - Cartus */
+    --data-visual-category-6: #b2b2b2;
+    /* Data visual/category-6-highlight - Theme - Cartus */
+    --data-visual-category-6-highlight: #b2b2b24d;
+    /* Data visual/category-7 - Theme - Cartus */
+    --data-visual-category-7: #a19abc;
+    /* Data visual/category-7-highlight - Theme - Cartus */
+    --data-visual-category-7-highlight: #a19abc4d;
+    /* Data visual/gradient-end - Theme - Cartus */
+    --data-visual-gradient-end: #1f1f1f4d;
+    /* Data visual/green - Theme - Cartus */
+    --data-visual-green: #7cb796;
+    /* Data visual/green-highlight - Theme - Cartus */
+    --data-visual-green-highlight: #0d2f1c;
+    /* Data visual/negative - Theme - Cartus */
+    --data-visual-negative: #e88997;
+    /* Data visual/negative-highlight - Theme - Cartus */
+    --data-visual-negative-highlight: #4c141d;
+    /* Data visual/positive - Theme - Cartus */
+    --data-visual-positive: #7cb796;
+    /* Data visual/positive-highlight - Theme - Cartus */
+    --data-visual-positive-highlight: #0d2f1c;
+    /* Data visual/red - Theme - Cartus */
+    --data-visual-red: #e88997;
+    /* Data visual/red-highlight - Theme - Cartus */
+    --data-visual-red-highlight: #4c141d;
+    /* Foreground/Brand/on-inverse-primary - Theme - Cartus */
+    --foreground-brand-on-inverse-primary: #6691b8;
+    /* Foreground/Brand/on-inverse-secondary - Theme - Cartus */
+    --foreground-brand-on-inverse-secondary: #79c1e6;
+    /* Foreground/Brand/on-brand-primary - Theme - Cartus */
+    --foreground-brand-on-primary: #141414;
+    /* Foreground/Brand/on-brand-secondary - Theme - Cartus */
+    --foreground-brand-on-secondary: #141414;
+    /* Foreground/Brand/brand-primary - Theme - Cartus */
+    --foreground-brand-primary: #6691b8;
+    /* Foreground/Brand/brand-primary-depth - Theme - Cartus */
+    --foreground-brand-primary-depth: #8cacc9;
+    /* Foreground/Brand/brand-secondary - Theme - Cartus */
+    --foreground-brand-secondary: #79c1e6;
+    /* Foreground/Brand/brand-secondary-depth - Theme - Cartus */
+    --foreground-brand-secondary-depth: #9bd1ec;
+    /* Foreground/Link text/default - Theme - Cartus */
+    --foreground-link-text-default: #7a9ee1;
+    /* Foreground/Link text/default-disabled - Theme - Cartus */
+    --foreground-link-text-default-disabled: #14387b;
+    /* Foreground/Link text/default-hovered - Theme - Cartus */
+    --foreground-link-text-default-hovered: #90afe6;
+    /* Foreground/Link text/default-pressed - Theme - Cartus */
+    --foreground-link-text-default-pressed: #a6bfeb;
+    /* Foreground/Link text/default-visited - Theme - Cartus */
+    --foreground-link-text-default-visited: #af8baf;
+    /* Foreground/Link text/subtle-disabled - Theme - Cartus */
+    --foreground-link-text-subtle-disabled: #4d4d4d;
+    /* Foreground/Link text/subtle-hovered - Theme - Cartus */
+    --foreground-link-text-subtle-hovered: #e6e6e6;
+    /* Foreground/Link text/subtle-inversed-disabled - Theme - Cartus */
+    --foreground-link-text-subtle-inversed-disabled: #424242;
+    /* Foreground/Link text/subtle-pressed - Theme - Cartus */
+    --foreground-link-text-subtle-pressed: #d1d1d1;
+    /* Foreground/Neutral/disabled-on-color-surface - Theme - Cartus */
+    --foreground-neutral-disabled-on-color-surface: #424242;
+    /* Foreground/Neutral/disabled-on-surface - Theme - Cartus */
+    --foreground-neutral-disabled-on-surface: #4d4d4d;
+    /* Foreground/Neutral/on-surface - Theme - Cartus */
+    --foreground-neutral-on-surface: #fafafa;
+    /* Foreground/Neutral/on-surface-variant-01 - Theme - Cartus */
+    --foreground-neutral-on-surface-variant-01: #c2c2c2;
+    /* Foreground/Neutral/on-surface-variant-02 - Theme - Cartus */
+    --foreground-neutral-on-surface-variant-02: #9e9e9e;
+    /* Foreground/Neutral/on-surface-variant-03 - Theme - Cartus */
+    --foreground-neutral-on-surface-variant-03: #757575;
+    /* Foreground/Neutral/skeleton-element - Theme - Cartus */
+    --foreground-neutral-skeleton-element: #4d4d4d;
+    /* Foreground/Spectrum/blue - Theme - Cartus */
+    --foreground-spectrum-blue: #88aff7;
+    /* Foreground/Spectrum/green - Theme - Cartus */
+    --foreground-spectrum-green: #87bd9f;
+    /* Foreground/Spectrum/lime - Theme - Cartus */
+    --foreground-spectrum-lime: #dce28f;
+    /* Foreground/Spectrum/magenta - Theme - Cartus */
+    --foreground-spectrum-magenta: #e07aed;
+    /* Foreground/Spectrum/orange - Theme - Cartus */
+    --foreground-spectrum-orange: #f6a874;
+    /* Foreground/Spectrum/pink - Theme - Cartus */
+    --foreground-spectrum-pink: #ea86b9;
+    /* Foreground/Spectrum/purple - Theme - Cartus */
+    --foreground-spectrum-purple: #c8a6f9;
+    /* Foreground/Spectrum/red - Theme - Cartus */
+    --foreground-spectrum-red: #ea93a0;
+    /* Foreground/Spectrum/teal - Theme - Cartus */
+    --foreground-spectrum-teal: #74bbb4;
+    /* Foreground/Spectrum/yellow - Theme - Cartus */
+    --foreground-spectrum-yellow: #fada8d;
+    /* Interaction/brand-disabled-opacity - Theme - 3.0 */
+    --interaction-brand-disabled-opacity: #ffffff0f;
+    /* Interaction/brand-hover-opacity - Theme - 3.0 */
+    --interaction-brand-hover-opacity: #ffffff1a;
+    /* Interaction/brand-press-opacity - Theme - 3.0 */
+    --interaction-brand-press-opacity: #ffffff33;
+    /* Interaction/hover-opacity - Theme - 3.0 */
+    --interaction-hover-opacity: #ffffff14;
+    /* Interaction/link-active-opacity - Theme - 3.0 */
+    --interaction-link-active-opacity: #ffffff4d;
+    /* Interaction/press-opacity - Theme - 3.0 */
+    --interaction-press-opacity: #ffffff29;
+    /* Interactions/brand-disabled-opacity - Theme - Cartus */
+    --interactions-brand-disabled-opacity: #ffffff0f;
+    /* Interactions/brand-hover-opacity - Theme - Cartus */
+    --interactions-brand-hover-opacity: #ffffff1a;
+    /* Interactions/brand-press-opacity - Theme - Cartus */
+    --interactions-brand-press-opacity: #ffffff33;
+    /* Interactions/disabled-opacity - Theme - Cartus */
+    --interactions-disabled-opacity: #ffffff0f;
+    /* Interactions/hover-opacity - Theme - Cartus */
+    --interactions-hover-opacity: #ffffff14;
+    /* Interactions/link-active-opacity - Theme - Cartus */
+    --interactions-link-active-opacity: #ffffff4d;
+    /* Interactions/neutral-hover-opacity - Theme - Cartus */
+    --interactions-neutral-hover-opacity: #ffffff14;
+    /* Interactions/neutral-press-opacity - Theme - Cartus */
+    --interactions-neutral-press-opacity: #ffffff29;
+    /* Interactions/press-opacity - Theme - Cartus */
+    --interactions-press-opacity: #ffffff29;
+    /* Interactions/primary-disabled-opacity - Theme - Cartus */
+    --interactions-primary-disabled-opacity: #6691b81f;
+    /* Interactions/primary-hover-opacity - Theme - Cartus */
+    --interactions-primary-hover-opacity: #6691b81a;
+    /* Interactions/primary-press-opacity - Theme - Cartus */
+    --interactions-primary-press-opacity: #6691b833;
+    /* Shadow/shadow-10 - Theme - Cartus */
+    --shadow-10: #6161611a;
+    /* Shadow/shadow-12 - Theme - Cartus */
+    --shadow-12: #6161611f;
+    /* Shadow/shadow-15 - Theme - Cartus */
+    --shadow-15: #61616126;
+    /* Shadow/shadow-25 - Theme - Cartus */
+    --shadow-25: #61616140;
+    /* Shadow/shadow-32 - Theme - Cartus */
+    --shadow-32: #61616152;
+    /* Shadow/inner-shadow - Theme - Cartus */
+    --shadow-inner: #000000;
+    /* Shadow/inner-shadow-100 - Theme - Cartus */
+    --shadow-inner-100: #000000;
+    /* Shadow/variant-01 - Theme - Cartus */
+    --shadow-variant-01: #6161611a;
+    /* Shadow/variant-02 - Theme - Cartus */
+    --shadow-variant-02: #6161611f;
+    /* Shadow/variant-03 - Theme - Cartus */
+    --shadow-variant-03: #61616126;
+    /* Shadow/variant-04 - Theme - Cartus */
+    --shadow-variant-04: #61616140;
+    /* Shadow/variant-05 - Theme - Cartus */
+    --shadow-variant-05: #61616152;
+    /* Status/error - Theme - Cartus */
+    --status-error: #e26b7d;
+    /* Status/information - Theme - Cartus */
+    --status-information: #5d92f5;
+    /* Status/informational - Theme - Cartus */
+    --status-informational: #5d92f5;
+    /* Status/success - Theme - Cartus */
+    --status-success: #519f73;
+    /* Status/warning - Theme - Cartus */
+    --status-warning: #f8cd63;
+    /* Stroke/Brand/brand-primary - Theme - Cartus */
+    --stroke-brand-primary: #6691b8;
+    /* Stroke/Brand/brand-primary-depth - Theme - Cartus */
+    --stroke-brand-primary-depth: #8cacc9;
+    /* Stroke/Brand/brand-secondary - Theme - Cartus */
+    --stroke-brand-secondary: #79c1e6;
+    /* Stroke/Brand/brand-secondary-depth - Theme - Cartus */
+    --stroke-brand-secondary-depth: #9bd1ec;
+    /* Stroke/Neutral/neutral-base - Theme - Cartus */
+    --stroke-neutral-base: #6b6b6b;
+    /* Stroke/Neutral/disabled-dark - Theme - Cartus */
+    --stroke-neutral-disabled-dark: #424242;
+    /* Stroke/Neutral/disabled-light - Theme - Cartus */
+    --stroke-neutral-disabled-light: #4d4d4d;
+    /* Stroke/Neutral/focus - Theme - Cartus */
+    --stroke-neutral-focus: #ffffff;
+    /* Stroke/Neutral/neutral-high - Theme - Cartus */
+    --stroke-neutral-high: #fafafa;
+    /* Stroke/Neutral/neutral-high-contrast - Theme - Cartus */
+    --stroke-neutral-high-contrast: #fafafa;
+    /* Stroke/Neutral/Interaction/disabled-dark - Theme - 3.0 */
+    --stroke-neutral-interaction-disabled-dark: #b1c0d2;
+    /* Stroke/Neutral/Interaction/disabled-light - Theme - 3.0 */
+    --stroke-neutral-interaction-disabled-light: #323b49;
+    /* Stroke/Neutral/Interaction/focus - Theme - 3.0 */
+    --stroke-neutral-interaction-focus: #ffffff;
+    /* Stroke/Neutral/Interactions/disabled-dark - Theme - Cartus */
+    --stroke-neutral-interactions-disabled-dark: #424242;
+    /* Stroke/Neutral/Interactions/disabled-light - Theme - Cartus */
+    --stroke-neutral-interactions-disabled-light: #4d4d4d;
+    /* Stroke/Neutral/Interactions/focus - Theme - Cartus */
+    --stroke-neutral-interactions-focus: #ffffff;
+    /* Stroke/Neutral/neutral-low - Theme - Cartus */
+    --stroke-neutral-low: #4d4d4d;
+    /* Stroke/Neutral/neutral-low-contrast - Theme - Cartus */
+    --stroke-neutral-low-contrast: #4d4d4d;
+    /* Surface/Brand/primary - Theme - Cartus */
+    --surface-brand-primary: #6691b8;
+    /* Surface/Brand/primary-highlight - Theme - Cartus */
+    --surface-brand-primary-highlight: #001222;
+    /* Surface/Brand/secondary - Theme - Cartus */
+    --surface-brand-secondary: #79c1e6;
+    /* Surface/Brand/secondary-highlight - Theme - Cartus */
+    --surface-brand-secondary-highlight: #082635;
+    /* Surface/Neutral/Interactions/dark-disabled - Theme - Cartus */
+    --surface-neutral-interactions-dark-disabled: #474747;
+    /* Surface/Neutral/Interactions/light-disabled - Theme - Cartus */
+    --surface-neutral-interactions-light-disabled: #292929;
+    /* Surface/Neutral/Interactions/skeleton - Theme - Cartus */
+    --surface-neutral-interactions-skeleton: #333333;
+    /* Surface/Neutral/inverse - Theme - Cartus */
+    --surface-neutral-inverse: #383838;
+    /* Surface/Neutral/inverse-dark - Theme - Cartus */
+    --surface-neutral-inverse-dark: #383838;
+    /* Surface/Neutral/inverse-light - Theme - Cartus */
+    --surface-neutral-inverse-light: #575757;
+    /* Surface/Neutral/skeleton - Theme - Cartus */
+    --surface-neutral-skeleton: #333333;
+    /* Surface/Neutral/T1-base - Theme - Cartus */
+    --surface-neutral-t1-base: #1f1f1f;
+    /* Surface/Neutral/T2-lowest - Theme - Cartus */
+    --surface-neutral-t2-lowest: #2e2e2e;
+    /* Surface/Neutral/T3-low - Theme - Cartus */
+    --surface-neutral-t3-low: #383838;
+    /* Surface/Neutral/T4-high - Theme - Cartus */
+    --surface-neutral-t4-high: #474747;
+    /* Surface/Spectrum/blue - Theme - Cartus */
+    --surface-spectrum-blue: #0e2754;
+    /* Surface/Spectrum/green - Theme - Cartus */
+    --surface-spectrum-green: #0d2f1c;
+    /* Surface/Spectrum/lime - Theme - Cartus */
+    --surface-spectrum-lime: #434712;
+    /* Surface/Spectrum/magenta - Theme - Cartus */
+    --surface-spectrum-magenta: #45054e;
+    /* Surface/Spectrum/orange - Theme - Cartus */
+    --surface-spectrum-orange: #532201;
+    /* Surface/Spectrum/pink - Theme - Cartus */
+    --surface-spectrum-pink: #4c0c2d;
+    /* Surface/Spectrum/purple - Theme - Cartus */
+    --surface-spectrum-purple: #220053;
+    /* Surface/Spectrum/red - Theme - Cartus */
+    --surface-spectrum-red: #4c141d;
+    /* Surface/Spectrum/teal - Theme - Cartus */
+    --surface-spectrum-teal: #012e2a;
+    /* Surface/Spectrum/yellow - Theme - Cartus */
+    --surface-spectrum-yellow: #564210;
+}
+    `,
+};