@layer mms-reset, mms-base, mms-tokens, mms-recipes, mms-utilities;

@layer mms-reset{
  .mms-* {
    --font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    line-height: var(--mms-line-heights-1\.5);
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: var(--global-font-body, var(--font-fallback));
    -webkit-tap-highlight-color: transparent;
}

  .mms-* ::placeholder {
    --placeholder-fallback: rgba(0, 0, 0, 0.5);
    opacity: 1;
    color: var(--global-color-placeholder, var(--placeholder-fallback));
}

  .mms-* code,.mms-* kbd,.mms-* samp,.mms-* pre {
    --font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New';
    font-family: var(--global-font-mono, var(--font-mono-fallback));
    font-size: 1em;
    font-feature-settings: normal;
    font-variation-settings: normal;
}

  .mms-* *,.mms-* ::before,.mms-* ::after,.mms-* ::backdrop,.mms-* ::file-selector-button {
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    border-style: solid;
    border-color: var(--global-color-border, currentcolor);
    box-sizing: border-box;
}

  .mms-* button,.mms-* input,.mms-* optgroup,.mms-* select,.mms-* textarea,.mms-* ::file-selector-button {
    font: inherit;
    background: var(--mms-colors-transparent);
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: var(--mms-letter-spacings-inherit);
    color: var(--mms-colors-inherit);
}

  .mms-* dialog {
    padding: 0px;
}

  .mms-* img {
    border-style: none;
}

  .mms-* h1,.mms-* h2,.mms-* h3,.mms-* h4,.mms-* h5,.mms-* h6 {
    text-wrap: balance;
    font-size: inherit;
    font-weight: var(--mms-font-weights-inherit);
}

  .mms-* ol,.mms-* ul,.mms-* menu {
    list-style: none;
}

  .mms-* table {
    border-color: var(--mms-colors-inherit);
    text-indent: 0px;
    border-collapse: collapse;
}

  .mms-* a {
    text-decoration: inherit;
    color: var(--mms-colors-inherit);
}

  .mms-* abbr:where([title]) {
    text-decoration: underline dotted;
}

  .mms-* :-moz-focusring {
    outline: auto;
}

  .mms-* hr {
    color: var(--mms-colors-inherit);
    height: 0px;
    border-top-width: 1px;
}

  .mms-* body {
    line-height: inherit;
    height: 100%;
}

  .mms-* img,.mms-* svg,.mms-* video,.mms-* canvas,.mms-* audio,.mms-* iframe,.mms-* embed,.mms-* object {
    display: block;
    vertical-align: middle;
}

  .mms-* p,.mms-* h1,.mms-* h2,.mms-* h3,.mms-* h4,.mms-* h5,.mms-* h6 {
    overflow-wrap: break-word;
}

  .mms-* button,.mms-* input:where([type='button'], [type='reset'], [type='submit']),.mms-* ::file-selector-button {
    appearance: button;
    -webkit-appearance: button;
}

  .mms-* ::selection {
    background-color: var(--global-color-selection, rgba(0, 115, 255, 0.3));
}

  .mms-* textarea {
    resize: vertical;
}

  .mms-* summary {
    display: list-item;
}

  .mms-* small {
    font-size: 80%;
}

  .mms-* sub,.mms-* sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

  .mms-* b,.mms-* strong {
    font-weight: bolder;
}

  .mms-* progress {
    vertical-align: baseline;
}

  .mms-* ::-webkit-search-decoration,.mms-* ::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

  .mms-* :-moz-ui-invalid {
    box-shadow: none;
}

  .mms-* [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
}

  .mms-* img,.mms-* video {
    max-width: 100%;
    height: auto;
}

  .mms-* sub {
    bottom: -0.25em;
}

  .mms-* sup {
    top: -0.5em;
}

  .mms-* ::-webkit-inner-spin-button,.mms-* ::-webkit-outer-spin-button {
    height: auto;
}

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    .mms-* ::placeholder {
      --placeholder-fallback: color-mix(in oklab, currentcolor 50%, transparent);
}
}
}

