@layer mms-tokens {
  :where(:root, :host) {
    --mms-aspect-ratios-25: 1 / 1;
    --mms-aspect-ratios-50: 1618 / 9;
    --mms-aspect-ratios-75: 16 / 9;
    --mms-aspect-ratios-100: 21 / 9;
    --mms-aspect-ratios-125: 3 / 2;
    --mms-aspect-ratios-150: 4 / 3;
    --mms-aspect-ratios-200: 5 / 4;
    --mms-border-widths-0: 0px;
    --mms-border-widths-100: 1px;
    --mms-border-widths-200: 2px;
    --mms-border-widths-400: 4px;
    --mms-border-widths-800: 8px;
    --mms-colors-inherit: inherit;
    --mms-colors-current: currentColor;
    --mms-colors-transparent: transparent;
    --mms-colors-grey-25: #ffffff;
    --mms-colors-grey-50: #f8f8f8;
    --mms-colors-grey-100: #ebebeb;
    --mms-colors-grey-200: #d1d1d1;
    --mms-colors-grey-300: #b4b4b4;
    --mms-colors-grey-400: #8c8c8c;
    --mms-colors-grey-500: #717171;
    --mms-colors-grey-600: #5d5d5d;
    --mms-colors-grey-700: #4a4a4a;
    --mms-colors-grey-800: #1f1f1f;
    --mms-colors-grey-900: #0f0f0f;
    --mms-colors-grey-950: #030303;
    --mms-colors-grey-dark-25: #060606;
    --mms-colors-grey-dark-50: #0f0f0f;
    --mms-colors-grey-dark-100: #181818;
    --mms-colors-grey-dark-200: #262626;
    --mms-colors-grey-dark-300: #3d3d3d;
    --mms-colors-grey-dark-400: #525252;
    --mms-colors-grey-dark-500: #7a7a7a;
    --mms-colors-grey-dark-600: #989898;
    --mms-colors-grey-dark-700: #b4b4b4;
    --mms-colors-grey-dark-800: #d1d1d1;
    --mms-colors-grey-dark-900: #ebebeb;
    --mms-colors-grey-dark-950: #f8f8f8;
    --mms-colors-slate-25: #ffffff;
    --mms-colors-slate-50: #f8f8f9;
    --mms-colors-slate-100: #ebebec;
    --mms-colors-slate-200: #d0d1d2;
    --mms-colors-slate-300: #b3b4b6;
    --mms-colors-slate-400: #8a8c8f;
    --mms-colors-slate-500: #707275;
    --mms-colors-slate-600: #5c5e60;
    --mms-colors-slate-700: #494a4c;
    --mms-colors-slate-800: #1f1f20;
    --mms-colors-slate-900: #0f0f10;
    --mms-colors-slate-950: #030303;
    --mms-colors-slate-dark-25: #060606;
    --mms-colors-slate-dark-50: #0f0f10;
    --mms-colors-slate-dark-100: #181819;
    --mms-colors-slate-dark-200: #262627;
    --mms-colors-slate-dark-300: #3c3d3f;
    --mms-colors-slate-dark-400: #515355;
    --mms-colors-slate-dark-500: #787a7d;
    --mms-colors-slate-dark-600: #96989b;
    --mms-colors-slate-dark-700: #b3b4b6;
    --mms-colors-slate-dark-800: #d0d1d3;
    --mms-colors-slate-dark-900: #eaebec;
    --mms-colors-slate-dark-950: #f8f8f9;
    --mms-colors-red-25: #ffffff;
    --mms-colors-red-50: #fff2f0;
    --mms-colors-red-100: #ffddd8;
    --mms-colors-red-200: #ffb7ad;
    --mms-colors-red-300: #ff8d80;
    --mms-colors-red-400: #ed4c3f;
    --mms-colors-red-500: #d90000;
    --mms-colors-red-600: #b60000;
    --mms-colors-red-700: #940000;
    --mms-colors-red-800: #440002;
    --mms-colors-red-900: #250202;
    --mms-colors-red-950: #030303;
    --mms-colors-red-dark-25: #060606;
    --mms-colors-red-dark-50: #160d0c;
    --mms-colors-red-dark-100: #261210;
    --mms-colors-red-dark-200: #401815;
    --mms-colors-red-dark-300: #6c1e19;
    --mms-colors-red-dark-400: #961e18;
    --mms-colors-red-dark-500: #e70000;
    --mms-colors-red-dark-600: #fc584b;
    --mms-colors-red-dark-700: #ff877a;
    --mms-colors-red-dark-800: #ffb2a7;
    --mms-colors-red-dark-900: #ffd8d1;
    --mms-colors-red-dark-950: #ffece7;
    --mms-colors-blue-25: #ffffff;
    --mms-colors-blue-50: #f3fafc;
    --mms-colors-blue-100: #dceff7;
    --mms-colors-blue-200: #b1d7f0;
    --mms-colors-blue-300: #85bae9;
    --mms-colors-blue-400: #4b8edc;
    --mms-colors-blue-500: #366bd3;
    --mms-colors-blue-600: #005daf;
    --mms-colors-blue-700: #004e8b;
    --mms-colors-blue-800: #00233d;
    --mms-colors-blue-900: #00131f;
    --mms-colors-blue-950: #030303;
    --mms-colors-blue-dark-25: #060606;
    --mms-colors-blue-dark-50: #060f21;
    --mms-colors-blue-dark-100: #061637;
    --mms-colors-blue-dark-200: #072257;
    --mms-colors-blue-dark-300: #0a3589;
    --mms-colors-blue-dark-400: #0d47b6;
    --mms-colors-blue-dark-500: #1569ff;
    --mms-colors-blue-dark-600: #4d91ff;
    --mms-colors-blue-dark-700: #7ab2ff;
    --mms-colors-blue-dark-800: #a7d1ff;
    --mms-colors-blue-dark-900: #d1ecff;
    --mms-colors-blue-dark-950: #e7f9ff;
    --mms-colors-green-25: #ffffff;
    --mms-colors-green-50: #f4fbf2;
    --mms-colors-green-100: #e0f1dd;
    --mms-colors-green-200: #bcdbb6;
    --mms-colors-green-300: #96c38e;
    --mms-colors-green-400: #5f9e57;
    --mms-colors-green-500: #358631;
    --mms-colors-green-600: #2c6e25;
    --mms-colors-green-700: #23581a;
    --mms-colors-green-800: #0e2608;
    --mms-colors-green-900: #071305;
    --mms-colors-green-950: #030303;
    --mms-colors-green-dark-25: #060606;
    --mms-colors-green-dark-50: #081307;
    --mms-colors-green-dark-100: #0a1d09;
    --mms-colors-green-dark-200: #0e2f0d;
    --mms-colors-green-dark-300: #154a14;
    --mms-colors-green-dark-400: #1d631b;
    --mms-colors-green-dark-500: #2e9229;
    --mms-colors-green-dark-600: #61ae5c;
    --mms-colors-green-dark-700: #8ac686;
    --mms-colors-green-dark-800: #b3dfb0;
    --mms-colors-green-dark-900: #d8f4d6;
    --mms-colors-green-dark-950: #ecffeb;
    --mms-colors-emerald-25: #ffffff;
    --mms-colors-emerald-50: #f5faf7;
    --mms-colors-emerald-100: #e0f0e7;
    --mms-colors-emerald-200: #b6dbc9;
    --mms-colors-emerald-300: #85c4a8;
    --mms-colors-emerald-400: #2ea37b;
    --mms-colors-emerald-500: #008662;
    --mms-colors-emerald-600: #006f4f;
    --mms-colors-emerald-700: #00593d;
    --mms-colors-emerald-800: #002718;
    --mms-colors-emerald-900: #00140b;
    --mms-colors-emerald-950: #030303;
    --mms-colors-emerald-dark-25: #060606;
    --mms-colors-emerald-dark-50: #08120e;
    --mms-colors-emerald-dark-100: #0c1c16;
    --mms-colors-emerald-dark-200: #112d22;
    --mms-colors-emerald-dark-300: #1a4736;
    --mms-colors-emerald-dark-400: #225f49;
    --mms-colors-emerald-dark-500: #358c6d;
    --mms-colors-emerald-dark-600: #66a88d;
    --mms-colors-emerald-dark-700: #8ec2ab;
    --mms-colors-emerald-dark-800: #b6dbca;
    --mms-colors-emerald-dark-900: #daf2e7;
    --mms-colors-emerald-dark-950: #edfdf6;
    --mms-colors-yellow-25: #ffffff;
    --mms-colors-yellow-50: #fff5d6;
    --mms-colors-yellow-100: #ffe4a5;
    --mms-colors-yellow-200: #ffc649;
    --mms-colors-yellow-300: #efa500;
    --mms-colors-yellow-400: #ce7600;
    --mms-colors-yellow-500: #b25800;
    --mms-colors-yellow-600: #9b4100;
    --mms-colors-yellow-700: #832b00;
    --mms-colors-yellow-800: #3e0c00;
    --mms-colors-yellow-900: #220500;
    --mms-colors-yellow-950: #030303;
    --mms-colors-yellow-dark-25: #060606;
    --mms-colors-yellow-dark-50: #131000;
    --mms-colors-yellow-dark-100: #211800;
    --mms-colors-yellow-dark-200: #362400;
    --mms-colors-yellow-dark-300: #583600;
    --mms-colors-yellow-dark-400: #7a4700;
    --mms-colors-yellow-dark-500: #b56700;
    --mms-colors-yellow-dark-600: #d58700;
    --mms-colors-yellow-dark-700: #f0a400;
    --mms-colors-yellow-dark-800: #ffc442;
    --mms-colors-yellow-dark-900: #ffe195;
    --mms-colors-yellow-dark-950: #fff0bc;
    --mms-colors-orange-25: #ffffff;
    --mms-colors-orange-50: #fff6ee;
    --mms-colors-orange-100: #ffe5d3;
    --mms-colors-orange-200: #f7c5a4;
    --mms-colors-orange-300: #e8a272;
    --mms-colors-orange-400: #ce701e;
    --mms-colors-orange-500: #ba4b00;
    --mms-colors-orange-600: #9b3d00;
    --mms-colors-orange-700: #7d2f00;
    --mms-colors-orange-800: #381300;
    --mms-colors-orange-900: #1d0900;
    --mms-colors-orange-950: #030303;
    --mms-colors-orange-dark-25: #060606;
    --mms-colors-orange-dark-50: #1a0b02;
    --mms-colors-orange-dark-100: #2b1000;
    --mms-colors-orange-dark-200: #431800;
    --mms-colors-orange-dark-300: #6a2400;
    --mms-colors-orange-dark-400: #8e3000;
    --mms-colors-orange-dark-500: #d04800;
    --mms-colors-orange-dark-600: #e57600;
    --mms-colors-orange-dark-700: #f59c58;
    --mms-colors-orange-dark-800: #ffc191;
    --mms-colors-orange-dark-900: #ffe2c4;
    --mms-colors-orange-dark-950: #fff3de;
    --mms-colors-purple-25: #ffffff;
    --mms-colors-purple-50: #fff1ff;
    --mms-colors-purple-100: #ffdaff;
    --mms-colors-purple-200: #feb1ff;
    --mms-colors-purple-300: #ee84f8;
    --mms-colors-purple-400: #d139e6;
    --mms-colors-purple-500: #ba00d8;
    --mms-colors-purple-600: #9e00b3;
    --mms-colors-purple-700: #81008e;
    --mms-colors-purple-800: #3c0040;
    --mms-colors-purple-900: #200021;
    --mms-colors-purple-950: #030303;
    --mms-colors-purple-dark-25: #060606;
    --mms-colors-purple-dark-50: #180819;
    --mms-colors-purple-dark-100: #260c29;
    --mms-colors-purple-dark-200: #3b1140;
    --mms-colors-purple-dark-300: #5c1b65;
    --mms-colors-purple-dark-400: #7a2688;
    --mms-colors-purple-dark-500: #b23dc6;
    --mms-colors-purple-dark-600: #cb6cda;
    --mms-colors-purple-dark-700: #e193ea;
    --mms-colors-purple-dark-800: #f4b9fa;
    --mms-colors-purple-dark-900: #ffdcff;
    --mms-colors-purple-dark-950: #ffeeff;
    --mms-fonts-noto-sans-display: NotoSansDisplay, NotoSansDisplay-fallback, Arial, sans-serif;
    --mms-fonts-media-markt-headline: MMHeadline, Arial, sans-serif;
    --mms-fonts-calibri: Calibri, sans-serif;
    --mms-font-sizes-1: 1rem;
    --mms-font-sizes-2: 2rem;
    --mms-font-sizes-3: 3rem;
    --mms-font-sizes-0\.25: 0.25rem;
    --mms-font-sizes-0\.5: 0.5rem;
    --mms-font-sizes-0\.625: 0.625rem;
    --mms-font-sizes-0\.75: 0.75rem;
    --mms-font-sizes-0\.875: 0.875rem;
    --mms-font-sizes-1\.125: 1.125rem;
    --mms-font-sizes-1\.25: 1.25rem;
    --mms-font-sizes-1\.5: 1.5rem;
    --mms-font-sizes-1\.75: 1.75rem;
    --mms-font-sizes-2\.25: 2.25rem;
    --mms-font-sizes-2\.5: 2.5rem;
    --mms-font-sizes-2\.75: 2.75rem;
    --mms-font-sizes-3\.25: 3.25rem;
    --mms-font-sizes-3\.5: 3.5rem;
    --mms-font-weights-100: 100;
    --mms-font-weights-200: 200;
    --mms-font-weights-300: 300;
    --mms-font-weights-400: 400;
    --mms-font-weights-500: 500;
    --mms-font-weights-600: 600;
    --mms-font-weights-700: 700;
    --mms-font-weights-800: 800;
    --mms-font-weights-900: 900;
    --mms-line-heights-1: calc(1.5/1);
    --mms-line-heights-2: calc(2.25/2);
    --mms-line-heights-3: calc(3/3);
    --mms-line-heights-0\.625: calc(1/0.625);
    --mms-line-heights-0\.75: calc(1.25/0.75);
    --mms-line-heights-0\.875: calc(1.25/0.875);
    --mms-line-heights-1\.125: calc(1.75/1.125);
    --mms-line-heights-1\.25: calc(2/1.25);
    --mms-line-heights-1\.5: calc(1.75/1.5);
    --mms-line-heights-1\.75: calc(2/1.75);
    --mms-line-heights-2\.25: calc(2.5/2.25);
    --mms-line-heights-2\.5: calc(2.75/2.5);
    --mms-line-heights-2\.75: calc(3/2.75);
    --mms-line-heights-3\.25: calc(3.25/3.25);
    --mms-line-heights-3\.5: calc(3.75/3.5);
    --mms-line-heights-unitless-1: 1;
    --mms-line-heights-unitless-2: 2;
    --mms-line-heights-unitless-1\.1: 1.1;
    --mms-line-heights-unitless-1\.25: 1.25;
    --mms-line-heights-unitless-1\.375: 1.375;
    --mms-line-heights-unitless-1\.5: 1.5;
    --mms-line-heights-unitless-1\.625: 1.625;
    --mms-letter-spacings-25: -0.05em;
    --mms-letter-spacings-50: -0.025em;
    --mms-letter-spacings-100: 0;
    --mms-letter-spacings-125: 0.025em;
    --mms-letter-spacings-150: 0.05em;
    --mms-letter-spacings-200: 0.1em;
    --mms-radii-0: 0px;
    --mms-radii-1: 1rem;
    --mms-radii-2: 2rem;
    --mms-radii-3: 3rem;
    --mms-radii-9999: 9999rem;
    --mms-radii-0\.125: 0.125rem;
    --mms-radii-0\.25: 0.25rem;
    --mms-radii-0\.375: 0.375rem;
    --mms-radii-0\.5: 0.5rem;
    --mms-radii-0\.625: 0.625rem;
    --mms-radii-0\.75: 0.75rem;
    --mms-radii-1\.25: 1.25rem;
    --mms-radii-1\.5: 1.5rem;
    --mms-radii-1\.75: 1.75rem;
    --mms-radii-2\.25: 2.25rem;
    --mms-radii-2\.5: 2.5rem;
    --mms-radii-2\.75: 2.75rem;
    --mms-radii-3\.25: 3.25rem;
    --mms-radii-3\.5: 3.5rem;
    --mms-sizes-0: 0;
    --mms-sizes-1: 1rem;
    --mms-sizes-2: 2rem;
    --mms-sizes-3: 3rem;
    --mms-sizes-4: 4rem;
    --mms-sizes-5: 5rem;
    --mms-sizes-6: 6rem;
    --mms-sizes-8: 8rem;
    --mms-sizes-16: 16rem;
    --mms-sizes-32: 32rem;
    --mms-sizes-48: 48rem;
    --mms-sizes-0\.0625: 0.0625rem;
    --mms-sizes-0\.125: 0.125rem;
    --mms-sizes-0\.25: 0.25rem;
    --mms-sizes-0\.375: 0.375rem;
    --mms-sizes-0\.5: 0.5rem;
    --mms-sizes-0\.75: 0.75rem;
    --mms-sizes-1\.25: 1.25rem;
    --mms-sizes-1\.5: 1.5rem;
    --mms-sizes-1\.75: 1.75rem;
    --mms-sizes-2\.25: 2.25rem;
    --mms-sizes-2\.5: 2.5rem;
    --mms-sizes-2\.75: 2.75rem;
    --mms-sizes-3\.25: 3.25rem;
    --mms-sizes-3\.5: 3.5rem;
    --mms-sizes-3\.75: 3.75rem;
    --mms-sizes-4\.25: 4.25rem;
    --mms-sizes-4\.5: 4.5rem;
    --mms-sizes-4\.75: 4.75rem;
    --mms-sizes-5\.25: 5.25rem;
    --mms-sizes-5\.5: 5.5rem;
    --mms-sizes-5\.75: 5.75rem;
    --mms-sizes-6\.25: 6.25rem;
    --mms-sizes-20\.25: 20.25rem;
    --mms-sizes-em-1: 1em;
    --mms-sizes-em-2: 2em;
    --mms-sizes-em-3: 3em;
    --mms-sizes-em-4: 4em;
    --mms-sizes-em-5: 5em;
    --mms-sizes-em-6: 6em;
    --mms-sizes-em-8: 8em;
    --mms-sizes-em-16: 16em;
    --mms-sizes-em-32: 32em;
    --mms-sizes-em-48: 48em;
    --mms-sizes-em-0\.0625: 0.0625em;
    --mms-sizes-em-0\.125: 0.125em;
    --mms-sizes-em-0\.25: 0.25em;
    --mms-sizes-em-0\.375: 0.375em;
    --mms-sizes-em-0\.5: 0.5em;
    --mms-sizes-em-0\.75: 0.75em;
    --mms-sizes-em-1\.25: 1.25em;
    --mms-sizes-em-1\.5: 1.5em;
    --mms-sizes-em-1\.75: 1.75em;
    --mms-sizes-em-2\.25: 2.25em;
    --mms-sizes-em-2\.5: 2.5em;
    --mms-sizes-em-2\.75: 2.75em;
    --mms-sizes-em-3\.25: 3.25em;
    --mms-sizes-em-3\.5: 3.5em;
    --mms-sizes-em-3\.75: 3.75em;
    --mms-sizes-em-4\.25: 4.25em;
    --mms-sizes-em-4\.5: 4.5em;
    --mms-sizes-em-4\.75: 4.75em;
    --mms-sizes-em-5\.25: 5.25em;
    --mms-sizes-em-5\.5: 5.5em;
    --mms-sizes-em-5\.75: 5.75em;
    --mms-sizes-em-6\.25: 6.25em;
    --mms-sizes-em-20\.25: 20.25em;
    --mms-sizes-px-1: 16px;
    --mms-sizes-px-2: 32px;
    --mms-sizes-px-3: 48px;
    --mms-sizes-px-4: 64px;
    --mms-sizes-px-5: 80px;
    --mms-sizes-px-6: 96px;
    --mms-sizes-px-8: 128px;
    --mms-sizes-px-16: 256px;
    --mms-sizes-px-32: 512px;
    --mms-sizes-px-48: 768px;
    --mms-sizes-px-0\.0625: 1px;
    --mms-sizes-px-0\.125: 2px;
    --mms-sizes-px-0\.25: 4px;
    --mms-sizes-px-0\.375: 6px;
    --mms-sizes-px-0\.5: 8px;
    --mms-sizes-px-0\.75: 12px;
    --mms-sizes-px-1\.25: 20px;
    --mms-sizes-px-1\.5: 24px;
    --mms-sizes-px-1\.75: 28px;
    --mms-sizes-px-2\.25: 36px;
    --mms-sizes-px-2\.5: 40px;
    --mms-sizes-px-2\.75: 44px;
    --mms-sizes-px-3\.25: 52px;
    --mms-sizes-px-3\.5: 56px;
    --mms-sizes-px-3\.75: 60px;
    --mms-sizes-px-4\.25: 68px;
    --mms-sizes-px-4\.5: 72px;
    --mms-sizes-px-4\.75: 76px;
    --mms-sizes-px-5\.25: 84px;
    --mms-sizes-px-5\.5: 88px;
    --mms-sizes-px-5\.75: 92px;
    --mms-sizes-px-6\.25: 100px;
    --mms-sizes-px-20\.25: 324px;
    --mms-sizes-prose-45: 45ch;
    --mms-sizes-prose-65: 65ch;
    --mms-sizes-prose-75: 75ch;
    --mms-sizes-prose-80: 80ch;
    --mms-sizes-breakpoint-xxs: 0em;
    --mms-sizes-breakpoint-xs: 23em;
    --mms-sizes-breakpoint-sm: 32em;
    --mms-sizes-breakpoint-md: 47em;
    --mms-sizes-breakpoint-lg: 63em;
    --mms-sizes-breakpoint-xl: 77em;
    --mms-sizes-breakpoint-xxl: 92em;
    --mms-spacing-0: 0;
    --mms-spacing-1: 1rem;
    --mms-spacing-2: 2rem;
    --mms-spacing-3: 3rem;
    --mms-spacing-4: 4rem;
    --mms-spacing-5: 5rem;
    --mms-spacing-6: 6rem;
    --mms-spacing-0\.0625: 0.0625rem;
    --mms-spacing-0\.125: 0.125rem;
    --mms-spacing-0\.25: 0.25rem;
    --mms-spacing-0\.375: 0.375rem;
    --mms-spacing-0\.5: 0.5rem;
    --mms-spacing-0\.75: 0.75rem;
    --mms-spacing-1\.25: 1.25rem;
    --mms-spacing-1\.5: 1.5rem;
    --mms-spacing-1\.75: 1.75rem;
    --mms-spacing-2\.25: 2.25rem;
    --mms-spacing-2\.5: 2.5rem;
    --mms-spacing-2\.75: 2.75rem;
    --mms-spacing-3\.25: 3.25rem;
    --mms-spacing-3\.5: 3.5rem;
    --mms-spacing-3\.75: 3.75rem;
    --mms-spacing-4\.25: 4.25rem;
    --mms-spacing-4\.5: 4.5rem;
    --mms-spacing-4\.75: 4.75rem;
    --mms-spacing-5\.25: 5.25rem;
    --mms-spacing-5\.5: 5.5rem;
    --mms-spacing-5\.75: 5.75rem;
    --mms-spacing-em-1: 1em;
    --mms-spacing-em-2: 2em;
    --mms-spacing-em-3: 3em;
    --mms-spacing-em-4: 4em;
    --mms-spacing-em-5: 5em;
    --mms-spacing-em-6: 6em;
    --mms-spacing-em-0\.0625: 0.0625em;
    --mms-spacing-em-0\.125: 0.125em;
    --mms-spacing-em-0\.25: 0.25em;
    --mms-spacing-em-0\.375: 0.375em;
    --mms-spacing-em-0\.5: 0.5em;
    --mms-spacing-em-0\.75: 0.75em;
    --mms-spacing-em-1\.25: 1.25em;
    --mms-spacing-em-1\.5: 1.5em;
    --mms-spacing-em-1\.75: 1.75em;
    --mms-spacing-em-2\.25: 2.25em;
    --mms-spacing-em-2\.5: 2.5em;
    --mms-spacing-em-2\.75: 2.75em;
    --mms-spacing-em-3\.25: 3.25em;
    --mms-spacing-em-3\.5: 3.5em;
    --mms-spacing-em-3\.75: 3.75em;
    --mms-spacing-em-4\.25: 4.25em;
    --mms-spacing-em-4\.5: 4.5em;
    --mms-spacing-em-4\.75: 4.75em;
    --mms-spacing-em-5\.25: 5.25em;
    --mms-spacing-em-5\.5: 5.5em;
    --mms-spacing-em-5\.75: 5.75em;
    --mms-spacing-px-1: 16px;
    --mms-spacing-px-2: 32px;
    --mms-spacing-px-3: 48px;
    --mms-spacing-px-4: 64px;
    --mms-spacing-px-5: 80px;
    --mms-spacing-px-6: 96px;
    --mms-spacing-px-0\.0625: 1px;
    --mms-spacing-px-0\.125: 2px;
    --mms-spacing-px-0\.25: 4px;
    --mms-spacing-px-0\.375: 6px;
    --mms-spacing-px-0\.5: 8px;
    --mms-spacing-px-0\.75: 12px;
    --mms-spacing-px-1\.25: 20px;
    --mms-spacing-px-1\.5: 24px;
    --mms-spacing-px-1\.75: 28px;
    --mms-spacing-px-2\.25: 36px;
    --mms-spacing-px-2\.5: 40px;
    --mms-spacing-px-2\.75: 44px;
    --mms-spacing-px-3\.25: 52px;
    --mms-spacing-px-3\.5: 56px;
    --mms-spacing-px-3\.75: 60px;
    --mms-spacing-px-4\.25: 68px;
    --mms-spacing-px-4\.5: 72px;
    --mms-spacing-px-4\.75: 76px;
    --mms-spacing-px-5\.25: 84px;
    --mms-spacing-px-5\.5: 88px;
    --mms-spacing-px-5\.75: 92px;
    --mms-opacity-0: 0;
    --mms-opacity-10: 0.1;
    --mms-opacity-20: 0.2;
    --mms-opacity-30: 0.3;
    --mms-opacity-40: 0.4;
    --mms-opacity-50: 0.5;
    --mms-opacity-60: 0.6;
    --mms-opacity-70: 0.7;
    --mms-opacity-80: 0.8;
    --mms-opacity-90: 0.9;
    --mms-opacity-95: 0.95;
    --mms-opacity-100: 1;
    --mms-durations-100: 100ms;
    --mms-durations-150: 150ms;
    --mms-durations-300: 300ms;
    --mms-durations-500: 500ms;
    --mms-durations-1000: 1000ms;
    --mms-durations-1500: 1500ms;
    --mms-durations-2000: 2000ms;
    --mms-z-index-0: 0;
    --mms-z-index-100: 10;
    --mms-z-index-200: 20;
    --mms-z-index-300: 30;
    --mms-z-index-400: 40;
    --mms-z-index-500: 50;
    --mms-z-index-800: 800;
    --mms-z-index-900: 900;
    --mms-breakpoints-xxs: 0em;
    --mms-breakpoints-xs: 23em;
    --mms-breakpoints-sm: 32em;
    --mms-breakpoints-md: 47em;
    --mms-breakpoints-lg: 63em;
    --mms-breakpoints-xl: 77em;
    --mms-breakpoints-xxl: 92em;
    --mms-aspect-ratios-square: var(--mms-aspect-ratios-25);
    --mms-aspect-ratios-product: var(--mms-aspect-ratios-125);
    --mms-aspect-ratios-video: var(--mms-aspect-ratios-75);
    --mms-border-widths-none: var(--mms-border-widths-0);
    --mms-border-widths-xs: var(--mms-border-widths-100);
    --mms-border-widths-sm: var(--mms-border-widths-200);
    --mms-border-widths-md: var(--mms-border-widths-400);
    --mms-border-widths-lg: var(--mms-border-widths-800);
    --mms-line-heights-2xs: var(--mms-line-heights-0\.625);
    --mms-line-heights-xs: var(--mms-line-heights-0\.75);
    --mms-line-heights-sm: var(--mms-line-heights-0\.875);
    --mms-line-heights-md: var(--mms-line-heights-1);
    --mms-line-heights-lg: var(--mms-line-heights-1\.125);
    --mms-line-heights-xl: var(--mms-line-heights-1\.25);
    --mms-line-heights-2xl: var(--mms-line-heights-1\.5);
    --mms-line-heights-3xl: var(--mms-line-heights-1\.75);
    --mms-line-heights-4xl: var(--mms-line-heights-2);
    --mms-line-heights-5xl: var(--mms-line-heights-2\.25);
    --mms-line-heights-6xl: var(--mms-line-heights-2\.5);
    --mms-line-heights-7xl: var(--mms-line-heights-2\.75);
    --mms-line-heights-8xl: var(--mms-line-heights-3\.5);
    --mms-line-heights-none: var(--mms-line-heights-unitless-1);
    --mms-line-heights-tighter: var(--mms-line-heights-unitless-1\.1);
    --mms-line-heights-tight: var(--mms-line-heights-unitless-1\.25);
    --mms-line-heights-snug: var(--mms-line-heights-unitless-1\.375);
    --mms-line-heights-normal: var(--mms-line-heights-unitless-1\.5);
    --mms-line-heights-relaxed: var(--mms-line-heights-unitless-1\.625);
    --mms-line-heights-loose: var(--mms-line-heights-unitless-2);
    --mms-letter-spacings-tighter: var(--mms-letter-spacings-25);
    --mms-letter-spacings-tight: var(--mms-letter-spacings-50);
    --mms-letter-spacings-normal: var(--mms-letter-spacings-100);
    --mms-letter-spacings-wide: var(--mms-letter-spacings-125);
    --mms-letter-spacings-wider: var(--mms-letter-spacings-150);
    --mms-letter-spacings-widest: var(--mms-letter-spacings-200);
    --mms-letter-spacings-inherit: inherit;
    --mms-spacing-auto: auto;
    --mms-spacing-none: var(--mms-spacing-0);
    --mms-spacing-3xs: var(--mms-spacing-0\.125);
    --mms-spacing-2xs: var(--mms-spacing-0\.25);
    --mms-spacing-xs: var(--mms-spacing-0\.5);
    --mms-spacing-sm: var(--mms-spacing-0\.75);
    --mms-spacing-md: var(--mms-spacing-1);
    --mms-spacing-lg: var(--mms-spacing-1\.25);
    --mms-spacing-xl: var(--mms-spacing-1\.5);
    --mms-spacing-2xl: var(--mms-spacing-1\.75);
    --mms-spacing-3xl: var(--mms-spacing-2);
    --mms-spacing-4xl: var(--mms-spacing-2\.25);
    --mms-spacing-5xl: var(--mms-spacing-2\.5);
    --mms-spacing-6xl: var(--mms-spacing-2\.75);
    --mms-spacing-7xl: var(--mms-spacing-3);
    --mms-spacing-8xl: var(--mms-spacing-3\.25);
    --mms-spacing-9xl: var(--mms-spacing-3\.5);
    --mms-spacing-10xl: var(--mms-spacing-3\.75);
    --mms-sizes-none: var(--mms-sizes-0);
    --mms-sizes-prose-min: var(--mms-sizes-prose-45);
    --mms-sizes-prose-max: var(--mms-sizes-prose-80);
    --mms-sizes-4xs: var(--mms-sizes-0\.0625);
    --mms-sizes-3xs: var(--mms-sizes-0\.125);
    --mms-sizes-2xs: var(--mms-sizes-0\.25);
    --mms-sizes-xs: var(--mms-sizes-0\.5);
    --mms-sizes-sm: var(--mms-sizes-0\.75);
    --mms-sizes-md: var(--mms-sizes-1);
    --mms-sizes-lg: var(--mms-sizes-1\.5);
    --mms-sizes-xl: var(--mms-sizes-1\.75);
    --mms-sizes-2xl: var(--mms-sizes-2);
    --mms-sizes-3xl: var(--mms-sizes-2\.25);
    --mms-sizes-4xl: var(--mms-sizes-2\.5);
    --mms-sizes-5xl: var(--mms-sizes-2\.75);
    --mms-sizes-6xl: var(--mms-sizes-3);
    --mms-sizes-7xl: var(--mms-sizes-3\.25);
    --mms-sizes-8xl: var(--mms-sizes-3\.5);
    --mms-sizes-9xl: var(--mms-sizes-3\.75);
    --mms-sizes-10xl: var(--mms-sizes-4);
    --mms-sizes-full: 100%;
    --mms-sizes-min: min-content;
    --mms-sizes-max: max-content;
    --mms-sizes-fit: fit-content;
    --mms-fonts-body: var(--mms-fonts-noto-sans-display);
    --mms-fonts-heading: var(--mms-fonts-noto-sans-display);
    --mms-fonts-brand: var(--mms-fonts-media-markt-headline);
    --mms-fonts-eel: var(--mms-fonts-calibri);
    --mms-font-weights-thin: var(--mms-font-weights-100);
    --mms-font-weights-extralight: var(--mms-font-weights-200);
    --mms-font-weights-light: var(--mms-font-weights-300);
    --mms-font-weights-normal: var(--mms-font-weights-400);
    --mms-font-weights-medium: var(--mms-font-weights-500);
    --mms-font-weights-semibold: var(--mms-font-weights-600);
    --mms-font-weights-bold: var(--mms-font-weights-700);
    --mms-font-weights-extrabold: var(--mms-font-weights-800);
    --mms-font-weights-black: var(--mms-font-weights-900);
    --mms-font-weights-inherit: inherit;
    --mms-colors-base-text: var(--mms-colors-slate-700);
    --mms-colors-base-text-emphasized: var(--mms-colors-slate-950);
    --mms-colors-base-text-subtle: var(--mms-colors-slate-600);
    --mms-colors-base-text-inverted: var(--mms-colors-slate-50);
    --mms-colors-base-text-accent: var(--mms-colors-slate-500);
    --mms-colors-base-border: var(--mms-colors-slate-200);
    --mms-colors-base-background: var(--mms-colors-slate-50);
    --mms-colors-base-background-inverted: var(--mms-colors-slate-950);
    --mms-colors-base-background-accent: var(--mms-colors-slate-500);
    --mms-colors-base-background-overlay: color-mix(in srgb, var(--mms-colors-slate-900) var(--mms-opacity-90), transparent);
    --mms-colors-base-surface: var(--mms-colors-slate-25);
    --mms-colors-base-surface-secondary: var(--mms-colors-slate-100);
    --mms-colors-base-surface-tertiary: var(--mms-colors-slate-25);
    --mms-colors-base-control-border: var(--mms-colors-slate-950);
    --mms-colors-base-control-border-disabled: var(--mms-colors-slate-400);
    --mms-colors-base-on-surface-text: var(--mms-colors-slate-800);
    --mms-colors-base-on-surface-text-emphasized: var(--mms-colors-slate-950);
    --mms-colors-base-on-surface-text-subtle: var(--mms-colors-slate-600);
    --mms-colors-base-on-surface-text-inverted: var(--mms-colors-slate-50);
    --mms-colors-base-on-surface-text-accent: var(--mms-colors-slate-900);
    --mms-colors-inverted-text: var(--mms-colors-slate-200);
    --mms-colors-inverted-text-emphasized: var(--mms-colors-slate-50);
    --mms-colors-inverted-text-subtle: var(--mms-colors-slate-300);
    --mms-colors-inverted-text-inverted: var(--mms-colors-slate-950);
    --mms-colors-inverted-text-accent: var(--mms-colors-slate-400);
    --mms-colors-inverted-border: var(--mms-colors-slate-700);
    --mms-colors-inverted-background: var(--mms-colors-slate-950);
    --mms-colors-inverted-background-inverted: var(--mms-colors-slate-100);
    --mms-colors-inverted-background-accent: var(--mms-colors-slate-500);
    --mms-colors-inverted-background-overlay: color-mix(in srgb, var(--mms-colors-slate-900) var(--mms-opacity-90), transparent);
    --mms-colors-inverted-surface: var(--mms-colors-slate-900);
    --mms-colors-inverted-surface-secondary: var(--mms-colors-slate-700);
    --mms-colors-inverted-surface-tertiary: var(--mms-colors-slate-800);
    --mms-colors-inverted-control-border: var(--mms-colors-slate-50);
    --mms-colors-inverted-control-border-disabled: var(--mms-colors-slate-400);
    --mms-colors-inverted-on-surface-text: -- NO COLOR DEFINED --;
    --mms-colors-inverted-on-surface-text-emphasized: -- NO COLOR DEFINED --;
    --mms-colors-inverted-on-surface-text-subtle: -- NO COLOR DEFINED --;
    --mms-colors-inverted-on-surface-text-inverted: -- NO COLOR DEFINED --;
    --mms-colors-inverted-on-surface-text-accent: -- NO COLOR DEFINED --;
    --mms-colors-prominent-text: var(--mms-colors-slate-50);
    --mms-colors-prominent-text-emphasized: var(--mms-colors-slate-50);
    --mms-colors-prominent-text-subtle: var(--mms-colors-slate-25);
    --mms-colors-prominent-text-inverted: var(--mms-colors-slate-800);
    --mms-colors-prominent-text-accent: var(--mms-colors-slate-50);
    --mms-colors-prominent-border: var(--mms-colors-slate-300);
    --mms-colors-prominent-background: var(--mms-colors-slate-600);
    --mms-colors-prominent-background-inverted: var(--mms-colors-slate-50);
    --mms-colors-prominent-background-accent: var(--mms-colors-slate-900);
    --mms-colors-prominent-background-overlay: color-mix(in srgb, var(--mms-colors-slate-900) var(--mms-opacity-90), transparent);
    --mms-colors-prominent-surface: var(--mms-colors-slate-500);
    --mms-colors-prominent-surface-secondary: var(--mms-colors-slate-600);
    --mms-colors-prominent-surface-tertiary: var(--mms-colors-slate-25);
    --mms-colors-prominent-control-border: var(--mms-colors-slate-50);
    --mms-colors-prominent-control-border-disabled: var(--mms-colors-slate-300);
    --mms-colors-prominent-on-surface-text: var(--mms-colors-slate-800);
    --mms-colors-prominent-on-surface-text-emphasized: var(--mms-colors-slate-900);
    --mms-colors-prominent-on-surface-text-subtle: var(--mms-colors-slate-700);
    --mms-colors-prominent-on-surface-text-inverted: var(--mms-colors-slate-50);
    --mms-colors-prominent-on-surface-text-accent: var(--mms-colors-slate-950);
    --mms-colors-sustainable-text: var(--mms-colors-emerald-700);
    --mms-colors-sustainable-text-emphasized: var(--mms-colors-emerald-600);
    --mms-colors-sustainable-text-subtle: var(--mms-colors-emerald-600);
    --mms-colors-sustainable-text-inverted: var(--mms-colors-emerald-25);
    --mms-colors-sustainable-text-accent: var(--mms-colors-emerald-600);
    --mms-colors-sustainable-border: var(--mms-colors-emerald-200);
    --mms-colors-sustainable-background: var(--mms-colors-emerald-50);
    --mms-colors-sustainable-background-inverted: var(--mms-colors-emerald-500);
    --mms-colors-sustainable-background-accent: var(--mms-colors-slate-900);
    --mms-colors-sustainable-background-overlay: color-mix(in srgb, var(--mms-colors-emerald-900) var(--mms-opacity-90), transparent);
    --mms-colors-sustainable-surface: var(--mms-colors-emerald-25);
    --mms-colors-sustainable-surface-secondary: var(--mms-colors-emerald-100);
    --mms-colors-sustainable-surface-tertiary: var(--mms-colors-emerald-50);
    --mms-colors-sustainable-control-border: var(--mms-colors-emerald-800);
    --mms-colors-sustainable-control-border-disabled: var(--mms-colors-emerald-300);
    --mms-colors-sustainable-on-surface-text: -- NO COLOR DEFINED --;
    --mms-colors-sustainable-on-surface-text-emphasized: -- NO COLOR DEFINED --;
    --mms-colors-sustainable-on-surface-text-subtle: -- NO COLOR DEFINED --;
    --mms-colors-sustainable-on-surface-text-inverted: -- NO COLOR DEFINED --;
    --mms-colors-sustainable-on-surface-text-accent: -- NO COLOR DEFINED --;
    --mms-colors-info-text: var(--mms-colors-blue-700);
    --mms-colors-info-text-emphasized: var(--mms-colors-blue-600);
    --mms-colors-info-text-subtle: var(--mms-colors-blue-600);
    --mms-colors-info-text-inverted: var(--mms-colors-blue-25);
    --mms-colors-info-text-accent: var(--mms-colors-blue-600);
    --mms-colors-info-border: var(--mms-colors-blue-200);
    --mms-colors-info-background: var(--mms-colors-blue-50);
    --mms-colors-info-background-inverted: var(--mms-colors-blue-500);
    --mms-colors-info-background-accent: var(--mms-colors-slate-900);
    --mms-colors-info-background-overlay: color-mix(in srgb, var(--mms-colors-blue-900) var(--mms-opacity-90), transparent);
    --mms-colors-info-surface: var(--mms-colors-blue-25);
    --mms-colors-info-surface-secondary: var(--mms-colors-blue-100);
    --mms-colors-info-surface-tertiary: var(--mms-colors-blue-50);
    --mms-colors-info-control-border: var(--mms-colors-blue-800);
    --mms-colors-info-control-border-disabled: var(--mms-colors-blue-300);
    --mms-colors-info-on-surface-text: -- NO COLOR DEFINED --;
    --mms-colors-info-on-surface-text-emphasized: -- NO COLOR DEFINED --;
    --mms-colors-info-on-surface-text-subtle: -- NO COLOR DEFINED --;
    --mms-colors-info-on-surface-text-inverted: -- NO COLOR DEFINED --;
    --mms-colors-info-on-surface-text-accent: -- NO COLOR DEFINED --;
    --mms-colors-success-text: var(--mms-colors-green-700);
    --mms-colors-success-text-emphasized: var(--mms-colors-green-600);
    --mms-colors-success-text-subtle: var(--mms-colors-green-600);
    --mms-colors-success-text-inverted: var(--mms-colors-green-25);
    --mms-colors-success-text-accent: var(--mms-colors-green-600);
    --mms-colors-success-border: var(--mms-colors-green-200);
    --mms-colors-success-background: var(--mms-colors-green-50);
    --mms-colors-success-background-inverted: var(--mms-colors-green-500);
    --mms-colors-success-background-accent: var(--mms-colors-green-900);
    --mms-colors-success-background-overlay: color-mix(in srgb, var(--mms-colors-green-900) var(--mms-opacity-90), transparent);
    --mms-colors-success-surface: var(--mms-colors-green-25);
    --mms-colors-success-surface-secondary: var(--mms-colors-green-100);
    --mms-colors-success-surface-tertiary: var(--mms-colors-green-50);
    --mms-colors-success-control-border: var(--mms-colors-green-800);
    --mms-colors-success-control-border-disabled: var(--mms-colors-green-300);
    --mms-colors-warning-text: var(--mms-colors-yellow-700);
    --mms-colors-warning-text-emphasized: var(--mms-colors-yellow-600);
    --mms-colors-warning-text-subtle: var(--mms-colors-yellow-600);
    --mms-colors-warning-text-inverted: var(--mms-colors-yellow-25);
    --mms-colors-warning-text-accent: var(--mms-colors-yellow-600);
    --mms-colors-warning-border: var(--mms-colors-yellow-200);
    --mms-colors-warning-background: var(--mms-colors-yellow-50);
    --mms-colors-warning-background-inverted: var(--mms-colors-yellow-500);
    --mms-colors-warning-background-accent: var(--mms-colors-slate-900);
    --mms-colors-warning-background-overlay: color-mix(in srgb, var(--mms-colors-yellow-900) var(--mms-opacity-90), transparent);
    --mms-colors-warning-surface: var(--mms-colors-yellow-25);
    --mms-colors-warning-surface-secondary: var(--mms-colors-yellow-100);
    --mms-colors-warning-surface-tertiary: var(--mms-colors-yellow-50);
    --mms-colors-warning-control-border: var(--mms-colors-yellow-800);
    --mms-colors-warning-control-border-disabled: var(--mms-colors-yellow-300);
    --mms-colors-error-text: var(--mms-colors-red-700);
    --mms-colors-error-text-emphasized: var(--mms-colors-red-600);
    --mms-colors-error-text-subtle: var(--mms-colors-red-600);
    --mms-colors-error-text-inverted: var(--mms-colors-red-25);
    --mms-colors-error-text-accent: var(--mms-colors-red-600);
    --mms-colors-error-border: var(--mms-colors-red-200);
    --mms-colors-error-background: var(--mms-colors-red-50);
    --mms-colors-error-background-inverted: var(--mms-colors-red-500);
    --mms-colors-error-background-accent: var(--mms-colors-red-900);
    --mms-colors-error-background-overlay: color-mix(in srgb, var(--mms-colors-red-900) var(--mms-opacity-90), transparent);
    --mms-colors-error-surface: var(--mms-colors-red-25);
    --mms-colors-error-surface-secondary: var(--mms-colors-red-100);
    --mms-colors-error-surface-tertiary: var(--mms-colors-red-50);
    --mms-colors-error-control-border: var(--mms-colors-red-800);
    --mms-colors-error-control-border-disabled: var(--mms-colors-red-300);
    --mms-radii-full: var(--mms-radii-0);
    --mms-radii-none: var(--mms-radii-0);
    --mms-radii-xs: var(--mms-radii-0);
    --mms-radii-sm: var(--mms-radii-0);
    --mms-radii-md: var(--mms-radii-0);
    --mms-radii-lg: var(--mms-radii-0);
    --mms-radii-xl: var(--mms-radii-0);
    --mms-radii-2xl: var(--mms-radii-0);
    --mms-radii-3xl: var(--mms-radii-0);
    --mms-radii-4xl: var(--mms-radii-0);
    --mms-radii-5xl: var(--mms-radii-0);
}

  [data-color-mode=dark] {
    --mms-colors-base-text: var(--mms-colors-slate-dark-800);
    --mms-colors-base-text-emphasized: var(--mms-colors-slate-dark-950);
    --mms-colors-base-text-subtle: var(--mms-colors-slate-dark-700);
    --mms-colors-base-text-inverted: var(--mms-colors-slate-dark-50);
    --mms-colors-base-text-accent: var(--mms-colors-slate-dark-500);
    --mms-colors-base-border: var(--mms-colors-slate-dark-200);
    --mms-colors-base-background: var(--mms-colors-slate-dark-50);
    --mms-colors-base-background-inverted: var(--mms-colors-slate-dark-950);
    --mms-colors-base-background-accent: var(--mms-colors-slate-dark-500);
    --mms-colors-base-background-overlay: color-mix(in srgb, var(--mms-colors-slate-dark-50) var(--mms-opacity-95), transparent);
    --mms-colors-base-surface: var(--mms-colors-slate-dark-50);
    --mms-colors-base-surface-secondary: var(--mms-colors-slate-dark-100);
    --mms-colors-base-surface-tertiary: var(--mms-colors-slate-dark-200);
    --mms-colors-base-control-border: var(--mms-colors-slate-dark-950);
    --mms-colors-base-control-border-disabled: var(--mms-colors-slate-dark-900);
    --mms-colors-base-on-surface-text: var(--mms-colors-slate-200);
    --mms-colors-base-on-surface-text-emphasized: var(--mms-colors-slate-50);
    --mms-colors-base-on-surface-text-subtle: var(--mms-colors-slate-300);
    --mms-colors-base-on-surface-text-inverted: var(--mms-colors-slate-900);
    --mms-colors-base-on-surface-text-accent: var(--mms-colors-slate-100);
    --mms-colors-inverted-text: var(--mms-colors-slate-dark-100);
    --mms-colors-inverted-text-emphasized: var(--mms-colors-slate-dark-100);
    --mms-colors-inverted-text-subtle: var(--mms-colors-slate-300);
    --mms-colors-inverted-text-inverted: var(--mms-colors-slate-950);
    --mms-colors-inverted-text-accent: var(--mms-colors-slate-dark-500);
    --mms-colors-inverted-border: var(--mms-colors-slate-dark-200);
    --mms-colors-inverted-background: var(--mms-colors-slate-dark-50);
    --mms-colors-inverted-background-inverted: var(--mms-colors-slate-dark-950);
    --mms-colors-inverted-background-accent: var(--mms-colors-slate-dark-500);
    --mms-colors-inverted-background-overlay: color-mix(in srgb, var(--mms-colors-slate-dark-100) var(--mms-opacity-95), transparent);
    --mms-colors-inverted-surface: var(--mms-colors-slate-dark-800);
    --mms-colors-inverted-surface-secondary: var(--mms-colors-slate-dark-600);
    --mms-colors-inverted-surface-tertiary: var(--mms-colors-slate-dark-300);
    --mms-colors-inverted-control-border: var(--mms-colors-slate-50);
    --mms-colors-inverted-control-border-disabled: var(--mms-colors-slate-100);
    --mms-colors-inverted-on-surface-text: -- NO COLOR DEFINED --;
    --mms-colors-inverted-on-surface-text-emphasized: -- NO COLOR DEFINED --;
    --mms-colors-inverted-on-surface-text-subtle: -- NO COLOR DEFINED --;
    --mms-colors-inverted-on-surface-text-inverted: -- NO COLOR DEFINED --;
    --mms-colors-inverted-on-surface-text-accent: -- NO COLOR DEFINED --;
    --mms-colors-prominent-text: var(--mms-colors-slate-dark-800);
    --mms-colors-prominent-text-emphasized: var(--mms-colors-slate-dark-800);
    --mms-colors-prominent-text-subtle: var(--mms-colors-slate-dark-700);
    --mms-colors-prominent-text-inverted: var(--mms-colors-slate-dark-800);
    --mms-colors-prominent-text-accent: var(--mms-colors-slate-dark-900);
    --mms-colors-prominent-border: var(--mms-colors-slate-dark-300);
    --mms-colors-prominent-background: var(--mms-colors-slate-dark-50);
    --mms-colors-prominent-background-inverted: var(--mms-colors-slate-dark-300);
    --mms-colors-prominent-background-accent: var(--mms-colors-slate-dark-400);
    --mms-colors-prominent-background-overlay: color-mix(in srgb, var(--mms-colors-slate-dark-100) var(--mms-opacity-95), transparent);
    --mms-colors-prominent-surface: var(--mms-colors-slate-dark-50);
    --mms-colors-prominent-surface-secondary: var(--mms-colors-slate-dark-100);
    --mms-colors-prominent-surface-tertiary: var(--mms-colors-slate-dark-200);
    --mms-colors-prominent-control-border: var(--mms-colors-slate-dark-800);
    --mms-colors-prominent-control-border-disabled: var(--mms-colors-slate-dark-700);
    --mms-colors-prominent-on-surface-text: var(--mms-colors-slate-200);
    --mms-colors-prominent-on-surface-text-emphasized: var(--mms-colors-slate-100);
    --mms-colors-prominent-on-surface-text-subtle: var(--mms-colors-slate-300);
    --mms-colors-prominent-on-surface-text-inverted: var(--mms-colors-slate-900);
    --mms-colors-prominent-on-surface-text-accent: var(--mms-colors-slate-50);
    --mms-colors-sustainable-text: var(--mms-colors-emerald-dark-700);
    --mms-colors-sustainable-text-emphasized: var(--mms-colors-emerald-dark-800);
    --mms-colors-sustainable-text-subtle: var(--mms-colors-emerald-dark-600);
    --mms-colors-sustainable-text-inverted: var(--mms-colors-emerald-dark-800);
    --mms-colors-sustainable-text-accent: var(--mms-colors-emerald-dark-900);
    --mms-colors-sustainable-border: var(--mms-colors-emerald-dark-300);
    --mms-colors-sustainable-background: var(--mms-colors-emerald-dark-50);
    --mms-colors-sustainable-background-inverted: var(--mms-colors-emerald-dark-300);
    --mms-colors-sustainable-background-accent: var(--mms-colors-emerald-dark-500);
    --mms-colors-sustainable-background-overlay: color-mix(in srgb, var(--mms-colors-emerald-dark-100) var(--mms-opacity-95), transparent);
    --mms-colors-sustainable-surface: var(--mms-colors-emerald-dark-50);
    --mms-colors-sustainable-surface-secondary: var(--mms-colors-emerald-dark-200);
    --mms-colors-sustainable-surface-tertiary: var(--mms-colors-emerald-dark-200);
    --mms-colors-sustainable-control-border: var(--mms-colors-emerald-dark-800);
    --mms-colors-sustainable-control-border-disabled: var(--mms-colors-emerald-dark-500);
    --mms-colors-sustainable-on-surface-text: -- NO COLOR DEFINED --;
    --mms-colors-sustainable-on-surface-text-emphasized: -- NO COLOR DEFINED --;
    --mms-colors-sustainable-on-surface-text-subtle: -- NO COLOR DEFINED --;
    --mms-colors-sustainable-on-surface-text-inverted: -- NO COLOR DEFINED --;
    --mms-colors-sustainable-on-surface-text-accent: -- NO COLOR DEFINED --;
    --mms-colors-info-text: var(--mms-colors-blue-dark-700);
    --mms-colors-info-text-emphasized: var(--mms-colors-blue-dark-800);
    --mms-colors-info-text-subtle: var(--mms-colors-blue-dark-700);
    --mms-colors-info-text-inverted: var(--mms-colors-blue-dark-800);
    --mms-colors-info-text-accent: var(--mms-colors-blue-dark-900);
    --mms-colors-info-border: var(--mms-colors-blue-dark-300);
    --mms-colors-info-background: var(--mms-colors-blue-dark-50);
    --mms-colors-info-background-inverted: var(--mms-colors-blue-dark-300);
    --mms-colors-info-background-accent: var(--mms-colors-blue-dark-500);
    --mms-colors-info-background-overlay: color-mix(in srgb, var(--mms-colors-blue-dark-100) var(--mms-opacity-95), transparent);
    --mms-colors-info-surface: var(--mms-colors-blue-dark-50);
    --mms-colors-info-surface-secondary: var(--mms-colors-blue-dark-200);
    --mms-colors-info-surface-tertiary: var(--mms-colors-blue-dark-200);
    --mms-colors-info-control-border: var(--mms-colors-blue-dark-800);
    --mms-colors-info-control-border-disabled: var(--mms-colors-blue-dark-500);
    --mms-colors-info-on-surface-text: -- NO COLOR DEFINED --;
    --mms-colors-info-on-surface-text-emphasized: -- NO COLOR DEFINED --;
    --mms-colors-info-on-surface-text-subtle: -- NO COLOR DEFINED --;
    --mms-colors-info-on-surface-text-inverted: -- NO COLOR DEFINED --;
    --mms-colors-info-on-surface-text-accent: -- NO COLOR DEFINED --;
    --mms-colors-success-text: var(--mms-colors-green-dark-700);
    --mms-colors-success-text-emphasized: var(--mms-colors-green-dark-800);
    --mms-colors-success-text-subtle: var(--mms-colors-green-dark-700);
    --mms-colors-success-text-inverted: var(--mms-colors-green-dark-800);
    --mms-colors-success-text-accent: var(--mms-colors-green-dark-900);
    --mms-colors-success-border: var(--mms-colors-green-dark-300);
    --mms-colors-success-background: var(--mms-colors-green-dark-50);
    --mms-colors-success-background-inverted: var(--mms-colors-green-dark-300);
    --mms-colors-success-background-accent: var(--mms-colors-green-dark-500);
    --mms-colors-success-background-overlay: color-mix(in srgb, var(--mms-colors-green-dark-100) var(--mms-opacity-95), transparent);
    --mms-colors-success-surface: var(--mms-colors-green-dark-50);
    --mms-colors-success-surface-secondary: var(--mms-colors-green-dark-200);
    --mms-colors-success-surface-tertiary: var(--mms-colors-green-dark-200);
    --mms-colors-success-control-border: var(--mms-colors-green-dark-800);
    --mms-colors-success-control-border-disabled: var(--mms-colors-green-dark-500);
    --mms-colors-warning-text: var(--mms-colors-yellow-dark-700);
    --mms-colors-warning-text-emphasized: var(--mms-colors-yellow-dark-800);
    --mms-colors-warning-text-subtle: var(--mms-colors-yellow-dark-700);
    --mms-colors-warning-text-inverted: var(--mms-colors-yellow-dark-800);
    --mms-colors-warning-text-accent: var(--mms-colors-yellow-dark-900);
    --mms-colors-warning-border: var(--mms-colors-yellow-dark-300);
    --mms-colors-warning-background: var(--mms-colors-yellow-dark-50);
    --mms-colors-warning-background-inverted: var(--mms-colors-yellow-dark-300);
    --mms-colors-warning-background-accent: var(--mms-colors-grey-dark-500);
    --mms-colors-warning-background-overlay: color-mix(in srgb, var(--mms-colors-yellow-dark-100) var(--mms-opacity-95), transparent);
    --mms-colors-warning-surface: var(--mms-colors-yellow-dark-50);
    --mms-colors-warning-surface-secondary: var(--mms-colors-yellow-dark-200);
    --mms-colors-warning-surface-tertiary: var(--mms-colors-yellow-dark-200);
    --mms-colors-warning-control-border: var(--mms-colors-yellow-dark-800);
    --mms-colors-warning-control-border-disabled: var(--mms-colors-yellow-dark-500);
    --mms-colors-error-text: var(--mms-colors-red-dark-700);
    --mms-colors-error-text-emphasized: var(--mms-colors-red-dark-800);
    --mms-colors-error-text-subtle: var(--mms-colors-red-dark-700);
    --mms-colors-error-text-inverted: var(--mms-colors-red-dark-800);
    --mms-colors-error-text-accent: var(--mms-colors-red-dark-900);
    --mms-colors-error-border: var(--mms-colors-red-dark-300);
    --mms-colors-error-background: var(--mms-colors-red-dark-50);
    --mms-colors-error-background-inverted: var(--mms-colors-red-dark-300);
    --mms-colors-error-background-accent: var(--mms-colors-red-dark-500);
    --mms-colors-error-background-overlay: color-mix(in srgb, var(--mms-colors-red-dark-100) var(--mms-opacity-95), transparent);
    --mms-colors-error-surface: var(--mms-colors-red-dark-50);
    --mms-colors-error-surface-secondary: var(--mms-colors-red-dark-200);
    --mms-colors-error-surface-tertiary: var(--mms-colors-red-dark-200);
    --mms-colors-error-control-border: var(--mms-colors-red-dark-800);
    --mms-colors-error-control-border-disabled: var(--mms-colors-red-dark-500)
}
}