@layer mms-base{
  :root {
    --made-with-panda: '🐼';
}

  *,::before,::after,::backdrop {
    --blur: /*-*/ /*-*/;
    --brightness: /*-*/ /*-*/;
    --contrast: /*-*/ /*-*/;
    --grayscale: /*-*/ /*-*/;
    --hue-rotate: /*-*/ /*-*/;
    --invert: /*-*/ /*-*/;
    --saturate: /*-*/ /*-*/;
    --sepia: /*-*/ /*-*/;
    --drop-shadow: /*-*/ /*-*/;
    --backdrop-blur: /*-*/ /*-*/;
    --backdrop-brightness: /*-*/ /*-*/;
    --backdrop-contrast: /*-*/ /*-*/;
    --backdrop-grayscale: /*-*/ /*-*/;
    --backdrop-hue-rotate: /*-*/ /*-*/;
    --backdrop-invert: /*-*/ /*-*/;
    --backdrop-opacity: /*-*/ /*-*/;
    --backdrop-saturate: /*-*/ /*-*/;
    --backdrop-sepia: /*-*/ /*-*/;
    --gradient-from-position: /*-*/ /*-*/;
    --gradient-to-position: /*-*/ /*-*/;
    --gradient-via-position: /*-*/ /*-*/;
    --scroll-snap-strictness: proximity;
    --border-spacing-x: 0;
    --border-spacing-y: 0;
    --translate-x: 0;
    --translate-y: 0;
    --rotate: 0;
    --rotate-x: 0;
    --rotate-y: 0;
    --skew-x: 0;
    --skew-y: 0;
    --scale-x: 1;
    --scale-y: 1;
}

  @font-face {
    font-family: NotoSansDisplay;

    font-weight: 400;

    font-style: normal;

    font-display: swap;

    src: url("/public/fonts/noto-sans-display-v10-latin-400.woff2") format("woff2"),url("/public/fonts/noto-sans-display-v10-latin-400.woff") format("woff");

}

  @font-face {
    font-family: NotoSansDisplay;

    font-weight: 600;

    font-style: normal;

    font-display: swap;

    src: url("/public/fonts/noto-sans-display-v10-latin-600.woff2") format("woff2"),url("/public/fonts/noto-sans-display-v10-latin-600.woff") format("woff");

}

  @font-face {
    font-family: NotoSansDisplay;

    font-weight: 700;

    font-style: normal;

    font-display: swap;

    src: url("/public/fonts/noto-sans-display-v10-latin-700.woff2") format("woff2"),url("/public/fonts/noto-sans-display-v10-latin-700.woff") format("woff");

}

  @font-face {
    font-family: MMHeadline;

    font-weight: 400;

    font-style: normal;

    font-display: swap;

    src: url("/public/fonts/MMHeadlineProWebTT-Regular_subset.woff2") format("woff2"),url("/public/fonts/MMHeadlineProWebTT-Regular_subset.woff") format("woff");

}

  @font-face {
    font-family: Calibri;

    font-weight: 400;

    font-style: normal;

    font-display: swap;

    src: url("/public/fonts/Calibri-Bold-subset.woff2") format("woff2"),url("/public/fonts/Calibri-Bold-subset.woff") format("woff");

}
}

@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-grey-700);
    --mms-colors-base-text-emphasized: var(--mms-colors-grey-950);
    --mms-colors-base-text-subtle: var(--mms-colors-grey-600);
    --mms-colors-base-text-inverted: var(--mms-colors-grey-50);
    --mms-colors-base-text-accent: var(--mms-colors-red-500);
    --mms-colors-base-border: var(--mms-colors-grey-200);
    --mms-colors-base-background: var(--mms-colors-grey-50);
    --mms-colors-base-background-inverted: var(--mms-colors-grey-950);
    --mms-colors-base-background-accent: var(--mms-colors-red-500);
    --mms-colors-base-background-overlay: color-mix(in srgb, var(--mms-colors-grey-900) var(--mms-opacity-90), transparent);
    --mms-colors-base-surface: var(--mms-colors-grey-25);
    --mms-colors-base-surface-secondary: var(--mms-colors-grey-100);
    --mms-colors-base-surface-tertiary: var(--mms-colors-grey-25);
    --mms-colors-base-control-border: var(--mms-colors-grey-950);
    --mms-colors-base-control-border-disabled: var(--mms-colors-grey-400);
    --mms-colors-base-on-surface-text: var(--mms-colors-grey-800);
    --mms-colors-base-on-surface-text-emphasized: var(--mms-colors-grey-950);
    --mms-colors-base-on-surface-text-subtle: var(--mms-colors-grey-600);
    --mms-colors-base-on-surface-text-inverted: var(--mms-colors-grey-50);
    --mms-colors-base-on-surface-text-accent: var(--mms-colors-red-900);
    --mms-colors-inverted-text: var(--mms-colors-grey-200);
    --mms-colors-inverted-text-emphasized: var(--mms-colors-grey-50);
    --mms-colors-inverted-text-subtle: var(--mms-colors-grey-300);
    --mms-colors-inverted-text-inverted: var(--mms-colors-grey-950);
    --mms-colors-inverted-text-accent: var(--mms-colors-red-400);
    --mms-colors-inverted-border: var(--mms-colors-grey-700);
    --mms-colors-inverted-background: var(--mms-colors-grey-950);
    --mms-colors-inverted-background-inverted: var(--mms-colors-grey-100);
    --mms-colors-inverted-background-accent: var(--mms-colors-red-500);
    --mms-colors-inverted-background-overlay: color-mix(in srgb, var(--mms-colors-grey-900) var(--mms-opacity-90), transparent);
    --mms-colors-inverted-surface: var(--mms-colors-grey-900);
    --mms-colors-inverted-surface-secondary: var(--mms-colors-grey-700);
    --mms-colors-inverted-surface-tertiary: var(--mms-colors-grey-800);
    --mms-colors-inverted-control-border: var(--mms-colors-grey-50);
    --mms-colors-inverted-control-border-disabled: var(--mms-colors-grey-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-red-50);
    --mms-colors-prominent-text-emphasized: var(--mms-colors-red-50);
    --mms-colors-prominent-text-subtle: var(--mms-colors-red-25);
    --mms-colors-prominent-text-inverted: var(--mms-colors-red-800);
    --mms-colors-prominent-text-accent: var(--mms-colors-red-50);
    --mms-colors-prominent-border: var(--mms-colors-red-300);
    --mms-colors-prominent-background: var(--mms-colors-red-600);
    --mms-colors-prominent-background-inverted: var(--mms-colors-red-50);
    --mms-colors-prominent-background-accent: var(--mms-colors-grey-900);
    --mms-colors-prominent-background-overlay: color-mix(in srgb, var(--mms-colors-red-900) var(--mms-opacity-90), transparent);
    --mms-colors-prominent-surface: var(--mms-colors-red-500);
    --mms-colors-prominent-surface-secondary: var(--mms-colors-red-600);
    --mms-colors-prominent-surface-tertiary: var(--mms-colors-red-25);
    --mms-colors-prominent-control-border: var(--mms-colors-red-50);
    --mms-colors-prominent-control-border-disabled: var(--mms-colors-red-300);
    --mms-colors-prominent-on-surface-text: var(--mms-colors-red-800);
    --mms-colors-prominent-on-surface-text-emphasized: var(--mms-colors-red-900);
    --mms-colors-prominent-on-surface-text-subtle: var(--mms-colors-red-700);
    --mms-colors-prominent-on-surface-text-inverted: var(--mms-colors-red-50);
    --mms-colors-prominent-on-surface-text-accent: var(--mms-colors-red-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-grey-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-grey-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-radii-full: var(--mms-radii-999);
    --mms-radii-none: var(--mms-radii-0);
    --mms-radii-xs: var(--mms-radii-12_5);
    --mms-radii-sm: var(--mms-radii-0_25);
    --mms-radii-md: var(--mms-radii-0_375);
    --mms-radii-lg: var(--mms-radii-0_5);
    --mms-radii-xl: var(--mms-radii-0_625);
    --mms-radii-2xl: var(--mms-radii-0_75);
    --mms-radii-3xl: var(--mms-radii-1);
    --mms-radii-4xl: var(--mms-radii-1_25);
    --mms-radii-5xl: var(--mms-radii-1_5);
}

  [data-color-mode=dark] {
    --mms-colors-base-text: var(--mms-colors-grey-dark-800);
    --mms-colors-base-text-emphasized: var(--mms-colors-grey-dark-950);
    --mms-colors-base-text-subtle: var(--mms-colors-grey-dark-700);
    --mms-colors-base-text-inverted: var(--mms-colors-grey-dark-50);
    --mms-colors-base-text-accent: var(--mms-colors-red-dark-500);
    --mms-colors-base-border: var(--mms-colors-grey-dark-200);
    --mms-colors-base-background: var(--mms-colors-grey-dark-50);
    --mms-colors-base-background-inverted: var(--mms-colors-grey-dark-950);
    --mms-colors-base-background-accent: var(--mms-colors-red-dark-500);
    --mms-colors-base-background-overlay: color-mix(in srgb, var(--mms-colors-grey-dark-50) var(--mms-opacity-95), transparent);
    --mms-colors-base-surface: var(--mms-colors-grey-dark-50);
    --mms-colors-base-surface-secondary: var(--mms-colors-grey-dark-100);
    --mms-colors-base-surface-tertiary: var(--mms-colors-grey-dark-200);
    --mms-colors-base-control-border: var(--mms-colors-grey-dark-950);
    --mms-colors-base-control-border-disabled: var(--mms-colors-grey-dark-900);
    --mms-colors-base-on-surface-text: var(--mms-colors-grey-200);
    --mms-colors-base-on-surface-text-emphasized: var(--mms-colors-grey-50);
    --mms-colors-base-on-surface-text-subtle: var(--mms-colors-grey-300);
    --mms-colors-base-on-surface-text-inverted: var(--mms-colors-grey-900);
    --mms-colors-base-on-surface-text-accent: var(--mms-colors-red-100);
    --mms-colors-inverted-text: var(--mms-colors-grey-dark-100);
    --mms-colors-inverted-text-emphasized: var(--mms-colors-grey-dark-100);
    --mms-colors-inverted-text-subtle: var(--mms-colors-grey-300);
    --mms-colors-inverted-text-inverted: var(--mms-colors-grey-950);
    --mms-colors-inverted-text-accent: var(--mms-colors-red-dark-500);
    --mms-colors-inverted-border: var(--mms-colors-grey-dark-200);
    --mms-colors-inverted-background: var(--mms-colors-grey-dark-50);
    --mms-colors-inverted-background-inverted: var(--mms-colors-grey-dark-950);
    --mms-colors-inverted-background-accent: var(--mms-colors-red-dark-500);
    --mms-colors-inverted-background-overlay: color-mix(in srgb, var(--mms-colors-grey-dark-100) var(--mms-opacity-95), transparent);
    --mms-colors-inverted-surface: var(--mms-colors-grey-dark-800);
    --mms-colors-inverted-surface-secondary: var(--mms-colors-grey-dark-600);
    --mms-colors-inverted-surface-tertiary: var(--mms-colors-grey-dark-300);
    --mms-colors-inverted-control-border: var(--mms-colors-grey-50);
    --mms-colors-inverted-control-border-disabled: var(--mms-colors-grey-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-red-dark-800);
    --mms-colors-prominent-text-emphasized: var(--mms-colors-red-dark-800);
    --mms-colors-prominent-text-subtle: var(--mms-colors-red-dark-700);
    --mms-colors-prominent-text-inverted: var(--mms-colors-red-dark-800);
    --mms-colors-prominent-text-accent: var(--mms-colors-red-dark-900);
    --mms-colors-prominent-border: var(--mms-colors-red-dark-300);
    --mms-colors-prominent-background: var(--mms-colors-red-dark-50);
    --mms-colors-prominent-background-inverted: var(--mms-colors-red-dark-300);
    --mms-colors-prominent-background-accent: var(--mms-colors-red-dark-400);
    --mms-colors-prominent-background-overlay: color-mix(in srgb, var(--mms-colors-red-dark-100) var(--mms-opacity-95), transparent);
    --mms-colors-prominent-surface: var(--mms-colors-red-dark-50);
    --mms-colors-prominent-surface-secondary: var(--mms-colors-red-dark-100);
    --mms-colors-prominent-surface-tertiary: var(--mms-colors-red-dark-200);
    --mms-colors-prominent-control-border: var(--mms-colors-red-dark-800);
    --mms-colors-prominent-control-border-disabled: var(--mms-colors-red-dark-700);
    --mms-colors-prominent-on-surface-text: var(--mms-colors-red-200);
    --mms-colors-prominent-on-surface-text-emphasized: var(--mms-colors-red-100);
    --mms-colors-prominent-on-surface-text-subtle: var(--mms-colors-red-300);
    --mms-colors-prominent-on-surface-text-inverted: var(--mms-colors-red-900);
    --mms-colors-prominent-on-surface-text-accent: var(--mms-colors-red-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 --
}
}

@layer mms-utilities{

  .mms---thickness_1px {
    --thickness: 1px;
}

  .mms-p_4 {
    padding: var(--mms-spacing-4);
}

  .mms-m_sm {
    margin: var(--mms-spacing-sm);
}

  .mms-flex_0_0_xs {
    flex: 0 0 xs;
}

  .mms-flex_0_0_sm {
    flex: 0 0 sm;
}

  .mms-gap_8px {
    gap: 8px;
}

  .mms-bd-c_success {
    border-color: success;
}

  .mms-flex_0_0_md {
    flex: 0 0 md;
}

  .mms-flex_0_0_xxxxxl {
    flex: 0 0 xxxxxl;
}

  .mms-bd-c_grey2 {
    border-color: grey2;
}

  .mms-flex_0_0_lg {
    flex: 0 0 lg;
}

  .mms-flex_0_0_xxs {
    flex: 0 0 xxs;
}

  .mms-flex_1 {
    flex: 1 1 0%;
}

  .mms-flex_0_0_xxxs {
    flex: 0 0 xxxs;
}

  .mms-flex_0_0_s {
    flex: 0 0 s;
}

  .mms-flex_0_0_none {
    flex: 0 0 none;
}

  .mms-bd-c_grey3 {
    border-color: grey3;
}

  .mms-bd-c_prominent {
    border-color: prominent;
}

  .mms-flex_0_0_xl {
    flex: 0 0 xl;
}

  .mms-flex_0_0_xxl {
    flex: 0 0 xxl;
}

  .mms-bd-c_grey5 {
    border-color: grey5;
}

  .mms-bd-c_grey4 {
    border-color: grey4;
}

  .mms-flex_0_0_xxxl {
    flex: 0 0 xxxl;
}

  .mms-flex_0_0_xxxxl {
    flex: 0 0 xxxxl;
}

  .mms-bd-c_lightGray {
    border-color: lightGray;
}

  .mms-bd-c_grey1 {
    border-color: grey1;
}

  .mms-columns_12 {
    columns: 12;
}

  .mms-flex_0_0_auto {
    flex: 0 0 auto;
}

  .mms-bdr_9999px {
    border-radius: 9999px;
}

  .mms-as_stretch {
    align-self: stretch;
}

  .mms-justify-self_stretch {
    justify-self: stretch;
}

  .mms-d_grid {
    display: grid;
}

  .mms-bd-be-w_var\(--thickness\) {
    border-block-end-width: var(--thickness);
}

  .mms-c_colorPalette\.text {
    color: var(--mms-colors-color-palette-text);
}

  .mms-bg-c_colorPalette\.background {
    background-color: var(--mms-colors-color-palette-background);
}

  .mms-ff_brand {
    font-family: var(--mms-fonts-brand);
}

  .mms-grid-tc_repeat\(3\,_minmax\(0\,_1fr\)\) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

  .mms-flex-d_row {
    flex-direction: row;
}

  .mms-flex-d_column {
    flex-direction: column;
}

  .mms-jc_space-between {
    justify-content: space-between;
}

  .mms-xxs-screen_0_0_none {
    xxs-screen: 0 0 none;
}

  .mms-md-screen_0_0_xxs {
    md-screen: 0 0 xxs;
}

  .mms-xxs-screen_0_0_sm {
    xxs-screen: 0 0 sm;
}

  .mms-md-screen_0_0_xs {
    md-screen: 0 0 xs;
}

  .mms-xxs-screen_0_0_xs {
    xxs-screen: 0 0 xs;
}

  .mms-md-screen_0_0_sm {
    md-screen: 0 0 sm;
}

  .mms-md-screen_0_0_md {
    md-screen: 0 0 md;
}

  .mms-pos_relative {
    position: relative;
}

  .mms-md-screen_0_0_lg {
    md-screen: 0 0 lg;
}

  .mms-lg-screen_0_0_md {
    lg-screen: 0 0 md;
}

  .mms-lg-screen_0_0_sm {
    lg-screen: 0 0 sm;
}

  .mms-lg-screen_0_0_none {
    lg-screen: 0 0 none;
}

  .mms-sm-screen_0_0_none {
    sm-screen: 0 0 none;
}

  .mms-md-screen_0_0_none {
    md-screen: 0 0 none;
}

  .mms-xxs-screen_0_0_lg {
    xxs-screen: 0 0 lg;
}

  .mms-xxs-screen_0_0_md {
    xxs-screen: 0 0 md;
}

  .mms-xxs-screen_0_0_xxxxl {
    xxs-screen: 0 0 xxxxl;
}

  .mms-md-screen_0_0_xxxxxl {
    md-screen: 0 0 xxxxxl;
}

  .mms-sm-screen_0_0_lg {
    sm-screen: 0 0 lg;
}

  .mms-xxs-screen_0_0_xxl {
    xxs-screen: 0 0 xxl;
}

  .mms-sm-screen_0_0_xxxxl {
    sm-screen: 0 0 xxxxl;
}

  .mms-sm-screen_0_0_xl {
    sm-screen: 0 0 xl;
}

  .mms-lg-screen_0_0_lg {
    lg-screen: 0 0 lg;
}

  .mms-xxs-screen_0_0_xl {
    xxs-screen: 0 0 xl;
}

  .mms-md-screen_0_0_xxxl {
    md-screen: 0 0 xxxl;
}

  .mms-xl-screen_0_0_md {
    xl-screen: 0 0 md;
}

  .mms-md-screen_0_0_xl {
    md-screen: 0 0 xl;
}

  .mms-md-screen_0_0_xxxxl {
    md-screen: 0 0 xxxxl;
}

  .mms-lg-screen_0_0_xxxxl {
    lg-screen: 0 0 xxxxl;
}

  .mms-xxs-screen_0_0_xxxl {
    xxs-screen: 0 0 xxxl;
}

  .mms-md-screen_0_0_xxl {
    md-screen: 0 0 xxl;
}

  .mms-xl-screen_0_0_lg {
    xl-screen: 0 0 lg;
}

  .mms-lg-screen_0_0_xs {
    lg-screen: 0 0 xs;
}

  .mms-md-screen_0_0_s {
    md-screen: 0 0 s;
}

  .mms-lg-screen_0_0_s {
    lg-screen: 0 0 s;
}

  .mms-xxs-screen_0_0_xxs {
    xxs-screen: 0 0 xxs;
}

  .mms-xl-screen_0_0_sm {
    xl-screen: 0 0 sm;
}

  .mms-sm-screen_0_0_xs {
    sm-screen: 0 0 xs;
}

  .mms-ta_center {
    text-align: center;
}

  .mms-sm-screen_0_0_xxl {
    sm-screen: 0 0 xxl;
}

  .mms-xl-screen_0_0_xxl {
    xl-screen: 0 0 xxl;
}

  .mms-xxl-screen_0_0_xxl {
    xxl-screen: 0 0 xxl;
}

  .mms-lg-screen_0_0_xxxxxl {
    lg-screen: 0 0 xxxxxl;
}

  .mms-d_flex {
    display: flex;
}

  .mms-ai_center {
    align-items: center;
}

  .mms-jc_center {
    justify-content: center;
}

  .mms-sm-screen_0_0_md {
    sm-screen: 0 0 md;
}

  .mms-color-palette_base {
    --mms-colors-color-palette-text: var(--mms-colors-base-text);
    --mms-colors-color-palette-border: var(--mms-colors-base-border);
    --mms-colors-color-palette-background: var(--mms-colors-base-background);
    --mms-colors-color-palette-surface: var(--mms-colors-base-surface);
}

  .mms-color-palette_base\.text {
    --mms-colors-color-palette: var(--mms-colors-base-text);
}

  .mms-color-palette_base\.border {
    --mms-colors-color-palette: var(--mms-colors-base-border);
}

  .mms-color-palette_base\.background {
    --mms-colors-color-palette: var(--mms-colors-base-background);
}

  .mms-color-palette_base\.surface {
    --mms-colors-color-palette: var(--mms-colors-base-surface);
}

  .mms-color-palette_inverted {
    --mms-colors-color-palette-text: var(--mms-colors-inverted-text);
    --mms-colors-color-palette-border: var(--mms-colors-inverted-border);
    --mms-colors-color-palette-background: var(--mms-colors-inverted-background);
    --mms-colors-color-palette-surface: var(--mms-colors-inverted-surface);
}

  .mms-color-palette_inverted\.text {
    --mms-colors-color-palette: var(--mms-colors-inverted-text);
}

  .mms-color-palette_inverted\.border {
    --mms-colors-color-palette: var(--mms-colors-inverted-border);
}

  .mms-color-palette_inverted\.background {
    --mms-colors-color-palette: var(--mms-colors-inverted-background);
}

  .mms-color-palette_inverted\.surface {
    --mms-colors-color-palette: var(--mms-colors-inverted-surface);
}

  .mms-color-palette_prominent {
    --mms-colors-color-palette-text: var(--mms-colors-prominent-text);
    --mms-colors-color-palette-border: var(--mms-colors-prominent-border);
    --mms-colors-color-palette-background: var(--mms-colors-prominent-background);
    --mms-colors-color-palette-surface: var(--mms-colors-prominent-surface);
}

  .mms-color-palette_prominent\.text {
    --mms-colors-color-palette: var(--mms-colors-prominent-text);
}

  .mms-color-palette_prominent\.border {
    --mms-colors-color-palette: var(--mms-colors-prominent-border);
}

  .mms-color-palette_prominent\.background {
    --mms-colors-color-palette: var(--mms-colors-prominent-background);
}

  .mms-color-palette_prominent\.surface {
    --mms-colors-color-palette: var(--mms-colors-prominent-surface);
}

  .mms-color-palette_sustainable {
    --mms-colors-color-palette-text: var(--mms-colors-sustainable-text);
    --mms-colors-color-palette-border: var(--mms-colors-sustainable-border);
    --mms-colors-color-palette-background: var(--mms-colors-sustainable-background);
    --mms-colors-color-palette-surface: var(--mms-colors-sustainable-surface);
}

  .mms-color-palette_sustainable\.text {
    --mms-colors-color-palette: var(--mms-colors-sustainable-text);
}

  .mms-color-palette_sustainable\.border {
    --mms-colors-color-palette: var(--mms-colors-sustainable-border);
}

  .mms-color-palette_sustainable\.background {
    --mms-colors-color-palette: var(--mms-colors-sustainable-background);
}

  .mms-color-palette_sustainable\.surface {
    --mms-colors-color-palette: var(--mms-colors-sustainable-surface);
}

  .mms-color-palette_info {
    --mms-colors-color-palette-text: var(--mms-colors-info-text);
    --mms-colors-color-palette-border: var(--mms-colors-info-border);
    --mms-colors-color-palette-background: var(--mms-colors-info-background);
    --mms-colors-color-palette-surface: var(--mms-colors-info-surface);
}

  .mms-color-palette_info\.text {
    --mms-colors-color-palette: var(--mms-colors-info-text);
}

  .mms-color-palette_info\.border {
    --mms-colors-color-palette: var(--mms-colors-info-border);
}

  .mms-color-palette_info\.background {
    --mms-colors-color-palette: var(--mms-colors-info-background);
}

  .mms-color-palette_info\.surface {
    --mms-colors-color-palette: var(--mms-colors-info-surface);
}

  .mms-w_100\% {
    width: 100%;
}

  .mms-max-w_8xl {
    max-width: var(--mms-sizes-8xl);
}
}