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

@layer mms-ui-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");

}
}

@layer mms-ui-tokens{
  :where(:root, :host) {
    --mms-ui-aspect-ratios-25: 1 / 1;
    --mms-ui-aspect-ratios-50: 1618 / 9;
    --mms-ui-aspect-ratios-75: 16 / 9;
    --mms-ui-aspect-ratios-100: 21 / 9;
    --mms-ui-aspect-ratios-125: 3 / 2;
    --mms-ui-aspect-ratios-150: 4 / 3;
    --mms-ui-aspect-ratios-200: 5 / 4;
    --mms-ui-border-widths-0: 0px;
    --mms-ui-border-widths-100: 1px;
    --mms-ui-border-widths-200: 2px;
    --mms-ui-border-widths-400: 4px;
    --mms-ui-border-widths-800: 8px;
    --mms-ui-colors-grey-25: #ffffff;
    --mms-ui-colors-grey-50: #f5f5f5;
    --mms-ui-colors-grey-100: #dedede;
    --mms-ui-colors-grey-200: #d1d1d1;
    --mms-ui-colors-grey-300: #b4b4b4;
    --mms-ui-colors-grey-400: #8c8c8c;
    --mms-ui-colors-grey-500: #717171;
    --mms-ui-colors-grey-600: #5d5d5d;
    --mms-ui-colors-grey-700: #4a4a4a;
    --mms-ui-colors-grey-800: #1f1f1f;
    --mms-ui-colors-grey-900: #0f0f0f;
    --mms-ui-colors-grey-950: #030303;
    --mms-ui-colors-grey-dark-25: #060606;
    --mms-ui-colors-grey-dark-50: #141414;
    --mms-ui-colors-grey-dark-100: #1f1f1f;
    --mms-ui-colors-grey-dark-200: #262626;
    --mms-ui-colors-grey-dark-300: #3d3d3d;
    --mms-ui-colors-grey-dark-400: #525252;
    --mms-ui-colors-grey-dark-500: #6e6f6f;
    --mms-ui-colors-grey-dark-600: #8a8a8a;
    --mms-ui-colors-grey-dark-700: #b4b4b4;
    --mms-ui-colors-grey-dark-800: #d1d1d1;
    --mms-ui-colors-grey-dark-900: #ebebeb;
    --mms-ui-colors-grey-dark-950: #ffffff;
    --mms-ui-colors-slate-25: #ffffff;
    --mms-ui-colors-slate-50: #f5f5f5;
    --mms-ui-colors-slate-100: #dddedf;
    --mms-ui-colors-slate-200: #d0d1d2;
    --mms-ui-colors-slate-300: #b3b4b6;
    --mms-ui-colors-slate-400: #8a8c8f;
    --mms-ui-colors-slate-500: #707275;
    --mms-ui-colors-slate-600: #5c5e60;
    --mms-ui-colors-slate-700: #494a4c;
    --mms-ui-colors-slate-800: #1f1f20;
    --mms-ui-colors-slate-900: #0f0f10;
    --mms-ui-colors-slate-950: #030303;
    --mms-ui-colors-slate-dark-25: #060606;
    --mms-ui-colors-slate-dark-50: #131415;
    --mms-ui-colors-slate-dark-100: #1f1f20;
    --mms-ui-colors-slate-dark-200: #262628;
    --mms-ui-colors-slate-dark-300: #3c3d3f;
    --mms-ui-colors-slate-dark-400: #515355;
    --mms-ui-colors-slate-dark-500: #6d6f72;
    --mms-ui-colors-slate-dark-600: #898b8d;
    --mms-ui-colors-slate-dark-700: #b3b4b6;
    --mms-ui-colors-slate-dark-800: #d0d1d2;
    --mms-ui-colors-slate-dark-900: #ebebec;
    --mms-ui-colors-slate-dark-950: #ffffff;
    --mms-ui-colors-red-25: #ffffff;
    --mms-ui-colors-red-50: #ffe6e7;
    --mms-ui-colors-red-100: #ffc1c1;
    --mms-ui-colors-red-200: #ffaeab;
    --mms-ui-colors-red-300: #ff847f;
    --mms-ui-colors-red-400: #f04640;
    --mms-ui-colors-red-500: #d90000;
    --mms-ui-colors-red-600: #b60000;
    --mms-ui-colors-red-700: #940000;
    --mms-ui-colors-red-800: #440002;
    --mms-ui-colors-red-900: #250202;
    --mms-ui-colors-red-950: #030303;
    --mms-ui-colors-red-dark-25: #150000;
    --mms-ui-colors-red-dark-50: #310000;
    --mms-ui-colors-red-dark-100: #450000;
    --mms-ui-colors-red-dark-200: #520000;
    --mms-ui-colors-red-dark-300: #770700;
    --mms-ui-colors-red-dark-400: #991904;
    --mms-ui-colors-red-dark-500: #d50000;
    --mms-ui-colors-red-dark-600: #ea4c39;
    --mms-ui-colors-red-dark-700: #ff8f7a;
    --mms-ui-colors-red-dark-800: #ffb9a7;
    --mms-ui-colors-red-dark-900: #ffded3;
    --mms-ui-colors-red-dark-950: #ffffff;
    --mms-ui-colors-blue-25: #ffffff;
    --mms-ui-colors-blue-50: #edf7fa;
    --mms-ui-colors-blue-100: #c5e4f2;
    --mms-ui-colors-blue-200: #b1d7f0;
    --mms-ui-colors-blue-300: #85bae9;
    --mms-ui-colors-blue-400: #4b8edc;
    --mms-ui-colors-blue-500: #366bd3;
    --mms-ui-colors-blue-600: #005daf;
    --mms-ui-colors-blue-700: #004e8b;
    --mms-ui-colors-blue-800: #00233d;
    --mms-ui-colors-blue-900: #00131f;
    --mms-ui-colors-blue-950: #030303;
    --mms-ui-colors-blue-dark-25: #040609;
    --mms-ui-colors-blue-dark-50: #0c1422;
    --mms-ui-colors-blue-dark-100: #121f37;
    --mms-ui-colors-blue-dark-200: #152644;
    --mms-ui-colors-blue-dark-300: #1f3b6f;
    --mms-ui-colors-blue-dark-400: #284e99;
    --mms-ui-colors-blue-dark-500: #3168d2;
    --mms-ui-colors-blue-dark-600: #5287eb;
    --mms-ui-colors-blue-dark-700: #83b3ff;
    --mms-ui-colors-blue-dark-800: #a7d1ff;
    --mms-ui-colors-blue-dark-900: #ccecff;
    --mms-ui-colors-blue-dark-950: #ffffff;
    --mms-ui-colors-green-25: #ffffff;
    --mms-ui-colors-green-50: #edf9ee;
    --mms-ui-colors-green-100: #cce7cc;
    --mms-ui-colors-green-200: #badcb9;
    --mms-ui-colors-green-300: #93c391;
    --mms-ui-colors-green-400: #5c9f59;
    --mms-ui-colors-green-500: #358631;
    --mms-ui-colors-green-600: #286f28;
    --mms-ui-colors-green-700: #1c591f;
    --mms-ui-colors-green-800: #09260b;
    --mms-ui-colors-green-900: #051306;
    --mms-ui-colors-green-950: #030303;
    --mms-ui-colors-green-dark-25: #050605;
    --mms-ui-colors-green-dark-50: #101610;
    --mms-ui-colors-green-dark-100: #192218;
    --mms-ui-colors-green-dark-200: #1f2a1e;
    --mms-ui-colors-green-dark-300: #30432e;
    --mms-ui-colors-green-dark-400: #3f5b3d;
    --mms-ui-colors-green-dark-500: #41803d;
    --mms-ui-colors-green-dark-600: #619c5d;
    --mms-ui-colors-green-dark-700: #91c48d;
    --mms-ui-colors-green-dark-800: #b3dfb0;
    --mms-ui-colors-green-dark-900: #d5f6d3;
    --mms-ui-colors-green-dark-950: #ffffff;
    --mms-ui-colors-emerald-25: #ffffff;
    --mms-ui-colors-emerald-50: #eff7f3;
    --mms-ui-colors-emerald-100: #cbe5d8;
    --mms-ui-colors-emerald-200: #b6dbc9;
    --mms-ui-colors-emerald-300: #85c4a8;
    --mms-ui-colors-emerald-400: #2ea37b;
    --mms-ui-colors-emerald-500: #008662;
    --mms-ui-colors-emerald-600: #006f4f;
    --mms-ui-colors-emerald-700: #00593d;
    --mms-ui-colors-emerald-800: #002718;
    --mms-ui-colors-emerald-900: #00140b;
    --mms-ui-colors-emerald-950: #030303;
    --mms-ui-colors-emerald-dark-25: #040605;
    --mms-ui-colors-emerald-dark-50: #0a1712;
    --mms-ui-colors-emerald-dark-100: #0f241c;
    --mms-ui-colors-emerald-dark-200: #122c22;
    --mms-ui-colors-emerald-dark-300: #1a4736;
    --mms-ui-colors-emerald-dark-400: #206049;
    --mms-ui-colors-emerald-dark-500: #268062;
    --mms-ui-colors-emerald-dark-600: #579a80;
    --mms-ui-colors-emerald-dark-700: #93c0ac;
    --mms-ui-colors-emerald-dark-800: #bbd9cb;
    --mms-ui-colors-emerald-dark-900: #e0efe8;
    --mms-ui-colors-emerald-dark-950: #ffffff;
    --mms-ui-colors-yellow-25: #ffffff;
    --mms-ui-colors-yellow-50: #fff5d5;
    --mms-ui-colors-yellow-100: #f5dd8e;
    --mms-ui-colors-yellow-200: #eecf66;
    --mms-ui-colors-yellow-300: #ddae00;
    --mms-ui-colors-yellow-400: #c27e00;
    --mms-ui-colors-yellow-500: #b25800;
    --mms-ui-colors-yellow-600: #994300;
    --mms-ui-colors-yellow-700: #7e3200;
    --mms-ui-colors-yellow-800: #361600;
    --mms-ui-colors-yellow-900: #1b0b00;
    --mms-ui-colors-yellow-950: #030303;
    --mms-ui-colors-yellow-dark-25: #060600;
    --mms-ui-colors-yellow-dark-50: #191500;
    --mms-ui-colors-yellow-dark-100: #291f00;
    --mms-ui-colors-yellow-dark-200: #362400;
    --mms-ui-colors-yellow-dark-300: #583700;
    --mms-ui-colors-yellow-dark-400: #7a4600;
    --mms-ui-colors-yellow-dark-500: #a85a00;
    --mms-ui-colors-yellow-dark-600: #c47a00;
    --mms-ui-colors-yellow-dark-700: #e4a900;
    --mms-ui-colors-yellow-dark-800: #f6c97e;
    --mms-ui-colors-yellow-dark-900: #ffe7c4;
    --mms-ui-colors-yellow-dark-950: #ffffff;
    --mms-ui-colors-orange-25: #ffffff;
    --mms-ui-colors-orange-50: #fff2e7;
    --mms-ui-colors-orange-100: #fdd5bb;
    --mms-ui-colors-orange-200: #f7c5a4;
    --mms-ui-colors-orange-300: #e8a272;
    --mms-ui-colors-orange-400: #ce701e;
    --mms-ui-colors-orange-500: #ba4b00;
    --mms-ui-colors-orange-600: #9b3d00;
    --mms-ui-colors-orange-700: #7d2f00;
    --mms-ui-colors-orange-800: #381300;
    --mms-ui-colors-orange-900: #1d0900;
    --mms-ui-colors-orange-950: #030303;
    --mms-ui-colors-orange-dark-25: #0d0300;
    --mms-ui-colors-orange-dark-50: #280900;
    --mms-ui-colors-orange-dark-100: #3c0e00;
    --mms-ui-colors-orange-dark-200: #491200;
    --mms-ui-colors-orange-dark-300: #6f1e00;
    --mms-ui-colors-orange-dark-400: #932900;
    --mms-ui-colors-orange-dark-500: #c23a00;
    --mms-ui-colors-orange-dark-600: #d66700;
    --mms-ui-colors-orange-dark-700: #eea066;
    --mms-ui-colors-orange-dark-800: #fac49e;
    --mms-ui-colors-orange-dark-900: #ffe5d1;
    --mms-ui-colors-orange-dark-950: #ffffff;
    --mms-ui-colors-purple-25: #ffffff;
    --mms-ui-colors-purple-50: #ffebff;
    --mms-ui-colors-purple-100: #ffc5ff;
    --mms-ui-colors-purple-200: #feb1ff;
    --mms-ui-colors-purple-300: #ee84f8;
    --mms-ui-colors-purple-400: #d139e6;
    --mms-ui-colors-purple-500: #ba00d8;
    --mms-ui-colors-purple-600: #9e00b3;
    --mms-ui-colors-purple-700: #81008e;
    --mms-ui-colors-purple-800: #3c0040;
    --mms-ui-colors-purple-900: #200021;
    --mms-ui-colors-purple-950: #030303;
    --mms-ui-colors-purple-dark-25: #0c020d;
    --mms-ui-colors-purple-dark-50: #230426;
    --mms-ui-colors-purple-dark-100: #340639;
    --mms-ui-colors-purple-dark-200: #3f0845;
    --mms-ui-colors-purple-dark-300: #5f126a;
    --mms-ui-colors-purple-dark-400: #7e1d8c;
    --mms-ui-colors-purple-dark-500: #a42eb9;
    --mms-ui-colors-purple-dark-600: #bd5dcc;
    --mms-ui-colors-purple-dark-700: #dc97e5;
    --mms-ui-colors-purple-dark-800: #efbdf3;
    --mms-ui-colors-purple-dark-900: #fce1fd;
    --mms-ui-colors-purple-dark-950: #ffffff;
    --mms-ui-fonts-noto-sans-display: NotoSansDisplay, NotoSansDisplay-fallback, Arial, sans-serif;
    --mms-ui-fonts-media-markt-headline: MMHeadline, Arial, sans-serif;
    --mms-ui-font-sizes-1: 1rem;
    --mms-ui-font-sizes-2: 2rem;
    --mms-ui-font-sizes-3: 3rem;
    --mms-ui-font-sizes-0\.25: 0.25rem;
    --mms-ui-font-sizes-0\.5: 0.5rem;
    --mms-ui-font-sizes-0\.625: 0.625rem;
    --mms-ui-font-sizes-0\.75: 0.75rem;
    --mms-ui-font-sizes-0\.875: 0.875rem;
    --mms-ui-font-sizes-1\.125: 1.125rem;
    --mms-ui-font-sizes-1\.25: 1.25rem;
    --mms-ui-font-sizes-1\.5: 1.5rem;
    --mms-ui-font-sizes-1\.75: 1.75rem;
    --mms-ui-font-sizes-2\.25: 2.25rem;
    --mms-ui-font-sizes-2\.5: 2.5rem;
    --mms-ui-font-sizes-2\.75: 2.75rem;
    --mms-ui-font-sizes-3\.25: 3.25rem;
    --mms-ui-font-sizes-3\.5: 3.5rem;
    --mms-ui-font-weights-100: 100;
    --mms-ui-font-weights-200: 200;
    --mms-ui-font-weights-300: 300;
    --mms-ui-font-weights-400: 400;
    --mms-ui-font-weights-500: 500;
    --mms-ui-font-weights-600: 600;
    --mms-ui-font-weights-700: 700;
    --mms-ui-font-weights-800: 800;
    --mms-ui-font-weights-900: 900;
    --mms-ui-line-heights-1: calc(1.5/1);
    --mms-ui-line-heights-2: calc(2.25/2);
    --mms-ui-line-heights-3: calc(3/3);
    --mms-ui-line-heights-0\.625: calc(1/0.625);
    --mms-ui-line-heights-0\.75: calc(1.25/0.75);
    --mms-ui-line-heights-0\.875: calc(1.25/0.875);
    --mms-ui-line-heights-1\.125: calc(1.75/1.125);
    --mms-ui-line-heights-1\.25: calc(2/1.25);
    --mms-ui-line-heights-1\.5: calc(1.75/1.5);
    --mms-ui-line-heights-1\.75: calc(2/1.75);
    --mms-ui-line-heights-2\.25: calc(2.5/2.25);
    --mms-ui-line-heights-2\.5: calc(2.75/2.5);
    --mms-ui-line-heights-2\.75: calc(3/2.75);
    --mms-ui-line-heights-3\.25: calc(3.25/3.25);
    --mms-ui-line-heights-3\.5: calc(3.75/3.5);
    --mms-ui-line-heights-unitless-1: 1;
    --mms-ui-line-heights-unitless-2: 2;
    --mms-ui-line-heights-unitless-1\.1: 1.1;
    --mms-ui-line-heights-unitless-1\.25: 1.25;
    --mms-ui-line-heights-unitless-1\.375: 1.375;
    --mms-ui-line-heights-unitless-1\.5: 1.5;
    --mms-ui-line-heights-unitless-1\.625: 1.625;
    --mms-ui-letter-spacings-25: -0.05em;
    --mms-ui-letter-spacings-50: -0.025em;
    --mms-ui-letter-spacings-100: 0;
    --mms-ui-letter-spacings-125: 0.025em;
    --mms-ui-letter-spacings-150: 0.05em;
    --mms-ui-letter-spacings-200: 0.1em;
    --mms-ui-radii-0: 0px;
    --mms-ui-radii-1: 1rem;
    --mms-ui-radii-2: 2rem;
    --mms-ui-radii-3: 3rem;
    --mms-ui-radii-999: 999rem;
    --mms-ui-radii-0\.125: 0.125rem;
    --mms-ui-radii-0\.25: 0.25rem;
    --mms-ui-radii-0\.375: 0.375rem;
    --mms-ui-radii-0\.5: 0.5rem;
    --mms-ui-radii-0\.625: 0.625rem;
    --mms-ui-radii-0\.75: 0.75rem;
    --mms-ui-radii-1\.25: 1.25rem;
    --mms-ui-radii-1\.5: 1.5rem;
    --mms-ui-radii-1\.75: 1.75rem;
    --mms-ui-radii-2\.25: 2.25rem;
    --mms-ui-radii-2\.5: 2.5rem;
    --mms-ui-radii-2\.75: 2.75rem;
    --mms-ui-radii-3\.25: 3.25rem;
    --mms-ui-radii-3\.5: 3.5rem;
    --mms-ui-sizes-0: 0;
    --mms-ui-sizes-1: 1rem;
    --mms-ui-sizes-2: 2rem;
    --mms-ui-sizes-3: 3rem;
    --mms-ui-sizes-4: 4rem;
    --mms-ui-sizes-5: 5rem;
    --mms-ui-sizes-6: 6rem;
    --mms-ui-sizes-8: 8rem;
    --mms-ui-sizes-16: 16rem;
    --mms-ui-sizes-32: 32rem;
    --mms-ui-sizes-48: 48rem;
    --mms-ui-sizes-0\.0625: 0.0625rem;
    --mms-ui-sizes-0\.125: 0.125rem;
    --mms-ui-sizes-0\.25: 0.25rem;
    --mms-ui-sizes-0\.375: 0.375rem;
    --mms-ui-sizes-0\.5: 0.5rem;
    --mms-ui-sizes-0\.75: 0.75rem;
    --mms-ui-sizes-1\.25: 1.25rem;
    --mms-ui-sizes-1\.5: 1.5rem;
    --mms-ui-sizes-1\.75: 1.75rem;
    --mms-ui-sizes-2\.25: 2.25rem;
    --mms-ui-sizes-2\.5: 2.5rem;
    --mms-ui-sizes-2\.75: 2.75rem;
    --mms-ui-sizes-3\.25: 3.25rem;
    --mms-ui-sizes-3\.5: 3.5rem;
    --mms-ui-sizes-3\.75: 3.75rem;
    --mms-ui-sizes-4\.25: 4.25rem;
    --mms-ui-sizes-4\.5: 4.5rem;
    --mms-ui-sizes-4\.75: 4.75rem;
    --mms-ui-sizes-5\.25: 5.25rem;
    --mms-ui-sizes-5\.5: 5.5rem;
    --mms-ui-sizes-5\.75: 5.75rem;
    --mms-ui-sizes-6\.25: 6.25rem;
    --mms-ui-sizes-20\.25: 20.25rem;
    --mms-ui-sizes-em-1: 1em;
    --mms-ui-sizes-em-2: 2em;
    --mms-ui-sizes-em-3: 3em;
    --mms-ui-sizes-em-4: 4em;
    --mms-ui-sizes-em-5: 5em;
    --mms-ui-sizes-em-6: 6em;
    --mms-ui-sizes-em-8: 8em;
    --mms-ui-sizes-em-16: 16em;
    --mms-ui-sizes-em-32: 32em;
    --mms-ui-sizes-em-48: 48em;
    --mms-ui-sizes-em-0\.0625: 0.0625em;
    --mms-ui-sizes-em-0\.125: 0.125em;
    --mms-ui-sizes-em-0\.25: 0.25em;
    --mms-ui-sizes-em-0\.375: 0.375em;
    --mms-ui-sizes-em-0\.5: 0.5em;
    --mms-ui-sizes-em-0\.75: 0.75em;
    --mms-ui-sizes-em-1\.25: 1.25em;
    --mms-ui-sizes-em-1\.5: 1.5em;
    --mms-ui-sizes-em-1\.75: 1.75em;
    --mms-ui-sizes-em-2\.25: 2.25em;
    --mms-ui-sizes-em-2\.5: 2.5em;
    --mms-ui-sizes-em-2\.75: 2.75em;
    --mms-ui-sizes-em-3\.25: 3.25em;
    --mms-ui-sizes-em-3\.5: 3.5em;
    --mms-ui-sizes-em-3\.75: 3.75em;
    --mms-ui-sizes-em-4\.25: 4.25em;
    --mms-ui-sizes-em-4\.5: 4.5em;
    --mms-ui-sizes-em-4\.75: 4.75em;
    --mms-ui-sizes-em-5\.25: 5.25em;
    --mms-ui-sizes-em-5\.5: 5.5em;
    --mms-ui-sizes-em-5\.75: 5.75em;
    --mms-ui-sizes-em-6\.25: 6.25em;
    --mms-ui-sizes-em-20\.25: 20.25em;
    --mms-ui-sizes-px-1: 16px;
    --mms-ui-sizes-px-2: 32px;
    --mms-ui-sizes-px-3: 48px;
    --mms-ui-sizes-px-4: 64px;
    --mms-ui-sizes-px-5: 80px;
    --mms-ui-sizes-px-6: 96px;
    --mms-ui-sizes-px-8: 128px;
    --mms-ui-sizes-px-16: 256px;
    --mms-ui-sizes-px-32: 512px;
    --mms-ui-sizes-px-48: 768px;
    --mms-ui-sizes-px-0\.0625: 1px;
    --mms-ui-sizes-px-0\.125: 2px;
    --mms-ui-sizes-px-0\.25: 4px;
    --mms-ui-sizes-px-0\.375: 6px;
    --mms-ui-sizes-px-0\.5: 8px;
    --mms-ui-sizes-px-0\.75: 12px;
    --mms-ui-sizes-px-1\.25: 20px;
    --mms-ui-sizes-px-1\.5: 24px;
    --mms-ui-sizes-px-1\.75: 28px;
    --mms-ui-sizes-px-2\.25: 36px;
    --mms-ui-sizes-px-2\.5: 40px;
    --mms-ui-sizes-px-2\.75: 44px;
    --mms-ui-sizes-px-3\.25: 52px;
    --mms-ui-sizes-px-3\.5: 56px;
    --mms-ui-sizes-px-3\.75: 60px;
    --mms-ui-sizes-px-4\.25: 68px;
    --mms-ui-sizes-px-4\.5: 72px;
    --mms-ui-sizes-px-4\.75: 76px;
    --mms-ui-sizes-px-5\.25: 84px;
    --mms-ui-sizes-px-5\.5: 88px;
    --mms-ui-sizes-px-5\.75: 92px;
    --mms-ui-sizes-px-6\.25: 100px;
    --mms-ui-sizes-px-20\.25: 324px;
    --mms-ui-sizes-prose-45: 45ch;
    --mms-ui-sizes-prose-65: 65ch;
    --mms-ui-sizes-prose-75: 75ch;
    --mms-ui-sizes-prose-80: 80ch;
    --mms-ui-sizes-breakpoint-xxs: 0em;
    --mms-ui-sizes-breakpoint-xs: 23em;
    --mms-ui-sizes-breakpoint-sm: 32em;
    --mms-ui-sizes-breakpoint-md: 47em;
    --mms-ui-sizes-breakpoint-lg: 63em;
    --mms-ui-sizes-breakpoint-xl: 77em;
    --mms-ui-sizes-breakpoint-xxl: 92em;
    --mms-ui-spacing-0: 0;
    --mms-ui-spacing-1: 1rem;
    --mms-ui-spacing-2: 2rem;
    --mms-ui-spacing-3: 3rem;
    --mms-ui-spacing-4: 4rem;
    --mms-ui-spacing-5: 5rem;
    --mms-ui-spacing-6: 6rem;
    --mms-ui-spacing-0\.0625: 0.0625rem;
    --mms-ui-spacing-0\.125: 0.125rem;
    --mms-ui-spacing-0\.25: 0.25rem;
    --mms-ui-spacing-0\.375: 0.375rem;
    --mms-ui-spacing-0\.5: 0.5rem;
    --mms-ui-spacing-0\.75: 0.75rem;
    --mms-ui-spacing-1\.25: 1.25rem;
    --mms-ui-spacing-1\.5: 1.5rem;
    --mms-ui-spacing-1\.75: 1.75rem;
    --mms-ui-spacing-2\.25: 2.25rem;
    --mms-ui-spacing-2\.5: 2.5rem;
    --mms-ui-spacing-2\.75: 2.75rem;
    --mms-ui-spacing-3\.25: 3.25rem;
    --mms-ui-spacing-3\.5: 3.5rem;
    --mms-ui-spacing-3\.75: 3.75rem;
    --mms-ui-spacing-4\.25: 4.25rem;
    --mms-ui-spacing-4\.5: 4.5rem;
    --mms-ui-spacing-4\.75: 4.75rem;
    --mms-ui-spacing-5\.25: 5.25rem;
    --mms-ui-spacing-5\.5: 5.5rem;
    --mms-ui-spacing-5\.75: 5.75rem;
    --mms-ui-spacing-em-1: 1em;
    --mms-ui-spacing-em-2: 2em;
    --mms-ui-spacing-em-3: 3em;
    --mms-ui-spacing-em-4: 4em;
    --mms-ui-spacing-em-5: 5em;
    --mms-ui-spacing-em-6: 6em;
    --mms-ui-spacing-em-0\.0625: 0.0625em;
    --mms-ui-spacing-em-0\.125: 0.125em;
    --mms-ui-spacing-em-0\.25: 0.25em;
    --mms-ui-spacing-em-0\.375: 0.375em;
    --mms-ui-spacing-em-0\.5: 0.5em;
    --mms-ui-spacing-em-0\.75: 0.75em;
    --mms-ui-spacing-em-1\.25: 1.25em;
    --mms-ui-spacing-em-1\.5: 1.5em;
    --mms-ui-spacing-em-1\.75: 1.75em;
    --mms-ui-spacing-em-2\.25: 2.25em;
    --mms-ui-spacing-em-2\.5: 2.5em;
    --mms-ui-spacing-em-2\.75: 2.75em;
    --mms-ui-spacing-em-3\.25: 3.25em;
    --mms-ui-spacing-em-3\.5: 3.5em;
    --mms-ui-spacing-em-3\.75: 3.75em;
    --mms-ui-spacing-em-4\.25: 4.25em;
    --mms-ui-spacing-em-4\.5: 4.5em;
    --mms-ui-spacing-em-4\.75: 4.75em;
    --mms-ui-spacing-em-5\.25: 5.25em;
    --mms-ui-spacing-em-5\.5: 5.5em;
    --mms-ui-spacing-em-5\.75: 5.75em;
    --mms-ui-spacing-px-1: 16px;
    --mms-ui-spacing-px-2: 32px;
    --mms-ui-spacing-px-3: 48px;
    --mms-ui-spacing-px-4: 64px;
    --mms-ui-spacing-px-5: 80px;
    --mms-ui-spacing-px-6: 96px;
    --mms-ui-spacing-px-0\.0625: 1px;
    --mms-ui-spacing-px-0\.125: 2px;
    --mms-ui-spacing-px-0\.25: 4px;
    --mms-ui-spacing-px-0\.375: 6px;
    --mms-ui-spacing-px-0\.5: 8px;
    --mms-ui-spacing-px-0\.75: 12px;
    --mms-ui-spacing-px-1\.25: 20px;
    --mms-ui-spacing-px-1\.5: 24px;
    --mms-ui-spacing-px-1\.75: 28px;
    --mms-ui-spacing-px-2\.25: 36px;
    --mms-ui-spacing-px-2\.5: 40px;
    --mms-ui-spacing-px-2\.75: 44px;
    --mms-ui-spacing-px-3\.25: 52px;
    --mms-ui-spacing-px-3\.5: 56px;
    --mms-ui-spacing-px-3\.75: 60px;
    --mms-ui-spacing-px-4\.25: 68px;
    --mms-ui-spacing-px-4\.5: 72px;
    --mms-ui-spacing-px-4\.75: 76px;
    --mms-ui-spacing-px-5\.25: 84px;
    --mms-ui-spacing-px-5\.5: 88px;
    --mms-ui-spacing-px-5\.75: 92px;
    --mms-ui-opacity-0: 0;
    --mms-ui-opacity-10: 0.1;
    --mms-ui-opacity-20: 0.2;
    --mms-ui-opacity-30: 0.3;
    --mms-ui-opacity-40: 0.4;
    --mms-ui-opacity-50: 0.5;
    --mms-ui-opacity-60: 0.6;
    --mms-ui-opacity-70: 0.7;
    --mms-ui-opacity-80: 0.8;
    --mms-ui-opacity-90: 0.9;
    --mms-ui-opacity-95: 0.95;
    --mms-ui-opacity-100: 1;
    --mms-ui-durations-100: 100ms;
    --mms-ui-durations-150: 150ms;
    --mms-ui-durations-300: 300ms;
    --mms-ui-durations-500: 500ms;
    --mms-ui-durations-1000: 1000ms;
    --mms-ui-durations-1500: 1500ms;
    --mms-ui-durations-2000: 2000ms;
    --mms-ui-z-index-0: 0;
    --mms-ui-z-index-100: 10;
    --mms-ui-z-index-200: 20;
    --mms-ui-z-index-300: 30;
    --mms-ui-z-index-400: 40;
    --mms-ui-z-index-500: 50;
    --mms-ui-z-index-800: 800;
    --mms-ui-z-index-900: 900;
    --mms-ui-breakpoints-xxs: 0em;
    --mms-ui-breakpoints-xs: 23em;
    --mms-ui-breakpoints-sm: 32em;
    --mms-ui-breakpoints-md: 47em;
    --mms-ui-breakpoints-lg: 63em;
    --mms-ui-breakpoints-xl: 77em;
    --mms-ui-breakpoints-xxl: 92em;
    --mms-ui-radii-full: var(--mms-ui-radii-999);
    --mms-ui-radii-none: var(--mms-ui-radii-0);
    --mms-ui-radii-xs: var(--mms-ui-radii-0\.125);
    --mms-ui-radii-sm: var(--mms-ui-radii-0\.25);
    --mms-ui-radii-md: var(--mms-ui-radii-0\.375);
    --mms-ui-radii-lg: var(--mms-ui-radii-0\.5);
    --mms-ui-radii-xl: var(--mms-ui-radii-0\.625);
    --mms-ui-radii-2xl: var(--mms-ui-radii-0\.75);
    --mms-ui-radii-3xl: var(--mms-ui-radii-1);
    --mms-ui-radii-4xl: var(--mms-ui-radii-1\.25);
    --mms-ui-radii-5xl: var(--mms-ui-radii-1\.5);
    --mms-ui-aspect-ratios-square: var(--mms-ui-aspect-ratios-25);
    --mms-ui-aspect-ratios-product: var(--mms-ui-aspect-ratios-125);
    --mms-ui-aspect-ratios-video: var(--mms-ui-aspect-ratios-75);
    --mms-ui-border-widths-none: var(--mms-ui-border-widths-0);
    --mms-ui-border-widths-xs: var(--mms-ui-border-widths-100);
    --mms-ui-border-widths-sm: var(--mms-ui-border-widths-200);
    --mms-ui-border-widths-md: var(--mms-ui-border-widths-400);
    --mms-ui-border-widths-lg: var(--mms-ui-border-widths-800);
    --mms-ui-colors-base-text: var(--mms-ui-colors-grey-700);
    --mms-ui-colors-base-text-emphasized: var(--mms-ui-colors-grey-950);
    --mms-ui-colors-base-text-subtle: var(--mms-ui-colors-grey-600);
    --mms-ui-colors-base-text-inverted: var(--mms-ui-colors-grey-50);
    --mms-ui-colors-base-text-accent: var(--mms-ui-colors-red-500);
    --mms-ui-colors-base-text-on-accent: var(--mms-ui-colors-red-25);
    --mms-ui-colors-base-border: var(--mms-ui-colors-grey-300);
    --mms-ui-colors-base-border-emphasized: var(--mms-ui-colors-grey-950);
    --mms-ui-colors-base-border-subtle: var(--mms-ui-colors-grey-200);
    --mms-ui-colors-base-border-accent: var(--mms-ui-colors-red-500);
    --mms-ui-colors-base-border-focus: var(--mms-ui-colors-blue-500);
    --mms-ui-colors-base-background: var(--mms-ui-colors-grey-25);
    --mms-ui-colors-base-background-inverted: var(--mms-ui-colors-grey-950);
    --mms-ui-colors-base-background-subtle: var(--mms-ui-colors-grey-50);
    --mms-ui-colors-base-background-overlay: var(--mms-ui-colors-grey-900);
    --mms-ui-colors-base-background-accent: var(--mms-ui-colors-red-500);
    --mms-ui-colors-base-background-accent-subtle: var(--mms-ui-colors-red-100);
    --mms-ui-colors-base-shadow: var(--mms-ui-colors-grey-900);
    --mms-ui-colors-base-shadow-emphasized: var(--mms-ui-colors-grey-900);
    --mms-ui-colors-base-shadow-subtle: var(--mms-ui-colors-grey-900);
    --mms-ui-colors-base-shadow-secondary: var(--mms-ui-colors-grey-900);
    --mms-ui-colors-base-shadow-secondary-emphasized: var(--mms-ui-colors-grey-900);
    --mms-ui-colors-base-shadow-secondary-subtle: var(--mms-ui-colors-grey-900);
    --mms-ui-colors-base-surface: var(--mms-ui-colors-grey-25);
    --mms-ui-colors-base-surface-secondary: var(--mms-ui-colors-grey-50);
    --mms-ui-colors-base-surface-tertiary: var(--mms-ui-colors-grey-25);
    --mms-ui-colors-base-control-text: var(--mms-ui-colors-grey-800);
    --mms-ui-colors-base-control-text-hover: var(--mms-ui-colors-grey-700);
    --mms-ui-colors-base-control-text-disabled: var(--mms-ui-colors-grey-300);
    --mms-ui-colors-base-control-text-inverted: var(--mms-ui-colors-grey-50);
    --mms-ui-colors-base-control-text-inverted-disabled: var(--mms-ui-colors-grey-300);
    --mms-ui-colors-base-control-text-accent: var(--mms-ui-colors-red-25);
    --mms-ui-colors-base-control-background-hover: var(--mms-ui-colors-grey-100);
    --mms-ui-colors-base-control-background-selected: var(--mms-ui-colors-grey-50);
    --mms-ui-colors-base-control-background-inverted: var(--mms-ui-colors-grey-950);
    --mms-ui-colors-base-control-background-inverted-hover: var(--mms-ui-colors-grey-700);
    --mms-ui-colors-base-control-background-inverted-disabled: var(--mms-ui-colors-grey-100);
    --mms-ui-colors-base-control-background-accent: var(--mms-ui-colors-red-500);
    --mms-ui-colors-base-control-background-accent-hover: var(--mms-ui-colors-red-600);
    --mms-ui-colors-base-control-border: var(--mms-ui-colors-grey-950);
    --mms-ui-colors-base-control-border-disabled: var(--mms-ui-colors-grey-300);
    --mms-ui-colors-base-control-border-subtle: var(--mms-ui-colors-grey-400);
    --mms-ui-colors-base-control-border-subtle-hover: var(--mms-ui-colors-grey-950);
    --mms-ui-colors-base-control-border-subtle-selected: var(--mms-ui-colors-grey-950);
    --mms-ui-colors-base-control-border-inverted: var(--mms-ui-colors-grey-950);
    --mms-ui-colors-base-control-border-inverted-hover: var(--mms-ui-colors-grey-700);
    --mms-ui-colors-base-control-border-inverted-disabled: var(--mms-ui-colors-grey-100);
    --mms-ui-colors-base-control-border-accent: var(--mms-ui-colors-red-500);
    --mms-ui-colors-base-control-border-accent-hover: var(--mms-ui-colors-red-600);
    --mms-ui-colors-inverted-text: var(--mms-ui-colors-grey-200);
    --mms-ui-colors-inverted-text-emphasized: var(--mms-ui-colors-grey-50);
    --mms-ui-colors-inverted-text-subtle: var(--mms-ui-colors-grey-300);
    --mms-ui-colors-inverted-text-inverted: var(--mms-ui-colors-grey-950);
    --mms-ui-colors-inverted-text-accent: var(--mms-ui-colors-red-400);
    --mms-ui-colors-inverted-text-on-accent: var(--mms-ui-colors-red-25);
    --mms-ui-colors-inverted-border: var(--mms-ui-colors-grey-500);
    --mms-ui-colors-inverted-border-emphasized: var(--mms-ui-colors-grey-50);
    --mms-ui-colors-inverted-border-subtle: var(--mms-ui-colors-grey-700);
    --mms-ui-colors-inverted-border-accent: var(--mms-ui-colors-red-500);
    --mms-ui-colors-inverted-border-focus: var(--mms-ui-colors-blue-400);
    --mms-ui-colors-inverted-background: var(--mms-ui-colors-grey-950);
    --mms-ui-colors-inverted-background-inverted: var(--mms-ui-colors-grey-100);
    --mms-ui-colors-inverted-background-subtle: var(--mms-ui-colors-grey-700);
    --mms-ui-colors-inverted-background-overlay: var(--mms-ui-colors-grey-900);
    --mms-ui-colors-inverted-background-accent: var(--mms-ui-colors-red-500);
    --mms-ui-colors-inverted-background-accent-subtle: var(--mms-ui-colors-red-500);
    --mms-ui-colors-inverted-shadow: var(--mms-ui-colors-grey-900);
    --mms-ui-colors-inverted-shadow-emphasized: var(--mms-ui-colors-grey-900);
    --mms-ui-colors-inverted-shadow-subtle: var(--mms-ui-colors-grey-900);
    --mms-ui-colors-inverted-shadow-secondary: var(--mms-ui-colors-grey-900);
    --mms-ui-colors-inverted-shadow-secondary-emphasized: var(--mms-ui-colors-grey-900);
    --mms-ui-colors-inverted-shadow-secondary-subtle: var(--mms-ui-colors-grey-900);
    --mms-ui-colors-inverted-surface: var(--mms-ui-colors-grey-900);
    --mms-ui-colors-inverted-surface-secondary: var(--mms-ui-colors-grey-800);
    --mms-ui-colors-inverted-surface-tertiary: var(--mms-ui-colors-grey-800);
    --mms-ui-colors-inverted-control-text: var(--mms-ui-colors-grey-100);
    --mms-ui-colors-inverted-control-text-hover: var(--mms-ui-colors-grey-50);
    --mms-ui-colors-inverted-control-text-disabled: var(--mms-ui-colors-grey-500);
    --mms-ui-colors-inverted-control-text-inverted: var(--mms-ui-colors-grey-900);
    --mms-ui-colors-inverted-control-text-inverted-disabled: var(--mms-ui-colors-grey-400);
    --mms-ui-colors-inverted-control-text-accent: var(--mms-ui-colors-red-25);
    --mms-ui-colors-inverted-control-background-hover: var(--mms-ui-colors-grey-700);
    --mms-ui-colors-inverted-control-background-selected: var(--mms-ui-colors-grey-800);
    --mms-ui-colors-inverted-control-background-inverted: var(--mms-ui-colors-grey-100);
    --mms-ui-colors-inverted-control-background-inverted-hover: var(--mms-ui-colors-grey-50);
    --mms-ui-colors-inverted-control-background-inverted-disabled: var(--mms-ui-colors-grey-700);
    --mms-ui-colors-inverted-control-background-accent: var(--mms-ui-colors-red-500);
    --mms-ui-colors-inverted-control-background-accent-hover: var(--mms-ui-colors-red-600);
    --mms-ui-colors-inverted-control-border: var(--mms-ui-colors-grey-50);
    --mms-ui-colors-inverted-control-border-disabled: var(--mms-ui-colors-grey-500);
    --mms-ui-colors-inverted-control-border-subtle: var(--mms-ui-colors-grey-400);
    --mms-ui-colors-inverted-control-border-subtle-hover: var(--mms-ui-colors-grey-50);
    --mms-ui-colors-inverted-control-border-subtle-selected: var(--mms-ui-colors-grey-50);
    --mms-ui-colors-inverted-control-border-inverted: var(--mms-ui-colors-grey-100);
    --mms-ui-colors-inverted-control-border-inverted-hover: var(--mms-ui-colors-grey-50);
    --mms-ui-colors-inverted-control-border-inverted-disabled: var(--mms-ui-colors-grey-700);
    --mms-ui-colors-inverted-control-border-accent: var(--mms-ui-colors-red-500);
    --mms-ui-colors-inverted-control-border-accent-hover: var(--mms-ui-colors-red-600);
    --mms-ui-colors-prominent-text: var(--mms-ui-colors-red-25);
    --mms-ui-colors-prominent-text-emphasized: var(--mms-ui-colors-red-25);
    --mms-ui-colors-prominent-text-subtle: var(--mms-ui-colors-red-25);
    --mms-ui-colors-prominent-text-inverted: var(--mms-ui-colors-red-800);
    --mms-ui-colors-prominent-text-accent: var(--mms-ui-colors-grey-25);
    --mms-ui-colors-prominent-text-on-accent: var(--mms-ui-colors-grey-800);
    --mms-ui-colors-prominent-border: var(--mms-ui-colors-red-100);
    --mms-ui-colors-prominent-border-emphasized: var(--mms-ui-colors-red-25);
    --mms-ui-colors-prominent-border-subtle: var(--mms-ui-colors-red-300);
    --mms-ui-colors-prominent-border-accent: var(--mms-ui-colors-grey-200);
    --mms-ui-colors-prominent-border-focus: var(--mms-ui-colors-grey-100);
    --mms-ui-colors-prominent-background: var(--mms-ui-colors-red-500);
    --mms-ui-colors-prominent-background-inverted: var(--mms-ui-colors-red-50);
    --mms-ui-colors-prominent-background-subtle: var(--mms-ui-colors-red-700);
    --mms-ui-colors-prominent-background-overlay: var(--mms-ui-colors-red-900);
    --mms-ui-colors-prominent-background-accent: var(--mms-ui-colors-grey-200);
    --mms-ui-colors-prominent-background-accent-subtle: var(--mms-ui-colors-grey-100);
    --mms-ui-colors-prominent-shadow: var(--mms-ui-colors-red-900);
    --mms-ui-colors-prominent-shadow-emphasized: var(--mms-ui-colors-red-900);
    --mms-ui-colors-prominent-shadow-subtle: var(--mms-ui-colors-red-900);
    --mms-ui-colors-prominent-shadow-secondary: var(--mms-ui-colors-red-900);
    --mms-ui-colors-prominent-shadow-secondary-emphasized: var(--mms-ui-colors-red-900);
    --mms-ui-colors-prominent-shadow-secondary-subtle: var(--mms-ui-colors-red-900);
    --mms-ui-colors-prominent-surface: var(--mms-ui-colors-red-500);
    --mms-ui-colors-prominent-surface-secondary: var(--mms-ui-colors-red-600);
    --mms-ui-colors-prominent-surface-tertiary: var(--mms-ui-colors-red-25);
    --mms-ui-colors-prominent-control-text: var(--mms-ui-colors-red-25);
    --mms-ui-colors-prominent-control-text-hover: var(--mms-ui-colors-red-50);
    --mms-ui-colors-prominent-control-text-disabled: var(--mms-ui-colors-red-300);
    --mms-ui-colors-prominent-control-text-inverted: var(--mms-ui-colors-red-800);
    --mms-ui-colors-prominent-control-text-inverted-disabled: var(--mms-ui-colors-red-400);
    --mms-ui-colors-prominent-control-text-accent: var(--mms-ui-colors-grey-25);
    --mms-ui-colors-prominent-control-background-hover: var(--mms-ui-colors-red-700);
    --mms-ui-colors-prominent-control-background-selected: var(--mms-ui-colors-red-600);
    --mms-ui-colors-prominent-control-background-inverted: var(--mms-ui-colors-red-50);
    --mms-ui-colors-prominent-control-background-inverted-hover: var(--mms-ui-colors-red-100);
    --mms-ui-colors-prominent-control-background-inverted-disabled: var(--mms-ui-colors-red-300);
    --mms-ui-colors-prominent-control-background-accent: var(--mms-ui-colors-grey-900);
    --mms-ui-colors-prominent-control-background-accent-hover: var(--mms-ui-colors-grey-700);
    --mms-ui-colors-prominent-control-border: var(--mms-ui-colors-red-50);
    --mms-ui-colors-prominent-control-border-disabled: var(--mms-ui-colors-red-300);
    --mms-ui-colors-prominent-control-border-subtle: var(--mms-ui-colors-red-25);
    --mms-ui-colors-prominent-control-border-subtle-hover: var(--mms-ui-colors-red-50);
    --mms-ui-colors-prominent-control-border-subtle-selected: var(--mms-ui-colors-red-50);
    --mms-ui-colors-prominent-control-border-inverted: var(--mms-ui-colors-red-50);
    --mms-ui-colors-prominent-control-border-inverted-hover: var(--mms-ui-colors-red-100);
    --mms-ui-colors-prominent-control-border-inverted-disabled: var(--mms-ui-colors-red-300);
    --mms-ui-colors-prominent-control-border-accent: var(--mms-ui-colors-grey-900);
    --mms-ui-colors-prominent-control-border-accent-hover: var(--mms-ui-colors-grey-700);
    --mms-ui-colors-error-text: var(--mms-ui-colors-red-700);
    --mms-ui-colors-error-text-emphasized: var(--mms-ui-colors-red-950);
    --mms-ui-colors-error-text-subtle: var(--mms-ui-colors-red-600);
    --mms-ui-colors-error-text-inverted: var(--mms-ui-colors-red-50);
    --mms-ui-colors-error-text-accent: var(--mms-ui-colors-red-500);
    --mms-ui-colors-error-text-on-accent: var(--mms-ui-colors-red-25);
    --mms-ui-colors-error-border: var(--mms-ui-colors-red-300);
    --mms-ui-colors-error-border-emphasized: var(--mms-ui-colors-red-950);
    --mms-ui-colors-error-border-subtle: var(--mms-ui-colors-red-200);
    --mms-ui-colors-error-border-accent: var(--mms-ui-colors-red-500);
    --mms-ui-colors-error-border-focus: var(--mms-ui-colors-blue-500);
    --mms-ui-colors-error-background: var(--mms-ui-colors-red-25);
    --mms-ui-colors-error-background-inverted: var(--mms-ui-colors-red-950);
    --mms-ui-colors-error-background-subtle: var(--mms-ui-colors-red-50);
    --mms-ui-colors-error-background-overlay: var(--mms-ui-colors-red-900);
    --mms-ui-colors-error-background-accent: var(--mms-ui-colors-red-500);
    --mms-ui-colors-error-background-accent-subtle: var(--mms-ui-colors-red-100);
    --mms-ui-colors-error-shadow: var(--mms-ui-colors-red-900);
    --mms-ui-colors-error-shadow-emphasized: var(--mms-ui-colors-red-900);
    --mms-ui-colors-error-shadow-subtle: var(--mms-ui-colors-red-900);
    --mms-ui-colors-error-shadow-secondary: var(--mms-ui-colors-red-900);
    --mms-ui-colors-error-shadow-secondary-emphasized: var(--mms-ui-colors-red-900);
    --mms-ui-colors-error-shadow-secondary-subtle: var(--mms-ui-colors-red-900);
    --mms-ui-colors-error-surface: var(--mms-ui-colors-red-25);
    --mms-ui-colors-error-surface-secondary: var(--mms-ui-colors-red-50);
    --mms-ui-colors-error-surface-tertiary: var(--mms-ui-colors-red-25);
    --mms-ui-colors-error-control-text: var(--mms-ui-colors-red-800);
    --mms-ui-colors-error-control-text-hover: var(--mms-ui-colors-red-700);
    --mms-ui-colors-error-control-text-disabled: var(--mms-ui-colors-red-300);
    --mms-ui-colors-error-control-text-inverted: var(--mms-ui-colors-red-50);
    --mms-ui-colors-error-control-text-inverted-disabled: var(--mms-ui-colors-red-300);
    --mms-ui-colors-error-control-text-accent: var(--mms-ui-colors-red-25);
    --mms-ui-colors-error-control-background-hover: var(--mms-ui-colors-red-100);
    --mms-ui-colors-error-control-background-selected: var(--mms-ui-colors-red-50);
    --mms-ui-colors-error-control-background-inverted: var(--mms-ui-colors-red-950);
    --mms-ui-colors-error-control-background-inverted-hover: var(--mms-ui-colors-red-700);
    --mms-ui-colors-error-control-background-inverted-disabled: var(--mms-ui-colors-red-100);
    --mms-ui-colors-error-control-background-accent: var(--mms-ui-colors-red-500);
    --mms-ui-colors-error-control-background-accent-hover: var(--mms-ui-colors-red-600);
    --mms-ui-colors-error-control-border: var(--mms-ui-colors-red-950);
    --mms-ui-colors-error-control-border-disabled: var(--mms-ui-colors-red-300);
    --mms-ui-colors-error-control-border-subtle: var(--mms-ui-colors-red-400);
    --mms-ui-colors-error-control-border-subtle-hover: var(--mms-ui-colors-red-950);
    --mms-ui-colors-error-control-border-subtle-selected: var(--mms-ui-colors-red-950);
    --mms-ui-colors-error-control-border-inverted: var(--mms-ui-colors-red-950);
    --mms-ui-colors-error-control-border-inverted-hover: var(--mms-ui-colors-red-700);
    --mms-ui-colors-error-control-border-inverted-disabled: var(--mms-ui-colors-red-100);
    --mms-ui-colors-error-control-border-accent: var(--mms-ui-colors-red-500);
    --mms-ui-colors-error-control-border-accent-hover: var(--mms-ui-colors-red-600);
    --mms-ui-colors-warning-text: var(--mms-ui-colors-yellow-700);
    --mms-ui-colors-warning-text-emphasized: var(--mms-ui-colors-yellow-950);
    --mms-ui-colors-warning-text-subtle: var(--mms-ui-colors-yellow-600);
    --mms-ui-colors-warning-text-inverted: var(--mms-ui-colors-yellow-50);
    --mms-ui-colors-warning-text-accent: var(--mms-ui-colors-yellow-500);
    --mms-ui-colors-warning-text-on-accent: var(--mms-ui-colors-yellow-25);
    --mms-ui-colors-warning-border: var(--mms-ui-colors-yellow-300);
    --mms-ui-colors-warning-border-emphasized: var(--mms-ui-colors-yellow-950);
    --mms-ui-colors-warning-border-subtle: var(--mms-ui-colors-yellow-200);
    --mms-ui-colors-warning-border-accent: var(--mms-ui-colors-yellow-500);
    --mms-ui-colors-warning-border-focus: var(--mms-ui-colors-blue-500);
    --mms-ui-colors-warning-background: var(--mms-ui-colors-yellow-25);
    --mms-ui-colors-warning-background-inverted: var(--mms-ui-colors-yellow-950);
    --mms-ui-colors-warning-background-subtle: var(--mms-ui-colors-yellow-50);
    --mms-ui-colors-warning-background-overlay: var(--mms-ui-colors-yellow-900);
    --mms-ui-colors-warning-background-accent: var(--mms-ui-colors-yellow-500);
    --mms-ui-colors-warning-background-accent-subtle: var(--mms-ui-colors-yellow-100);
    --mms-ui-colors-warning-shadow: var(--mms-ui-colors-yellow-900);
    --mms-ui-colors-warning-shadow-emphasized: var(--mms-ui-colors-yellow-900);
    --mms-ui-colors-warning-shadow-subtle: var(--mms-ui-colors-yellow-900);
    --mms-ui-colors-warning-shadow-secondary: var(--mms-ui-colors-yellow-900);
    --mms-ui-colors-warning-shadow-secondary-emphasized: var(--mms-ui-colors-yellow-900);
    --mms-ui-colors-warning-shadow-secondary-subtle: var(--mms-ui-colors-yellow-900);
    --mms-ui-colors-warning-surface: var(--mms-ui-colors-yellow-25);
    --mms-ui-colors-warning-surface-secondary: var(--mms-ui-colors-yellow-50);
    --mms-ui-colors-warning-surface-tertiary: var(--mms-ui-colors-yellow-25);
    --mms-ui-colors-warning-control-text: var(--mms-ui-colors-yellow-800);
    --mms-ui-colors-warning-control-text-hover: var(--mms-ui-colors-yellow-700);
    --mms-ui-colors-warning-control-text-disabled: var(--mms-ui-colors-yellow-300);
    --mms-ui-colors-warning-control-text-inverted: var(--mms-ui-colors-yellow-50);
    --mms-ui-colors-warning-control-text-inverted-disabled: var(--mms-ui-colors-yellow-300);
    --mms-ui-colors-warning-control-text-accent: var(--mms-ui-colors-yellow-25);
    --mms-ui-colors-warning-control-background-hover: var(--mms-ui-colors-yellow-100);
    --mms-ui-colors-warning-control-background-selected: var(--mms-ui-colors-yellow-50);
    --mms-ui-colors-warning-control-background-inverted: var(--mms-ui-colors-yellow-950);
    --mms-ui-colors-warning-control-background-inverted-hover: var(--mms-ui-colors-yellow-700);
    --mms-ui-colors-warning-control-background-inverted-disabled: var(--mms-ui-colors-yellow-100);
    --mms-ui-colors-warning-control-background-accent: var(--mms-ui-colors-yellow-500);
    --mms-ui-colors-warning-control-background-accent-hover: var(--mms-ui-colors-yellow-600);
    --mms-ui-colors-warning-control-border: var(--mms-ui-colors-yellow-950);
    --mms-ui-colors-warning-control-border-disabled: var(--mms-ui-colors-yellow-300);
    --mms-ui-colors-warning-control-border-subtle: var(--mms-ui-colors-yellow-400);
    --mms-ui-colors-warning-control-border-subtle-hover: var(--mms-ui-colors-yellow-950);
    --mms-ui-colors-warning-control-border-subtle-selected: var(--mms-ui-colors-yellow-950);
    --mms-ui-colors-warning-control-border-inverted: var(--mms-ui-colors-yellow-950);
    --mms-ui-colors-warning-control-border-inverted-hover: var(--mms-ui-colors-yellow-700);
    --mms-ui-colors-warning-control-border-inverted-disabled: var(--mms-ui-colors-yellow-100);
    --mms-ui-colors-warning-control-border-accent: var(--mms-ui-colors-yellow-500);
    --mms-ui-colors-warning-control-border-accent-hover: var(--mms-ui-colors-yellow-600);
    --mms-ui-colors-success-text: var(--mms-ui-colors-green-700);
    --mms-ui-colors-success-text-emphasized: var(--mms-ui-colors-green-950);
    --mms-ui-colors-success-text-subtle: var(--mms-ui-colors-green-600);
    --mms-ui-colors-success-text-inverted: var(--mms-ui-colors-green-50);
    --mms-ui-colors-success-text-accent: var(--mms-ui-colors-green-500);
    --mms-ui-colors-success-text-on-accent: var(--mms-ui-colors-green-25);
    --mms-ui-colors-success-border: var(--mms-ui-colors-green-300);
    --mms-ui-colors-success-border-emphasized: var(--mms-ui-colors-green-950);
    --mms-ui-colors-success-border-subtle: var(--mms-ui-colors-green-200);
    --mms-ui-colors-success-border-accent: var(--mms-ui-colors-green-500);
    --mms-ui-colors-success-border-focus: var(--mms-ui-colors-blue-500);
    --mms-ui-colors-success-background: var(--mms-ui-colors-green-25);
    --mms-ui-colors-success-background-inverted: var(--mms-ui-colors-green-950);
    --mms-ui-colors-success-background-subtle: var(--mms-ui-colors-green-50);
    --mms-ui-colors-success-background-overlay: var(--mms-ui-colors-green-900);
    --mms-ui-colors-success-background-accent: var(--mms-ui-colors-green-500);
    --mms-ui-colors-success-background-accent-subtle: var(--mms-ui-colors-green-100);
    --mms-ui-colors-success-shadow: var(--mms-ui-colors-green-900);
    --mms-ui-colors-success-shadow-emphasized: var(--mms-ui-colors-green-900);
    --mms-ui-colors-success-shadow-subtle: var(--mms-ui-colors-green-900);
    --mms-ui-colors-success-shadow-secondary: var(--mms-ui-colors-green-900);
    --mms-ui-colors-success-shadow-secondary-emphasized: var(--mms-ui-colors-green-900);
    --mms-ui-colors-success-shadow-secondary-subtle: var(--mms-ui-colors-green-900);
    --mms-ui-colors-success-surface: var(--mms-ui-colors-green-25);
    --mms-ui-colors-success-surface-secondary: var(--mms-ui-colors-green-50);
    --mms-ui-colors-success-surface-tertiary: var(--mms-ui-colors-green-25);
    --mms-ui-colors-success-control-text: var(--mms-ui-colors-green-800);
    --mms-ui-colors-success-control-text-hover: var(--mms-ui-colors-green-700);
    --mms-ui-colors-success-control-text-disabled: var(--mms-ui-colors-green-300);
    --mms-ui-colors-success-control-text-inverted: var(--mms-ui-colors-green-50);
    --mms-ui-colors-success-control-text-inverted-disabled: var(--mms-ui-colors-green-300);
    --mms-ui-colors-success-control-text-accent: var(--mms-ui-colors-green-25);
    --mms-ui-colors-success-control-background-hover: var(--mms-ui-colors-green-100);
    --mms-ui-colors-success-control-background-selected: var(--mms-ui-colors-green-50);
    --mms-ui-colors-success-control-background-inverted: var(--mms-ui-colors-green-950);
    --mms-ui-colors-success-control-background-inverted-hover: var(--mms-ui-colors-green-700);
    --mms-ui-colors-success-control-background-inverted-disabled: var(--mms-ui-colors-green-100);
    --mms-ui-colors-success-control-background-accent: var(--mms-ui-colors-green-500);
    --mms-ui-colors-success-control-background-accent-hover: var(--mms-ui-colors-green-600);
    --mms-ui-colors-success-control-border: var(--mms-ui-colors-green-950);
    --mms-ui-colors-success-control-border-disabled: var(--mms-ui-colors-green-300);
    --mms-ui-colors-success-control-border-subtle: var(--mms-ui-colors-green-400);
    --mms-ui-colors-success-control-border-subtle-hover: var(--mms-ui-colors-green-950);
    --mms-ui-colors-success-control-border-subtle-selected: var(--mms-ui-colors-green-950);
    --mms-ui-colors-success-control-border-inverted: var(--mms-ui-colors-green-950);
    --mms-ui-colors-success-control-border-inverted-hover: var(--mms-ui-colors-green-700);
    --mms-ui-colors-success-control-border-inverted-disabled: var(--mms-ui-colors-green-100);
    --mms-ui-colors-success-control-border-accent: var(--mms-ui-colors-green-500);
    --mms-ui-colors-success-control-border-accent-hover: var(--mms-ui-colors-green-600);
    --mms-ui-colors-info-text: var(--mms-ui-colors-blue-700);
    --mms-ui-colors-info-text-emphasized: var(--mms-ui-colors-blue-950);
    --mms-ui-colors-info-text-subtle: var(--mms-ui-colors-blue-600);
    --mms-ui-colors-info-text-inverted: var(--mms-ui-colors-blue-50);
    --mms-ui-colors-info-text-accent: var(--mms-ui-colors-blue-500);
    --mms-ui-colors-info-text-on-accent: var(--mms-ui-colors-blue-25);
    --mms-ui-colors-info-border: var(--mms-ui-colors-blue-300);
    --mms-ui-colors-info-border-emphasized: var(--mms-ui-colors-blue-950);
    --mms-ui-colors-info-border-subtle: var(--mms-ui-colors-blue-200);
    --mms-ui-colors-info-border-accent: var(--mms-ui-colors-blue-500);
    --mms-ui-colors-info-border-focus: var(--mms-ui-colors-blue-500);
    --mms-ui-colors-info-background: var(--mms-ui-colors-blue-25);
    --mms-ui-colors-info-background-inverted: var(--mms-ui-colors-blue-950);
    --mms-ui-colors-info-background-subtle: var(--mms-ui-colors-blue-50);
    --mms-ui-colors-info-background-overlay: var(--mms-ui-colors-blue-900);
    --mms-ui-colors-info-background-accent: var(--mms-ui-colors-blue-500);
    --mms-ui-colors-info-background-accent-subtle: var(--mms-ui-colors-blue-100);
    --mms-ui-colors-info-shadow: var(--mms-ui-colors-blue-900);
    --mms-ui-colors-info-shadow-emphasized: var(--mms-ui-colors-blue-900);
    --mms-ui-colors-info-shadow-subtle: var(--mms-ui-colors-blue-900);
    --mms-ui-colors-info-shadow-secondary: var(--mms-ui-colors-blue-900);
    --mms-ui-colors-info-shadow-secondary-emphasized: var(--mms-ui-colors-blue-900);
    --mms-ui-colors-info-shadow-secondary-subtle: var(--mms-ui-colors-blue-900);
    --mms-ui-colors-info-surface: var(--mms-ui-colors-blue-25);
    --mms-ui-colors-info-surface-secondary: var(--mms-ui-colors-blue-50);
    --mms-ui-colors-info-surface-tertiary: var(--mms-ui-colors-blue-25);
    --mms-ui-colors-info-control-text: var(--mms-ui-colors-blue-800);
    --mms-ui-colors-info-control-text-hover: var(--mms-ui-colors-blue-700);
    --mms-ui-colors-info-control-text-disabled: var(--mms-ui-colors-blue-300);
    --mms-ui-colors-info-control-text-inverted: var(--mms-ui-colors-blue-50);
    --mms-ui-colors-info-control-text-inverted-disabled: var(--mms-ui-colors-blue-300);
    --mms-ui-colors-info-control-text-accent: var(--mms-ui-colors-blue-25);
    --mms-ui-colors-info-control-background-hover: var(--mms-ui-colors-blue-100);
    --mms-ui-colors-info-control-background-selected: var(--mms-ui-colors-blue-50);
    --mms-ui-colors-info-control-background-inverted: var(--mms-ui-colors-blue-950);
    --mms-ui-colors-info-control-background-inverted-hover: var(--mms-ui-colors-blue-700);
    --mms-ui-colors-info-control-background-inverted-disabled: var(--mms-ui-colors-blue-100);
    --mms-ui-colors-info-control-background-accent: var(--mms-ui-colors-blue-500);
    --mms-ui-colors-info-control-background-accent-hover: var(--mms-ui-colors-blue-600);
    --mms-ui-colors-info-control-border: var(--mms-ui-colors-blue-950);
    --mms-ui-colors-info-control-border-disabled: var(--mms-ui-colors-blue-300);
    --mms-ui-colors-info-control-border-subtle: var(--mms-ui-colors-blue-400);
    --mms-ui-colors-info-control-border-subtle-hover: var(--mms-ui-colors-blue-950);
    --mms-ui-colors-info-control-border-subtle-selected: var(--mms-ui-colors-blue-950);
    --mms-ui-colors-info-control-border-inverted: var(--mms-ui-colors-blue-950);
    --mms-ui-colors-info-control-border-inverted-hover: var(--mms-ui-colors-blue-700);
    --mms-ui-colors-info-control-border-inverted-disabled: var(--mms-ui-colors-blue-100);
    --mms-ui-colors-info-control-border-accent: var(--mms-ui-colors-blue-500);
    --mms-ui-colors-info-control-border-accent-hover: var(--mms-ui-colors-blue-600);
    --mms-ui-colors-sustainable-text: var(--mms-ui-colors-emerald-700);
    --mms-ui-colors-sustainable-text-emphasized: var(--mms-ui-colors-emerald-950);
    --mms-ui-colors-sustainable-text-subtle: var(--mms-ui-colors-emerald-600);
    --mms-ui-colors-sustainable-text-inverted: var(--mms-ui-colors-emerald-50);
    --mms-ui-colors-sustainable-text-accent: var(--mms-ui-colors-emerald-500);
    --mms-ui-colors-sustainable-text-on-accent: var(--mms-ui-colors-emerald-25);
    --mms-ui-colors-sustainable-border: var(--mms-ui-colors-emerald-300);
    --mms-ui-colors-sustainable-border-emphasized: var(--mms-ui-colors-emerald-950);
    --mms-ui-colors-sustainable-border-subtle: var(--mms-ui-colors-emerald-200);
    --mms-ui-colors-sustainable-border-accent: var(--mms-ui-colors-emerald-500);
    --mms-ui-colors-sustainable-border-focus: var(--mms-ui-colors-blue-500);
    --mms-ui-colors-sustainable-background: var(--mms-ui-colors-emerald-25);
    --mms-ui-colors-sustainable-background-inverted: var(--mms-ui-colors-emerald-950);
    --mms-ui-colors-sustainable-background-subtle: var(--mms-ui-colors-emerald-50);
    --mms-ui-colors-sustainable-background-overlay: var(--mms-ui-colors-emerald-900);
    --mms-ui-colors-sustainable-background-accent: var(--mms-ui-colors-emerald-500);
    --mms-ui-colors-sustainable-background-accent-subtle: var(--mms-ui-colors-emerald-100);
    --mms-ui-colors-sustainable-shadow: var(--mms-ui-colors-emerald-900);
    --mms-ui-colors-sustainable-shadow-emphasized: var(--mms-ui-colors-emerald-900);
    --mms-ui-colors-sustainable-shadow-subtle: var(--mms-ui-colors-emerald-900);
    --mms-ui-colors-sustainable-shadow-secondary: var(--mms-ui-colors-emerald-900);
    --mms-ui-colors-sustainable-shadow-secondary-emphasized: var(--mms-ui-colors-emerald-900);
    --mms-ui-colors-sustainable-shadow-secondary-subtle: var(--mms-ui-colors-emerald-900);
    --mms-ui-colors-sustainable-surface: var(--mms-ui-colors-emerald-25);
    --mms-ui-colors-sustainable-surface-secondary: var(--mms-ui-colors-emerald-50);
    --mms-ui-colors-sustainable-surface-tertiary: var(--mms-ui-colors-emerald-25);
    --mms-ui-colors-sustainable-control-text: var(--mms-ui-colors-emerald-800);
    --mms-ui-colors-sustainable-control-text-hover: var(--mms-ui-colors-emerald-700);
    --mms-ui-colors-sustainable-control-text-disabled: var(--mms-ui-colors-emerald-300);
    --mms-ui-colors-sustainable-control-text-inverted: var(--mms-ui-colors-emerald-50);
    --mms-ui-colors-sustainable-control-text-inverted-disabled: var(--mms-ui-colors-emerald-300);
    --mms-ui-colors-sustainable-control-text-accent: var(--mms-ui-colors-emerald-25);
    --mms-ui-colors-sustainable-control-background-hover: var(--mms-ui-colors-emerald-100);
    --mms-ui-colors-sustainable-control-background-selected: var(--mms-ui-colors-emerald-50);
    --mms-ui-colors-sustainable-control-background-inverted: var(--mms-ui-colors-emerald-950);
    --mms-ui-colors-sustainable-control-background-inverted-hover: var(--mms-ui-colors-emerald-700);
    --mms-ui-colors-sustainable-control-background-inverted-disabled: var(--mms-ui-colors-emerald-100);
    --mms-ui-colors-sustainable-control-background-accent: var(--mms-ui-colors-emerald-500);
    --mms-ui-colors-sustainable-control-background-accent-hover: var(--mms-ui-colors-emerald-600);
    --mms-ui-colors-sustainable-control-border: var(--mms-ui-colors-emerald-950);
    --mms-ui-colors-sustainable-control-border-disabled: var(--mms-ui-colors-emerald-300);
    --mms-ui-colors-sustainable-control-border-subtle: var(--mms-ui-colors-emerald-400);
    --mms-ui-colors-sustainable-control-border-subtle-hover: var(--mms-ui-colors-emerald-950);
    --mms-ui-colors-sustainable-control-border-subtle-selected: var(--mms-ui-colors-emerald-950);
    --mms-ui-colors-sustainable-control-border-inverted: var(--mms-ui-colors-emerald-950);
    --mms-ui-colors-sustainable-control-border-inverted-hover: var(--mms-ui-colors-emerald-700);
    --mms-ui-colors-sustainable-control-border-inverted-disabled: var(--mms-ui-colors-emerald-100);
    --mms-ui-colors-sustainable-control-border-accent: var(--mms-ui-colors-emerald-500);
    --mms-ui-colors-sustainable-control-border-accent-hover: var(--mms-ui-colors-emerald-600);
    --mms-ui-colors-inherit: inherit;
    --mms-ui-colors-current: currentColor;
    --mms-ui-colors-transparent: transparent;
    --mms-ui-line-heights-2xs: var(--mms-ui-line-heights-0\.625);
    --mms-ui-line-heights-xs: var(--mms-ui-line-heights-0\.75);
    --mms-ui-line-heights-sm: var(--mms-ui-line-heights-0\.875);
    --mms-ui-line-heights-md: var(--mms-ui-line-heights-1);
    --mms-ui-line-heights-lg: var(--mms-ui-line-heights-1\.125);
    --mms-ui-line-heights-xl: var(--mms-ui-line-heights-1\.25);
    --mms-ui-line-heights-2xl: var(--mms-ui-line-heights-1\.5);
    --mms-ui-line-heights-3xl: var(--mms-ui-line-heights-1\.75);
    --mms-ui-line-heights-4xl: var(--mms-ui-line-heights-2);
    --mms-ui-line-heights-5xl: var(--mms-ui-line-heights-2\.25);
    --mms-ui-line-heights-6xl: var(--mms-ui-line-heights-2\.5);
    --mms-ui-line-heights-7xl: var(--mms-ui-line-heights-2\.75);
    --mms-ui-line-heights-8xl: var(--mms-ui-line-heights-3\.5);
    --mms-ui-line-heights-none: var(--mms-ui-line-heights-unitless-1);
    --mms-ui-line-heights-tighter: var(--mms-ui-line-heights-unitless-1\.1);
    --mms-ui-line-heights-tight: var(--mms-ui-line-heights-unitless-1\.25);
    --mms-ui-line-heights-snug: var(--mms-ui-line-heights-unitless-1\.375);
    --mms-ui-line-heights-normal: var(--mms-ui-line-heights-unitless-1\.5);
    --mms-ui-line-heights-relaxed: var(--mms-ui-line-heights-unitless-1\.625);
    --mms-ui-line-heights-loose: var(--mms-ui-line-heights-unitless-2);
    --mms-ui-letter-spacings-tighter: var(--mms-ui-letter-spacings-25);
    --mms-ui-letter-spacings-tight: var(--mms-ui-letter-spacings-50);
    --mms-ui-letter-spacings-normal: var(--mms-ui-letter-spacings-100);
    --mms-ui-letter-spacings-wide: var(--mms-ui-letter-spacings-125);
    --mms-ui-letter-spacings-wider: var(--mms-ui-letter-spacings-150);
    --mms-ui-letter-spacings-widest: var(--mms-ui-letter-spacings-200);
    --mms-ui-letter-spacings-inherit: inherit;
    --mms-ui-spacing-auto: auto;
    --mms-ui-spacing-none: var(--mms-ui-spacing-0);
    --mms-ui-spacing-3xs: var(--mms-ui-spacing-0\.125);
    --mms-ui-spacing-2xs: var(--mms-ui-spacing-0\.25);
    --mms-ui-spacing-xs: var(--mms-ui-spacing-0\.5);
    --mms-ui-spacing-sm: var(--mms-ui-spacing-0\.75);
    --mms-ui-spacing-md: var(--mms-ui-spacing-1);
    --mms-ui-spacing-lg: var(--mms-ui-spacing-1\.25);
    --mms-ui-spacing-xl: var(--mms-ui-spacing-1\.5);
    --mms-ui-spacing-2xl: var(--mms-ui-spacing-1\.75);
    --mms-ui-spacing-3xl: var(--mms-ui-spacing-2);
    --mms-ui-spacing-4xl: var(--mms-ui-spacing-2\.25);
    --mms-ui-spacing-5xl: var(--mms-ui-spacing-2\.5);
    --mms-ui-spacing-6xl: var(--mms-ui-spacing-2\.75);
    --mms-ui-spacing-7xl: var(--mms-ui-spacing-3);
    --mms-ui-spacing-8xl: var(--mms-ui-spacing-3\.25);
    --mms-ui-spacing-9xl: var(--mms-ui-spacing-3\.5);
    --mms-ui-spacing-10xl: var(--mms-ui-spacing-3\.75);
    --mms-ui-shadows-none: none;
    --mms-ui-shadows-xs: var(--mms-ui-sizes-none) var(--mms-ui-sizes-2xs) var(--mms-ui-sizes-xs) -0.0625rem rgba(0, 0, 0, 0.1), var(--mms-ui-sizes-none) var(--mms-ui-sizes-3xs) var(--mms-ui-sizes-2xs) -0.125rem rgba(0, 0, 0, 0.1);
    --mms-ui-shadows-sm: var(--mms-ui-sizes-none) var(--mms-ui-sizes-xs) var(--mms-ui-sizes-md) -0.25rem rgba(0, 0, 0, 0.1), var(--mms-ui-sizes-none) var(--mms-ui-sizes-2xs) var(--mms-ui-sizes-xs) -0.25rem rgba(0, 0, 0, 0.1);
    --mms-ui-shadows-md: var(--mms-ui-sizes-none) var(--mms-ui-sizes-3xs) var(--mms-ui-sizes-lg) -0.375rem rgba(0, 0, 0, 0.2), var(--mms-ui-sizes-none) var(--mms-ui-sizes-xs) var(--mms-ui-sizes-sm) -0.375rem rgba(0, 0, 0, 0.1);
    --mms-ui-shadows-lg: var(--mms-ui-sizes-none) var(--mms-ui-sizes-lg) var(--mms-ui-sizes-6xl) -0.75rem rgba(0, 0, 0, 0.5);
    --mms-ui-sizes-none: var(--mms-ui-sizes-0);
    --mms-ui-sizes-prose-min: var(--mms-ui-sizes-prose-45);
    --mms-ui-sizes-prose-max: var(--mms-ui-sizes-prose-80);
    --mms-ui-sizes-4xs: var(--mms-ui-sizes-0\.0625);
    --mms-ui-sizes-3xs: var(--mms-ui-sizes-0\.125);
    --mms-ui-sizes-2xs: var(--mms-ui-sizes-0\.25);
    --mms-ui-sizes-xs: var(--mms-ui-sizes-0\.5);
    --mms-ui-sizes-sm: var(--mms-ui-sizes-0\.75);
    --mms-ui-sizes-md: var(--mms-ui-sizes-1);
    --mms-ui-sizes-lg: var(--mms-ui-sizes-1\.5);
    --mms-ui-sizes-xl: var(--mms-ui-sizes-1\.75);
    --mms-ui-sizes-2xl: var(--mms-ui-sizes-2);
    --mms-ui-sizes-3xl: var(--mms-ui-sizes-2\.25);
    --mms-ui-sizes-4xl: var(--mms-ui-sizes-2\.5);
    --mms-ui-sizes-5xl: var(--mms-ui-sizes-2\.75);
    --mms-ui-sizes-6xl: var(--mms-ui-sizes-3);
    --mms-ui-sizes-7xl: var(--mms-ui-sizes-3\.25);
    --mms-ui-sizes-8xl: var(--mms-ui-sizes-3\.5);
    --mms-ui-sizes-9xl: var(--mms-ui-sizes-3\.75);
    --mms-ui-sizes-10xl: var(--mms-ui-sizes-4);
    --mms-ui-sizes-full: 100%;
    --mms-ui-sizes-min: min-content;
    --mms-ui-sizes-max: max-content;
    --mms-ui-sizes-fit: fit-content;
    --mms-ui-fonts-body: var(--mms-ui-fonts-noto-sans-display);
    --mms-ui-fonts-heading: var(--mms-ui-fonts-noto-sans-display);
    --mms-ui-fonts-brand: var(--mms-ui-fonts-media-markt-headline);
    --mms-ui-font-sizes-2xs: var(--mms-ui-font-sizes-0\.625);
    --mms-ui-font-sizes-xs: var(--mms-ui-font-sizes-0\.75);
    --mms-ui-font-sizes-sm: var(--mms-ui-font-sizes-0\.875);
    --mms-ui-font-sizes-md: var(--mms-ui-font-sizes-1);
    --mms-ui-font-sizes-lg: var(--mms-ui-font-sizes-1\.125);
    --mms-ui-font-sizes-xl: var(--mms-ui-font-sizes-1\.25);
    --mms-ui-font-sizes-2xl: var(--mms-ui-font-sizes-1\.5);
    --mms-ui-font-sizes-3xl: var(--mms-ui-font-sizes-1\.75);
    --mms-ui-font-sizes-4xl: var(--mms-ui-font-sizes-2);
    --mms-ui-font-sizes-5xl: var(--mms-ui-font-sizes-2\.25);
    --mms-ui-font-sizes-6xl: var(--mms-ui-font-sizes-2\.5);
    --mms-ui-font-sizes-7xl: var(--mms-ui-font-sizes-2\.75);
    --mms-ui-font-sizes-8xl: var(--mms-ui-font-sizes-3\.5);
    --mms-ui-font-weights-thin: var(--mms-ui-font-weights-100);
    --mms-ui-font-weights-extralight: var(--mms-ui-font-weights-200);
    --mms-ui-font-weights-light: var(--mms-ui-font-weights-300);
    --mms-ui-font-weights-normal: var(--mms-ui-font-weights-400);
    --mms-ui-font-weights-medium: var(--mms-ui-font-weights-500);
    --mms-ui-font-weights-semibold: var(--mms-ui-font-weights-600);
    --mms-ui-font-weights-bold: var(--mms-ui-font-weights-700);
    --mms-ui-font-weights-extrabold: var(--mms-ui-font-weights-800);
    --mms-ui-font-weights-black: var(--mms-ui-font-weights-900);
    --mms-ui-font-weights-inherit: inherit;
}

  [data-color-mode=dark] {
    --mms-ui-colors-base-text: var(--mms-ui-colors-grey-dark-800);
    --mms-ui-colors-base-text-emphasized: var(--mms-ui-colors-grey-dark-950);
    --mms-ui-colors-base-text-subtle: var(--mms-ui-colors-grey-dark-700);
    --mms-ui-colors-base-text-inverted: var(--mms-ui-colors-grey-dark-50);
    --mms-ui-colors-base-text-accent: var(--mms-ui-colors-red-dark-600);
    --mms-ui-colors-base-text-on-accent: var(--mms-ui-colors-red-dark-950);
    --mms-ui-colors-base-border: var(--mms-ui-colors-grey-dark-600);
    --mms-ui-colors-base-border-emphasized: var(--mms-ui-colors-grey-dark-950);
    --mms-ui-colors-base-border-subtle: var(--mms-ui-colors-grey-dark-400);
    --mms-ui-colors-base-border-accent: var(--mms-ui-colors-red-dark-600);
    --mms-ui-colors-base-border-focus: var(--mms-ui-colors-blue-dark-700);
    --mms-ui-colors-base-background: var(--mms-ui-colors-grey-dark-50);
    --mms-ui-colors-base-background-inverted: var(--mms-ui-colors-grey-dark-950);
    --mms-ui-colors-base-background-subtle: var(--mms-ui-colors-grey-dark-100);
    --mms-ui-colors-base-background-overlay: var(--mms-ui-colors-grey-dark-50);
    --mms-ui-colors-base-background-accent: var(--mms-ui-colors-red-dark-500);
    --mms-ui-colors-base-background-accent-subtle: var(--mms-ui-colors-red-dark-100);
    --mms-ui-colors-base-shadow: var(--mms-ui-colors-grey-dark-50);
    --mms-ui-colors-base-shadow-emphasized: var(--mms-ui-colors-grey-dark-50);
    --mms-ui-colors-base-shadow-subtle: var(--mms-ui-colors-grey-dark-50);
    --mms-ui-colors-base-shadow-secondary: var(--mms-ui-colors-grey-dark-900);
    --mms-ui-colors-base-shadow-secondary-emphasized: var(--mms-ui-colors-grey-dark-900);
    --mms-ui-colors-base-shadow-secondary-subtle: var(--mms-ui-colors-grey-dark-900);
    --mms-ui-colors-base-surface: var(--mms-ui-colors-grey-dark-50);
    --mms-ui-colors-base-surface-secondary: var(--mms-ui-colors-grey-dark-200);
    --mms-ui-colors-base-surface-tertiary: var(--mms-ui-colors-grey-dark-100);
    --mms-ui-colors-base-control-text: var(--mms-ui-colors-grey-dark-900);
    --mms-ui-colors-base-control-text-hover: var(--mms-ui-colors-grey-dark-950);
    --mms-ui-colors-base-control-text-disabled: var(--mms-ui-colors-grey-dark-600);
    --mms-ui-colors-base-control-text-inverted: var(--mms-ui-colors-grey-dark-50);
    --mms-ui-colors-base-control-text-inverted-disabled: var(--mms-ui-colors-grey-dark-500);
    --mms-ui-colors-base-control-text-accent: var(--mms-ui-colors-red-dark-950);
    --mms-ui-colors-base-control-background-hover: var(--mms-ui-colors-grey-dark-300);
    --mms-ui-colors-base-control-background-selected: var(--mms-ui-colors-grey-dark-100);
    --mms-ui-colors-base-control-background-inverted: var(--mms-ui-colors-grey-dark-900);
    --mms-ui-colors-base-control-background-inverted-hover: var(--mms-ui-colors-grey-dark-950);
    --mms-ui-colors-base-control-background-inverted-disabled: var(--mms-ui-colors-grey-dark-700);
    --mms-ui-colors-base-control-background-accent: var(--mms-ui-colors-red-dark-500);
    --mms-ui-colors-base-control-background-accent-hover: var(--mms-ui-colors-red-dark-400);
    --mms-ui-colors-base-control-border: var(--mms-ui-colors-grey-dark-900);
    --mms-ui-colors-base-control-border-disabled: var(--mms-ui-colors-grey-dark-600);
    --mms-ui-colors-base-control-border-subtle: var(--mms-ui-colors-grey-dark-700);
    --mms-ui-colors-base-control-border-subtle-hover: var(--mms-ui-colors-grey-dark-950);
    --mms-ui-colors-base-control-border-subtle-selected: var(--mms-ui-colors-grey-dark-950);
    --mms-ui-colors-base-control-border-inverted: var(--mms-ui-colors-grey-dark-900);
    --mms-ui-colors-base-control-border-inverted-hover: var(--mms-ui-colors-grey-dark-950);
    --mms-ui-colors-base-control-border-inverted-disabled: var(--mms-ui-colors-grey-dark-700);
    --mms-ui-colors-base-control-border-accent: var(--mms-ui-colors-red-dark-500);
    --mms-ui-colors-base-control-border-accent-hover: var(--mms-ui-colors-red-dark-400);
    --mms-ui-colors-inverted-text: var(--mms-ui-colors-grey-dark-300);
    --mms-ui-colors-inverted-text-emphasized: var(--mms-ui-colors-grey-dark-100);
    --mms-ui-colors-inverted-text-subtle: var(--mms-ui-colors-grey-dark-300);
    --mms-ui-colors-inverted-text-inverted: var(--mms-ui-colors-grey-dark-50);
    --mms-ui-colors-inverted-text-accent: var(--mms-ui-colors-red-dark-500);
    --mms-ui-colors-inverted-text-on-accent: var(--mms-ui-colors-red-dark-950);
    --mms-ui-colors-inverted-border: var(--mms-ui-colors-grey-dark-600);
    --mms-ui-colors-inverted-border-emphasized: var(--mms-ui-colors-grey-dark-100);
    --mms-ui-colors-inverted-border-subtle: var(--mms-ui-colors-grey-dark-700);
    --mms-ui-colors-inverted-border-accent: var(--mms-ui-colors-red-dark-500);
    --mms-ui-colors-inverted-border-focus: var(--mms-ui-colors-blue-dark-400);
    --mms-ui-colors-inverted-background: var(--mms-ui-colors-grey-dark-950);
    --mms-ui-colors-inverted-background-inverted: var(--mms-ui-colors-grey-dark-50);
    --mms-ui-colors-inverted-background-subtle: var(--mms-ui-colors-grey-dark-700);
    --mms-ui-colors-inverted-background-overlay: var(--mms-ui-colors-grey-dark-50);
    --mms-ui-colors-inverted-background-accent: var(--mms-ui-colors-red-dark-500);
    --mms-ui-colors-inverted-background-accent-subtle: var(--mms-ui-colors-red-dark-100);
    --mms-ui-colors-inverted-shadow: var(--mms-ui-colors-grey-dark-50);
    --mms-ui-colors-inverted-shadow-emphasized: var(--mms-ui-colors-grey-dark-50);
    --mms-ui-colors-inverted-shadow-subtle: var(--mms-ui-colors-grey-dark-50);
    --mms-ui-colors-inverted-shadow-secondary: var(--mms-ui-colors-grey-dark-900);
    --mms-ui-colors-inverted-shadow-secondary-emphasized: var(--mms-ui-colors-grey-dark-900);
    --mms-ui-colors-inverted-shadow-secondary-subtle: var(--mms-ui-colors-grey-dark-900);
    --mms-ui-colors-inverted-surface: var(--mms-ui-colors-grey-dark-900);
    --mms-ui-colors-inverted-surface-secondary: var(--mms-ui-colors-grey-dark-800);
    --mms-ui-colors-inverted-surface-tertiary: var(--mms-ui-colors-grey-dark-900);
    --mms-ui-colors-inverted-control-text: var(--mms-ui-colors-grey-dark-50);
    --mms-ui-colors-inverted-control-text-hover: var(--mms-ui-colors-grey-dark-50);
    --mms-ui-colors-inverted-control-text-disabled: var(--mms-ui-colors-grey-dark-700);
    --mms-ui-colors-inverted-control-text-inverted: var(--mms-ui-colors-grey-dark-900);
    --mms-ui-colors-inverted-control-text-inverted-disabled: var(--mms-ui-colors-grey-dark-600);
    --mms-ui-colors-inverted-control-text-accent: var(--mms-ui-colors-red-dark-950);
    --mms-ui-colors-inverted-control-background-hover: var(--mms-ui-colors-grey-dark-700);
    --mms-ui-colors-inverted-control-background-selected: var(--mms-ui-colors-grey-dark-800);
    --mms-ui-colors-inverted-control-background-inverted: var(--mms-ui-colors-grey-dark-100);
    --mms-ui-colors-inverted-control-background-inverted-hover: var(--mms-ui-colors-grey-dark-400);
    --mms-ui-colors-inverted-control-background-inverted-disabled: var(--mms-ui-colors-grey-dark-700);
    --mms-ui-colors-inverted-control-background-accent: var(--mms-ui-colors-red-dark-500);
    --mms-ui-colors-inverted-control-background-accent-hover: var(--mms-ui-colors-red-dark-600);
    --mms-ui-colors-inverted-control-border: var(--mms-ui-colors-grey-dark-50);
    --mms-ui-colors-inverted-control-border-disabled: var(--mms-ui-colors-grey-dark-700);
    --mms-ui-colors-inverted-control-border-subtle: var(--mms-ui-colors-grey-dark-600);
    --mms-ui-colors-inverted-control-border-subtle-hover: var(--mms-ui-colors-grey-dark-100);
    --mms-ui-colors-inverted-control-border-subtle-selected: var(--mms-ui-colors-grey-dark-100);
    --mms-ui-colors-inverted-control-border-inverted: var(--mms-ui-colors-grey-dark-100);
    --mms-ui-colors-inverted-control-border-inverted-hover: var(--mms-ui-colors-grey-dark-400);
    --mms-ui-colors-inverted-control-border-inverted-disabled: var(--mms-ui-colors-grey-dark-700);
    --mms-ui-colors-inverted-control-border-accent: var(--mms-ui-colors-red-dark-500);
    --mms-ui-colors-inverted-control-border-accent-hover: var(--mms-ui-colors-red-dark-600);
    --mms-ui-colors-prominent-text: var(--mms-ui-colors-red-dark-950);
    --mms-ui-colors-prominent-text-emphasized: var(--mms-ui-colors-red-dark-950);
    --mms-ui-colors-prominent-text-subtle: var(--mms-ui-colors-red-dark-950);
    --mms-ui-colors-prominent-text-inverted: var(--mms-ui-colors-red-dark-200);
    --mms-ui-colors-prominent-text-accent: var(--mms-ui-colors-grey-dark-950);
    --mms-ui-colors-prominent-text-on-accent: var(--mms-ui-colors-grey-dark-25);
    --mms-ui-colors-prominent-border: var(--mms-ui-colors-red-dark-900);
    --mms-ui-colors-prominent-border-emphasized: var(--mms-ui-colors-red-dark-950);
    --mms-ui-colors-prominent-border-subtle: var(--mms-ui-colors-red-dark-700);
    --mms-ui-colors-prominent-border-accent: var(--mms-ui-colors-grey-dark-900);
    --mms-ui-colors-prominent-border-focus: var(--mms-ui-colors-grey-dark-800);
    --mms-ui-colors-prominent-background: var(--mms-ui-colors-red-dark-500);
    --mms-ui-colors-prominent-background-inverted: var(--mms-ui-colors-red-dark-900);
    --mms-ui-colors-prominent-background-subtle: var(--mms-ui-colors-red-dark-400);
    --mms-ui-colors-prominent-background-overlay: var(--mms-ui-colors-red-dark-50);
    --mms-ui-colors-prominent-background-accent: var(--mms-ui-colors-grey-dark-900);
    --mms-ui-colors-prominent-background-accent-subtle: var(--mms-ui-colors-grey-dark-100);
    --mms-ui-colors-prominent-shadow: var(--mms-ui-colors-red-dark-50);
    --mms-ui-colors-prominent-shadow-emphasized: var(--mms-ui-colors-red-dark-50);
    --mms-ui-colors-prominent-shadow-subtle: var(--mms-ui-colors-red-dark-50);
    --mms-ui-colors-prominent-shadow-secondary: var(--mms-ui-colors-red-dark-900);
    --mms-ui-colors-prominent-shadow-secondary-emphasized: var(--mms-ui-colors-red-dark-900);
    --mms-ui-colors-prominent-shadow-secondary-subtle: var(--mms-ui-colors-red-dark-900);
    --mms-ui-colors-prominent-surface: var(--mms-ui-colors-red-dark-500);
    --mms-ui-colors-prominent-surface-secondary: var(--mms-ui-colors-red-dark-400);
    --mms-ui-colors-prominent-surface-tertiary: var(--mms-ui-colors-red-dark-200);
    --mms-ui-colors-prominent-control-text: var(--mms-ui-colors-red-dark-950);
    --mms-ui-colors-prominent-control-text-hover: var(--mms-ui-colors-red-dark-950);
    --mms-ui-colors-prominent-control-text-disabled: var(--mms-ui-colors-red-dark-700);
    --mms-ui-colors-prominent-control-text-inverted: var(--mms-ui-colors-red-dark-200);
    --mms-ui-colors-prominent-control-text-inverted-disabled: var(--mms-ui-colors-red-dark-800);
    --mms-ui-colors-prominent-control-text-accent: var(--mms-ui-colors-grey-dark-25);
    --mms-ui-colors-prominent-control-background-hover: var(--mms-ui-colors-red-dark-400);
    --mms-ui-colors-prominent-control-background-selected: var(--mms-ui-colors-red-dark-400);
    --mms-ui-colors-prominent-control-background-inverted: var(--mms-ui-colors-red-dark-900);
    --mms-ui-colors-prominent-control-background-inverted-hover: var(--mms-ui-colors-red-dark-950);
    --mms-ui-colors-prominent-control-background-inverted-disabled: var(--mms-ui-colors-red-dark-600);
    --mms-ui-colors-prominent-control-background-accent: var(--mms-ui-colors-grey-dark-900);
    --mms-ui-colors-prominent-control-background-accent-hover: var(--mms-ui-colors-grey-dark-950);
    --mms-ui-colors-prominent-control-border: var(--mms-ui-colors-red-dark-950);
    --mms-ui-colors-prominent-control-border-disabled: var(--mms-ui-colors-red-dark-700);
    --mms-ui-colors-prominent-control-border-subtle: var(--mms-ui-colors-red-dark-700);
    --mms-ui-colors-prominent-control-border-subtle-hover: var(--mms-ui-colors-red-dark-800);
    --mms-ui-colors-prominent-control-border-subtle-selected: var(--mms-ui-colors-red-dark-950);
    --mms-ui-colors-prominent-control-border-inverted: var(--mms-ui-colors-red-dark-900);
    --mms-ui-colors-prominent-control-border-inverted-hover: var(--mms-ui-colors-red-dark-950);
    --mms-ui-colors-prominent-control-border-inverted-disabled: var(--mms-ui-colors-red-dark-600);
    --mms-ui-colors-prominent-control-border-accent: var(--mms-ui-colors-grey-dark-900);
    --mms-ui-colors-prominent-control-border-accent-hover: var(--mms-ui-colors-grey-dark-950);
    --mms-ui-colors-error-text: var(--mms-ui-colors-red-dark-800);
    --mms-ui-colors-error-text-emphasized: var(--mms-ui-colors-red-dark-950);
    --mms-ui-colors-error-text-subtle: var(--mms-ui-colors-red-dark-700);
    --mms-ui-colors-error-text-inverted: var(--mms-ui-colors-red-dark-50);
    --mms-ui-colors-error-text-accent: var(--mms-ui-colors-red-dark-600);
    --mms-ui-colors-error-text-on-accent: var(--mms-ui-colors-red-dark-950);
    --mms-ui-colors-error-border: var(--mms-ui-colors-red-dark-600);
    --mms-ui-colors-error-border-emphasized: var(--mms-ui-colors-red-dark-950);
    --mms-ui-colors-error-border-subtle: var(--mms-ui-colors-red-dark-400);
    --mms-ui-colors-error-border-accent: var(--mms-ui-colors-red-dark-600);
    --mms-ui-colors-error-border-focus: var(--mms-ui-colors-blue-dark-700);
    --mms-ui-colors-error-background: var(--mms-ui-colors-red-dark-50);
    --mms-ui-colors-error-background-inverted: var(--mms-ui-colors-red-dark-950);
    --mms-ui-colors-error-background-subtle: var(--mms-ui-colors-red-dark-100);
    --mms-ui-colors-error-background-overlay: var(--mms-ui-colors-red-dark-50);
    --mms-ui-colors-error-background-accent: var(--mms-ui-colors-red-dark-500);
    --mms-ui-colors-error-background-accent-subtle: var(--mms-ui-colors-red-dark-100);
    --mms-ui-colors-error-shadow: var(--mms-ui-colors-red-dark-50);
    --mms-ui-colors-error-shadow-emphasized: var(--mms-ui-colors-red-dark-50);
    --mms-ui-colors-error-shadow-subtle: var(--mms-ui-colors-red-dark-50);
    --mms-ui-colors-error-shadow-secondary: var(--mms-ui-colors-red-dark-900);
    --mms-ui-colors-error-shadow-secondary-emphasized: var(--mms-ui-colors-red-dark-900);
    --mms-ui-colors-error-shadow-secondary-subtle: var(--mms-ui-colors-red-dark-900);
    --mms-ui-colors-error-surface: var(--mms-ui-colors-red-dark-50);
    --mms-ui-colors-error-surface-secondary: var(--mms-ui-colors-red-dark-200);
    --mms-ui-colors-error-surface-tertiary: var(--mms-ui-colors-red-dark-100);
    --mms-ui-colors-error-control-text: var(--mms-ui-colors-red-dark-900);
    --mms-ui-colors-error-control-text-hover: var(--mms-ui-colors-red-dark-950);
    --mms-ui-colors-error-control-text-disabled: var(--mms-ui-colors-red-dark-600);
    --mms-ui-colors-error-control-text-inverted: var(--mms-ui-colors-red-dark-50);
    --mms-ui-colors-error-control-text-inverted-disabled: var(--mms-ui-colors-red-dark-500);
    --mms-ui-colors-error-control-text-accent: var(--mms-ui-colors-red-dark-950);
    --mms-ui-colors-error-control-background-hover: var(--mms-ui-colors-red-dark-300);
    --mms-ui-colors-error-control-background-selected: var(--mms-ui-colors-red-dark-100);
    --mms-ui-colors-error-control-background-inverted: var(--mms-ui-colors-red-dark-900);
    --mms-ui-colors-error-control-background-inverted-hover: var(--mms-ui-colors-red-dark-950);
    --mms-ui-colors-error-control-background-inverted-disabled: var(--mms-ui-colors-red-dark-700);
    --mms-ui-colors-error-control-background-accent: var(--mms-ui-colors-red-dark-500);
    --mms-ui-colors-error-control-background-accent-hover: var(--mms-ui-colors-red-dark-400);
    --mms-ui-colors-error-control-border: var(--mms-ui-colors-red-dark-900);
    --mms-ui-colors-error-control-border-disabled: var(--mms-ui-colors-red-dark-600);
    --mms-ui-colors-error-control-border-subtle: var(--mms-ui-colors-red-dark-700);
    --mms-ui-colors-error-control-border-subtle-hover: var(--mms-ui-colors-red-dark-950);
    --mms-ui-colors-error-control-border-subtle-selected: var(--mms-ui-colors-red-dark-950);
    --mms-ui-colors-error-control-border-inverted: var(--mms-ui-colors-red-dark-900);
    --mms-ui-colors-error-control-border-inverted-hover: var(--mms-ui-colors-red-dark-950);
    --mms-ui-colors-error-control-border-inverted-disabled: var(--mms-ui-colors-red-dark-700);
    --mms-ui-colors-error-control-border-accent: var(--mms-ui-colors-red-dark-500);
    --mms-ui-colors-error-control-border-accent-hover: var(--mms-ui-colors-red-dark-400);
    --mms-ui-colors-warning-text: var(--mms-ui-colors-yellow-dark-800);
    --mms-ui-colors-warning-text-emphasized: var(--mms-ui-colors-yellow-dark-950);
    --mms-ui-colors-warning-text-subtle: var(--mms-ui-colors-yellow-dark-700);
    --mms-ui-colors-warning-text-inverted: var(--mms-ui-colors-yellow-dark-50);
    --mms-ui-colors-warning-text-accent: var(--mms-ui-colors-yellow-dark-600);
    --mms-ui-colors-warning-text-on-accent: var(--mms-ui-colors-yellow-dark-950);
    --mms-ui-colors-warning-border: var(--mms-ui-colors-yellow-dark-600);
    --mms-ui-colors-warning-border-emphasized: var(--mms-ui-colors-yellow-dark-950);
    --mms-ui-colors-warning-border-subtle: var(--mms-ui-colors-yellow-dark-400);
    --mms-ui-colors-warning-border-accent: var(--mms-ui-colors-yellow-dark-600);
    --mms-ui-colors-warning-border-focus: var(--mms-ui-colors-blue-dark-700);
    --mms-ui-colors-warning-background: var(--mms-ui-colors-yellow-dark-50);
    --mms-ui-colors-warning-background-inverted: var(--mms-ui-colors-yellow-dark-950);
    --mms-ui-colors-warning-background-subtle: var(--mms-ui-colors-yellow-dark-100);
    --mms-ui-colors-warning-background-overlay: var(--mms-ui-colors-yellow-dark-50);
    --mms-ui-colors-warning-background-accent: var(--mms-ui-colors-yellow-dark-500);
    --mms-ui-colors-warning-background-accent-subtle: var(--mms-ui-colors-yellow-dark-100);
    --mms-ui-colors-warning-shadow: var(--mms-ui-colors-yellow-dark-50);
    --mms-ui-colors-warning-shadow-emphasized: var(--mms-ui-colors-yellow-dark-50);
    --mms-ui-colors-warning-shadow-subtle: var(--mms-ui-colors-yellow-dark-50);
    --mms-ui-colors-warning-shadow-secondary: var(--mms-ui-colors-yellow-dark-900);
    --mms-ui-colors-warning-shadow-secondary-emphasized: var(--mms-ui-colors-yellow-dark-900);
    --mms-ui-colors-warning-shadow-secondary-subtle: var(--mms-ui-colors-yellow-dark-900);
    --mms-ui-colors-warning-surface: var(--mms-ui-colors-yellow-dark-50);
    --mms-ui-colors-warning-surface-secondary: var(--mms-ui-colors-yellow-dark-200);
    --mms-ui-colors-warning-surface-tertiary: var(--mms-ui-colors-yellow-dark-100);
    --mms-ui-colors-warning-control-text: var(--mms-ui-colors-yellow-dark-900);
    --mms-ui-colors-warning-control-text-hover: var(--mms-ui-colors-yellow-dark-950);
    --mms-ui-colors-warning-control-text-disabled: var(--mms-ui-colors-yellow-dark-600);
    --mms-ui-colors-warning-control-text-inverted: var(--mms-ui-colors-yellow-dark-50);
    --mms-ui-colors-warning-control-text-inverted-disabled: var(--mms-ui-colors-yellow-dark-500);
    --mms-ui-colors-warning-control-text-accent: var(--mms-ui-colors-yellow-dark-950);
    --mms-ui-colors-warning-control-background-hover: var(--mms-ui-colors-yellow-dark-300);
    --mms-ui-colors-warning-control-background-selected: var(--mms-ui-colors-yellow-dark-100);
    --mms-ui-colors-warning-control-background-inverted: var(--mms-ui-colors-yellow-dark-900);
    --mms-ui-colors-warning-control-background-inverted-hover: var(--mms-ui-colors-yellow-dark-950);
    --mms-ui-colors-warning-control-background-inverted-disabled: var(--mms-ui-colors-yellow-dark-700);
    --mms-ui-colors-warning-control-background-accent: var(--mms-ui-colors-yellow-dark-500);
    --mms-ui-colors-warning-control-background-accent-hover: var(--mms-ui-colors-yellow-dark-400);
    --mms-ui-colors-warning-control-border: var(--mms-ui-colors-yellow-dark-900);
    --mms-ui-colors-warning-control-border-disabled: var(--mms-ui-colors-yellow-dark-600);
    --mms-ui-colors-warning-control-border-subtle: var(--mms-ui-colors-yellow-dark-700);
    --mms-ui-colors-warning-control-border-subtle-hover: var(--mms-ui-colors-yellow-dark-950);
    --mms-ui-colors-warning-control-border-subtle-selected: var(--mms-ui-colors-yellow-dark-950);
    --mms-ui-colors-warning-control-border-inverted: var(--mms-ui-colors-yellow-dark-900);
    --mms-ui-colors-warning-control-border-inverted-hover: var(--mms-ui-colors-yellow-dark-950);
    --mms-ui-colors-warning-control-border-inverted-disabled: var(--mms-ui-colors-yellow-dark-700);
    --mms-ui-colors-warning-control-border-accent: var(--mms-ui-colors-yellow-dark-500);
    --mms-ui-colors-warning-control-border-accent-hover: var(--mms-ui-colors-yellow-dark-400);
    --mms-ui-colors-success-text: var(--mms-ui-colors-green-dark-800);
    --mms-ui-colors-success-text-emphasized: var(--mms-ui-colors-green-dark-950);
    --mms-ui-colors-success-text-subtle: var(--mms-ui-colors-green-dark-700);
    --mms-ui-colors-success-text-inverted: var(--mms-ui-colors-green-dark-50);
    --mms-ui-colors-success-text-accent: var(--mms-ui-colors-green-dark-600);
    --mms-ui-colors-success-text-on-accent: var(--mms-ui-colors-green-dark-950);
    --mms-ui-colors-success-border: var(--mms-ui-colors-green-dark-600);
    --mms-ui-colors-success-border-emphasized: var(--mms-ui-colors-green-dark-950);
    --mms-ui-colors-success-border-subtle: var(--mms-ui-colors-green-dark-400);
    --mms-ui-colors-success-border-accent: var(--mms-ui-colors-green-dark-600);
    --mms-ui-colors-success-border-focus: var(--mms-ui-colors-blue-dark-700);
    --mms-ui-colors-success-background: var(--mms-ui-colors-green-dark-50);
    --mms-ui-colors-success-background-inverted: var(--mms-ui-colors-green-dark-950);
    --mms-ui-colors-success-background-subtle: var(--mms-ui-colors-green-dark-100);
    --mms-ui-colors-success-background-overlay: var(--mms-ui-colors-green-dark-50);
    --mms-ui-colors-success-background-accent: var(--mms-ui-colors-green-dark-500);
    --mms-ui-colors-success-background-accent-subtle: var(--mms-ui-colors-green-dark-100);
    --mms-ui-colors-success-shadow: var(--mms-ui-colors-green-dark-50);
    --mms-ui-colors-success-shadow-emphasized: var(--mms-ui-colors-green-dark-50);
    --mms-ui-colors-success-shadow-subtle: var(--mms-ui-colors-green-dark-50);
    --mms-ui-colors-success-shadow-secondary: var(--mms-ui-colors-green-dark-900);
    --mms-ui-colors-success-shadow-secondary-emphasized: var(--mms-ui-colors-green-dark-900);
    --mms-ui-colors-success-shadow-secondary-subtle: var(--mms-ui-colors-green-dark-900);
    --mms-ui-colors-success-surface: var(--mms-ui-colors-green-dark-50);
    --mms-ui-colors-success-surface-secondary: var(--mms-ui-colors-green-dark-200);
    --mms-ui-colors-success-surface-tertiary: var(--mms-ui-colors-green-dark-100);
    --mms-ui-colors-success-control-text: var(--mms-ui-colors-green-dark-900);
    --mms-ui-colors-success-control-text-hover: var(--mms-ui-colors-green-dark-950);
    --mms-ui-colors-success-control-text-disabled: var(--mms-ui-colors-green-dark-600);
    --mms-ui-colors-success-control-text-inverted: var(--mms-ui-colors-green-dark-50);
    --mms-ui-colors-success-control-text-inverted-disabled: var(--mms-ui-colors-green-dark-500);
    --mms-ui-colors-success-control-text-accent: var(--mms-ui-colors-green-dark-950);
    --mms-ui-colors-success-control-background-hover: var(--mms-ui-colors-green-dark-300);
    --mms-ui-colors-success-control-background-selected: var(--mms-ui-colors-green-dark-100);
    --mms-ui-colors-success-control-background-inverted: var(--mms-ui-colors-green-dark-900);
    --mms-ui-colors-success-control-background-inverted-hover: var(--mms-ui-colors-green-dark-950);
    --mms-ui-colors-success-control-background-inverted-disabled: var(--mms-ui-colors-green-dark-700);
    --mms-ui-colors-success-control-background-accent: var(--mms-ui-colors-green-dark-500);
    --mms-ui-colors-success-control-background-accent-hover: var(--mms-ui-colors-green-dark-400);
    --mms-ui-colors-success-control-border: var(--mms-ui-colors-green-dark-900);
    --mms-ui-colors-success-control-border-disabled: var(--mms-ui-colors-green-dark-600);
    --mms-ui-colors-success-control-border-subtle: var(--mms-ui-colors-green-dark-700);
    --mms-ui-colors-success-control-border-subtle-hover: var(--mms-ui-colors-green-dark-950);
    --mms-ui-colors-success-control-border-subtle-selected: var(--mms-ui-colors-green-dark-950);
    --mms-ui-colors-success-control-border-inverted: var(--mms-ui-colors-green-dark-900);
    --mms-ui-colors-success-control-border-inverted-hover: var(--mms-ui-colors-green-dark-950);
    --mms-ui-colors-success-control-border-inverted-disabled: var(--mms-ui-colors-green-dark-700);
    --mms-ui-colors-success-control-border-accent: var(--mms-ui-colors-green-dark-500);
    --mms-ui-colors-success-control-border-accent-hover: var(--mms-ui-colors-green-dark-400);
    --mms-ui-colors-info-text: var(--mms-ui-colors-blue-dark-800);
    --mms-ui-colors-info-text-emphasized: var(--mms-ui-colors-blue-dark-950);
    --mms-ui-colors-info-text-subtle: var(--mms-ui-colors-blue-dark-700);
    --mms-ui-colors-info-text-inverted: var(--mms-ui-colors-blue-dark-50);
    --mms-ui-colors-info-text-accent: var(--mms-ui-colors-blue-dark-600);
    --mms-ui-colors-info-text-on-accent: var(--mms-ui-colors-blue-dark-950);
    --mms-ui-colors-info-border: var(--mms-ui-colors-blue-dark-600);
    --mms-ui-colors-info-border-emphasized: var(--mms-ui-colors-blue-dark-950);
    --mms-ui-colors-info-border-subtle: var(--mms-ui-colors-blue-dark-400);
    --mms-ui-colors-info-border-accent: var(--mms-ui-colors-blue-dark-600);
    --mms-ui-colors-info-border-focus: var(--mms-ui-colors-blue-dark-700);
    --mms-ui-colors-info-background: var(--mms-ui-colors-blue-dark-50);
    --mms-ui-colors-info-background-inverted: var(--mms-ui-colors-blue-dark-950);
    --mms-ui-colors-info-background-subtle: var(--mms-ui-colors-blue-dark-100);
    --mms-ui-colors-info-background-overlay: var(--mms-ui-colors-blue-dark-50);
    --mms-ui-colors-info-background-accent: var(--mms-ui-colors-blue-dark-500);
    --mms-ui-colors-info-background-accent-subtle: var(--mms-ui-colors-blue-dark-100);
    --mms-ui-colors-info-shadow: var(--mms-ui-colors-blue-dark-50);
    --mms-ui-colors-info-shadow-emphasized: var(--mms-ui-colors-blue-dark-50);
    --mms-ui-colors-info-shadow-subtle: var(--mms-ui-colors-blue-dark-50);
    --mms-ui-colors-info-shadow-secondary: var(--mms-ui-colors-blue-dark-900);
    --mms-ui-colors-info-shadow-secondary-emphasized: var(--mms-ui-colors-blue-dark-900);
    --mms-ui-colors-info-shadow-secondary-subtle: var(--mms-ui-colors-blue-dark-900);
    --mms-ui-colors-info-surface: var(--mms-ui-colors-blue-dark-50);
    --mms-ui-colors-info-surface-secondary: var(--mms-ui-colors-blue-dark-200);
    --mms-ui-colors-info-surface-tertiary: var(--mms-ui-colors-blue-dark-100);
    --mms-ui-colors-info-control-text: var(--mms-ui-colors-blue-dark-900);
    --mms-ui-colors-info-control-text-hover: var(--mms-ui-colors-blue-dark-950);
    --mms-ui-colors-info-control-text-disabled: var(--mms-ui-colors-blue-dark-600);
    --mms-ui-colors-info-control-text-inverted: var(--mms-ui-colors-blue-dark-50);
    --mms-ui-colors-info-control-text-inverted-disabled: var(--mms-ui-colors-blue-dark-500);
    --mms-ui-colors-info-control-text-accent: var(--mms-ui-colors-blue-dark-950);
    --mms-ui-colors-info-control-background-hover: var(--mms-ui-colors-blue-dark-300);
    --mms-ui-colors-info-control-background-selected: var(--mms-ui-colors-blue-dark-100);
    --mms-ui-colors-info-control-background-inverted: var(--mms-ui-colors-blue-dark-900);
    --mms-ui-colors-info-control-background-inverted-hover: var(--mms-ui-colors-blue-dark-950);
    --mms-ui-colors-info-control-background-inverted-disabled: var(--mms-ui-colors-blue-dark-700);
    --mms-ui-colors-info-control-background-accent: var(--mms-ui-colors-blue-dark-500);
    --mms-ui-colors-info-control-background-accent-hover: var(--mms-ui-colors-blue-dark-400);
    --mms-ui-colors-info-control-border: var(--mms-ui-colors-blue-dark-900);
    --mms-ui-colors-info-control-border-disabled: var(--mms-ui-colors-blue-dark-600);
    --mms-ui-colors-info-control-border-subtle: var(--mms-ui-colors-blue-dark-700);
    --mms-ui-colors-info-control-border-subtle-hover: var(--mms-ui-colors-blue-dark-950);
    --mms-ui-colors-info-control-border-subtle-selected: var(--mms-ui-colors-blue-dark-950);
    --mms-ui-colors-info-control-border-inverted: var(--mms-ui-colors-blue-dark-900);
    --mms-ui-colors-info-control-border-inverted-hover: var(--mms-ui-colors-blue-dark-950);
    --mms-ui-colors-info-control-border-inverted-disabled: var(--mms-ui-colors-blue-dark-700);
    --mms-ui-colors-info-control-border-accent: var(--mms-ui-colors-blue-dark-500);
    --mms-ui-colors-info-control-border-accent-hover: var(--mms-ui-colors-blue-dark-400);
    --mms-ui-colors-sustainable-text: var(--mms-ui-colors-emerald-dark-800);
    --mms-ui-colors-sustainable-text-emphasized: var(--mms-ui-colors-emerald-dark-950);
    --mms-ui-colors-sustainable-text-subtle: var(--mms-ui-colors-emerald-dark-700);
    --mms-ui-colors-sustainable-text-inverted: var(--mms-ui-colors-emerald-dark-50);
    --mms-ui-colors-sustainable-text-accent: var(--mms-ui-colors-emerald-dark-600);
    --mms-ui-colors-sustainable-text-on-accent: var(--mms-ui-colors-emerald-dark-950);
    --mms-ui-colors-sustainable-border: var(--mms-ui-colors-emerald-dark-600);
    --mms-ui-colors-sustainable-border-emphasized: var(--mms-ui-colors-emerald-dark-950);
    --mms-ui-colors-sustainable-border-subtle: var(--mms-ui-colors-emerald-dark-400);
    --mms-ui-colors-sustainable-border-accent: var(--mms-ui-colors-emerald-dark-600);
    --mms-ui-colors-sustainable-border-focus: var(--mms-ui-colors-blue-dark-700);
    --mms-ui-colors-sustainable-background: var(--mms-ui-colors-emerald-dark-50);
    --mms-ui-colors-sustainable-background-inverted: var(--mms-ui-colors-emerald-dark-950);
    --mms-ui-colors-sustainable-background-subtle: var(--mms-ui-colors-emerald-dark-100);
    --mms-ui-colors-sustainable-background-overlay: var(--mms-ui-colors-emerald-dark-50);
    --mms-ui-colors-sustainable-background-accent: var(--mms-ui-colors-emerald-dark-500);
    --mms-ui-colors-sustainable-background-accent-subtle: var(--mms-ui-colors-emerald-dark-100);
    --mms-ui-colors-sustainable-shadow: var(--mms-ui-colors-emerald-dark-50);
    --mms-ui-colors-sustainable-shadow-emphasized: var(--mms-ui-colors-emerald-dark-50);
    --mms-ui-colors-sustainable-shadow-subtle: var(--mms-ui-colors-emerald-dark-50);
    --mms-ui-colors-sustainable-shadow-secondary: var(--mms-ui-colors-emerald-dark-900);
    --mms-ui-colors-sustainable-shadow-secondary-emphasized: var(--mms-ui-colors-emerald-dark-900);
    --mms-ui-colors-sustainable-shadow-secondary-subtle: var(--mms-ui-colors-emerald-dark-900);
    --mms-ui-colors-sustainable-surface: var(--mms-ui-colors-emerald-dark-50);
    --mms-ui-colors-sustainable-surface-secondary: var(--mms-ui-colors-emerald-dark-200);
    --mms-ui-colors-sustainable-surface-tertiary: var(--mms-ui-colors-emerald-dark-100);
    --mms-ui-colors-sustainable-control-text: var(--mms-ui-colors-emerald-dark-900);
    --mms-ui-colors-sustainable-control-text-hover: var(--mms-ui-colors-emerald-dark-950);
    --mms-ui-colors-sustainable-control-text-disabled: var(--mms-ui-colors-emerald-dark-600);
    --mms-ui-colors-sustainable-control-text-inverted: var(--mms-ui-colors-emerald-dark-50);
    --mms-ui-colors-sustainable-control-text-inverted-disabled: var(--mms-ui-colors-emerald-dark-500);
    --mms-ui-colors-sustainable-control-text-accent: var(--mms-ui-colors-emerald-dark-950);
    --mms-ui-colors-sustainable-control-background-hover: var(--mms-ui-colors-emerald-dark-300);
    --mms-ui-colors-sustainable-control-background-selected: var(--mms-ui-colors-emerald-dark-100);
    --mms-ui-colors-sustainable-control-background-inverted: var(--mms-ui-colors-emerald-dark-900);
    --mms-ui-colors-sustainable-control-background-inverted-hover: var(--mms-ui-colors-emerald-dark-950);
    --mms-ui-colors-sustainable-control-background-inverted-disabled: var(--mms-ui-colors-emerald-dark-700);
    --mms-ui-colors-sustainable-control-background-accent: var(--mms-ui-colors-emerald-dark-500);
    --mms-ui-colors-sustainable-control-background-accent-hover: var(--mms-ui-colors-emerald-dark-400);
    --mms-ui-colors-sustainable-control-border: var(--mms-ui-colors-emerald-dark-900);
    --mms-ui-colors-sustainable-control-border-disabled: var(--mms-ui-colors-emerald-dark-600);
    --mms-ui-colors-sustainable-control-border-subtle: var(--mms-ui-colors-emerald-dark-700);
    --mms-ui-colors-sustainable-control-border-subtle-hover: var(--mms-ui-colors-emerald-dark-950);
    --mms-ui-colors-sustainable-control-border-subtle-selected: var(--mms-ui-colors-emerald-dark-950);
    --mms-ui-colors-sustainable-control-border-inverted: var(--mms-ui-colors-emerald-dark-900);
    --mms-ui-colors-sustainable-control-border-inverted-hover: var(--mms-ui-colors-emerald-dark-950);
    --mms-ui-colors-sustainable-control-border-inverted-disabled: var(--mms-ui-colors-emerald-dark-700);
    --mms-ui-colors-sustainable-control-border-accent: var(--mms-ui-colors-emerald-dark-500);
    --mms-ui-colors-sustainable-control-border-accent-hover: var(--mms-ui-colors-emerald-dark-400)
}
}

@layer mms-ui-utilities{
  @layer compositions{

    .mms-ui-textStyle_body\.sm {
      font-family: var(--mms-ui-fonts-body);
      font-size: var(--mms-ui-font-sizes-sm);
      line-height: var(--mms-ui-line-heights-sm);
      letter-spacing: var(--mms-ui-letter-spacings-normal);
      font-weight: var(--mms-ui-font-weights-normal);
}
}

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

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

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

  .mms-ui-bd_1px_solid {
    border: 1px solid;
}

  .mms-ui-p_none {
    padding: var(--mms-ui-spacing-none);
}

  .mms-ui-p_xs {
    padding: var(--mms-ui-spacing-xs);
}

  .mms-ui-p_md {
    padding: var(--mms-ui-spacing-md);
}

  .mms-ui-p_xl {
    padding: var(--mms-ui-spacing-xl);
}

  .mms-ui-bd_none {
    border: none;
}

  .mms-ui-bd_none\! {
    border: none !important;
}

  .mms-ui-m_none {
    margin: var(--mms-ui-spacing-none);
}

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

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

  .mms-ui-gap_none {
    gap: var(--mms-ui-spacing-none);
}

  .mms-ui-gap_xs {
    gap: var(--mms-ui-spacing-xs);
}

  .mms-ui-gap_md {
    gap: var(--mms-ui-spacing-md);
}

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

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

  .mms-ui-gap_lg {
    gap: var(--mms-ui-spacing-lg);
}

  .mms-ui-gap_sm {
    gap: var(--mms-ui-spacing-sm);
}

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

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

  .mms-ui-bd-c_colorPalette\.border\.subtle {
    border-color: var(--mms-ui-colors-color-palette-border-subtle);
}

  .mms-ui-bdr_sm {
    border-radius: var(--mms-ui-radii-sm);
}

  .mms-ui-bdr_lg {
    border-radius: var(--mms-ui-radii-lg);
}

  .mms-ui-bdr_3xl {
    border-radius: var(--mms-ui-radii-3xl);
}

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

  .mms-ui-gap_2xs {
    gap: var(--mms-ui-spacing-2xs);
}

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

  .mms-ui-gap_xl {
    gap: var(--mms-ui-spacing-xl);
}

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

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

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

  .mms-ui-my_none {
    margin-block: var(--mms-ui-spacing-none);
}

  .mms-ui-mx_auto {
    margin-inline: var(--mms-ui-spacing-auto);
}

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

  .mms-ui-py_3xs\! {
    padding-block: var(--mms-ui-spacing-3xs) !important;
}

  .mms-ui-px_xs\! {
    padding-inline: var(--mms-ui-spacing-xs) !important;
}

  .mms-ui-flex_2 {
    flex: 2;
}

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

  .mms-ui-flex_auto {
    flex: 1 1 auto;
}

  .mms-ui-bdr_md {
    border-radius: var(--mms-ui-radii-md);
}

  .mms-ui-bd-c_colorPalette\.border {
    border-color: var(--mms-ui-colors-color-palette-border);
}

  .mms-ui-gap_4 {
    gap: var(--mms-ui-spacing-4);
}

  .mms-ui-gap_1 {
    gap: var(--mms-ui-spacing-1);
}

  .mms-ui-flex_1_1_100\% {
    flex: 1 1 100%;
}

  .mms-ui-flex_1_1_50\% {
    flex: 1 1 50%;
}

  .mms-ui-flex_0_1_auto {
    flex: 0 1 auto;
}

  .mms-ui-px_xs {
    padding-inline: var(--mms-ui-spacing-xs);
}

  .mms-ui-py_sm {
    padding-block: var(--mms-ui-spacing-sm);
}

  .mms-ui-ov_hidden\! {
    overflow: hidden !important;
}

  .mms-ui-flex_1_1_auto {
    flex: 1 1 auto;
}

  .mms-ui-grid-g_md {
    grid-gap: var(--mms-ui-spacing-md);
}

  .mms-ui-gap_3xs {
    gap: var(--mms-ui-spacing-3xs);
}

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

  .mms-ui-flex_1_0_auto {
    flex: 1 0 auto;
}

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

  .mms-ui-flex_1_0_75\% {
    flex: 1 0 75%;
}

  .mms-ui-flex_1_0_100\% {
    flex: 1 0 100%;
}

  .mms-ui-flex_1_0_50\% {
    flex: 1 0 50%;
}

  .mms-ui-flex_1_0_0 {
    flex: 1 0 0;
}

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

  .mms-ui-mx_none {
    margin-inline: var(--mms-ui-spacing-none);
}

  .mms-ui-my_md {
    margin-block: var(--mms-ui-spacing-md);
}

  .mms-ui-bd-c_grey10 {
    border-color: grey10;
}

  .mms-ui-columns_12 {
    columns: 12;
}

  .mms-ui-gap_3xl {
    gap: var(--mms-ui-spacing-3xl);
}

  .mms-ui-flex_1_1_102px {
    flex: 1 1 102px;
}

  .mms-ui-flex_1_1_224px {
    flex: 1 1 224px;
}

  .mms-ui-flex_1_0_30\% {
    flex: 1 0 30%;
}

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

  .mms-ui-flex_initial {
    flex: 0 1 auto;
}

  .mms-ui-flex_1_1_0 {
    flex: 1 1 0;
}

  .mms-ui-gap_7xl {
    gap: var(--mms-ui-spacing-7xl);
}

  .mms-ui-gap_5xl {
    gap: var(--mms-ui-spacing-5xl);
}

  .mms-ui-flex_0_0_28px {
    flex: 0 0 28px;
}

  .mms-ui-flex_0_0_24px {
    flex: 0 0 24px;
}

  .mms-ui-flex_0_0_16px {
    flex: 0 0 16px;
}

  .mms-ui-gap_2xl {
    gap: var(--mms-ui-spacing-2xl);
}

  .mms-ui-flex_0\.25 {
    flex: 0.25;
}

  .mms-ui-flex_none {
    flex: none;
}

  .mms-ui-grid-c_span_1 {
    grid-column: span 1;
}

  .mms-ui-grid-c_span_2 {
    grid-column: span 2;
}

  .mms-ui-grid-c_span_3 {
    grid-column: span 3;
}

  .mms-ui-grid-c_span_4 {
    grid-column: span 4;
}

  .mms-ui-grid-c_span_5 {
    grid-column: span 5;
}

  .mms-ui-grid-c_span_6 {
    grid-column: span 6;
}

  .mms-ui-grid-c_span_7 {
    grid-column: span 7;
}

  .mms-ui-grid-c_span_8 {
    grid-column: span 8;
}

  .mms-ui-grid-c_span_9 {
    grid-column: span 9;
}

  .mms-ui-grid-c_span_10 {
    grid-column: span 10;
}

  .mms-ui-grid-c_span_11 {
    grid-column: span 11;
}

  .mms-ui-grid-c_span_12 {
    grid-column: span 12;
}

  .mms-ui-grid-r_span_1 {
    grid-row: span 1;
}

  .mms-ui-grid-r_span_2 {
    grid-row: span 2;
}

  .mms-ui-grid-r_span_3 {
    grid-row: span 3;
}

  .mms-ui-grid-r_span_4 {
    grid-row: span 4;
}

  .mms-ui-grid-r_span_5 {
    grid-row: span 5;
}

  .mms-ui-grid-r_span_6 {
    grid-row: span 6;
}

  .mms-ui-grid-r_span_7 {
    grid-row: span 7;
}

  .mms-ui-grid-r_span_8 {
    grid-row: span 8;
}

  .mms-ui-grid-r_span_9 {
    grid-row: span 9;
}

  .mms-ui-grid-r_span_10 {
    grid-row: span 10;
}

  .mms-ui-grid-r_span_11 {
    grid-row: span 11;
}

  .mms-ui-grid-r_span_12 {
    grid-row: span 12;
}

  .mms-ui-color-palette_base {
    --mms-ui-colors-color-palette-text: var(--mms-ui-colors-base-text);
    --mms-ui-colors-color-palette-text-emphasized: var(--mms-ui-colors-base-text-emphasized);
    --mms-ui-colors-color-palette-text-subtle: var(--mms-ui-colors-base-text-subtle);
    --mms-ui-colors-color-palette-text-inverted: var(--mms-ui-colors-base-text-inverted);
    --mms-ui-colors-color-palette-text-accent: var(--mms-ui-colors-base-text-accent);
    --mms-ui-colors-color-palette-text-on-accent: var(--mms-ui-colors-base-text-on-accent);
    --mms-ui-colors-color-palette-border: var(--mms-ui-colors-base-border);
    --mms-ui-colors-color-palette-border-emphasized: var(--mms-ui-colors-base-border-emphasized);
    --mms-ui-colors-color-palette-border-subtle: var(--mms-ui-colors-base-border-subtle);
    --mms-ui-colors-color-palette-border-accent: var(--mms-ui-colors-base-border-accent);
    --mms-ui-colors-color-palette-border-focus: var(--mms-ui-colors-base-border-focus);
    --mms-ui-colors-color-palette-background: var(--mms-ui-colors-base-background);
    --mms-ui-colors-color-palette-background-inverted: var(--mms-ui-colors-base-background-inverted);
    --mms-ui-colors-color-palette-background-subtle: var(--mms-ui-colors-base-background-subtle);
    --mms-ui-colors-color-palette-background-overlay: var(--mms-ui-colors-base-background-overlay);
    --mms-ui-colors-color-palette-background-accent: var(--mms-ui-colors-base-background-accent);
    --mms-ui-colors-color-palette-background-accent-subtle: var(--mms-ui-colors-base-background-accent-subtle);
    --mms-ui-colors-color-palette-shadow: var(--mms-ui-colors-base-shadow);
    --mms-ui-colors-color-palette-shadow-emphasized: var(--mms-ui-colors-base-shadow-emphasized);
    --mms-ui-colors-color-palette-shadow-subtle: var(--mms-ui-colors-base-shadow-subtle);
    --mms-ui-colors-color-palette-shadow-secondary: var(--mms-ui-colors-base-shadow-secondary);
    --mms-ui-colors-color-palette-shadow-secondary-emphasized: var(--mms-ui-colors-base-shadow-secondary-emphasized);
    --mms-ui-colors-color-palette-shadow-secondary-subtle: var(--mms-ui-colors-base-shadow-secondary-subtle);
    --mms-ui-colors-color-palette-surface: var(--mms-ui-colors-base-surface);
    --mms-ui-colors-color-palette-surface-secondary: var(--mms-ui-colors-base-surface-secondary);
    --mms-ui-colors-color-palette-surface-tertiary: var(--mms-ui-colors-base-surface-tertiary);
    --mms-ui-colors-color-palette-control-text: var(--mms-ui-colors-base-control-text);
    --mms-ui-colors-color-palette-control-text-hover: var(--mms-ui-colors-base-control-text-hover);
    --mms-ui-colors-color-palette-control-text-disabled: var(--mms-ui-colors-base-control-text-disabled);
    --mms-ui-colors-color-palette-control-text-inverted: var(--mms-ui-colors-base-control-text-inverted);
    --mms-ui-colors-color-palette-control-text-inverted-disabled: var(--mms-ui-colors-base-control-text-inverted-disabled);
    --mms-ui-colors-color-palette-control-text-accent: var(--mms-ui-colors-base-control-text-accent);
    --mms-ui-colors-color-palette-control-background-hover: var(--mms-ui-colors-base-control-background-hover);
    --mms-ui-colors-color-palette-control-background-selected: var(--mms-ui-colors-base-control-background-selected);
    --mms-ui-colors-color-palette-control-background-inverted: var(--mms-ui-colors-base-control-background-inverted);
    --mms-ui-colors-color-palette-control-background-inverted-hover: var(--mms-ui-colors-base-control-background-inverted-hover);
    --mms-ui-colors-color-palette-control-background-inverted-disabled: var(--mms-ui-colors-base-control-background-inverted-disabled);
    --mms-ui-colors-color-palette-control-background-accent: var(--mms-ui-colors-base-control-background-accent);
    --mms-ui-colors-color-palette-control-background-accent-hover: var(--mms-ui-colors-base-control-background-accent-hover);
    --mms-ui-colors-color-palette-control-border: var(--mms-ui-colors-base-control-border);
    --mms-ui-colors-color-palette-control-border-disabled: var(--mms-ui-colors-base-control-border-disabled);
    --mms-ui-colors-color-palette-control-border-subtle: var(--mms-ui-colors-base-control-border-subtle);
    --mms-ui-colors-color-palette-control-border-subtle-hover: var(--mms-ui-colors-base-control-border-subtle-hover);
    --mms-ui-colors-color-palette-control-border-subtle-selected: var(--mms-ui-colors-base-control-border-subtle-selected);
    --mms-ui-colors-color-palette-control-border-inverted: var(--mms-ui-colors-base-control-border-inverted);
    --mms-ui-colors-color-palette-control-border-inverted-hover: var(--mms-ui-colors-base-control-border-inverted-hover);
    --mms-ui-colors-color-palette-control-border-inverted-disabled: var(--mms-ui-colors-base-control-border-inverted-disabled);
    --mms-ui-colors-color-palette-control-border-accent: var(--mms-ui-colors-base-control-border-accent);
    --mms-ui-colors-color-palette-control-border-accent-hover: var(--mms-ui-colors-base-control-border-accent-hover);
}

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

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

  .mms-ui-d_flex {
    display: flex;
}

  .mms-ui-flex-wrap_nowrap {
    flex-wrap: nowrap;
}

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

  .mms-ui-flex-b_\[600px\] {
    flex-basis: 600px;
}

  .mms-ui-d_grid {
    display: grid;
}

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

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

  .mms-ui-flex-wrap_wrap {
    flex-wrap: wrap;
}

  .mms-ui-as_auto {
    align-self: auto;
}

  .mms-ui-order_0 {
    order: 0;
}

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

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

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

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

  .mms-ui-focus-v-ring_outside {
    --focus-ring-color: var(--focus-ring-color-prop, var(--mms-ui-colors-color-palette-border-focus, var(--global-color-focus-ring, #005FCC)));
}

  .mms-ui-focus-v-ring_outside:is(:focus-visible, [data-focus-visible]) {
    outline-color: var(--focus-ring-color);
    outline-offset: var(--focus-ring-offset, 1px);
    outline-style: var(--focus-ring-style, solid);
    outline-width: var(--focus-ring-width, var(--mms-ui-border-widths-sm));
}

  .mms-ui-pos_relative {
    position: relative;
}

  .mms-ui-d_block {
    display: block;
}

  .mms-ui-trs-dur_150 {
    --transition-duration: var(--mms-ui-durations-150);
    transition-duration: var(--mms-ui-durations-150);
}

  .mms-ui-trs-tmf_ease-in-out {
    --transition-easing: ease-in-out;
    transition-timing-function: ease-in-out;
}

  .mms-ui-trs-prop_\[border-color\,_box-shadow\] {
    --transition-prop: border-color, box-shadow;
    transition-property: border-color, box-shadow;
}

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

  .mms-ui-bx-sh_none {
    box-shadow: var(--mms-ui-shadows-none);
}

  .mms-ui-bx-sh_xs {
    box-shadow: var(--mms-ui-shadows-xs);
}

  .mms-ui-bx-sh_sm {
    box-shadow: var(--mms-ui-shadows-sm);
}

  .mms-ui-bx-sh_md {
    box-shadow: var(--mms-ui-shadows-md);
}

  .mms-ui-bx-sh_lg {
    box-shadow: var(--mms-ui-shadows-lg);
}

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

  .mms-ui-jc_flex-end {
    justify-content: flex-end;
}

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

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

  .mms-ui-ai_flex-start {
    align-items: flex-start;
}

  .mms-ui-ai_baseline {
    align-items: baseline;
}

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

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

  .mms-ui-d_inline-flex {
    display: inline-flex;
}

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

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

  .mms-ui-flex-b_\[100\%\] {
    flex-basis: 100%;
}

  .mms-ui-jc_flex-start {
    justify-content: flex-start;
}

  .mms-ui-ff_body {
    font-family: var(--mms-ui-fonts-body);
}

  .mms-ui-d_inline-block {
    display: inline-block;
}

  .mms-ui-debug_true {
    outline: 1px solid blue !important;
}

  .mms-ui-debug_true>* {
    outline: 1px solid red !important;
}

  .mms-ui-as_flex-start {
    align-self: flex-start;
}

  .mms-ui-xxs-screen_row {
    xxs-screen: row;
}

  .mms-ui-xs-screen_row {
    xs-screen: row;
}

  .mms-ui-sm-screen_row {
    sm-screen: row;
}

  .mms-ui-md-screen_row {
    md-screen: row;
}

  .mms-ui-lg-screen_column {
    lg-screen: column;
}

  .mms-ui-xl-screen_column {
    xl-screen: column;
}

  .mms-ui-xxl-screen_column {
    xxl-screen: column;
}

  .mms-ui-ai_flex-end {
    align-items: flex-end;
}

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

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

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

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

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

  .mms-ui-as_center {
    align-self: center;
}

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

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

  .mms-ui-cursor_help {
    cursor: help;
}

  .mms-ui-text-decoration-line_underline {
    text-decoration-line: underline;
}

  .mms-ui-td-s_dotted {
    text-decoration-style: dotted;
}

  .mms-ui-tu-o_0\.15em {
    text-underline-offset: 0.15em;
}

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

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

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

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

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

  .mms-ui-cursor_default {
    cursor: default;
}

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

  .mms-ui-sr_true {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

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

  .mms-ui-cursor_pointer {
    cursor: pointer;
}

  .mms-ui-focus-ring_none {
    --focus-ring-color: var(--focus-ring-color-prop, var(--mms-ui-colors-color-palette-border-focus, var(--global-color-focus-ring, #005FCC)));
}

  .mms-ui-focus-ring_none:is(:focus, [data-focus]) {
    outline: none;
}

  .mms-ui-focus-ring_mixed {
    --focus-ring-color: var(--focus-ring-color-prop, var(--mms-ui-colors-color-palette-border-focus, var(--global-color-focus-ring, #005FCC)));
}

  .mms-ui-focus-ring_mixed:is(:focus, [data-focus]) {
    border-color: var(--focus-ring-color);
    outline-color: color-mix(in srgb, var(--focus-ring-color), transparent 60%);
    outline-offset: 0px;
    outline-style: var(--focus-ring-style, solid);
    outline-width: var(--focus-ring-width, 3px);
}

  .mms-ui-focus-ring-c_purple\.500 {
    --focus-ring-color-prop: var(--mms-ui-colors-purple-500);
}

  .mms-ui-focus-ring-w_md {
    --focus-ring-width: var(--mms-ui-border-widths-md);
}

  .mms-ui-focus-ring-s_dashed {
    --focus-ring-style: dashed;
}

  .mms-ui-focus-ring-o_none {
    --focus-ring-offset: var(--mms-ui-spacing-none);
}

  .mms-ui-focus-ring_outside {
    --focus-ring-color: var(--focus-ring-color-prop, var(--mms-ui-colors-color-palette-border-focus, var(--global-color-focus-ring, #005FCC)));
}

  .mms-ui-focus-ring_outside:is(:focus, [data-focus]) {
    outline-color: var(--focus-ring-color);
    outline-offset: var(--focus-ring-offset, 1px);
    outline-style: var(--focus-ring-style, solid);
    outline-width: var(--focus-ring-width, var(--mms-ui-border-widths-sm));
}

  .mms-ui-focus-ring-c_red\.500 {
    --focus-ring-color-prop: var(--mms-ui-colors-red-500);
}

  .mms-ui-focus-ring_inside {
    --focus-ring-color: var(--focus-ring-color-prop, var(--mms-ui-colors-color-palette-border-focus, var(--global-color-focus-ring, #005FCC)));
}

  .mms-ui-focus-ring_inside:is(:focus, [data-focus]) {
    border-color: var(--focus-ring-color);
    outline-color: var(--focus-ring-color);
    outline-offset: 0px;
    outline-style: var(--focus-ring-style, solid);
    outline-width: var(--focus-ring-width, var(--mms-ui-border-widths-sm));
}

  .mms-ui-focus-ring-c_green\.500 {
    --focus-ring-color-prop: var(--mms-ui-colors-green-500);
}

  .mms-ui-direction_row {
    direction: row;
}

  .mms-ui-us_none {
    -webkit-user-select: none;
    user-select: none;
}

  .mms-ui-vis_hidden\! {
    visibility: hidden !important;
}

  .mms-ui-ai_stretch {
    align-items: stretch;
}

  .mms-ui-order_-1 {
    order: -1;
}

  .mms-ui-as_flex-end {
    align-self: flex-end;
}

  .mms-ui-justify-self_start {
    justify-self: start;
}

  .mms-ui-justify-self_end {
    justify-self: end;
}

  .mms-ui-justify-self_center {
    justify-self: center;
}

  .mms-ui-as_start {
    align-self: start;
}

  .mms-ui-as_end {
    align-self: end;
}

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

  .mms-ui-ac_flex-end {
    align-content: flex-end;
}

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

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

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

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

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

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

  .mms-ui-xl-screen_0_0_xs {
    xl-screen: 0 0 xs;
}

  .mms-ui-cg_xs {
    column-gap: var(--mms-ui-spacing-xs);
}

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

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

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

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

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

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

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

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

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

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

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

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

  .mms-ui-rg_sm {
    row-gap: var(--mms-ui-spacing-sm);
}

  .mms-ui-cg_xl {
    column-gap: var(--mms-ui-spacing-xl);
}

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

  .mms-ui-ac_stretch {
    align-content: stretch;
}

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

  .mms-ui-order_2 {
    order: 2;
}

  .mms-ui-rg_2xs {
    row-gap: var(--mms-ui-spacing-2xs);
}

  .mms-ui-cg_sm {
    column-gap: var(--mms-ui-spacing-sm);
}

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

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

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

  .mms-ui-jc_space-evenly {
    justify-content: space-evenly;
}

  .mms-ui-as_baseline {
    align-self: baseline;
}

  .mms-ui-ac_center {
    align-content: center;
}

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

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

  .mms-ui-ac_flex-start {
    align-content: flex-start;
}

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

  .mms-ui-rg_lg {
    row-gap: var(--mms-ui-spacing-lg);
}

  .mms-ui-rg_xs {
    row-gap: var(--mms-ui-spacing-xs);
}

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

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

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

  .mms-ui-rg_xl {
    row-gap: var(--mms-ui-spacing-xl);
}

  .mms-ui-cg_lg {
    column-gap: var(--mms-ui-spacing-lg);
}

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

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

  .mms-ui-order_-10 {
    order: -10;
}

  .mms-ui-order_-9 {
    order: -9;
}

  .mms-ui-order_-8 {
    order: -8;
}

  .mms-ui-order_-7 {
    order: -7;
}

  .mms-ui-order_-6 {
    order: -6;
}

  .mms-ui-order_-5 {
    order: -5;
}

  .mms-ui-order_-4 {
    order: -4;
}

  .mms-ui-order_-3 {
    order: -3;
}

  .mms-ui-order_-2 {
    order: -2;
}

  .mms-ui-order_1 {
    order: 1;
}

  .mms-ui-order_3 {
    order: 3;
}

  .mms-ui-order_4 {
    order: 4;
}

  .mms-ui-order_5 {
    order: 5;
}

  .mms-ui-order_6 {
    order: 6;
}

  .mms-ui-order_7 {
    order: 7;
}

  .mms-ui-order_8 {
    order: 8;
}

  .mms-ui-order_9 {
    order: 9;
}

  .mms-ui-order_10 {
    order: 10;
}

  .mms-ui-color-palette_base\.text {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-base-text);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-base-text-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-base-text-subtle);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-base-text-inverted);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-base-text-accent);
    --mms-ui-colors-color-palette-on-accent: var(--mms-ui-colors-base-text-on-accent);
}

  .mms-ui-color-palette_base\.border {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-base-border);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-base-border-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-base-border-subtle);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-base-border-accent);
    --mms-ui-colors-color-palette-focus: var(--mms-ui-colors-base-border-focus);
}

  .mms-ui-color-palette_base\.background {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-base-background);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-base-background-inverted);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-base-background-subtle);
    --mms-ui-colors-color-palette-overlay: var(--mms-ui-colors-base-background-overlay);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-base-background-accent);
    --mms-ui-colors-color-palette-accent-subtle: var(--mms-ui-colors-base-background-accent-subtle);
}

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

  .mms-ui-color-palette_base\.shadow {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-base-shadow);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-base-shadow-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-base-shadow-subtle);
    --mms-ui-colors-color-palette-secondary: var(--mms-ui-colors-base-shadow-secondary);
    --mms-ui-colors-color-palette-secondary-emphasized: var(--mms-ui-colors-base-shadow-secondary-emphasized);
    --mms-ui-colors-color-palette-secondary-subtle: var(--mms-ui-colors-base-shadow-secondary-subtle);
}

  .mms-ui-color-palette_base\.shadow\.secondary {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-base-shadow-secondary);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-base-shadow-secondary-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-base-shadow-secondary-subtle);
}

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

  .mms-ui-color-palette_base\.control\.text {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-base-control-text);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-base-control-text-hover);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-base-control-text-disabled);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-base-control-text-inverted);
    --mms-ui-colors-color-palette-inverted-disabled: var(--mms-ui-colors-base-control-text-inverted-disabled);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-base-control-text-accent);
}

  .mms-ui-color-palette_base\.control {
    --mms-ui-colors-color-palette-text: var(--mms-ui-colors-base-control-text);
    --mms-ui-colors-color-palette-text-hover: var(--mms-ui-colors-base-control-text-hover);
    --mms-ui-colors-color-palette-text-disabled: var(--mms-ui-colors-base-control-text-disabled);
    --mms-ui-colors-color-palette-text-inverted: var(--mms-ui-colors-base-control-text-inverted);
    --mms-ui-colors-color-palette-text-inverted-disabled: var(--mms-ui-colors-base-control-text-inverted-disabled);
    --mms-ui-colors-color-palette-text-accent: var(--mms-ui-colors-base-control-text-accent);
    --mms-ui-colors-color-palette-background-hover: var(--mms-ui-colors-base-control-background-hover);
    --mms-ui-colors-color-palette-background-selected: var(--mms-ui-colors-base-control-background-selected);
    --mms-ui-colors-color-palette-background-inverted: var(--mms-ui-colors-base-control-background-inverted);
    --mms-ui-colors-color-palette-background-inverted-hover: var(--mms-ui-colors-base-control-background-inverted-hover);
    --mms-ui-colors-color-palette-background-inverted-disabled: var(--mms-ui-colors-base-control-background-inverted-disabled);
    --mms-ui-colors-color-palette-background-accent: var(--mms-ui-colors-base-control-background-accent);
    --mms-ui-colors-color-palette-background-accent-hover: var(--mms-ui-colors-base-control-background-accent-hover);
    --mms-ui-colors-color-palette-border: var(--mms-ui-colors-base-control-border);
    --mms-ui-colors-color-palette-border-disabled: var(--mms-ui-colors-base-control-border-disabled);
    --mms-ui-colors-color-palette-border-subtle: var(--mms-ui-colors-base-control-border-subtle);
    --mms-ui-colors-color-palette-border-subtle-hover: var(--mms-ui-colors-base-control-border-subtle-hover);
    --mms-ui-colors-color-palette-border-subtle-selected: var(--mms-ui-colors-base-control-border-subtle-selected);
    --mms-ui-colors-color-palette-border-inverted: var(--mms-ui-colors-base-control-border-inverted);
    --mms-ui-colors-color-palette-border-inverted-hover: var(--mms-ui-colors-base-control-border-inverted-hover);
    --mms-ui-colors-color-palette-border-inverted-disabled: var(--mms-ui-colors-base-control-border-inverted-disabled);
    --mms-ui-colors-color-palette-border-accent: var(--mms-ui-colors-base-control-border-accent);
    --mms-ui-colors-color-palette-border-accent-hover: var(--mms-ui-colors-base-control-border-accent-hover);
}

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

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

  .mms-ui-color-palette_base\.control\.background {
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-base-control-background-hover);
    --mms-ui-colors-color-palette-selected: var(--mms-ui-colors-base-control-background-selected);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-base-control-background-inverted);
    --mms-ui-colors-color-palette-inverted-hover: var(--mms-ui-colors-base-control-background-inverted-hover);
    --mms-ui-colors-color-palette-inverted-disabled: var(--mms-ui-colors-base-control-background-inverted-disabled);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-base-control-background-accent);
    --mms-ui-colors-color-palette-accent-hover: var(--mms-ui-colors-base-control-background-accent-hover);
}

  .mms-ui-color-palette_base\.control\.background\.inverted {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-base-control-background-inverted);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-base-control-background-inverted-hover);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-base-control-background-inverted-disabled);
}

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

  .mms-ui-color-palette_base\.control\.border {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-base-control-border);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-base-control-border-disabled);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-base-control-border-subtle);
    --mms-ui-colors-color-palette-subtle-hover: var(--mms-ui-colors-base-control-border-subtle-hover);
    --mms-ui-colors-color-palette-subtle-selected: var(--mms-ui-colors-base-control-border-subtle-selected);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-base-control-border-inverted);
    --mms-ui-colors-color-palette-inverted-hover: var(--mms-ui-colors-base-control-border-inverted-hover);
    --mms-ui-colors-color-palette-inverted-disabled: var(--mms-ui-colors-base-control-border-inverted-disabled);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-base-control-border-accent);
    --mms-ui-colors-color-palette-accent-hover: var(--mms-ui-colors-base-control-border-accent-hover);
}

  .mms-ui-color-palette_base\.control\.border\.subtle {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-base-control-border-subtle);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-base-control-border-subtle-hover);
    --mms-ui-colors-color-palette-selected: var(--mms-ui-colors-base-control-border-subtle-selected);
}

  .mms-ui-color-palette_base\.control\.border\.inverted {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-base-control-border-inverted);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-base-control-border-inverted-hover);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-base-control-border-inverted-disabled);
}

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

  .mms-ui-color-palette_inverted {
    --mms-ui-colors-color-palette-text: var(--mms-ui-colors-inverted-text);
    --mms-ui-colors-color-palette-text-emphasized: var(--mms-ui-colors-inverted-text-emphasized);
    --mms-ui-colors-color-palette-text-subtle: var(--mms-ui-colors-inverted-text-subtle);
    --mms-ui-colors-color-palette-text-inverted: var(--mms-ui-colors-inverted-text-inverted);
    --mms-ui-colors-color-palette-text-accent: var(--mms-ui-colors-inverted-text-accent);
    --mms-ui-colors-color-palette-text-on-accent: var(--mms-ui-colors-inverted-text-on-accent);
    --mms-ui-colors-color-palette-border: var(--mms-ui-colors-inverted-border);
    --mms-ui-colors-color-palette-border-emphasized: var(--mms-ui-colors-inverted-border-emphasized);
    --mms-ui-colors-color-palette-border-subtle: var(--mms-ui-colors-inverted-border-subtle);
    --mms-ui-colors-color-palette-border-accent: var(--mms-ui-colors-inverted-border-accent);
    --mms-ui-colors-color-palette-border-focus: var(--mms-ui-colors-inverted-border-focus);
    --mms-ui-colors-color-palette-background: var(--mms-ui-colors-inverted-background);
    --mms-ui-colors-color-palette-background-inverted: var(--mms-ui-colors-inverted-background-inverted);
    --mms-ui-colors-color-palette-background-subtle: var(--mms-ui-colors-inverted-background-subtle);
    --mms-ui-colors-color-palette-background-overlay: var(--mms-ui-colors-inverted-background-overlay);
    --mms-ui-colors-color-palette-background-accent: var(--mms-ui-colors-inverted-background-accent);
    --mms-ui-colors-color-palette-background-accent-subtle: var(--mms-ui-colors-inverted-background-accent-subtle);
    --mms-ui-colors-color-palette-shadow: var(--mms-ui-colors-inverted-shadow);
    --mms-ui-colors-color-palette-shadow-emphasized: var(--mms-ui-colors-inverted-shadow-emphasized);
    --mms-ui-colors-color-palette-shadow-subtle: var(--mms-ui-colors-inverted-shadow-subtle);
    --mms-ui-colors-color-palette-shadow-secondary: var(--mms-ui-colors-inverted-shadow-secondary);
    --mms-ui-colors-color-palette-shadow-secondary-emphasized: var(--mms-ui-colors-inverted-shadow-secondary-emphasized);
    --mms-ui-colors-color-palette-shadow-secondary-subtle: var(--mms-ui-colors-inverted-shadow-secondary-subtle);
    --mms-ui-colors-color-palette-surface: var(--mms-ui-colors-inverted-surface);
    --mms-ui-colors-color-palette-surface-secondary: var(--mms-ui-colors-inverted-surface-secondary);
    --mms-ui-colors-color-palette-surface-tertiary: var(--mms-ui-colors-inverted-surface-tertiary);
    --mms-ui-colors-color-palette-control-text: var(--mms-ui-colors-inverted-control-text);
    --mms-ui-colors-color-palette-control-text-hover: var(--mms-ui-colors-inverted-control-text-hover);
    --mms-ui-colors-color-palette-control-text-disabled: var(--mms-ui-colors-inverted-control-text-disabled);
    --mms-ui-colors-color-palette-control-text-inverted: var(--mms-ui-colors-inverted-control-text-inverted);
    --mms-ui-colors-color-palette-control-text-inverted-disabled: var(--mms-ui-colors-inverted-control-text-inverted-disabled);
    --mms-ui-colors-color-palette-control-text-accent: var(--mms-ui-colors-inverted-control-text-accent);
    --mms-ui-colors-color-palette-control-background-hover: var(--mms-ui-colors-inverted-control-background-hover);
    --mms-ui-colors-color-palette-control-background-selected: var(--mms-ui-colors-inverted-control-background-selected);
    --mms-ui-colors-color-palette-control-background-inverted: var(--mms-ui-colors-inverted-control-background-inverted);
    --mms-ui-colors-color-palette-control-background-inverted-hover: var(--mms-ui-colors-inverted-control-background-inverted-hover);
    --mms-ui-colors-color-palette-control-background-inverted-disabled: var(--mms-ui-colors-inverted-control-background-inverted-disabled);
    --mms-ui-colors-color-palette-control-background-accent: var(--mms-ui-colors-inverted-control-background-accent);
    --mms-ui-colors-color-palette-control-background-accent-hover: var(--mms-ui-colors-inverted-control-background-accent-hover);
    --mms-ui-colors-color-palette-control-border: var(--mms-ui-colors-inverted-control-border);
    --mms-ui-colors-color-palette-control-border-disabled: var(--mms-ui-colors-inverted-control-border-disabled);
    --mms-ui-colors-color-palette-control-border-subtle: var(--mms-ui-colors-inverted-control-border-subtle);
    --mms-ui-colors-color-palette-control-border-subtle-hover: var(--mms-ui-colors-inverted-control-border-subtle-hover);
    --mms-ui-colors-color-palette-control-border-subtle-selected: var(--mms-ui-colors-inverted-control-border-subtle-selected);
    --mms-ui-colors-color-palette-control-border-inverted: var(--mms-ui-colors-inverted-control-border-inverted);
    --mms-ui-colors-color-palette-control-border-inverted-hover: var(--mms-ui-colors-inverted-control-border-inverted-hover);
    --mms-ui-colors-color-palette-control-border-inverted-disabled: var(--mms-ui-colors-inverted-control-border-inverted-disabled);
    --mms-ui-colors-color-palette-control-border-accent: var(--mms-ui-colors-inverted-control-border-accent);
    --mms-ui-colors-color-palette-control-border-accent-hover: var(--mms-ui-colors-inverted-control-border-accent-hover);
}

  .mms-ui-color-palette_inverted\.text {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-inverted-text);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-inverted-text-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-inverted-text-subtle);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-inverted-text-inverted);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-inverted-text-accent);
    --mms-ui-colors-color-palette-on-accent: var(--mms-ui-colors-inverted-text-on-accent);
}

  .mms-ui-color-palette_inverted\.border {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-inverted-border);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-inverted-border-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-inverted-border-subtle);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-inverted-border-accent);
    --mms-ui-colors-color-palette-focus: var(--mms-ui-colors-inverted-border-focus);
}

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

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

  .mms-ui-color-palette_inverted\.shadow {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-inverted-shadow);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-inverted-shadow-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-inverted-shadow-subtle);
    --mms-ui-colors-color-palette-secondary: var(--mms-ui-colors-inverted-shadow-secondary);
    --mms-ui-colors-color-palette-secondary-emphasized: var(--mms-ui-colors-inverted-shadow-secondary-emphasized);
    --mms-ui-colors-color-palette-secondary-subtle: var(--mms-ui-colors-inverted-shadow-secondary-subtle);
}

  .mms-ui-color-palette_inverted\.shadow\.secondary {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-inverted-shadow-secondary);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-inverted-shadow-secondary-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-inverted-shadow-secondary-subtle);
}

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

  .mms-ui-color-palette_inverted\.control\.text {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-inverted-control-text);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-inverted-control-text-hover);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-inverted-control-text-disabled);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-inverted-control-text-inverted);
    --mms-ui-colors-color-palette-inverted-disabled: var(--mms-ui-colors-inverted-control-text-inverted-disabled);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-inverted-control-text-accent);
}

  .mms-ui-color-palette_inverted\.control {
    --mms-ui-colors-color-palette-text: var(--mms-ui-colors-inverted-control-text);
    --mms-ui-colors-color-palette-text-hover: var(--mms-ui-colors-inverted-control-text-hover);
    --mms-ui-colors-color-palette-text-disabled: var(--mms-ui-colors-inverted-control-text-disabled);
    --mms-ui-colors-color-palette-text-inverted: var(--mms-ui-colors-inverted-control-text-inverted);
    --mms-ui-colors-color-palette-text-inverted-disabled: var(--mms-ui-colors-inverted-control-text-inverted-disabled);
    --mms-ui-colors-color-palette-text-accent: var(--mms-ui-colors-inverted-control-text-accent);
    --mms-ui-colors-color-palette-background-hover: var(--mms-ui-colors-inverted-control-background-hover);
    --mms-ui-colors-color-palette-background-selected: var(--mms-ui-colors-inverted-control-background-selected);
    --mms-ui-colors-color-palette-background-inverted: var(--mms-ui-colors-inverted-control-background-inverted);
    --mms-ui-colors-color-palette-background-inverted-hover: var(--mms-ui-colors-inverted-control-background-inverted-hover);
    --mms-ui-colors-color-palette-background-inverted-disabled: var(--mms-ui-colors-inverted-control-background-inverted-disabled);
    --mms-ui-colors-color-palette-background-accent: var(--mms-ui-colors-inverted-control-background-accent);
    --mms-ui-colors-color-palette-background-accent-hover: var(--mms-ui-colors-inverted-control-background-accent-hover);
    --mms-ui-colors-color-palette-border: var(--mms-ui-colors-inverted-control-border);
    --mms-ui-colors-color-palette-border-disabled: var(--mms-ui-colors-inverted-control-border-disabled);
    --mms-ui-colors-color-palette-border-subtle: var(--mms-ui-colors-inverted-control-border-subtle);
    --mms-ui-colors-color-palette-border-subtle-hover: var(--mms-ui-colors-inverted-control-border-subtle-hover);
    --mms-ui-colors-color-palette-border-subtle-selected: var(--mms-ui-colors-inverted-control-border-subtle-selected);
    --mms-ui-colors-color-palette-border-inverted: var(--mms-ui-colors-inverted-control-border-inverted);
    --mms-ui-colors-color-palette-border-inverted-hover: var(--mms-ui-colors-inverted-control-border-inverted-hover);
    --mms-ui-colors-color-palette-border-inverted-disabled: var(--mms-ui-colors-inverted-control-border-inverted-disabled);
    --mms-ui-colors-color-palette-border-accent: var(--mms-ui-colors-inverted-control-border-accent);
    --mms-ui-colors-color-palette-border-accent-hover: var(--mms-ui-colors-inverted-control-border-accent-hover);
}

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

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

  .mms-ui-color-palette_inverted\.control\.background {
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-inverted-control-background-hover);
    --mms-ui-colors-color-palette-selected: var(--mms-ui-colors-inverted-control-background-selected);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-inverted-control-background-inverted);
    --mms-ui-colors-color-palette-inverted-hover: var(--mms-ui-colors-inverted-control-background-inverted-hover);
    --mms-ui-colors-color-palette-inverted-disabled: var(--mms-ui-colors-inverted-control-background-inverted-disabled);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-inverted-control-background-accent);
    --mms-ui-colors-color-palette-accent-hover: var(--mms-ui-colors-inverted-control-background-accent-hover);
}

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

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

  .mms-ui-color-palette_inverted\.control\.border {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-inverted-control-border);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-inverted-control-border-disabled);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-inverted-control-border-subtle);
    --mms-ui-colors-color-palette-subtle-hover: var(--mms-ui-colors-inverted-control-border-subtle-hover);
    --mms-ui-colors-color-palette-subtle-selected: var(--mms-ui-colors-inverted-control-border-subtle-selected);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-inverted-control-border-inverted);
    --mms-ui-colors-color-palette-inverted-hover: var(--mms-ui-colors-inverted-control-border-inverted-hover);
    --mms-ui-colors-color-palette-inverted-disabled: var(--mms-ui-colors-inverted-control-border-inverted-disabled);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-inverted-control-border-accent);
    --mms-ui-colors-color-palette-accent-hover: var(--mms-ui-colors-inverted-control-border-accent-hover);
}

  .mms-ui-color-palette_inverted\.control\.border\.subtle {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-inverted-control-border-subtle);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-inverted-control-border-subtle-hover);
    --mms-ui-colors-color-palette-selected: var(--mms-ui-colors-inverted-control-border-subtle-selected);
}

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

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

  .mms-ui-color-palette_prominent {
    --mms-ui-colors-color-palette-text: var(--mms-ui-colors-prominent-text);
    --mms-ui-colors-color-palette-text-emphasized: var(--mms-ui-colors-prominent-text-emphasized);
    --mms-ui-colors-color-palette-text-subtle: var(--mms-ui-colors-prominent-text-subtle);
    --mms-ui-colors-color-palette-text-inverted: var(--mms-ui-colors-prominent-text-inverted);
    --mms-ui-colors-color-palette-text-accent: var(--mms-ui-colors-prominent-text-accent);
    --mms-ui-colors-color-palette-text-on-accent: var(--mms-ui-colors-prominent-text-on-accent);
    --mms-ui-colors-color-palette-border: var(--mms-ui-colors-prominent-border);
    --mms-ui-colors-color-palette-border-emphasized: var(--mms-ui-colors-prominent-border-emphasized);
    --mms-ui-colors-color-palette-border-subtle: var(--mms-ui-colors-prominent-border-subtle);
    --mms-ui-colors-color-palette-border-accent: var(--mms-ui-colors-prominent-border-accent);
    --mms-ui-colors-color-palette-border-focus: var(--mms-ui-colors-prominent-border-focus);
    --mms-ui-colors-color-palette-background: var(--mms-ui-colors-prominent-background);
    --mms-ui-colors-color-palette-background-inverted: var(--mms-ui-colors-prominent-background-inverted);
    --mms-ui-colors-color-palette-background-subtle: var(--mms-ui-colors-prominent-background-subtle);
    --mms-ui-colors-color-palette-background-overlay: var(--mms-ui-colors-prominent-background-overlay);
    --mms-ui-colors-color-palette-background-accent: var(--mms-ui-colors-prominent-background-accent);
    --mms-ui-colors-color-palette-background-accent-subtle: var(--mms-ui-colors-prominent-background-accent-subtle);
    --mms-ui-colors-color-palette-shadow: var(--mms-ui-colors-prominent-shadow);
    --mms-ui-colors-color-palette-shadow-emphasized: var(--mms-ui-colors-prominent-shadow-emphasized);
    --mms-ui-colors-color-palette-shadow-subtle: var(--mms-ui-colors-prominent-shadow-subtle);
    --mms-ui-colors-color-palette-shadow-secondary: var(--mms-ui-colors-prominent-shadow-secondary);
    --mms-ui-colors-color-palette-shadow-secondary-emphasized: var(--mms-ui-colors-prominent-shadow-secondary-emphasized);
    --mms-ui-colors-color-palette-shadow-secondary-subtle: var(--mms-ui-colors-prominent-shadow-secondary-subtle);
    --mms-ui-colors-color-palette-surface: var(--mms-ui-colors-prominent-surface);
    --mms-ui-colors-color-palette-surface-secondary: var(--mms-ui-colors-prominent-surface-secondary);
    --mms-ui-colors-color-palette-surface-tertiary: var(--mms-ui-colors-prominent-surface-tertiary);
    --mms-ui-colors-color-palette-control-text: var(--mms-ui-colors-prominent-control-text);
    --mms-ui-colors-color-palette-control-text-hover: var(--mms-ui-colors-prominent-control-text-hover);
    --mms-ui-colors-color-palette-control-text-disabled: var(--mms-ui-colors-prominent-control-text-disabled);
    --mms-ui-colors-color-palette-control-text-inverted: var(--mms-ui-colors-prominent-control-text-inverted);
    --mms-ui-colors-color-palette-control-text-inverted-disabled: var(--mms-ui-colors-prominent-control-text-inverted-disabled);
    --mms-ui-colors-color-palette-control-text-accent: var(--mms-ui-colors-prominent-control-text-accent);
    --mms-ui-colors-color-palette-control-background-hover: var(--mms-ui-colors-prominent-control-background-hover);
    --mms-ui-colors-color-palette-control-background-selected: var(--mms-ui-colors-prominent-control-background-selected);
    --mms-ui-colors-color-palette-control-background-inverted: var(--mms-ui-colors-prominent-control-background-inverted);
    --mms-ui-colors-color-palette-control-background-inverted-hover: var(--mms-ui-colors-prominent-control-background-inverted-hover);
    --mms-ui-colors-color-palette-control-background-inverted-disabled: var(--mms-ui-colors-prominent-control-background-inverted-disabled);
    --mms-ui-colors-color-palette-control-background-accent: var(--mms-ui-colors-prominent-control-background-accent);
    --mms-ui-colors-color-palette-control-background-accent-hover: var(--mms-ui-colors-prominent-control-background-accent-hover);
    --mms-ui-colors-color-palette-control-border: var(--mms-ui-colors-prominent-control-border);
    --mms-ui-colors-color-palette-control-border-disabled: var(--mms-ui-colors-prominent-control-border-disabled);
    --mms-ui-colors-color-palette-control-border-subtle: var(--mms-ui-colors-prominent-control-border-subtle);
    --mms-ui-colors-color-palette-control-border-subtle-hover: var(--mms-ui-colors-prominent-control-border-subtle-hover);
    --mms-ui-colors-color-palette-control-border-subtle-selected: var(--mms-ui-colors-prominent-control-border-subtle-selected);
    --mms-ui-colors-color-palette-control-border-inverted: var(--mms-ui-colors-prominent-control-border-inverted);
    --mms-ui-colors-color-palette-control-border-inverted-hover: var(--mms-ui-colors-prominent-control-border-inverted-hover);
    --mms-ui-colors-color-palette-control-border-inverted-disabled: var(--mms-ui-colors-prominent-control-border-inverted-disabled);
    --mms-ui-colors-color-palette-control-border-accent: var(--mms-ui-colors-prominent-control-border-accent);
    --mms-ui-colors-color-palette-control-border-accent-hover: var(--mms-ui-colors-prominent-control-border-accent-hover);
}

  .mms-ui-color-palette_prominent\.text {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-prominent-text);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-prominent-text-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-prominent-text-subtle);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-prominent-text-inverted);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-prominent-text-accent);
    --mms-ui-colors-color-palette-on-accent: var(--mms-ui-colors-prominent-text-on-accent);
}

  .mms-ui-color-palette_prominent\.border {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-prominent-border);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-prominent-border-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-prominent-border-subtle);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-prominent-border-accent);
    --mms-ui-colors-color-palette-focus: var(--mms-ui-colors-prominent-border-focus);
}

  .mms-ui-color-palette_prominent\.background {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-prominent-background);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-prominent-background-inverted);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-prominent-background-subtle);
    --mms-ui-colors-color-palette-overlay: var(--mms-ui-colors-prominent-background-overlay);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-prominent-background-accent);
    --mms-ui-colors-color-palette-accent-subtle: var(--mms-ui-colors-prominent-background-accent-subtle);
}

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

  .mms-ui-color-palette_prominent\.shadow {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-prominent-shadow);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-prominent-shadow-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-prominent-shadow-subtle);
    --mms-ui-colors-color-palette-secondary: var(--mms-ui-colors-prominent-shadow-secondary);
    --mms-ui-colors-color-palette-secondary-emphasized: var(--mms-ui-colors-prominent-shadow-secondary-emphasized);
    --mms-ui-colors-color-palette-secondary-subtle: var(--mms-ui-colors-prominent-shadow-secondary-subtle);
}

  .mms-ui-color-palette_prominent\.shadow\.secondary {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-prominent-shadow-secondary);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-prominent-shadow-secondary-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-prominent-shadow-secondary-subtle);
}

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

  .mms-ui-color-palette_prominent\.control\.text {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-prominent-control-text);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-prominent-control-text-hover);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-prominent-control-text-disabled);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-prominent-control-text-inverted);
    --mms-ui-colors-color-palette-inverted-disabled: var(--mms-ui-colors-prominent-control-text-inverted-disabled);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-prominent-control-text-accent);
}

  .mms-ui-color-palette_prominent\.control {
    --mms-ui-colors-color-palette-text: var(--mms-ui-colors-prominent-control-text);
    --mms-ui-colors-color-palette-text-hover: var(--mms-ui-colors-prominent-control-text-hover);
    --mms-ui-colors-color-palette-text-disabled: var(--mms-ui-colors-prominent-control-text-disabled);
    --mms-ui-colors-color-palette-text-inverted: var(--mms-ui-colors-prominent-control-text-inverted);
    --mms-ui-colors-color-palette-text-inverted-disabled: var(--mms-ui-colors-prominent-control-text-inverted-disabled);
    --mms-ui-colors-color-palette-text-accent: var(--mms-ui-colors-prominent-control-text-accent);
    --mms-ui-colors-color-palette-background-hover: var(--mms-ui-colors-prominent-control-background-hover);
    --mms-ui-colors-color-palette-background-selected: var(--mms-ui-colors-prominent-control-background-selected);
    --mms-ui-colors-color-palette-background-inverted: var(--mms-ui-colors-prominent-control-background-inverted);
    --mms-ui-colors-color-palette-background-inverted-hover: var(--mms-ui-colors-prominent-control-background-inverted-hover);
    --mms-ui-colors-color-palette-background-inverted-disabled: var(--mms-ui-colors-prominent-control-background-inverted-disabled);
    --mms-ui-colors-color-palette-background-accent: var(--mms-ui-colors-prominent-control-background-accent);
    --mms-ui-colors-color-palette-background-accent-hover: var(--mms-ui-colors-prominent-control-background-accent-hover);
    --mms-ui-colors-color-palette-border: var(--mms-ui-colors-prominent-control-border);
    --mms-ui-colors-color-palette-border-disabled: var(--mms-ui-colors-prominent-control-border-disabled);
    --mms-ui-colors-color-palette-border-subtle: var(--mms-ui-colors-prominent-control-border-subtle);
    --mms-ui-colors-color-palette-border-subtle-hover: var(--mms-ui-colors-prominent-control-border-subtle-hover);
    --mms-ui-colors-color-palette-border-subtle-selected: var(--mms-ui-colors-prominent-control-border-subtle-selected);
    --mms-ui-colors-color-palette-border-inverted: var(--mms-ui-colors-prominent-control-border-inverted);
    --mms-ui-colors-color-palette-border-inverted-hover: var(--mms-ui-colors-prominent-control-border-inverted-hover);
    --mms-ui-colors-color-palette-border-inverted-disabled: var(--mms-ui-colors-prominent-control-border-inverted-disabled);
    --mms-ui-colors-color-palette-border-accent: var(--mms-ui-colors-prominent-control-border-accent);
    --mms-ui-colors-color-palette-border-accent-hover: var(--mms-ui-colors-prominent-control-border-accent-hover);
}

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

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

  .mms-ui-color-palette_prominent\.control\.background {
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-prominent-control-background-hover);
    --mms-ui-colors-color-palette-selected: var(--mms-ui-colors-prominent-control-background-selected);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-prominent-control-background-inverted);
    --mms-ui-colors-color-palette-inverted-hover: var(--mms-ui-colors-prominent-control-background-inverted-hover);
    --mms-ui-colors-color-palette-inverted-disabled: var(--mms-ui-colors-prominent-control-background-inverted-disabled);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-prominent-control-background-accent);
    --mms-ui-colors-color-palette-accent-hover: var(--mms-ui-colors-prominent-control-background-accent-hover);
}

  .mms-ui-color-palette_prominent\.control\.background\.inverted {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-prominent-control-background-inverted);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-prominent-control-background-inverted-hover);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-prominent-control-background-inverted-disabled);
}

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

  .mms-ui-color-palette_prominent\.control\.border {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-prominent-control-border);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-prominent-control-border-disabled);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-prominent-control-border-subtle);
    --mms-ui-colors-color-palette-subtle-hover: var(--mms-ui-colors-prominent-control-border-subtle-hover);
    --mms-ui-colors-color-palette-subtle-selected: var(--mms-ui-colors-prominent-control-border-subtle-selected);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-prominent-control-border-inverted);
    --mms-ui-colors-color-palette-inverted-hover: var(--mms-ui-colors-prominent-control-border-inverted-hover);
    --mms-ui-colors-color-palette-inverted-disabled: var(--mms-ui-colors-prominent-control-border-inverted-disabled);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-prominent-control-border-accent);
    --mms-ui-colors-color-palette-accent-hover: var(--mms-ui-colors-prominent-control-border-accent-hover);
}

  .mms-ui-color-palette_prominent\.control\.border\.subtle {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-prominent-control-border-subtle);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-prominent-control-border-subtle-hover);
    --mms-ui-colors-color-palette-selected: var(--mms-ui-colors-prominent-control-border-subtle-selected);
}

  .mms-ui-color-palette_prominent\.control\.border\.inverted {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-prominent-control-border-inverted);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-prominent-control-border-inverted-hover);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-prominent-control-border-inverted-disabled);
}

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

  .mms-ui-color-palette_error {
    --mms-ui-colors-color-palette-text: var(--mms-ui-colors-error-text);
    --mms-ui-colors-color-palette-text-emphasized: var(--mms-ui-colors-error-text-emphasized);
    --mms-ui-colors-color-palette-text-subtle: var(--mms-ui-colors-error-text-subtle);
    --mms-ui-colors-color-palette-text-inverted: var(--mms-ui-colors-error-text-inverted);
    --mms-ui-colors-color-palette-text-accent: var(--mms-ui-colors-error-text-accent);
    --mms-ui-colors-color-palette-text-on-accent: var(--mms-ui-colors-error-text-on-accent);
    --mms-ui-colors-color-palette-border: var(--mms-ui-colors-error-border);
    --mms-ui-colors-color-palette-border-emphasized: var(--mms-ui-colors-error-border-emphasized);
    --mms-ui-colors-color-palette-border-subtle: var(--mms-ui-colors-error-border-subtle);
    --mms-ui-colors-color-palette-border-accent: var(--mms-ui-colors-error-border-accent);
    --mms-ui-colors-color-palette-border-focus: var(--mms-ui-colors-error-border-focus);
    --mms-ui-colors-color-palette-background: var(--mms-ui-colors-error-background);
    --mms-ui-colors-color-palette-background-inverted: var(--mms-ui-colors-error-background-inverted);
    --mms-ui-colors-color-palette-background-subtle: var(--mms-ui-colors-error-background-subtle);
    --mms-ui-colors-color-palette-background-overlay: var(--mms-ui-colors-error-background-overlay);
    --mms-ui-colors-color-palette-background-accent: var(--mms-ui-colors-error-background-accent);
    --mms-ui-colors-color-palette-background-accent-subtle: var(--mms-ui-colors-error-background-accent-subtle);
    --mms-ui-colors-color-palette-shadow: var(--mms-ui-colors-error-shadow);
    --mms-ui-colors-color-palette-shadow-emphasized: var(--mms-ui-colors-error-shadow-emphasized);
    --mms-ui-colors-color-palette-shadow-subtle: var(--mms-ui-colors-error-shadow-subtle);
    --mms-ui-colors-color-palette-shadow-secondary: var(--mms-ui-colors-error-shadow-secondary);
    --mms-ui-colors-color-palette-shadow-secondary-emphasized: var(--mms-ui-colors-error-shadow-secondary-emphasized);
    --mms-ui-colors-color-palette-shadow-secondary-subtle: var(--mms-ui-colors-error-shadow-secondary-subtle);
    --mms-ui-colors-color-palette-surface: var(--mms-ui-colors-error-surface);
    --mms-ui-colors-color-palette-surface-secondary: var(--mms-ui-colors-error-surface-secondary);
    --mms-ui-colors-color-palette-surface-tertiary: var(--mms-ui-colors-error-surface-tertiary);
    --mms-ui-colors-color-palette-control-text: var(--mms-ui-colors-error-control-text);
    --mms-ui-colors-color-palette-control-text-hover: var(--mms-ui-colors-error-control-text-hover);
    --mms-ui-colors-color-palette-control-text-disabled: var(--mms-ui-colors-error-control-text-disabled);
    --mms-ui-colors-color-palette-control-text-inverted: var(--mms-ui-colors-error-control-text-inverted);
    --mms-ui-colors-color-palette-control-text-inverted-disabled: var(--mms-ui-colors-error-control-text-inverted-disabled);
    --mms-ui-colors-color-palette-control-text-accent: var(--mms-ui-colors-error-control-text-accent);
    --mms-ui-colors-color-palette-control-background-hover: var(--mms-ui-colors-error-control-background-hover);
    --mms-ui-colors-color-palette-control-background-selected: var(--mms-ui-colors-error-control-background-selected);
    --mms-ui-colors-color-palette-control-background-inverted: var(--mms-ui-colors-error-control-background-inverted);
    --mms-ui-colors-color-palette-control-background-inverted-hover: var(--mms-ui-colors-error-control-background-inverted-hover);
    --mms-ui-colors-color-palette-control-background-inverted-disabled: var(--mms-ui-colors-error-control-background-inverted-disabled);
    --mms-ui-colors-color-palette-control-background-accent: var(--mms-ui-colors-error-control-background-accent);
    --mms-ui-colors-color-palette-control-background-accent-hover: var(--mms-ui-colors-error-control-background-accent-hover);
    --mms-ui-colors-color-palette-control-border: var(--mms-ui-colors-error-control-border);
    --mms-ui-colors-color-palette-control-border-disabled: var(--mms-ui-colors-error-control-border-disabled);
    --mms-ui-colors-color-palette-control-border-subtle: var(--mms-ui-colors-error-control-border-subtle);
    --mms-ui-colors-color-palette-control-border-subtle-hover: var(--mms-ui-colors-error-control-border-subtle-hover);
    --mms-ui-colors-color-palette-control-border-subtle-selected: var(--mms-ui-colors-error-control-border-subtle-selected);
    --mms-ui-colors-color-palette-control-border-inverted: var(--mms-ui-colors-error-control-border-inverted);
    --mms-ui-colors-color-palette-control-border-inverted-hover: var(--mms-ui-colors-error-control-border-inverted-hover);
    --mms-ui-colors-color-palette-control-border-inverted-disabled: var(--mms-ui-colors-error-control-border-inverted-disabled);
    --mms-ui-colors-color-palette-control-border-accent: var(--mms-ui-colors-error-control-border-accent);
    --mms-ui-colors-color-palette-control-border-accent-hover: var(--mms-ui-colors-error-control-border-accent-hover);
}

  .mms-ui-color-palette_error\.text {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-error-text);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-error-text-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-error-text-subtle);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-error-text-inverted);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-error-text-accent);
    --mms-ui-colors-color-palette-on-accent: var(--mms-ui-colors-error-text-on-accent);
}

  .mms-ui-color-palette_error\.border {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-error-border);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-error-border-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-error-border-subtle);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-error-border-accent);
    --mms-ui-colors-color-palette-focus: var(--mms-ui-colors-error-border-focus);
}

  .mms-ui-color-palette_error\.background {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-error-background);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-error-background-inverted);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-error-background-subtle);
    --mms-ui-colors-color-palette-overlay: var(--mms-ui-colors-error-background-overlay);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-error-background-accent);
    --mms-ui-colors-color-palette-accent-subtle: var(--mms-ui-colors-error-background-accent-subtle);
}

  .mms-ui-color-palette_error\.background\.accent {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-error-background-accent);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-error-background-accent-subtle);
}

  .mms-ui-color-palette_error\.shadow {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-error-shadow);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-error-shadow-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-error-shadow-subtle);
    --mms-ui-colors-color-palette-secondary: var(--mms-ui-colors-error-shadow-secondary);
    --mms-ui-colors-color-palette-secondary-emphasized: var(--mms-ui-colors-error-shadow-secondary-emphasized);
    --mms-ui-colors-color-palette-secondary-subtle: var(--mms-ui-colors-error-shadow-secondary-subtle);
}

  .mms-ui-color-palette_error\.shadow\.secondary {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-error-shadow-secondary);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-error-shadow-secondary-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-error-shadow-secondary-subtle);
}

  .mms-ui-color-palette_error\.surface {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-error-surface);
    --mms-ui-colors-color-palette-secondary: var(--mms-ui-colors-error-surface-secondary);
    --mms-ui-colors-color-palette-tertiary: var(--mms-ui-colors-error-surface-tertiary);
}

  .mms-ui-color-palette_error\.control\.text {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-error-control-text);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-error-control-text-hover);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-error-control-text-disabled);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-error-control-text-inverted);
    --mms-ui-colors-color-palette-inverted-disabled: var(--mms-ui-colors-error-control-text-inverted-disabled);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-error-control-text-accent);
}

  .mms-ui-color-palette_error\.control {
    --mms-ui-colors-color-palette-text: var(--mms-ui-colors-error-control-text);
    --mms-ui-colors-color-palette-text-hover: var(--mms-ui-colors-error-control-text-hover);
    --mms-ui-colors-color-palette-text-disabled: var(--mms-ui-colors-error-control-text-disabled);
    --mms-ui-colors-color-palette-text-inverted: var(--mms-ui-colors-error-control-text-inverted);
    --mms-ui-colors-color-palette-text-inverted-disabled: var(--mms-ui-colors-error-control-text-inverted-disabled);
    --mms-ui-colors-color-palette-text-accent: var(--mms-ui-colors-error-control-text-accent);
    --mms-ui-colors-color-palette-background-hover: var(--mms-ui-colors-error-control-background-hover);
    --mms-ui-colors-color-palette-background-selected: var(--mms-ui-colors-error-control-background-selected);
    --mms-ui-colors-color-palette-background-inverted: var(--mms-ui-colors-error-control-background-inverted);
    --mms-ui-colors-color-palette-background-inverted-hover: var(--mms-ui-colors-error-control-background-inverted-hover);
    --mms-ui-colors-color-palette-background-inverted-disabled: var(--mms-ui-colors-error-control-background-inverted-disabled);
    --mms-ui-colors-color-palette-background-accent: var(--mms-ui-colors-error-control-background-accent);
    --mms-ui-colors-color-palette-background-accent-hover: var(--mms-ui-colors-error-control-background-accent-hover);
    --mms-ui-colors-color-palette-border: var(--mms-ui-colors-error-control-border);
    --mms-ui-colors-color-palette-border-disabled: var(--mms-ui-colors-error-control-border-disabled);
    --mms-ui-colors-color-palette-border-subtle: var(--mms-ui-colors-error-control-border-subtle);
    --mms-ui-colors-color-palette-border-subtle-hover: var(--mms-ui-colors-error-control-border-subtle-hover);
    --mms-ui-colors-color-palette-border-subtle-selected: var(--mms-ui-colors-error-control-border-subtle-selected);
    --mms-ui-colors-color-palette-border-inverted: var(--mms-ui-colors-error-control-border-inverted);
    --mms-ui-colors-color-palette-border-inverted-hover: var(--mms-ui-colors-error-control-border-inverted-hover);
    --mms-ui-colors-color-palette-border-inverted-disabled: var(--mms-ui-colors-error-control-border-inverted-disabled);
    --mms-ui-colors-color-palette-border-accent: var(--mms-ui-colors-error-control-border-accent);
    --mms-ui-colors-color-palette-border-accent-hover: var(--mms-ui-colors-error-control-border-accent-hover);
}

  .mms-ui-color-palette_error\.control\.text\.inverted {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-error-control-text-inverted);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-error-control-text-inverted-disabled);
}

  .mms-ui-color-palette_error\.control\.text\.accent {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-error-control-text-accent);
}

  .mms-ui-color-palette_error\.control\.background {
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-error-control-background-hover);
    --mms-ui-colors-color-palette-selected: var(--mms-ui-colors-error-control-background-selected);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-error-control-background-inverted);
    --mms-ui-colors-color-palette-inverted-hover: var(--mms-ui-colors-error-control-background-inverted-hover);
    --mms-ui-colors-color-palette-inverted-disabled: var(--mms-ui-colors-error-control-background-inverted-disabled);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-error-control-background-accent);
    --mms-ui-colors-color-palette-accent-hover: var(--mms-ui-colors-error-control-background-accent-hover);
}

  .mms-ui-color-palette_error\.control\.background\.inverted {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-error-control-background-inverted);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-error-control-background-inverted-hover);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-error-control-background-inverted-disabled);
}

  .mms-ui-color-palette_error\.control\.background\.accent {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-error-control-background-accent);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-error-control-background-accent-hover);
}

  .mms-ui-color-palette_error\.control\.border {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-error-control-border);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-error-control-border-disabled);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-error-control-border-subtle);
    --mms-ui-colors-color-palette-subtle-hover: var(--mms-ui-colors-error-control-border-subtle-hover);
    --mms-ui-colors-color-palette-subtle-selected: var(--mms-ui-colors-error-control-border-subtle-selected);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-error-control-border-inverted);
    --mms-ui-colors-color-palette-inverted-hover: var(--mms-ui-colors-error-control-border-inverted-hover);
    --mms-ui-colors-color-palette-inverted-disabled: var(--mms-ui-colors-error-control-border-inverted-disabled);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-error-control-border-accent);
    --mms-ui-colors-color-palette-accent-hover: var(--mms-ui-colors-error-control-border-accent-hover);
}

  .mms-ui-color-palette_error\.control\.border\.subtle {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-error-control-border-subtle);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-error-control-border-subtle-hover);
    --mms-ui-colors-color-palette-selected: var(--mms-ui-colors-error-control-border-subtle-selected);
}

  .mms-ui-color-palette_error\.control\.border\.inverted {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-error-control-border-inverted);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-error-control-border-inverted-hover);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-error-control-border-inverted-disabled);
}

  .mms-ui-color-palette_error\.control\.border\.accent {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-error-control-border-accent);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-error-control-border-accent-hover);
}

  .mms-ui-color-palette_warning {
    --mms-ui-colors-color-palette-text: var(--mms-ui-colors-warning-text);
    --mms-ui-colors-color-palette-text-emphasized: var(--mms-ui-colors-warning-text-emphasized);
    --mms-ui-colors-color-palette-text-subtle: var(--mms-ui-colors-warning-text-subtle);
    --mms-ui-colors-color-palette-text-inverted: var(--mms-ui-colors-warning-text-inverted);
    --mms-ui-colors-color-palette-text-accent: var(--mms-ui-colors-warning-text-accent);
    --mms-ui-colors-color-palette-text-on-accent: var(--mms-ui-colors-warning-text-on-accent);
    --mms-ui-colors-color-palette-border: var(--mms-ui-colors-warning-border);
    --mms-ui-colors-color-palette-border-emphasized: var(--mms-ui-colors-warning-border-emphasized);
    --mms-ui-colors-color-palette-border-subtle: var(--mms-ui-colors-warning-border-subtle);
    --mms-ui-colors-color-palette-border-accent: var(--mms-ui-colors-warning-border-accent);
    --mms-ui-colors-color-palette-border-focus: var(--mms-ui-colors-warning-border-focus);
    --mms-ui-colors-color-palette-background: var(--mms-ui-colors-warning-background);
    --mms-ui-colors-color-palette-background-inverted: var(--mms-ui-colors-warning-background-inverted);
    --mms-ui-colors-color-palette-background-subtle: var(--mms-ui-colors-warning-background-subtle);
    --mms-ui-colors-color-palette-background-overlay: var(--mms-ui-colors-warning-background-overlay);
    --mms-ui-colors-color-palette-background-accent: var(--mms-ui-colors-warning-background-accent);
    --mms-ui-colors-color-palette-background-accent-subtle: var(--mms-ui-colors-warning-background-accent-subtle);
    --mms-ui-colors-color-palette-shadow: var(--mms-ui-colors-warning-shadow);
    --mms-ui-colors-color-palette-shadow-emphasized: var(--mms-ui-colors-warning-shadow-emphasized);
    --mms-ui-colors-color-palette-shadow-subtle: var(--mms-ui-colors-warning-shadow-subtle);
    --mms-ui-colors-color-palette-shadow-secondary: var(--mms-ui-colors-warning-shadow-secondary);
    --mms-ui-colors-color-palette-shadow-secondary-emphasized: var(--mms-ui-colors-warning-shadow-secondary-emphasized);
    --mms-ui-colors-color-palette-shadow-secondary-subtle: var(--mms-ui-colors-warning-shadow-secondary-subtle);
    --mms-ui-colors-color-palette-surface: var(--mms-ui-colors-warning-surface);
    --mms-ui-colors-color-palette-surface-secondary: var(--mms-ui-colors-warning-surface-secondary);
    --mms-ui-colors-color-palette-surface-tertiary: var(--mms-ui-colors-warning-surface-tertiary);
    --mms-ui-colors-color-palette-control-text: var(--mms-ui-colors-warning-control-text);
    --mms-ui-colors-color-palette-control-text-hover: var(--mms-ui-colors-warning-control-text-hover);
    --mms-ui-colors-color-palette-control-text-disabled: var(--mms-ui-colors-warning-control-text-disabled);
    --mms-ui-colors-color-palette-control-text-inverted: var(--mms-ui-colors-warning-control-text-inverted);
    --mms-ui-colors-color-palette-control-text-inverted-disabled: var(--mms-ui-colors-warning-control-text-inverted-disabled);
    --mms-ui-colors-color-palette-control-text-accent: var(--mms-ui-colors-warning-control-text-accent);
    --mms-ui-colors-color-palette-control-background-hover: var(--mms-ui-colors-warning-control-background-hover);
    --mms-ui-colors-color-palette-control-background-selected: var(--mms-ui-colors-warning-control-background-selected);
    --mms-ui-colors-color-palette-control-background-inverted: var(--mms-ui-colors-warning-control-background-inverted);
    --mms-ui-colors-color-palette-control-background-inverted-hover: var(--mms-ui-colors-warning-control-background-inverted-hover);
    --mms-ui-colors-color-palette-control-background-inverted-disabled: var(--mms-ui-colors-warning-control-background-inverted-disabled);
    --mms-ui-colors-color-palette-control-background-accent: var(--mms-ui-colors-warning-control-background-accent);
    --mms-ui-colors-color-palette-control-background-accent-hover: var(--mms-ui-colors-warning-control-background-accent-hover);
    --mms-ui-colors-color-palette-control-border: var(--mms-ui-colors-warning-control-border);
    --mms-ui-colors-color-palette-control-border-disabled: var(--mms-ui-colors-warning-control-border-disabled);
    --mms-ui-colors-color-palette-control-border-subtle: var(--mms-ui-colors-warning-control-border-subtle);
    --mms-ui-colors-color-palette-control-border-subtle-hover: var(--mms-ui-colors-warning-control-border-subtle-hover);
    --mms-ui-colors-color-palette-control-border-subtle-selected: var(--mms-ui-colors-warning-control-border-subtle-selected);
    --mms-ui-colors-color-palette-control-border-inverted: var(--mms-ui-colors-warning-control-border-inverted);
    --mms-ui-colors-color-palette-control-border-inverted-hover: var(--mms-ui-colors-warning-control-border-inverted-hover);
    --mms-ui-colors-color-palette-control-border-inverted-disabled: var(--mms-ui-colors-warning-control-border-inverted-disabled);
    --mms-ui-colors-color-palette-control-border-accent: var(--mms-ui-colors-warning-control-border-accent);
    --mms-ui-colors-color-palette-control-border-accent-hover: var(--mms-ui-colors-warning-control-border-accent-hover);
}

  .mms-ui-color-palette_warning\.text {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-warning-text);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-warning-text-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-warning-text-subtle);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-warning-text-inverted);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-warning-text-accent);
    --mms-ui-colors-color-palette-on-accent: var(--mms-ui-colors-warning-text-on-accent);
}

  .mms-ui-color-palette_warning\.border {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-warning-border);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-warning-border-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-warning-border-subtle);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-warning-border-accent);
    --mms-ui-colors-color-palette-focus: var(--mms-ui-colors-warning-border-focus);
}

  .mms-ui-color-palette_warning\.background {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-warning-background);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-warning-background-inverted);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-warning-background-subtle);
    --mms-ui-colors-color-palette-overlay: var(--mms-ui-colors-warning-background-overlay);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-warning-background-accent);
    --mms-ui-colors-color-palette-accent-subtle: var(--mms-ui-colors-warning-background-accent-subtle);
}

  .mms-ui-color-palette_warning\.background\.accent {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-warning-background-accent);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-warning-background-accent-subtle);
}

  .mms-ui-color-palette_warning\.shadow {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-warning-shadow);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-warning-shadow-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-warning-shadow-subtle);
    --mms-ui-colors-color-palette-secondary: var(--mms-ui-colors-warning-shadow-secondary);
    --mms-ui-colors-color-palette-secondary-emphasized: var(--mms-ui-colors-warning-shadow-secondary-emphasized);
    --mms-ui-colors-color-palette-secondary-subtle: var(--mms-ui-colors-warning-shadow-secondary-subtle);
}

  .mms-ui-color-palette_warning\.shadow\.secondary {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-warning-shadow-secondary);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-warning-shadow-secondary-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-warning-shadow-secondary-subtle);
}

  .mms-ui-color-palette_warning\.surface {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-warning-surface);
    --mms-ui-colors-color-palette-secondary: var(--mms-ui-colors-warning-surface-secondary);
    --mms-ui-colors-color-palette-tertiary: var(--mms-ui-colors-warning-surface-tertiary);
}

  .mms-ui-color-palette_warning\.control\.text {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-warning-control-text);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-warning-control-text-hover);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-warning-control-text-disabled);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-warning-control-text-inverted);
    --mms-ui-colors-color-palette-inverted-disabled: var(--mms-ui-colors-warning-control-text-inverted-disabled);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-warning-control-text-accent);
}

  .mms-ui-color-palette_warning\.control {
    --mms-ui-colors-color-palette-text: var(--mms-ui-colors-warning-control-text);
    --mms-ui-colors-color-palette-text-hover: var(--mms-ui-colors-warning-control-text-hover);
    --mms-ui-colors-color-palette-text-disabled: var(--mms-ui-colors-warning-control-text-disabled);
    --mms-ui-colors-color-palette-text-inverted: var(--mms-ui-colors-warning-control-text-inverted);
    --mms-ui-colors-color-palette-text-inverted-disabled: var(--mms-ui-colors-warning-control-text-inverted-disabled);
    --mms-ui-colors-color-palette-text-accent: var(--mms-ui-colors-warning-control-text-accent);
    --mms-ui-colors-color-palette-background-hover: var(--mms-ui-colors-warning-control-background-hover);
    --mms-ui-colors-color-palette-background-selected: var(--mms-ui-colors-warning-control-background-selected);
    --mms-ui-colors-color-palette-background-inverted: var(--mms-ui-colors-warning-control-background-inverted);
    --mms-ui-colors-color-palette-background-inverted-hover: var(--mms-ui-colors-warning-control-background-inverted-hover);
    --mms-ui-colors-color-palette-background-inverted-disabled: var(--mms-ui-colors-warning-control-background-inverted-disabled);
    --mms-ui-colors-color-palette-background-accent: var(--mms-ui-colors-warning-control-background-accent);
    --mms-ui-colors-color-palette-background-accent-hover: var(--mms-ui-colors-warning-control-background-accent-hover);
    --mms-ui-colors-color-palette-border: var(--mms-ui-colors-warning-control-border);
    --mms-ui-colors-color-palette-border-disabled: var(--mms-ui-colors-warning-control-border-disabled);
    --mms-ui-colors-color-palette-border-subtle: var(--mms-ui-colors-warning-control-border-subtle);
    --mms-ui-colors-color-palette-border-subtle-hover: var(--mms-ui-colors-warning-control-border-subtle-hover);
    --mms-ui-colors-color-palette-border-subtle-selected: var(--mms-ui-colors-warning-control-border-subtle-selected);
    --mms-ui-colors-color-palette-border-inverted: var(--mms-ui-colors-warning-control-border-inverted);
    --mms-ui-colors-color-palette-border-inverted-hover: var(--mms-ui-colors-warning-control-border-inverted-hover);
    --mms-ui-colors-color-palette-border-inverted-disabled: var(--mms-ui-colors-warning-control-border-inverted-disabled);
    --mms-ui-colors-color-palette-border-accent: var(--mms-ui-colors-warning-control-border-accent);
    --mms-ui-colors-color-palette-border-accent-hover: var(--mms-ui-colors-warning-control-border-accent-hover);
}

  .mms-ui-color-palette_warning\.control\.text\.inverted {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-warning-control-text-inverted);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-warning-control-text-inverted-disabled);
}

  .mms-ui-color-palette_warning\.control\.text\.accent {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-warning-control-text-accent);
}

  .mms-ui-color-palette_warning\.control\.background {
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-warning-control-background-hover);
    --mms-ui-colors-color-palette-selected: var(--mms-ui-colors-warning-control-background-selected);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-warning-control-background-inverted);
    --mms-ui-colors-color-palette-inverted-hover: var(--mms-ui-colors-warning-control-background-inverted-hover);
    --mms-ui-colors-color-palette-inverted-disabled: var(--mms-ui-colors-warning-control-background-inverted-disabled);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-warning-control-background-accent);
    --mms-ui-colors-color-palette-accent-hover: var(--mms-ui-colors-warning-control-background-accent-hover);
}

  .mms-ui-color-palette_warning\.control\.background\.inverted {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-warning-control-background-inverted);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-warning-control-background-inverted-hover);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-warning-control-background-inverted-disabled);
}

  .mms-ui-color-palette_warning\.control\.background\.accent {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-warning-control-background-accent);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-warning-control-background-accent-hover);
}

  .mms-ui-color-palette_warning\.control\.border {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-warning-control-border);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-warning-control-border-disabled);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-warning-control-border-subtle);
    --mms-ui-colors-color-palette-subtle-hover: var(--mms-ui-colors-warning-control-border-subtle-hover);
    --mms-ui-colors-color-palette-subtle-selected: var(--mms-ui-colors-warning-control-border-subtle-selected);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-warning-control-border-inverted);
    --mms-ui-colors-color-palette-inverted-hover: var(--mms-ui-colors-warning-control-border-inverted-hover);
    --mms-ui-colors-color-palette-inverted-disabled: var(--mms-ui-colors-warning-control-border-inverted-disabled);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-warning-control-border-accent);
    --mms-ui-colors-color-palette-accent-hover: var(--mms-ui-colors-warning-control-border-accent-hover);
}

  .mms-ui-color-palette_warning\.control\.border\.subtle {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-warning-control-border-subtle);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-warning-control-border-subtle-hover);
    --mms-ui-colors-color-palette-selected: var(--mms-ui-colors-warning-control-border-subtle-selected);
}

  .mms-ui-color-palette_warning\.control\.border\.inverted {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-warning-control-border-inverted);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-warning-control-border-inverted-hover);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-warning-control-border-inverted-disabled);
}

  .mms-ui-color-palette_warning\.control\.border\.accent {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-warning-control-border-accent);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-warning-control-border-accent-hover);
}

  .mms-ui-color-palette_success {
    --mms-ui-colors-color-palette-text: var(--mms-ui-colors-success-text);
    --mms-ui-colors-color-palette-text-emphasized: var(--mms-ui-colors-success-text-emphasized);
    --mms-ui-colors-color-palette-text-subtle: var(--mms-ui-colors-success-text-subtle);
    --mms-ui-colors-color-palette-text-inverted: var(--mms-ui-colors-success-text-inverted);
    --mms-ui-colors-color-palette-text-accent: var(--mms-ui-colors-success-text-accent);
    --mms-ui-colors-color-palette-text-on-accent: var(--mms-ui-colors-success-text-on-accent);
    --mms-ui-colors-color-palette-border: var(--mms-ui-colors-success-border);
    --mms-ui-colors-color-palette-border-emphasized: var(--mms-ui-colors-success-border-emphasized);
    --mms-ui-colors-color-palette-border-subtle: var(--mms-ui-colors-success-border-subtle);
    --mms-ui-colors-color-palette-border-accent: var(--mms-ui-colors-success-border-accent);
    --mms-ui-colors-color-palette-border-focus: var(--mms-ui-colors-success-border-focus);
    --mms-ui-colors-color-palette-background: var(--mms-ui-colors-success-background);
    --mms-ui-colors-color-palette-background-inverted: var(--mms-ui-colors-success-background-inverted);
    --mms-ui-colors-color-palette-background-subtle: var(--mms-ui-colors-success-background-subtle);
    --mms-ui-colors-color-palette-background-overlay: var(--mms-ui-colors-success-background-overlay);
    --mms-ui-colors-color-palette-background-accent: var(--mms-ui-colors-success-background-accent);
    --mms-ui-colors-color-palette-background-accent-subtle: var(--mms-ui-colors-success-background-accent-subtle);
    --mms-ui-colors-color-palette-shadow: var(--mms-ui-colors-success-shadow);
    --mms-ui-colors-color-palette-shadow-emphasized: var(--mms-ui-colors-success-shadow-emphasized);
    --mms-ui-colors-color-palette-shadow-subtle: var(--mms-ui-colors-success-shadow-subtle);
    --mms-ui-colors-color-palette-shadow-secondary: var(--mms-ui-colors-success-shadow-secondary);
    --mms-ui-colors-color-palette-shadow-secondary-emphasized: var(--mms-ui-colors-success-shadow-secondary-emphasized);
    --mms-ui-colors-color-palette-shadow-secondary-subtle: var(--mms-ui-colors-success-shadow-secondary-subtle);
    --mms-ui-colors-color-palette-surface: var(--mms-ui-colors-success-surface);
    --mms-ui-colors-color-palette-surface-secondary: var(--mms-ui-colors-success-surface-secondary);
    --mms-ui-colors-color-palette-surface-tertiary: var(--mms-ui-colors-success-surface-tertiary);
    --mms-ui-colors-color-palette-control-text: var(--mms-ui-colors-success-control-text);
    --mms-ui-colors-color-palette-control-text-hover: var(--mms-ui-colors-success-control-text-hover);
    --mms-ui-colors-color-palette-control-text-disabled: var(--mms-ui-colors-success-control-text-disabled);
    --mms-ui-colors-color-palette-control-text-inverted: var(--mms-ui-colors-success-control-text-inverted);
    --mms-ui-colors-color-palette-control-text-inverted-disabled: var(--mms-ui-colors-success-control-text-inverted-disabled);
    --mms-ui-colors-color-palette-control-text-accent: var(--mms-ui-colors-success-control-text-accent);
    --mms-ui-colors-color-palette-control-background-hover: var(--mms-ui-colors-success-control-background-hover);
    --mms-ui-colors-color-palette-control-background-selected: var(--mms-ui-colors-success-control-background-selected);
    --mms-ui-colors-color-palette-control-background-inverted: var(--mms-ui-colors-success-control-background-inverted);
    --mms-ui-colors-color-palette-control-background-inverted-hover: var(--mms-ui-colors-success-control-background-inverted-hover);
    --mms-ui-colors-color-palette-control-background-inverted-disabled: var(--mms-ui-colors-success-control-background-inverted-disabled);
    --mms-ui-colors-color-palette-control-background-accent: var(--mms-ui-colors-success-control-background-accent);
    --mms-ui-colors-color-palette-control-background-accent-hover: var(--mms-ui-colors-success-control-background-accent-hover);
    --mms-ui-colors-color-palette-control-border: var(--mms-ui-colors-success-control-border);
    --mms-ui-colors-color-palette-control-border-disabled: var(--mms-ui-colors-success-control-border-disabled);
    --mms-ui-colors-color-palette-control-border-subtle: var(--mms-ui-colors-success-control-border-subtle);
    --mms-ui-colors-color-palette-control-border-subtle-hover: var(--mms-ui-colors-success-control-border-subtle-hover);
    --mms-ui-colors-color-palette-control-border-subtle-selected: var(--mms-ui-colors-success-control-border-subtle-selected);
    --mms-ui-colors-color-palette-control-border-inverted: var(--mms-ui-colors-success-control-border-inverted);
    --mms-ui-colors-color-palette-control-border-inverted-hover: var(--mms-ui-colors-success-control-border-inverted-hover);
    --mms-ui-colors-color-palette-control-border-inverted-disabled: var(--mms-ui-colors-success-control-border-inverted-disabled);
    --mms-ui-colors-color-palette-control-border-accent: var(--mms-ui-colors-success-control-border-accent);
    --mms-ui-colors-color-palette-control-border-accent-hover: var(--mms-ui-colors-success-control-border-accent-hover);
}

  .mms-ui-color-palette_success\.text {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-success-text);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-success-text-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-success-text-subtle);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-success-text-inverted);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-success-text-accent);
    --mms-ui-colors-color-palette-on-accent: var(--mms-ui-colors-success-text-on-accent);
}

  .mms-ui-color-palette_success\.border {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-success-border);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-success-border-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-success-border-subtle);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-success-border-accent);
    --mms-ui-colors-color-palette-focus: var(--mms-ui-colors-success-border-focus);
}

  .mms-ui-color-palette_success\.background {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-success-background);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-success-background-inverted);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-success-background-subtle);
    --mms-ui-colors-color-palette-overlay: var(--mms-ui-colors-success-background-overlay);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-success-background-accent);
    --mms-ui-colors-color-palette-accent-subtle: var(--mms-ui-colors-success-background-accent-subtle);
}

  .mms-ui-color-palette_success\.background\.accent {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-success-background-accent);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-success-background-accent-subtle);
}

  .mms-ui-color-palette_success\.shadow {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-success-shadow);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-success-shadow-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-success-shadow-subtle);
    --mms-ui-colors-color-palette-secondary: var(--mms-ui-colors-success-shadow-secondary);
    --mms-ui-colors-color-palette-secondary-emphasized: var(--mms-ui-colors-success-shadow-secondary-emphasized);
    --mms-ui-colors-color-palette-secondary-subtle: var(--mms-ui-colors-success-shadow-secondary-subtle);
}

  .mms-ui-color-palette_success\.shadow\.secondary {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-success-shadow-secondary);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-success-shadow-secondary-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-success-shadow-secondary-subtle);
}

  .mms-ui-color-palette_success\.surface {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-success-surface);
    --mms-ui-colors-color-palette-secondary: var(--mms-ui-colors-success-surface-secondary);
    --mms-ui-colors-color-palette-tertiary: var(--mms-ui-colors-success-surface-tertiary);
}

  .mms-ui-color-palette_success\.control\.text {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-success-control-text);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-success-control-text-hover);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-success-control-text-disabled);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-success-control-text-inverted);
    --mms-ui-colors-color-palette-inverted-disabled: var(--mms-ui-colors-success-control-text-inverted-disabled);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-success-control-text-accent);
}

  .mms-ui-color-palette_success\.control {
    --mms-ui-colors-color-palette-text: var(--mms-ui-colors-success-control-text);
    --mms-ui-colors-color-palette-text-hover: var(--mms-ui-colors-success-control-text-hover);
    --mms-ui-colors-color-palette-text-disabled: var(--mms-ui-colors-success-control-text-disabled);
    --mms-ui-colors-color-palette-text-inverted: var(--mms-ui-colors-success-control-text-inverted);
    --mms-ui-colors-color-palette-text-inverted-disabled: var(--mms-ui-colors-success-control-text-inverted-disabled);
    --mms-ui-colors-color-palette-text-accent: var(--mms-ui-colors-success-control-text-accent);
    --mms-ui-colors-color-palette-background-hover: var(--mms-ui-colors-success-control-background-hover);
    --mms-ui-colors-color-palette-background-selected: var(--mms-ui-colors-success-control-background-selected);
    --mms-ui-colors-color-palette-background-inverted: var(--mms-ui-colors-success-control-background-inverted);
    --mms-ui-colors-color-palette-background-inverted-hover: var(--mms-ui-colors-success-control-background-inverted-hover);
    --mms-ui-colors-color-palette-background-inverted-disabled: var(--mms-ui-colors-success-control-background-inverted-disabled);
    --mms-ui-colors-color-palette-background-accent: var(--mms-ui-colors-success-control-background-accent);
    --mms-ui-colors-color-palette-background-accent-hover: var(--mms-ui-colors-success-control-background-accent-hover);
    --mms-ui-colors-color-palette-border: var(--mms-ui-colors-success-control-border);
    --mms-ui-colors-color-palette-border-disabled: var(--mms-ui-colors-success-control-border-disabled);
    --mms-ui-colors-color-palette-border-subtle: var(--mms-ui-colors-success-control-border-subtle);
    --mms-ui-colors-color-palette-border-subtle-hover: var(--mms-ui-colors-success-control-border-subtle-hover);
    --mms-ui-colors-color-palette-border-subtle-selected: var(--mms-ui-colors-success-control-border-subtle-selected);
    --mms-ui-colors-color-palette-border-inverted: var(--mms-ui-colors-success-control-border-inverted);
    --mms-ui-colors-color-palette-border-inverted-hover: var(--mms-ui-colors-success-control-border-inverted-hover);
    --mms-ui-colors-color-palette-border-inverted-disabled: var(--mms-ui-colors-success-control-border-inverted-disabled);
    --mms-ui-colors-color-palette-border-accent: var(--mms-ui-colors-success-control-border-accent);
    --mms-ui-colors-color-palette-border-accent-hover: var(--mms-ui-colors-success-control-border-accent-hover);
}

  .mms-ui-color-palette_success\.control\.text\.inverted {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-success-control-text-inverted);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-success-control-text-inverted-disabled);
}

  .mms-ui-color-palette_success\.control\.text\.accent {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-success-control-text-accent);
}

  .mms-ui-color-palette_success\.control\.background {
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-success-control-background-hover);
    --mms-ui-colors-color-palette-selected: var(--mms-ui-colors-success-control-background-selected);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-success-control-background-inverted);
    --mms-ui-colors-color-palette-inverted-hover: var(--mms-ui-colors-success-control-background-inverted-hover);
    --mms-ui-colors-color-palette-inverted-disabled: var(--mms-ui-colors-success-control-background-inverted-disabled);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-success-control-background-accent);
    --mms-ui-colors-color-palette-accent-hover: var(--mms-ui-colors-success-control-background-accent-hover);
}

  .mms-ui-color-palette_success\.control\.background\.inverted {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-success-control-background-inverted);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-success-control-background-inverted-hover);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-success-control-background-inverted-disabled);
}

  .mms-ui-color-palette_success\.control\.background\.accent {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-success-control-background-accent);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-success-control-background-accent-hover);
}

  .mms-ui-color-palette_success\.control\.border {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-success-control-border);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-success-control-border-disabled);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-success-control-border-subtle);
    --mms-ui-colors-color-palette-subtle-hover: var(--mms-ui-colors-success-control-border-subtle-hover);
    --mms-ui-colors-color-palette-subtle-selected: var(--mms-ui-colors-success-control-border-subtle-selected);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-success-control-border-inverted);
    --mms-ui-colors-color-palette-inverted-hover: var(--mms-ui-colors-success-control-border-inverted-hover);
    --mms-ui-colors-color-palette-inverted-disabled: var(--mms-ui-colors-success-control-border-inverted-disabled);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-success-control-border-accent);
    --mms-ui-colors-color-palette-accent-hover: var(--mms-ui-colors-success-control-border-accent-hover);
}

  .mms-ui-color-palette_success\.control\.border\.subtle {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-success-control-border-subtle);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-success-control-border-subtle-hover);
    --mms-ui-colors-color-palette-selected: var(--mms-ui-colors-success-control-border-subtle-selected);
}

  .mms-ui-color-palette_success\.control\.border\.inverted {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-success-control-border-inverted);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-success-control-border-inverted-hover);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-success-control-border-inverted-disabled);
}

  .mms-ui-color-palette_success\.control\.border\.accent {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-success-control-border-accent);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-success-control-border-accent-hover);
}

  .mms-ui-color-palette_info {
    --mms-ui-colors-color-palette-text: var(--mms-ui-colors-info-text);
    --mms-ui-colors-color-palette-text-emphasized: var(--mms-ui-colors-info-text-emphasized);
    --mms-ui-colors-color-palette-text-subtle: var(--mms-ui-colors-info-text-subtle);
    --mms-ui-colors-color-palette-text-inverted: var(--mms-ui-colors-info-text-inverted);
    --mms-ui-colors-color-palette-text-accent: var(--mms-ui-colors-info-text-accent);
    --mms-ui-colors-color-palette-text-on-accent: var(--mms-ui-colors-info-text-on-accent);
    --mms-ui-colors-color-palette-border: var(--mms-ui-colors-info-border);
    --mms-ui-colors-color-palette-border-emphasized: var(--mms-ui-colors-info-border-emphasized);
    --mms-ui-colors-color-palette-border-subtle: var(--mms-ui-colors-info-border-subtle);
    --mms-ui-colors-color-palette-border-accent: var(--mms-ui-colors-info-border-accent);
    --mms-ui-colors-color-palette-border-focus: var(--mms-ui-colors-info-border-focus);
    --mms-ui-colors-color-palette-background: var(--mms-ui-colors-info-background);
    --mms-ui-colors-color-palette-background-inverted: var(--mms-ui-colors-info-background-inverted);
    --mms-ui-colors-color-palette-background-subtle: var(--mms-ui-colors-info-background-subtle);
    --mms-ui-colors-color-palette-background-overlay: var(--mms-ui-colors-info-background-overlay);
    --mms-ui-colors-color-palette-background-accent: var(--mms-ui-colors-info-background-accent);
    --mms-ui-colors-color-palette-background-accent-subtle: var(--mms-ui-colors-info-background-accent-subtle);
    --mms-ui-colors-color-palette-shadow: var(--mms-ui-colors-info-shadow);
    --mms-ui-colors-color-palette-shadow-emphasized: var(--mms-ui-colors-info-shadow-emphasized);
    --mms-ui-colors-color-palette-shadow-subtle: var(--mms-ui-colors-info-shadow-subtle);
    --mms-ui-colors-color-palette-shadow-secondary: var(--mms-ui-colors-info-shadow-secondary);
    --mms-ui-colors-color-palette-shadow-secondary-emphasized: var(--mms-ui-colors-info-shadow-secondary-emphasized);
    --mms-ui-colors-color-palette-shadow-secondary-subtle: var(--mms-ui-colors-info-shadow-secondary-subtle);
    --mms-ui-colors-color-palette-surface: var(--mms-ui-colors-info-surface);
    --mms-ui-colors-color-palette-surface-secondary: var(--mms-ui-colors-info-surface-secondary);
    --mms-ui-colors-color-palette-surface-tertiary: var(--mms-ui-colors-info-surface-tertiary);
    --mms-ui-colors-color-palette-control-text: var(--mms-ui-colors-info-control-text);
    --mms-ui-colors-color-palette-control-text-hover: var(--mms-ui-colors-info-control-text-hover);
    --mms-ui-colors-color-palette-control-text-disabled: var(--mms-ui-colors-info-control-text-disabled);
    --mms-ui-colors-color-palette-control-text-inverted: var(--mms-ui-colors-info-control-text-inverted);
    --mms-ui-colors-color-palette-control-text-inverted-disabled: var(--mms-ui-colors-info-control-text-inverted-disabled);
    --mms-ui-colors-color-palette-control-text-accent: var(--mms-ui-colors-info-control-text-accent);
    --mms-ui-colors-color-palette-control-background-hover: var(--mms-ui-colors-info-control-background-hover);
    --mms-ui-colors-color-palette-control-background-selected: var(--mms-ui-colors-info-control-background-selected);
    --mms-ui-colors-color-palette-control-background-inverted: var(--mms-ui-colors-info-control-background-inverted);
    --mms-ui-colors-color-palette-control-background-inverted-hover: var(--mms-ui-colors-info-control-background-inverted-hover);
    --mms-ui-colors-color-palette-control-background-inverted-disabled: var(--mms-ui-colors-info-control-background-inverted-disabled);
    --mms-ui-colors-color-palette-control-background-accent: var(--mms-ui-colors-info-control-background-accent);
    --mms-ui-colors-color-palette-control-background-accent-hover: var(--mms-ui-colors-info-control-background-accent-hover);
    --mms-ui-colors-color-palette-control-border: var(--mms-ui-colors-info-control-border);
    --mms-ui-colors-color-palette-control-border-disabled: var(--mms-ui-colors-info-control-border-disabled);
    --mms-ui-colors-color-palette-control-border-subtle: var(--mms-ui-colors-info-control-border-subtle);
    --mms-ui-colors-color-palette-control-border-subtle-hover: var(--mms-ui-colors-info-control-border-subtle-hover);
    --mms-ui-colors-color-palette-control-border-subtle-selected: var(--mms-ui-colors-info-control-border-subtle-selected);
    --mms-ui-colors-color-palette-control-border-inverted: var(--mms-ui-colors-info-control-border-inverted);
    --mms-ui-colors-color-palette-control-border-inverted-hover: var(--mms-ui-colors-info-control-border-inverted-hover);
    --mms-ui-colors-color-palette-control-border-inverted-disabled: var(--mms-ui-colors-info-control-border-inverted-disabled);
    --mms-ui-colors-color-palette-control-border-accent: var(--mms-ui-colors-info-control-border-accent);
    --mms-ui-colors-color-palette-control-border-accent-hover: var(--mms-ui-colors-info-control-border-accent-hover);
}

  .mms-ui-color-palette_info\.text {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-info-text);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-info-text-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-info-text-subtle);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-info-text-inverted);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-info-text-accent);
    --mms-ui-colors-color-palette-on-accent: var(--mms-ui-colors-info-text-on-accent);
}

  .mms-ui-color-palette_info\.border {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-info-border);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-info-border-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-info-border-subtle);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-info-border-accent);
    --mms-ui-colors-color-palette-focus: var(--mms-ui-colors-info-border-focus);
}

  .mms-ui-color-palette_info\.background {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-info-background);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-info-background-inverted);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-info-background-subtle);
    --mms-ui-colors-color-palette-overlay: var(--mms-ui-colors-info-background-overlay);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-info-background-accent);
    --mms-ui-colors-color-palette-accent-subtle: var(--mms-ui-colors-info-background-accent-subtle);
}

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

  .mms-ui-color-palette_info\.shadow {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-info-shadow);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-info-shadow-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-info-shadow-subtle);
    --mms-ui-colors-color-palette-secondary: var(--mms-ui-colors-info-shadow-secondary);
    --mms-ui-colors-color-palette-secondary-emphasized: var(--mms-ui-colors-info-shadow-secondary-emphasized);
    --mms-ui-colors-color-palette-secondary-subtle: var(--mms-ui-colors-info-shadow-secondary-subtle);
}

  .mms-ui-color-palette_info\.shadow\.secondary {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-info-shadow-secondary);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-info-shadow-secondary-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-info-shadow-secondary-subtle);
}

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

  .mms-ui-color-palette_info\.control\.text {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-info-control-text);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-info-control-text-hover);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-info-control-text-disabled);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-info-control-text-inverted);
    --mms-ui-colors-color-palette-inverted-disabled: var(--mms-ui-colors-info-control-text-inverted-disabled);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-info-control-text-accent);
}

  .mms-ui-color-palette_info\.control {
    --mms-ui-colors-color-palette-text: var(--mms-ui-colors-info-control-text);
    --mms-ui-colors-color-palette-text-hover: var(--mms-ui-colors-info-control-text-hover);
    --mms-ui-colors-color-palette-text-disabled: var(--mms-ui-colors-info-control-text-disabled);
    --mms-ui-colors-color-palette-text-inverted: var(--mms-ui-colors-info-control-text-inverted);
    --mms-ui-colors-color-palette-text-inverted-disabled: var(--mms-ui-colors-info-control-text-inverted-disabled);
    --mms-ui-colors-color-palette-text-accent: var(--mms-ui-colors-info-control-text-accent);
    --mms-ui-colors-color-palette-background-hover: var(--mms-ui-colors-info-control-background-hover);
    --mms-ui-colors-color-palette-background-selected: var(--mms-ui-colors-info-control-background-selected);
    --mms-ui-colors-color-palette-background-inverted: var(--mms-ui-colors-info-control-background-inverted);
    --mms-ui-colors-color-palette-background-inverted-hover: var(--mms-ui-colors-info-control-background-inverted-hover);
    --mms-ui-colors-color-palette-background-inverted-disabled: var(--mms-ui-colors-info-control-background-inverted-disabled);
    --mms-ui-colors-color-palette-background-accent: var(--mms-ui-colors-info-control-background-accent);
    --mms-ui-colors-color-palette-background-accent-hover: var(--mms-ui-colors-info-control-background-accent-hover);
    --mms-ui-colors-color-palette-border: var(--mms-ui-colors-info-control-border);
    --mms-ui-colors-color-palette-border-disabled: var(--mms-ui-colors-info-control-border-disabled);
    --mms-ui-colors-color-palette-border-subtle: var(--mms-ui-colors-info-control-border-subtle);
    --mms-ui-colors-color-palette-border-subtle-hover: var(--mms-ui-colors-info-control-border-subtle-hover);
    --mms-ui-colors-color-palette-border-subtle-selected: var(--mms-ui-colors-info-control-border-subtle-selected);
    --mms-ui-colors-color-palette-border-inverted: var(--mms-ui-colors-info-control-border-inverted);
    --mms-ui-colors-color-palette-border-inverted-hover: var(--mms-ui-colors-info-control-border-inverted-hover);
    --mms-ui-colors-color-palette-border-inverted-disabled: var(--mms-ui-colors-info-control-border-inverted-disabled);
    --mms-ui-colors-color-palette-border-accent: var(--mms-ui-colors-info-control-border-accent);
    --mms-ui-colors-color-palette-border-accent-hover: var(--mms-ui-colors-info-control-border-accent-hover);
}

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

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

  .mms-ui-color-palette_info\.control\.background {
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-info-control-background-hover);
    --mms-ui-colors-color-palette-selected: var(--mms-ui-colors-info-control-background-selected);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-info-control-background-inverted);
    --mms-ui-colors-color-palette-inverted-hover: var(--mms-ui-colors-info-control-background-inverted-hover);
    --mms-ui-colors-color-palette-inverted-disabled: var(--mms-ui-colors-info-control-background-inverted-disabled);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-info-control-background-accent);
    --mms-ui-colors-color-palette-accent-hover: var(--mms-ui-colors-info-control-background-accent-hover);
}

  .mms-ui-color-palette_info\.control\.background\.inverted {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-info-control-background-inverted);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-info-control-background-inverted-hover);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-info-control-background-inverted-disabled);
}

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

  .mms-ui-color-palette_info\.control\.border {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-info-control-border);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-info-control-border-disabled);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-info-control-border-subtle);
    --mms-ui-colors-color-palette-subtle-hover: var(--mms-ui-colors-info-control-border-subtle-hover);
    --mms-ui-colors-color-palette-subtle-selected: var(--mms-ui-colors-info-control-border-subtle-selected);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-info-control-border-inverted);
    --mms-ui-colors-color-palette-inverted-hover: var(--mms-ui-colors-info-control-border-inverted-hover);
    --mms-ui-colors-color-palette-inverted-disabled: var(--mms-ui-colors-info-control-border-inverted-disabled);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-info-control-border-accent);
    --mms-ui-colors-color-palette-accent-hover: var(--mms-ui-colors-info-control-border-accent-hover);
}

  .mms-ui-color-palette_info\.control\.border\.subtle {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-info-control-border-subtle);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-info-control-border-subtle-hover);
    --mms-ui-colors-color-palette-selected: var(--mms-ui-colors-info-control-border-subtle-selected);
}

  .mms-ui-color-palette_info\.control\.border\.inverted {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-info-control-border-inverted);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-info-control-border-inverted-hover);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-info-control-border-inverted-disabled);
}

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

  .mms-ui-color-palette_sustainable {
    --mms-ui-colors-color-palette-text: var(--mms-ui-colors-sustainable-text);
    --mms-ui-colors-color-palette-text-emphasized: var(--mms-ui-colors-sustainable-text-emphasized);
    --mms-ui-colors-color-palette-text-subtle: var(--mms-ui-colors-sustainable-text-subtle);
    --mms-ui-colors-color-palette-text-inverted: var(--mms-ui-colors-sustainable-text-inverted);
    --mms-ui-colors-color-palette-text-accent: var(--mms-ui-colors-sustainable-text-accent);
    --mms-ui-colors-color-palette-text-on-accent: var(--mms-ui-colors-sustainable-text-on-accent);
    --mms-ui-colors-color-palette-border: var(--mms-ui-colors-sustainable-border);
    --mms-ui-colors-color-palette-border-emphasized: var(--mms-ui-colors-sustainable-border-emphasized);
    --mms-ui-colors-color-palette-border-subtle: var(--mms-ui-colors-sustainable-border-subtle);
    --mms-ui-colors-color-palette-border-accent: var(--mms-ui-colors-sustainable-border-accent);
    --mms-ui-colors-color-palette-border-focus: var(--mms-ui-colors-sustainable-border-focus);
    --mms-ui-colors-color-palette-background: var(--mms-ui-colors-sustainable-background);
    --mms-ui-colors-color-palette-background-inverted: var(--mms-ui-colors-sustainable-background-inverted);
    --mms-ui-colors-color-palette-background-subtle: var(--mms-ui-colors-sustainable-background-subtle);
    --mms-ui-colors-color-palette-background-overlay: var(--mms-ui-colors-sustainable-background-overlay);
    --mms-ui-colors-color-palette-background-accent: var(--mms-ui-colors-sustainable-background-accent);
    --mms-ui-colors-color-palette-background-accent-subtle: var(--mms-ui-colors-sustainable-background-accent-subtle);
    --mms-ui-colors-color-palette-shadow: var(--mms-ui-colors-sustainable-shadow);
    --mms-ui-colors-color-palette-shadow-emphasized: var(--mms-ui-colors-sustainable-shadow-emphasized);
    --mms-ui-colors-color-palette-shadow-subtle: var(--mms-ui-colors-sustainable-shadow-subtle);
    --mms-ui-colors-color-palette-shadow-secondary: var(--mms-ui-colors-sustainable-shadow-secondary);
    --mms-ui-colors-color-palette-shadow-secondary-emphasized: var(--mms-ui-colors-sustainable-shadow-secondary-emphasized);
    --mms-ui-colors-color-palette-shadow-secondary-subtle: var(--mms-ui-colors-sustainable-shadow-secondary-subtle);
    --mms-ui-colors-color-palette-surface: var(--mms-ui-colors-sustainable-surface);
    --mms-ui-colors-color-palette-surface-secondary: var(--mms-ui-colors-sustainable-surface-secondary);
    --mms-ui-colors-color-palette-surface-tertiary: var(--mms-ui-colors-sustainable-surface-tertiary);
    --mms-ui-colors-color-palette-control-text: var(--mms-ui-colors-sustainable-control-text);
    --mms-ui-colors-color-palette-control-text-hover: var(--mms-ui-colors-sustainable-control-text-hover);
    --mms-ui-colors-color-palette-control-text-disabled: var(--mms-ui-colors-sustainable-control-text-disabled);
    --mms-ui-colors-color-palette-control-text-inverted: var(--mms-ui-colors-sustainable-control-text-inverted);
    --mms-ui-colors-color-palette-control-text-inverted-disabled: var(--mms-ui-colors-sustainable-control-text-inverted-disabled);
    --mms-ui-colors-color-palette-control-text-accent: var(--mms-ui-colors-sustainable-control-text-accent);
    --mms-ui-colors-color-palette-control-background-hover: var(--mms-ui-colors-sustainable-control-background-hover);
    --mms-ui-colors-color-palette-control-background-selected: var(--mms-ui-colors-sustainable-control-background-selected);
    --mms-ui-colors-color-palette-control-background-inverted: var(--mms-ui-colors-sustainable-control-background-inverted);
    --mms-ui-colors-color-palette-control-background-inverted-hover: var(--mms-ui-colors-sustainable-control-background-inverted-hover);
    --mms-ui-colors-color-palette-control-background-inverted-disabled: var(--mms-ui-colors-sustainable-control-background-inverted-disabled);
    --mms-ui-colors-color-palette-control-background-accent: var(--mms-ui-colors-sustainable-control-background-accent);
    --mms-ui-colors-color-palette-control-background-accent-hover: var(--mms-ui-colors-sustainable-control-background-accent-hover);
    --mms-ui-colors-color-palette-control-border: var(--mms-ui-colors-sustainable-control-border);
    --mms-ui-colors-color-palette-control-border-disabled: var(--mms-ui-colors-sustainable-control-border-disabled);
    --mms-ui-colors-color-palette-control-border-subtle: var(--mms-ui-colors-sustainable-control-border-subtle);
    --mms-ui-colors-color-palette-control-border-subtle-hover: var(--mms-ui-colors-sustainable-control-border-subtle-hover);
    --mms-ui-colors-color-palette-control-border-subtle-selected: var(--mms-ui-colors-sustainable-control-border-subtle-selected);
    --mms-ui-colors-color-palette-control-border-inverted: var(--mms-ui-colors-sustainable-control-border-inverted);
    --mms-ui-colors-color-palette-control-border-inverted-hover: var(--mms-ui-colors-sustainable-control-border-inverted-hover);
    --mms-ui-colors-color-palette-control-border-inverted-disabled: var(--mms-ui-colors-sustainable-control-border-inverted-disabled);
    --mms-ui-colors-color-palette-control-border-accent: var(--mms-ui-colors-sustainable-control-border-accent);
    --mms-ui-colors-color-palette-control-border-accent-hover: var(--mms-ui-colors-sustainable-control-border-accent-hover);
}

  .mms-ui-color-palette_sustainable\.text {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-sustainable-text);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-sustainable-text-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-sustainable-text-subtle);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-sustainable-text-inverted);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-sustainable-text-accent);
    --mms-ui-colors-color-palette-on-accent: var(--mms-ui-colors-sustainable-text-on-accent);
}

  .mms-ui-color-palette_sustainable\.border {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-sustainable-border);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-sustainable-border-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-sustainable-border-subtle);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-sustainable-border-accent);
    --mms-ui-colors-color-palette-focus: var(--mms-ui-colors-sustainable-border-focus);
}

  .mms-ui-color-palette_sustainable\.background {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-sustainable-background);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-sustainable-background-inverted);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-sustainable-background-subtle);
    --mms-ui-colors-color-palette-overlay: var(--mms-ui-colors-sustainable-background-overlay);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-sustainable-background-accent);
    --mms-ui-colors-color-palette-accent-subtle: var(--mms-ui-colors-sustainable-background-accent-subtle);
}

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

  .mms-ui-color-palette_sustainable\.shadow {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-sustainable-shadow);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-sustainable-shadow-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-sustainable-shadow-subtle);
    --mms-ui-colors-color-palette-secondary: var(--mms-ui-colors-sustainable-shadow-secondary);
    --mms-ui-colors-color-palette-secondary-emphasized: var(--mms-ui-colors-sustainable-shadow-secondary-emphasized);
    --mms-ui-colors-color-palette-secondary-subtle: var(--mms-ui-colors-sustainable-shadow-secondary-subtle);
}

  .mms-ui-color-palette_sustainable\.shadow\.secondary {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-sustainable-shadow-secondary);
    --mms-ui-colors-color-palette-emphasized: var(--mms-ui-colors-sustainable-shadow-secondary-emphasized);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-sustainable-shadow-secondary-subtle);
}

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

  .mms-ui-color-palette_sustainable\.control\.text {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-sustainable-control-text);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-sustainable-control-text-hover);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-sustainable-control-text-disabled);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-sustainable-control-text-inverted);
    --mms-ui-colors-color-palette-inverted-disabled: var(--mms-ui-colors-sustainable-control-text-inverted-disabled);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-sustainable-control-text-accent);
}

  .mms-ui-color-palette_sustainable\.control {
    --mms-ui-colors-color-palette-text: var(--mms-ui-colors-sustainable-control-text);
    --mms-ui-colors-color-palette-text-hover: var(--mms-ui-colors-sustainable-control-text-hover);
    --mms-ui-colors-color-palette-text-disabled: var(--mms-ui-colors-sustainable-control-text-disabled);
    --mms-ui-colors-color-palette-text-inverted: var(--mms-ui-colors-sustainable-control-text-inverted);
    --mms-ui-colors-color-palette-text-inverted-disabled: var(--mms-ui-colors-sustainable-control-text-inverted-disabled);
    --mms-ui-colors-color-palette-text-accent: var(--mms-ui-colors-sustainable-control-text-accent);
    --mms-ui-colors-color-palette-background-hover: var(--mms-ui-colors-sustainable-control-background-hover);
    --mms-ui-colors-color-palette-background-selected: var(--mms-ui-colors-sustainable-control-background-selected);
    --mms-ui-colors-color-palette-background-inverted: var(--mms-ui-colors-sustainable-control-background-inverted);
    --mms-ui-colors-color-palette-background-inverted-hover: var(--mms-ui-colors-sustainable-control-background-inverted-hover);
    --mms-ui-colors-color-palette-background-inverted-disabled: var(--mms-ui-colors-sustainable-control-background-inverted-disabled);
    --mms-ui-colors-color-palette-background-accent: var(--mms-ui-colors-sustainable-control-background-accent);
    --mms-ui-colors-color-palette-background-accent-hover: var(--mms-ui-colors-sustainable-control-background-accent-hover);
    --mms-ui-colors-color-palette-border: var(--mms-ui-colors-sustainable-control-border);
    --mms-ui-colors-color-palette-border-disabled: var(--mms-ui-colors-sustainable-control-border-disabled);
    --mms-ui-colors-color-palette-border-subtle: var(--mms-ui-colors-sustainable-control-border-subtle);
    --mms-ui-colors-color-palette-border-subtle-hover: var(--mms-ui-colors-sustainable-control-border-subtle-hover);
    --mms-ui-colors-color-palette-border-subtle-selected: var(--mms-ui-colors-sustainable-control-border-subtle-selected);
    --mms-ui-colors-color-palette-border-inverted: var(--mms-ui-colors-sustainable-control-border-inverted);
    --mms-ui-colors-color-palette-border-inverted-hover: var(--mms-ui-colors-sustainable-control-border-inverted-hover);
    --mms-ui-colors-color-palette-border-inverted-disabled: var(--mms-ui-colors-sustainable-control-border-inverted-disabled);
    --mms-ui-colors-color-palette-border-accent: var(--mms-ui-colors-sustainable-control-border-accent);
    --mms-ui-colors-color-palette-border-accent-hover: var(--mms-ui-colors-sustainable-control-border-accent-hover);
}

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

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

  .mms-ui-color-palette_sustainable\.control\.background {
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-sustainable-control-background-hover);
    --mms-ui-colors-color-palette-selected: var(--mms-ui-colors-sustainable-control-background-selected);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-sustainable-control-background-inverted);
    --mms-ui-colors-color-palette-inverted-hover: var(--mms-ui-colors-sustainable-control-background-inverted-hover);
    --mms-ui-colors-color-palette-inverted-disabled: var(--mms-ui-colors-sustainable-control-background-inverted-disabled);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-sustainable-control-background-accent);
    --mms-ui-colors-color-palette-accent-hover: var(--mms-ui-colors-sustainable-control-background-accent-hover);
}

  .mms-ui-color-palette_sustainable\.control\.background\.inverted {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-sustainable-control-background-inverted);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-sustainable-control-background-inverted-hover);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-sustainable-control-background-inverted-disabled);
}

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

  .mms-ui-color-palette_sustainable\.control\.border {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-sustainable-control-border);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-sustainable-control-border-disabled);
    --mms-ui-colors-color-palette-subtle: var(--mms-ui-colors-sustainable-control-border-subtle);
    --mms-ui-colors-color-palette-subtle-hover: var(--mms-ui-colors-sustainable-control-border-subtle-hover);
    --mms-ui-colors-color-palette-subtle-selected: var(--mms-ui-colors-sustainable-control-border-subtle-selected);
    --mms-ui-colors-color-palette-inverted: var(--mms-ui-colors-sustainable-control-border-inverted);
    --mms-ui-colors-color-palette-inverted-hover: var(--mms-ui-colors-sustainable-control-border-inverted-hover);
    --mms-ui-colors-color-palette-inverted-disabled: var(--mms-ui-colors-sustainable-control-border-inverted-disabled);
    --mms-ui-colors-color-palette-accent: var(--mms-ui-colors-sustainable-control-border-accent);
    --mms-ui-colors-color-palette-accent-hover: var(--mms-ui-colors-sustainable-control-border-accent-hover);
}

  .mms-ui-color-palette_sustainable\.control\.border\.subtle {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-sustainable-control-border-subtle);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-sustainable-control-border-subtle-hover);
    --mms-ui-colors-color-palette-selected: var(--mms-ui-colors-sustainable-control-border-subtle-selected);
}

  .mms-ui-color-palette_sustainable\.control\.border\.inverted {
    --mms-ui-colors-color-palette: var(--mms-ui-colors-sustainable-control-border-inverted);
    --mms-ui-colors-color-palette-hover: var(--mms-ui-colors-sustainable-control-border-inverted-hover);
    --mms-ui-colors-color-palette-disabled: var(--mms-ui-colors-sustainable-control-border-inverted-disabled);
}

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

  .mms-ui-grid-ce_span_1 {
    grid-column-end: span 1;
}

  .mms-ui-grid-ce_span_2 {
    grid-column-end: span 2;
}

  .mms-ui-grid-ce_span_3 {
    grid-column-end: span 3;
}

  .mms-ui-grid-ce_span_4 {
    grid-column-end: span 4;
}

  .mms-ui-grid-ce_span_5 {
    grid-column-end: span 5;
}

  .mms-ui-grid-ce_span_6 {
    grid-column-end: span 6;
}

  .mms-ui-grid-ce_span_7 {
    grid-column-end: span 7;
}

  .mms-ui-grid-ce_span_8 {
    grid-column-end: span 8;
}

  .mms-ui-grid-ce_span_9 {
    grid-column-end: span 9;
}

  .mms-ui-grid-ce_span_10 {
    grid-column-end: span 10;
}

  .mms-ui-grid-ce_span_11 {
    grid-column-end: span 11;
}

  .mms-ui-grid-ce_span_12 {
    grid-column-end: span 12;
}

  .mms-ui-grid-ce_1 {
    grid-column-end: 1;
}

  .mms-ui-grid-ce_2 {
    grid-column-end: 2;
}

  .mms-ui-grid-ce_3 {
    grid-column-end: 3;
}

  .mms-ui-grid-ce_4 {
    grid-column-end: 4;
}

  .mms-ui-grid-ce_5 {
    grid-column-end: 5;
}

  .mms-ui-grid-ce_6 {
    grid-column-end: 6;
}

  .mms-ui-grid-ce_7 {
    grid-column-end: 7;
}

  .mms-ui-grid-ce_8 {
    grid-column-end: 8;
}

  .mms-ui-grid-ce_9 {
    grid-column-end: 9;
}

  .mms-ui-grid-ce_10 {
    grid-column-end: 10;
}

  .mms-ui-grid-ce_11 {
    grid-column-end: 11;
}

  .mms-ui-grid-ce_12 {
    grid-column-end: 12;
}

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

  .mms-ui-h_\[5rem\] {
    height: 5rem;
}

  .mms-ui-w_\[5rem\] {
    width: 5rem;
}

  .mms-ui-w_full {
    width: var(--mms-ui-sizes-full);
}

  .mms-ui-h_full {
    height: var(--mms-ui-sizes-full);
}

  .mms-ui-h_0 {
    height: var(--mms-ui-sizes-0);
}

  .mms-ui-w_\[90\%\] {
    width: 90%;
}

  .mms-ui-max-w_\[92em\] {
    max-width: 92em;
}

  .mms-ui-min-h_\[10em\] {
    min-height: 10em;
}

  .mms-ui-w_fit {
    width: var(--mms-ui-sizes-fit);
}

  .mms-ui-h_fit {
    height: var(--mms-ui-sizes-fit);
}

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

  .mms-ui-mt_md\! {
    margin-top: var(--mms-ui-spacing-md) !important;
}

  .mms-ui-mb_3xl\! {
    margin-bottom: var(--mms-ui-spacing-3xl) !important;
}

  .mms-ui-min-w_fit {
    min-width: var(--mms-ui-sizes-fit);
}

  .mms-ui-w_\[15rem\] {
    width: 15rem;
}

  .mms-ui-h_0\! {
    height: var(--mms-ui-sizes-0) !important;
}

  .mms-ui-min-h_\[12em\] {
    min-height: 12em;
}

  .mms-ui-w_auto {
    width: auto;
}

  .mms-ui-mb_md {
    margin-bottom: var(--mms-ui-spacing-md);
}

  .\[\&\:\:before\,_\&\:\:after\]\:mms-ui-bd-t_1px_solid::before,.\[\&\:\:before\,_\&\:\:after\]\:mms-ui-bd-t_1px_solid::after {
    border-top: 1px solid;
}

  .\[\&\:\:before\,_\&\:\:after\]\:mms-ui-bd-l_1px_solid::before,.\[\&\:\:before\,_\&\:\:after\]\:mms-ui-bd-l_1px_solid::after {
    border-left: 1px solid;
}

  .icon\:mms-ui-trs_\[transform_0\.3s_ease-in-out\] :where(svg) {
    transition: transform 0.3s ease-in-out;
}

  .\[\&\:\:before\,_\&\:\:after\]\:mms-ui-pos_relative::before,.\[\&\:\:before\,_\&\:\:after\]\:mms-ui-pos_relative::after {
    position: relative;
}

  .\[\&\:\:before\,_\&\:\:after\]\:mms-ui-trf_translateY\(50\%\)::before,.\[\&\:\:before\,_\&\:\:after\]\:mms-ui-trf_translateY\(50\%\)::after {
    transform: translateY(50%);
}

  .\[\&\:\:before\,_\&\:\:after\]\:mms-ui-content_\'\'::before,.\[\&\:\:before\,_\&\:\:after\]\:mms-ui-content_\'\'::after {
    content: '';
}

  .\[\&\:\:before\,_\&\:\:after\]\:mms-ui-trf_unset::before,.\[\&\:\:before\,_\&\:\:after\]\:mms-ui-trf_unset::after {
    transform: unset;
}

  .icon\:mms-ui-trf_rotate\(0deg\) :where(svg) {
    transform: rotate(0deg);
}

  .icon\:mms-ui-trf_rotate\(45deg\) :where(svg) {
    transform: rotate(45deg);
}

  .icon\:mms-ui-trf_rotate\(90deg\) :where(svg) {
    transform: rotate(90deg);
}

  .icon\:mms-ui-trf_rotate\(180deg\) :where(svg) {
    transform: rotate(180deg);
}

  .icon\:mms-ui-trf_rotate\(270deg\) :where(svg) {
    transform: rotate(270deg);
}

  .icon\:mms-ui-trf_rotate\(-45deg\) :where(svg) {
    transform: rotate(-45deg);
}

  .icon\:mms-ui-trf_rotate\(-90deg\) :where(svg) {
    transform: rotate(-90deg);
}

  .icon\:mms-ui-trf_rotate\(-180deg\) :where(svg) {
    transform: rotate(-180deg);
}

  .icon\:mms-ui-trf_rotate\(-270deg\) :where(svg) {
    transform: rotate(-270deg);
}

  .\[\&\:\:before\,_\&\:\:after\]\:mms-ui-top_\[50\%\]::before,.\[\&\:\:before\,_\&\:\:after\]\:mms-ui-top_\[50\%\]::after {
    top: 50%;
}

  .\[\&\:\:before\,_\&\:\:after\]\:mms-ui-w_\[50\%\]::before,.\[\&\:\:before\,_\&\:\:after\]\:mms-ui-w_\[50\%\]::after {
    width: 50%;
}

  .\[\&\:\:before\,_\&\:\:after\]\:mms-ui-bd-t-c_colorPalette\.border::before,.\[\&\:\:before\,_\&\:\:after\]\:mms-ui-bd-t-c_colorPalette\.border::after {
    border-top-color: var(--mms-ui-colors-color-palette-border);
}

  .\[\&\:\:before\,_\&\:\:after\]\:mms-ui-top_\[unset\]::before,.\[\&\:\:before\,_\&\:\:after\]\:mms-ui-top_\[unset\]::after {
    top: unset;
}

  .\[\&\:\:before\,_\&\:\:after\]\:mms-ui-w_\[unset\]::before,.\[\&\:\:before\,_\&\:\:after\]\:mms-ui-w_\[unset\]::after {
    width: unset;
}

  .\[\&\:\:before\,_\&\:\:after\]\:mms-ui-bd-l-c_colorPalette\.border::before,.\[\&\:\:before\,_\&\:\:after\]\:mms-ui-bd-l-c_colorPalette\.border::after {
    border-left-color: var(--mms-ui-colors-color-palette-border);
}

  .\[\&_\&\]\:mms-ui-w_full .\[\&_\&\]\:mms-ui-w_full {
    width: var(--mms-ui-sizes-full);
}

  .icon\:mms-ui-w_md :where(svg) {
    width: var(--mms-ui-sizes-md);
}

  .icon\:mms-ui-h_md :where(svg) {
    height: var(--mms-ui-sizes-md);
}

  .icon\:mms-ui-w_xs :where(svg) {
    width: var(--mms-ui-sizes-xs);
}

  .icon\:mms-ui-h_xs :where(svg) {
    height: var(--mms-ui-sizes-xs);
}

  .icon\:mms-ui-w_sm :where(svg) {
    width: var(--mms-ui-sizes-sm);
}

  .icon\:mms-ui-h_sm :where(svg) {
    height: var(--mms-ui-sizes-sm);
}

  .icon\:mms-ui-w_lg :where(svg) {
    width: var(--mms-ui-sizes-lg);
}

  .icon\:mms-ui-h_lg :where(svg) {
    height: var(--mms-ui-sizes-lg);
}

  .icon\:mms-ui-w_4xl :where(svg) {
    width: var(--mms-ui-sizes-4xl);
}

  .icon\:mms-ui-h_4xl :where(svg) {
    height: var(--mms-ui-sizes-4xl);
}

  .icon\:mms-ui-w_6xl :where(svg) {
    width: var(--mms-ui-sizes-6xl);
}

  .icon\:mms-ui-h_6xl :where(svg) {
    height: var(--mms-ui-sizes-6xl);
}

  .icon\:mms-ui-w_var\(--mms-icon-size--custom\) :where(svg) {
    width: var(--mms-icon-size--custom);
}

  .icon\:mms-ui-h_var\(--mms-icon-size--custom\) :where(svg) {
    height: var(--mms-icon-size--custom);
}

  .\[\&\:\:before\,_\&\:\:after\]\:mms-ui-bd-t-c_transparent::before,.\[\&\:\:before\,_\&\:\:after\]\:mms-ui-bd-t-c_transparent::after {
    border-top-color: var(--mms-ui-colors-transparent);
}

  .focusVisible\:mms-ui-bdr_sm:is(:focus-visible, [data-focus-visible]) {
    border-radius: var(--mms-ui-radii-sm);
}

  .hover\:mms-ui-bx-sh_none:is(:hover, [data-hover]) {
    box-shadow: var(--mms-ui-shadows-none);
}

  .hover\:mms-ui-bx-sh_xs:is(:hover, [data-hover]) {
    box-shadow: var(--mms-ui-shadows-xs);
}

  .hover\:mms-ui-bx-sh_sm:is(:hover, [data-hover]) {
    box-shadow: var(--mms-ui-shadows-sm);
}

  .hover\:mms-ui-bx-sh_md:is(:hover, [data-hover]) {
    box-shadow: var(--mms-ui-shadows-md);
}

  .hover\:mms-ui-bx-sh_lg:is(:hover, [data-hover]) {
    box-shadow: var(--mms-ui-shadows-lg);
}

  .icon\:\[\&_\.emphasized\]\:mms-ui-fill_colorPalette\.text\.accent :where(svg) .emphasized {
    fill: var(--mms-ui-colors-color-palette-text-accent);
}

  .icon\:\[\&_\.base\]\:mms-ui-fill_colorPalette\.text :where(svg) .base {
    fill: var(--mms-ui-colors-color-palette-text);
}

  .icon\:\[\&_\.base\]\:mms-ui-fill_colorPalette\.text\.emphasized :where(svg) .base {
    fill: var(--mms-ui-colors-color-palette-text-emphasized);
}

  .icon\:\[\&_\.base\]\:mms-ui-fill_colorPalette\.text\.accent :where(svg) .base {
    fill: var(--mms-ui-colors-color-palette-text-accent);
}

  .icon\:\[\&_\.base\]\:mms-ui-fill_var\(--mms-icon-color--base\) :where(svg) .base {
    fill: var(--mms-icon-color--base);
}

  .icon\:\[\&_\.emphasized\]\:mms-ui-fill_var\(--mms-icon-color--emphasized\) :where(svg) .emphasized {
    fill: var(--mms-icon-color--emphasized);
}

  .icon\:\[\&_\.custom\]\:mms-ui-fill_var\(--mms-energy-efficiency-arrow-color\) :where(svg) .custom {
    fill: var(--mms-energy-efficiency-arrow-color);
}

  @media screen and (min-width: 0rem) {
    .mms-ui-hide_xxs {
      display: none;
}
    .xxs\:mms-ui-flex_1 {
      flex: 1 1 0%;
}
    .xxs\:mms-ui-flex_auto {
      flex: 1 1 auto;
}
    .xxs\:mms-ui-flex_initial {
      flex: 0 1 auto;
}
    .xxs\:mms-ui-flex_none {
      flex: none;
}
    .xxs\:mms-ui-flex_1_0_auto {
      flex: 1 0 auto;
}
    .xxs\:mms-ui-flex_1_1_auto {
      flex: 1 1 auto;
}
    .xxs\:mms-ui-grid-c_span_1 {
      grid-column: span 1;
}
    .xxs\:mms-ui-grid-c_span_2 {
      grid-column: span 2;
}
    .xxs\:mms-ui-grid-c_span_3 {
      grid-column: span 3;
}
    .xxs\:mms-ui-grid-c_span_4 {
      grid-column: span 4;
}
    .xxs\:mms-ui-grid-c_span_5 {
      grid-column: span 5;
}
    .xxs\:mms-ui-grid-c_span_6 {
      grid-column: span 6;
}
    .xxs\:mms-ui-grid-c_span_7 {
      grid-column: span 7;
}
    .xxs\:mms-ui-grid-c_span_8 {
      grid-column: span 8;
}
    .xxs\:mms-ui-grid-c_span_9 {
      grid-column: span 9;
}
    .xxs\:mms-ui-grid-c_span_10 {
      grid-column: span 10;
}
    .xxs\:mms-ui-grid-c_span_11 {
      grid-column: span 11;
}
    .xxs\:mms-ui-grid-c_span_12 {
      grid-column: span 12;
}
    .xxs\:mms-ui-grid-r_span_1 {
      grid-row: span 1;
}
    .xxs\:mms-ui-grid-r_span_2 {
      grid-row: span 2;
}
    .xxs\:mms-ui-grid-r_span_3 {
      grid-row: span 3;
}
    .xxs\:mms-ui-grid-r_span_4 {
      grid-row: span 4;
}
    .xxs\:mms-ui-grid-r_span_5 {
      grid-row: span 5;
}
    .xxs\:mms-ui-grid-r_span_6 {
      grid-row: span 6;
}
    .xxs\:mms-ui-grid-r_span_7 {
      grid-row: span 7;
}
    .xxs\:mms-ui-grid-r_span_8 {
      grid-row: span 8;
}
    .xxs\:mms-ui-grid-r_span_9 {
      grid-row: span 9;
}
    .xxs\:mms-ui-grid-r_span_10 {
      grid-row: span 10;
}
    .xxs\:mms-ui-grid-r_span_11 {
      grid-row: span 11;
}
    .xxs\:mms-ui-grid-r_span_12 {
      grid-row: span 12;
}
}

  @media screen and (min-width: 0rem) {
    @media screen and (max-width: -0.0025rem) {
      .xxs\:mms-ui-show_xxs {
        display: none;
}
}
}

  @media screen and (min-width: 0rem) {
    @media screen and (max-width: 22.9975rem) {
      .xxs\:mms-ui-show_xs {
        display: none;
}
}
}

  @media screen and (min-width: 0rem) {
    @media screen and (max-width: 31.9975rem) {
      .xxs\:mms-ui-show_sm {
        display: none;
}
}
}

  @media screen and (min-width: 0rem) {
    @media screen and (max-width: 46.9975rem) {
      .xxs\:mms-ui-show_md {
        display: none;
}
}
}

  @media screen and (min-width: 0rem) {
    @media screen and (max-width: 62.9975rem) {
      .xxs\:mms-ui-show_lg {
        display: none;
}
}
}

  @media screen and (min-width: 0rem) {
    @media screen and (max-width: 76.9975rem) {
      .xxs\:mms-ui-show_xl {
        display: none;
}
}
}

  @media screen and (min-width: 0rem) {
    @media screen and (max-width: 91.9975rem) {
      .xxs\:mms-ui-show_xxl {
        display: none;
}
}
}

  @media screen and (min-width: 0rem) {
    @media screen and (min-width: 0rem) {
      .xxs\:mms-ui-hide_xxs {
        display: none;
}
}
}

  @media screen and (min-width: 0rem) {
    @media screen and (min-width: 23rem) {
      .xxs\:mms-ui-hide_xs {
        display: none;
}
}
}

  @media screen and (min-width: 0rem) {
    @media screen and (min-width: 32rem) {
      .xxs\:mms-ui-hide_sm {
        display: none;
}
}
}

  @media screen and (min-width: 0rem) {
    @media screen and (min-width: 47rem) {
      .xxs\:mms-ui-hide_md {
        display: none;
}
}
}

  @media screen and (min-width: 0rem) {
    @media screen and (min-width: 63rem) {
      .xxs\:mms-ui-hide_lg {
        display: none;
}
}
}

  @media screen and (min-width: 0rem) {
    @media screen and (min-width: 77rem) {
      .xxs\:mms-ui-hide_xl {
        display: none;
}
}
}

  @media screen and (min-width: 0rem) {
    @media screen and (min-width: 92rem) {
      .xxs\:mms-ui-hide_xxl {
        display: none;
}
}
}

  @media screen and (min-width: 0rem) {
    .xxs\:mms-ui-order_-10 {
      order: -10;
}
    .xxs\:mms-ui-order_-9 {
      order: -9;
}
    .xxs\:mms-ui-order_-8 {
      order: -8;
}
    .xxs\:mms-ui-order_-7 {
      order: -7;
}
    .xxs\:mms-ui-order_-6 {
      order: -6;
}
    .xxs\:mms-ui-order_-5 {
      order: -5;
}
    .xxs\:mms-ui-order_-4 {
      order: -4;
}
    .xxs\:mms-ui-order_-3 {
      order: -3;
}
    .xxs\:mms-ui-order_-2 {
      order: -2;
}
    .xxs\:mms-ui-order_-1 {
      order: -1;
}
    .xxs\:mms-ui-order_0 {
      order: 0;
}
    .xxs\:mms-ui-order_1 {
      order: 1;
}
    .xxs\:mms-ui-order_2 {
      order: 2;
}
    .xxs\:mms-ui-order_3 {
      order: 3;
}
    .xxs\:mms-ui-order_4 {
      order: 4;
}
    .xxs\:mms-ui-order_5 {
      order: 5;
}
    .xxs\:mms-ui-order_6 {
      order: 6;
}
    .xxs\:mms-ui-order_7 {
      order: 7;
}
    .xxs\:mms-ui-order_8 {
      order: 8;
}
    .xxs\:mms-ui-order_9 {
      order: 9;
}
    .xxs\:mms-ui-order_10 {
      order: 10;
}
    .xxs\:mms-ui-grid-ce_span_1 {
      grid-column-end: span 1;
}
    .xxs\:mms-ui-grid-ce_span_2 {
      grid-column-end: span 2;
}
    .xxs\:mms-ui-grid-ce_span_3 {
      grid-column-end: span 3;
}
    .xxs\:mms-ui-grid-ce_span_4 {
      grid-column-end: span 4;
}
    .xxs\:mms-ui-grid-ce_span_5 {
      grid-column-end: span 5;
}
    .xxs\:mms-ui-grid-ce_span_6 {
      grid-column-end: span 6;
}
    .xxs\:mms-ui-grid-ce_span_7 {
      grid-column-end: span 7;
}
    .xxs\:mms-ui-grid-ce_span_8 {
      grid-column-end: span 8;
}
    .xxs\:mms-ui-grid-ce_span_9 {
      grid-column-end: span 9;
}
    .xxs\:mms-ui-grid-ce_span_10 {
      grid-column-end: span 10;
}
    .xxs\:mms-ui-grid-ce_span_11 {
      grid-column-end: span 11;
}
    .xxs\:mms-ui-grid-ce_span_12 {
      grid-column-end: span 12;
}
    .xxs\:mms-ui-grid-ce_1 {
      grid-column-end: 1;
}
    .xxs\:mms-ui-grid-ce_2 {
      grid-column-end: 2;
}
    .xxs\:mms-ui-grid-ce_3 {
      grid-column-end: 3;
}
    .xxs\:mms-ui-grid-ce_4 {
      grid-column-end: 4;
}
    .xxs\:mms-ui-grid-ce_5 {
      grid-column-end: 5;
}
    .xxs\:mms-ui-grid-ce_6 {
      grid-column-end: 6;
}
    .xxs\:mms-ui-grid-ce_7 {
      grid-column-end: 7;
}
    .xxs\:mms-ui-grid-ce_8 {
      grid-column-end: 8;
}
    .xxs\:mms-ui-grid-ce_9 {
      grid-column-end: 9;
}
    .xxs\:mms-ui-grid-ce_10 {
      grid-column-end: 10;
}
    .xxs\:mms-ui-grid-ce_11 {
      grid-column-end: 11;
}
    .xxs\:mms-ui-grid-ce_12 {
      grid-column-end: 12;
}
}

  @media screen and (min-width: 0rem) and (max-width: 46.9975rem) {
    .xxsToMd\:mms-ui-gap_none {
      gap: var(--mms-ui-spacing-none);
}
}

  @media screen and (min-width: 23rem) {
    .mms-ui-hide_xs {
      display: none;
}
    .xs\:mms-ui-flex_1 {
      flex: 1 1 0%;
}
    .xs\:mms-ui-flex_auto {
      flex: 1 1 auto;
}
    .xs\:mms-ui-flex_initial {
      flex: 0 1 auto;
}
    .xs\:mms-ui-flex_none {
      flex: none;
}
    .xs\:mms-ui-flex_1_0_auto {
      flex: 1 0 auto;
}
    .xs\:mms-ui-flex_1_1_auto {
      flex: 1 1 auto;
}
    .xs\:mms-ui-grid-c_span_1 {
      grid-column: span 1;
}
    .xs\:mms-ui-grid-c_span_2 {
      grid-column: span 2;
}
    .xs\:mms-ui-grid-c_span_3 {
      grid-column: span 3;
}
    .xs\:mms-ui-grid-c_span_4 {
      grid-column: span 4;
}
    .xs\:mms-ui-grid-c_span_5 {
      grid-column: span 5;
}
    .xs\:mms-ui-grid-c_span_6 {
      grid-column: span 6;
}
    .xs\:mms-ui-grid-c_span_7 {
      grid-column: span 7;
}
    .xs\:mms-ui-grid-c_span_8 {
      grid-column: span 8;
}
    .xs\:mms-ui-grid-c_span_9 {
      grid-column: span 9;
}
    .xs\:mms-ui-grid-c_span_10 {
      grid-column: span 10;
}
    .xs\:mms-ui-grid-c_span_11 {
      grid-column: span 11;
}
    .xs\:mms-ui-grid-c_span_12 {
      grid-column: span 12;
}
    .xs\:mms-ui-grid-r_span_1 {
      grid-row: span 1;
}
    .xs\:mms-ui-grid-r_span_2 {
      grid-row: span 2;
}
    .xs\:mms-ui-grid-r_span_3 {
      grid-row: span 3;
}
    .xs\:mms-ui-grid-r_span_4 {
      grid-row: span 4;
}
    .xs\:mms-ui-grid-r_span_5 {
      grid-row: span 5;
}
    .xs\:mms-ui-grid-r_span_6 {
      grid-row: span 6;
}
    .xs\:mms-ui-grid-r_span_7 {
      grid-row: span 7;
}
    .xs\:mms-ui-grid-r_span_8 {
      grid-row: span 8;
}
    .xs\:mms-ui-grid-r_span_9 {
      grid-row: span 9;
}
    .xs\:mms-ui-grid-r_span_10 {
      grid-row: span 10;
}
    .xs\:mms-ui-grid-r_span_11 {
      grid-row: span 11;
}
    .xs\:mms-ui-grid-r_span_12 {
      grid-row: span 12;
}
    .xs\:mms-ui-flex-d_column {
      flex-direction: column;
}
}

  @media screen and (min-width: 23rem) {
    @media screen and (max-width: -0.0025rem) {
      .xs\:mms-ui-show_xxs {
        display: none;
}
}
}

  @media screen and (min-width: 23rem) {
    @media screen and (max-width: 22.9975rem) {
      .xs\:mms-ui-show_xs {
        display: none;
}
}
}

  @media screen and (min-width: 23rem) {
    @media screen and (max-width: 31.9975rem) {
      .xs\:mms-ui-show_sm {
        display: none;
}
}
}

  @media screen and (min-width: 23rem) {
    @media screen and (max-width: 46.9975rem) {
      .xs\:mms-ui-show_md {
        display: none;
}
}
}

  @media screen and (min-width: 23rem) {
    @media screen and (max-width: 62.9975rem) {
      .xs\:mms-ui-show_lg {
        display: none;
}
}
}

  @media screen and (min-width: 23rem) {
    @media screen and (max-width: 76.9975rem) {
      .xs\:mms-ui-show_xl {
        display: none;
}
}
}

  @media screen and (min-width: 23rem) {
    @media screen and (max-width: 91.9975rem) {
      .xs\:mms-ui-show_xxl {
        display: none;
}
}
}

  @media screen and (min-width: 23rem) {
    @media screen and (min-width: 0rem) {
      .xs\:mms-ui-hide_xxs {
        display: none;
}
}
}

  @media screen and (min-width: 23rem) {
    @media screen and (min-width: 23rem) {
      .xs\:mms-ui-hide_xs {
        display: none;
}
}
}

  @media screen and (min-width: 23rem) {
    @media screen and (min-width: 32rem) {
      .xs\:mms-ui-hide_sm {
        display: none;
}
}
}

  @media screen and (min-width: 23rem) {
    @media screen and (min-width: 47rem) {
      .xs\:mms-ui-hide_md {
        display: none;
}
}
}

  @media screen and (min-width: 23rem) {
    @media screen and (min-width: 63rem) {
      .xs\:mms-ui-hide_lg {
        display: none;
}
}
}

  @media screen and (min-width: 23rem) {
    @media screen and (min-width: 77rem) {
      .xs\:mms-ui-hide_xl {
        display: none;
}
}
}

  @media screen and (min-width: 23rem) {
    @media screen and (min-width: 92rem) {
      .xs\:mms-ui-hide_xxl {
        display: none;
}
}
}

  @media screen and (min-width: 23rem) {
    .xs\:mms-ui-order_-10 {
      order: -10;
}
    .xs\:mms-ui-order_-9 {
      order: -9;
}
    .xs\:mms-ui-order_-8 {
      order: -8;
}
    .xs\:mms-ui-order_-7 {
      order: -7;
}
    .xs\:mms-ui-order_-6 {
      order: -6;
}
    .xs\:mms-ui-order_-5 {
      order: -5;
}
    .xs\:mms-ui-order_-4 {
      order: -4;
}
    .xs\:mms-ui-order_-3 {
      order: -3;
}
    .xs\:mms-ui-order_-2 {
      order: -2;
}
    .xs\:mms-ui-order_-1 {
      order: -1;
}
    .xs\:mms-ui-order_0 {
      order: 0;
}
    .xs\:mms-ui-order_1 {
      order: 1;
}
    .xs\:mms-ui-order_2 {
      order: 2;
}
    .xs\:mms-ui-order_3 {
      order: 3;
}
    .xs\:mms-ui-order_4 {
      order: 4;
}
    .xs\:mms-ui-order_5 {
      order: 5;
}
    .xs\:mms-ui-order_6 {
      order: 6;
}
    .xs\:mms-ui-order_7 {
      order: 7;
}
    .xs\:mms-ui-order_8 {
      order: 8;
}
    .xs\:mms-ui-order_9 {
      order: 9;
}
    .xs\:mms-ui-order_10 {
      order: 10;
}
    .xs\:mms-ui-grid-ce_span_1 {
      grid-column-end: span 1;
}
    .xs\:mms-ui-grid-ce_span_2 {
      grid-column-end: span 2;
}
    .xs\:mms-ui-grid-ce_span_3 {
      grid-column-end: span 3;
}
    .xs\:mms-ui-grid-ce_span_4 {
      grid-column-end: span 4;
}
    .xs\:mms-ui-grid-ce_span_5 {
      grid-column-end: span 5;
}
    .xs\:mms-ui-grid-ce_span_6 {
      grid-column-end: span 6;
}
    .xs\:mms-ui-grid-ce_span_7 {
      grid-column-end: span 7;
}
    .xs\:mms-ui-grid-ce_span_8 {
      grid-column-end: span 8;
}
    .xs\:mms-ui-grid-ce_span_9 {
      grid-column-end: span 9;
}
    .xs\:mms-ui-grid-ce_span_10 {
      grid-column-end: span 10;
}
    .xs\:mms-ui-grid-ce_span_11 {
      grid-column-end: span 11;
}
    .xs\:mms-ui-grid-ce_span_12 {
      grid-column-end: span 12;
}
    .xs\:mms-ui-grid-ce_1 {
      grid-column-end: 1;
}
    .xs\:mms-ui-grid-ce_2 {
      grid-column-end: 2;
}
    .xs\:mms-ui-grid-ce_3 {
      grid-column-end: 3;
}
    .xs\:mms-ui-grid-ce_4 {
      grid-column-end: 4;
}
    .xs\:mms-ui-grid-ce_5 {
      grid-column-end: 5;
}
    .xs\:mms-ui-grid-ce_6 {
      grid-column-end: 6;
}
    .xs\:mms-ui-grid-ce_7 {
      grid-column-end: 7;
}
    .xs\:mms-ui-grid-ce_8 {
      grid-column-end: 8;
}
    .xs\:mms-ui-grid-ce_9 {
      grid-column-end: 9;
}
    .xs\:mms-ui-grid-ce_10 {
      grid-column-end: 10;
}
    .xs\:mms-ui-grid-ce_11 {
      grid-column-end: 11;
}
    .xs\:mms-ui-grid-ce_12 {
      grid-column-end: 12;
}
}

  @media screen and (min-width: 32rem) {
    .mms-ui-hide_sm {
      display: none;
}
    .sm\:mms-ui-gap_sm {
      gap: var(--mms-ui-spacing-sm);
}
    .sm\:mms-ui-gap_xs {
      gap: var(--mms-ui-spacing-xs);
}
    .sm\:mms-ui-flex_1 {
      flex: 1 1 0%;
}
    .sm\:mms-ui-flex_auto {
      flex: 1 1 auto;
}
    .sm\:mms-ui-flex_initial {
      flex: 0 1 auto;
}
    .sm\:mms-ui-flex_none {
      flex: none;
}
    .sm\:mms-ui-flex_1_0_auto {
      flex: 1 0 auto;
}
    .sm\:mms-ui-flex_1_1_auto {
      flex: 1 1 auto;
}
    .sm\:mms-ui-grid-c_span_1 {
      grid-column: span 1;
}
    .sm\:mms-ui-grid-c_span_2 {
      grid-column: span 2;
}
    .sm\:mms-ui-grid-c_span_3 {
      grid-column: span 3;
}
    .sm\:mms-ui-grid-c_span_4 {
      grid-column: span 4;
}
    .sm\:mms-ui-grid-c_span_5 {
      grid-column: span 5;
}
    .sm\:mms-ui-grid-c_span_6 {
      grid-column: span 6;
}
    .sm\:mms-ui-grid-c_span_7 {
      grid-column: span 7;
}
    .sm\:mms-ui-grid-c_span_8 {
      grid-column: span 8;
}
    .sm\:mms-ui-grid-c_span_9 {
      grid-column: span 9;
}
    .sm\:mms-ui-grid-c_span_10 {
      grid-column: span 10;
}
    .sm\:mms-ui-grid-c_span_11 {
      grid-column: span 11;
}
    .sm\:mms-ui-grid-c_span_12 {
      grid-column: span 12;
}
    .sm\:mms-ui-grid-r_span_1 {
      grid-row: span 1;
}
    .sm\:mms-ui-grid-r_span_2 {
      grid-row: span 2;
}
    .sm\:mms-ui-grid-r_span_3 {
      grid-row: span 3;
}
    .sm\:mms-ui-grid-r_span_4 {
      grid-row: span 4;
}
    .sm\:mms-ui-grid-r_span_5 {
      grid-row: span 5;
}
    .sm\:mms-ui-grid-r_span_6 {
      grid-row: span 6;
}
    .sm\:mms-ui-grid-r_span_7 {
      grid-row: span 7;
}
    .sm\:mms-ui-grid-r_span_8 {
      grid-row: span 8;
}
    .sm\:mms-ui-grid-r_span_9 {
      grid-row: span 9;
}
    .sm\:mms-ui-grid-r_span_10 {
      grid-row: span 10;
}
    .sm\:mms-ui-grid-r_span_11 {
      grid-row: span 11;
}
    .sm\:mms-ui-grid-r_span_12 {
      grid-row: span 12;
}
    .sm\:mms-ui-ai_center {
      align-items: center;
}
    .sm\:mms-ui-flex-d_row {
      flex-direction: row;
}
    .sm\:mms-ui-jc_flex-start {
      justify-content: flex-start;
}
}

  @media screen and (min-width: 32rem) {
    @media screen and (max-width: -0.0025rem) {
      .sm\:mms-ui-show_xxs {
        display: none;
}
}
}

  @media screen and (min-width: 32rem) {
    @media screen and (max-width: 22.9975rem) {
      .sm\:mms-ui-show_xs {
        display: none;
}
}
}

  @media screen and (min-width: 32rem) {
    @media screen and (max-width: 31.9975rem) {
      .sm\:mms-ui-show_sm {
        display: none;
}
}
}

  @media screen and (min-width: 32rem) {
    @media screen and (max-width: 46.9975rem) {
      .sm\:mms-ui-show_md {
        display: none;
}
}
}

  @media screen and (min-width: 32rem) {
    @media screen and (max-width: 62.9975rem) {
      .sm\:mms-ui-show_lg {
        display: none;
}
}
}

  @media screen and (min-width: 32rem) {
    @media screen and (max-width: 76.9975rem) {
      .sm\:mms-ui-show_xl {
        display: none;
}
}
}

  @media screen and (min-width: 32rem) {
    @media screen and (max-width: 91.9975rem) {
      .sm\:mms-ui-show_xxl {
        display: none;
}
}
}

  @media screen and (min-width: 32rem) {
    @media screen and (min-width: 0rem) {
      .sm\:mms-ui-hide_xxs {
        display: none;
}
}
}

  @media screen and (min-width: 32rem) {
    @media screen and (min-width: 23rem) {
      .sm\:mms-ui-hide_xs {
        display: none;
}
}
}

  @media screen and (min-width: 32rem) {
    @media screen and (min-width: 32rem) {
      .sm\:mms-ui-hide_sm {
        display: none;
}
}
}

  @media screen and (min-width: 32rem) {
    @media screen and (min-width: 47rem) {
      .sm\:mms-ui-hide_md {
        display: none;
}
}
}

  @media screen and (min-width: 32rem) {
    @media screen and (min-width: 63rem) {
      .sm\:mms-ui-hide_lg {
        display: none;
}
}
}

  @media screen and (min-width: 32rem) {
    @media screen and (min-width: 77rem) {
      .sm\:mms-ui-hide_xl {
        display: none;
}
}
}

  @media screen and (min-width: 32rem) {
    @media screen and (min-width: 92rem) {
      .sm\:mms-ui-hide_xxl {
        display: none;
}
}
}

  @media screen and (min-width: 32rem) {
    .sm\:mms-ui-order_-10 {
      order: -10;
}
    .sm\:mms-ui-order_-9 {
      order: -9;
}
    .sm\:mms-ui-order_-8 {
      order: -8;
}
    .sm\:mms-ui-order_-7 {
      order: -7;
}
    .sm\:mms-ui-order_-6 {
      order: -6;
}
    .sm\:mms-ui-order_-5 {
      order: -5;
}
    .sm\:mms-ui-order_-4 {
      order: -4;
}
    .sm\:mms-ui-order_-3 {
      order: -3;
}
    .sm\:mms-ui-order_-2 {
      order: -2;
}
    .sm\:mms-ui-order_-1 {
      order: -1;
}
    .sm\:mms-ui-order_0 {
      order: 0;
}
    .sm\:mms-ui-order_1 {
      order: 1;
}
    .sm\:mms-ui-order_2 {
      order: 2;
}
    .sm\:mms-ui-order_3 {
      order: 3;
}
    .sm\:mms-ui-order_4 {
      order: 4;
}
    .sm\:mms-ui-order_5 {
      order: 5;
}
    .sm\:mms-ui-order_6 {
      order: 6;
}
    .sm\:mms-ui-order_7 {
      order: 7;
}
    .sm\:mms-ui-order_8 {
      order: 8;
}
    .sm\:mms-ui-order_9 {
      order: 9;
}
    .sm\:mms-ui-order_10 {
      order: 10;
}
    .sm\:mms-ui-grid-ce_span_1 {
      grid-column-end: span 1;
}
    .sm\:mms-ui-grid-ce_span_2 {
      grid-column-end: span 2;
}
    .sm\:mms-ui-grid-ce_span_3 {
      grid-column-end: span 3;
}
    .sm\:mms-ui-grid-ce_span_4 {
      grid-column-end: span 4;
}
    .sm\:mms-ui-grid-ce_span_5 {
      grid-column-end: span 5;
}
    .sm\:mms-ui-grid-ce_span_6 {
      grid-column-end: span 6;
}
    .sm\:mms-ui-grid-ce_span_7 {
      grid-column-end: span 7;
}
    .sm\:mms-ui-grid-ce_span_8 {
      grid-column-end: span 8;
}
    .sm\:mms-ui-grid-ce_span_9 {
      grid-column-end: span 9;
}
    .sm\:mms-ui-grid-ce_span_10 {
      grid-column-end: span 10;
}
    .sm\:mms-ui-grid-ce_span_11 {
      grid-column-end: span 11;
}
    .sm\:mms-ui-grid-ce_span_12 {
      grid-column-end: span 12;
}
    .sm\:mms-ui-grid-ce_1 {
      grid-column-end: 1;
}
    .sm\:mms-ui-grid-ce_2 {
      grid-column-end: 2;
}
    .sm\:mms-ui-grid-ce_3 {
      grid-column-end: 3;
}
    .sm\:mms-ui-grid-ce_4 {
      grid-column-end: 4;
}
    .sm\:mms-ui-grid-ce_5 {
      grid-column-end: 5;
}
    .sm\:mms-ui-grid-ce_6 {
      grid-column-end: 6;
}
    .sm\:mms-ui-grid-ce_7 {
      grid-column-end: 7;
}
    .sm\:mms-ui-grid-ce_8 {
      grid-column-end: 8;
}
    .sm\:mms-ui-grid-ce_9 {
      grid-column-end: 9;
}
    .sm\:mms-ui-grid-ce_10 {
      grid-column-end: 10;
}
    .sm\:mms-ui-grid-ce_11 {
      grid-column-end: 11;
}
    .sm\:mms-ui-grid-ce_12 {
      grid-column-end: 12;
}
}

  @media screen and (min-width: 47rem) {
    .mms-ui-hide_md {
      display: none;
}
    .md\:mms-ui-gap_xl {
      gap: var(--mms-ui-spacing-xl);
}
    .md\:mms-ui-grid-g_xl {
      grid-gap: var(--mms-ui-spacing-xl);
}
    .md\:mms-ui-gap_xs {
      gap: var(--mms-ui-spacing-xs);
}
    .md\:mms-ui-gap_lg {
      gap: var(--mms-ui-spacing-lg);
}
    .md\:mms-ui-gap_3xs {
      gap: var(--mms-ui-spacing-3xs);
}
    .md\:mms-ui-flex_0_0_128px {
      flex: 0 0 128px;
}
    .md\:mms-ui-flex_0_0_360px {
      flex: 0 0 360px;
}
    .md\:mms-ui-flex_1_1_auto {
      flex: 1 1 auto;
}
    .md\:mms-ui-gap_md {
      gap: var(--mms-ui-spacing-md);
}
    .md\:mms-ui-flex_1 {
      flex: 1 1 0%;
}
    .md\:mms-ui-flex_auto {
      flex: 1 1 auto;
}
    .md\:mms-ui-flex_initial {
      flex: 0 1 auto;
}
    .md\:mms-ui-flex_none {
      flex: none;
}
    .md\:mms-ui-flex_1_0_auto {
      flex: 1 0 auto;
}
    .md\:mms-ui-grid-c_span_1 {
      grid-column: span 1;
}
    .md\:mms-ui-grid-c_span_2 {
      grid-column: span 2;
}
    .md\:mms-ui-grid-c_span_3 {
      grid-column: span 3;
}
    .md\:mms-ui-grid-c_span_4 {
      grid-column: span 4;
}
    .md\:mms-ui-grid-c_span_5 {
      grid-column: span 5;
}
    .md\:mms-ui-grid-c_span_6 {
      grid-column: span 6;
}
    .md\:mms-ui-grid-c_span_7 {
      grid-column: span 7;
}
    .md\:mms-ui-grid-c_span_8 {
      grid-column: span 8;
}
    .md\:mms-ui-grid-c_span_9 {
      grid-column: span 9;
}
    .md\:mms-ui-grid-c_span_10 {
      grid-column: span 10;
}
    .md\:mms-ui-grid-c_span_11 {
      grid-column: span 11;
}
    .md\:mms-ui-grid-c_span_12 {
      grid-column: span 12;
}
    .md\:mms-ui-grid-r_span_1 {
      grid-row: span 1;
}
    .md\:mms-ui-grid-r_span_2 {
      grid-row: span 2;
}
    .md\:mms-ui-grid-r_span_3 {
      grid-row: span 3;
}
    .md\:mms-ui-grid-r_span_4 {
      grid-row: span 4;
}
    .md\:mms-ui-grid-r_span_5 {
      grid-row: span 5;
}
    .md\:mms-ui-grid-r_span_6 {
      grid-row: span 6;
}
    .md\:mms-ui-grid-r_span_7 {
      grid-row: span 7;
}
    .md\:mms-ui-grid-r_span_8 {
      grid-row: span 8;
}
    .md\:mms-ui-grid-r_span_9 {
      grid-row: span 9;
}
    .md\:mms-ui-grid-r_span_10 {
      grid-row: span 10;
}
    .md\:mms-ui-grid-r_span_11 {
      grid-row: span 11;
}
    .md\:mms-ui-grid-r_span_12 {
      grid-row: span 12;
}
    .md\:mms-ui-flex-d_row {
      flex-direction: row;
}
    .md\:mms-ui-jc_flex-end {
      justify-content: flex-end;
}
    .md\:mms-ui-flex-d_row-reverse {
      flex-direction: row-reverse;
}
    .md\:mms-ui-jc_space-between {
      justify-content: space-between;
}
    .md\:mms-ui-ai_center {
      align-items: center;
}
    .md\:mms-ui-flex-wrap_nowrap {
      flex-wrap: nowrap;
}
    .md\:mms-ui-flex-d_column {
      flex-direction: column;
}
    .md\:mms-ui-ai_flex-start {
      align-items: flex-start;
}
    .md\:mms-ui-jc_flex-start {
      justify-content: flex-start;
}
    .md\:mms-ui-as_center {
      align-self: center;
}
}

  @media screen and (min-width: 47rem) {
    @media screen and (max-width: -0.0025rem) {
      .md\:mms-ui-show_xxs {
        display: none;
}
}
}

  @media screen and (min-width: 47rem) {
    @media screen and (max-width: 22.9975rem) {
      .md\:mms-ui-show_xs {
        display: none;
}
}
}

  @media screen and (min-width: 47rem) {
    @media screen and (max-width: 31.9975rem) {
      .md\:mms-ui-show_sm {
        display: none;
}
}
}

  @media screen and (min-width: 47rem) {
    @media screen and (max-width: 46.9975rem) {
      .md\:mms-ui-show_md {
        display: none;
}
}
}

  @media screen and (min-width: 47rem) {
    @media screen and (max-width: 62.9975rem) {
      .md\:mms-ui-show_lg {
        display: none;
}
}
}

  @media screen and (min-width: 47rem) {
    @media screen and (max-width: 76.9975rem) {
      .md\:mms-ui-show_xl {
        display: none;
}
}
}

  @media screen and (min-width: 47rem) {
    @media screen and (max-width: 91.9975rem) {
      .md\:mms-ui-show_xxl {
        display: none;
}
}
}

  @media screen and (min-width: 47rem) {
    @media screen and (min-width: 0rem) {
      .md\:mms-ui-hide_xxs {
        display: none;
}
}
}

  @media screen and (min-width: 47rem) {
    @media screen and (min-width: 23rem) {
      .md\:mms-ui-hide_xs {
        display: none;
}
}
}

  @media screen and (min-width: 47rem) {
    @media screen and (min-width: 32rem) {
      .md\:mms-ui-hide_sm {
        display: none;
}
}
}

  @media screen and (min-width: 47rem) {
    @media screen and (min-width: 47rem) {
      .md\:mms-ui-hide_md {
        display: none;
}
}
}

  @media screen and (min-width: 47rem) {
    @media screen and (min-width: 63rem) {
      .md\:mms-ui-hide_lg {
        display: none;
}
}
}

  @media screen and (min-width: 47rem) {
    @media screen and (min-width: 77rem) {
      .md\:mms-ui-hide_xl {
        display: none;
}
}
}

  @media screen and (min-width: 47rem) {
    @media screen and (min-width: 92rem) {
      .md\:mms-ui-hide_xxl {
        display: none;
}
}
}

  @media screen and (min-width: 47rem) {
    .md\:mms-ui-order_-10 {
      order: -10;
}
    .md\:mms-ui-order_-9 {
      order: -9;
}
    .md\:mms-ui-order_-8 {
      order: -8;
}
    .md\:mms-ui-order_-7 {
      order: -7;
}
    .md\:mms-ui-order_-6 {
      order: -6;
}
    .md\:mms-ui-order_-5 {
      order: -5;
}
    .md\:mms-ui-order_-4 {
      order: -4;
}
    .md\:mms-ui-order_-3 {
      order: -3;
}
    .md\:mms-ui-order_-2 {
      order: -2;
}
    .md\:mms-ui-order_-1 {
      order: -1;
}
    .md\:mms-ui-order_0 {
      order: 0;
}
    .md\:mms-ui-order_1 {
      order: 1;
}
    .md\:mms-ui-order_2 {
      order: 2;
}
    .md\:mms-ui-order_3 {
      order: 3;
}
    .md\:mms-ui-order_4 {
      order: 4;
}
    .md\:mms-ui-order_5 {
      order: 5;
}
    .md\:mms-ui-order_6 {
      order: 6;
}
    .md\:mms-ui-order_7 {
      order: 7;
}
    .md\:mms-ui-order_8 {
      order: 8;
}
    .md\:mms-ui-order_9 {
      order: 9;
}
    .md\:mms-ui-order_10 {
      order: 10;
}
    .md\:mms-ui-grid-ce_span_1 {
      grid-column-end: span 1;
}
    .md\:mms-ui-grid-ce_span_2 {
      grid-column-end: span 2;
}
    .md\:mms-ui-grid-ce_span_3 {
      grid-column-end: span 3;
}
    .md\:mms-ui-grid-ce_span_4 {
      grid-column-end: span 4;
}
    .md\:mms-ui-grid-ce_span_5 {
      grid-column-end: span 5;
}
    .md\:mms-ui-grid-ce_span_6 {
      grid-column-end: span 6;
}
    .md\:mms-ui-grid-ce_span_7 {
      grid-column-end: span 7;
}
    .md\:mms-ui-grid-ce_span_8 {
      grid-column-end: span 8;
}
    .md\:mms-ui-grid-ce_span_9 {
      grid-column-end: span 9;
}
    .md\:mms-ui-grid-ce_span_10 {
      grid-column-end: span 10;
}
    .md\:mms-ui-grid-ce_span_11 {
      grid-column-end: span 11;
}
    .md\:mms-ui-grid-ce_span_12 {
      grid-column-end: span 12;
}
    .md\:mms-ui-grid-ce_1 {
      grid-column-end: 1;
}
    .md\:mms-ui-grid-ce_2 {
      grid-column-end: 2;
}
    .md\:mms-ui-grid-ce_3 {
      grid-column-end: 3;
}
    .md\:mms-ui-grid-ce_4 {
      grid-column-end: 4;
}
    .md\:mms-ui-grid-ce_5 {
      grid-column-end: 5;
}
    .md\:mms-ui-grid-ce_6 {
      grid-column-end: 6;
}
    .md\:mms-ui-grid-ce_7 {
      grid-column-end: 7;
}
    .md\:mms-ui-grid-ce_8 {
      grid-column-end: 8;
}
    .md\:mms-ui-grid-ce_9 {
      grid-column-end: 9;
}
    .md\:mms-ui-grid-ce_10 {
      grid-column-end: 10;
}
    .md\:mms-ui-grid-ce_11 {
      grid-column-end: 11;
}
    .md\:mms-ui-grid-ce_12 {
      grid-column-end: 12;
}
    .md\:mms-ui-h_\[7rem\] {
      height: 7rem;
}
    .md\:mms-ui-w_\[7rem\] {
      width: 7rem;
}
    .md\:mms-ui-w_\[16rem\] {
      width: 16rem;
}
    .md\:mms-ui-mb_xl {
      margin-bottom: var(--mms-ui-spacing-xl);
}
}

  @media screen and (min-width: 63rem) {
    .mms-ui-hide_lg {
      display: none;
}
    .lg\:mms-ui-flex_auto {
      flex: 1 1 auto;
}
    .lg\:mms-ui-gap_md {
      gap: var(--mms-ui-spacing-md);
}
    .lg\:mms-ui-flex_1 {
      flex: 1 1 0%;
}
    .lg\:mms-ui-flex_initial {
      flex: 0 1 auto;
}
    .lg\:mms-ui-flex_none {
      flex: none;
}
    .lg\:mms-ui-flex_1_0_auto {
      flex: 1 0 auto;
}
    .lg\:mms-ui-flex_1_1_auto {
      flex: 1 1 auto;
}
    .lg\:mms-ui-grid-c_span_1 {
      grid-column: span 1;
}
    .lg\:mms-ui-grid-c_span_2 {
      grid-column: span 2;
}
    .lg\:mms-ui-grid-c_span_3 {
      grid-column: span 3;
}
    .lg\:mms-ui-grid-c_span_4 {
      grid-column: span 4;
}
    .lg\:mms-ui-grid-c_span_5 {
      grid-column: span 5;
}
    .lg\:mms-ui-grid-c_span_6 {
      grid-column: span 6;
}
    .lg\:mms-ui-grid-c_span_7 {
      grid-column: span 7;
}
    .lg\:mms-ui-grid-c_span_8 {
      grid-column: span 8;
}
    .lg\:mms-ui-grid-c_span_9 {
      grid-column: span 9;
}
    .lg\:mms-ui-grid-c_span_10 {
      grid-column: span 10;
}
    .lg\:mms-ui-grid-c_span_11 {
      grid-column: span 11;
}
    .lg\:mms-ui-grid-c_span_12 {
      grid-column: span 12;
}
    .lg\:mms-ui-grid-r_span_1 {
      grid-row: span 1;
}
    .lg\:mms-ui-grid-r_span_2 {
      grid-row: span 2;
}
    .lg\:mms-ui-grid-r_span_3 {
      grid-row: span 3;
}
    .lg\:mms-ui-grid-r_span_4 {
      grid-row: span 4;
}
    .lg\:mms-ui-grid-r_span_5 {
      grid-row: span 5;
}
    .lg\:mms-ui-grid-r_span_6 {
      grid-row: span 6;
}
    .lg\:mms-ui-grid-r_span_7 {
      grid-row: span 7;
}
    .lg\:mms-ui-grid-r_span_8 {
      grid-row: span 8;
}
    .lg\:mms-ui-grid-r_span_9 {
      grid-row: span 9;
}
    .lg\:mms-ui-grid-r_span_10 {
      grid-row: span 10;
}
    .lg\:mms-ui-grid-r_span_11 {
      grid-row: span 11;
}
    .lg\:mms-ui-grid-r_span_12 {
      grid-row: span 12;
}
    .lg\:mms-ui-as_stretch {
      align-self: stretch;
}
    .lg\:mms-ui-grid-tc_repeat\(3\,_minmax\(0\,_1fr\)\) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
}
    .lg\:mms-ui-ai_center {
      align-items: center;
}
    .lg\:mms-ui-flex-d_row {
      flex-direction: row;
}
    .lg\:mms-ui-flex-d_column {
      flex-direction: column;
}
    .lg\:mms-ui-order_-1 {
      order: -1;
}
    .lg\:mms-ui-order_0 {
      order: 0;
}
    .lg\:mms-ui-jc_flex-start {
      justify-content: flex-start;
}
}

  @media screen and (min-width: 63rem) {
    @media screen and (max-width: -0.0025rem) {
      .lg\:mms-ui-show_xxs {
        display: none;
}
}
}

  @media screen and (min-width: 63rem) {
    @media screen and (max-width: 22.9975rem) {
      .lg\:mms-ui-show_xs {
        display: none;
}
}
}

  @media screen and (min-width: 63rem) {
    @media screen and (max-width: 31.9975rem) {
      .lg\:mms-ui-show_sm {
        display: none;
}
}
}

  @media screen and (min-width: 63rem) {
    @media screen and (max-width: 46.9975rem) {
      .lg\:mms-ui-show_md {
        display: none;
}
}
}

  @media screen and (min-width: 63rem) {
    @media screen and (max-width: 62.9975rem) {
      .lg\:mms-ui-show_lg {
        display: none;
}
}
}

  @media screen and (min-width: 63rem) {
    @media screen and (max-width: 76.9975rem) {
      .lg\:mms-ui-show_xl {
        display: none;
}
}
}

  @media screen and (min-width: 63rem) {
    @media screen and (max-width: 91.9975rem) {
      .lg\:mms-ui-show_xxl {
        display: none;
}
}
}

  @media screen and (min-width: 63rem) {
    @media screen and (min-width: 0rem) {
      .lg\:mms-ui-hide_xxs {
        display: none;
}
}
}

  @media screen and (min-width: 63rem) {
    @media screen and (min-width: 23rem) {
      .lg\:mms-ui-hide_xs {
        display: none;
}
}
}

  @media screen and (min-width: 63rem) {
    @media screen and (min-width: 32rem) {
      .lg\:mms-ui-hide_sm {
        display: none;
}
}
}

  @media screen and (min-width: 63rem) {
    @media screen and (min-width: 47rem) {
      .lg\:mms-ui-hide_md {
        display: none;
}
}
}

  @media screen and (min-width: 63rem) {
    @media screen and (min-width: 63rem) {
      .lg\:mms-ui-hide_lg {
        display: none;
}
}
}

  @media screen and (min-width: 63rem) {
    @media screen and (min-width: 77rem) {
      .lg\:mms-ui-hide_xl {
        display: none;
}
}
}

  @media screen and (min-width: 63rem) {
    @media screen and (min-width: 92rem) {
      .lg\:mms-ui-hide_xxl {
        display: none;
}
}
}

  @media screen and (min-width: 63rem) {
    .lg\:mms-ui-order_-10 {
      order: -10;
}
    .lg\:mms-ui-order_-9 {
      order: -9;
}
    .lg\:mms-ui-order_-8 {
      order: -8;
}
    .lg\:mms-ui-order_-7 {
      order: -7;
}
    .lg\:mms-ui-order_-6 {
      order: -6;
}
    .lg\:mms-ui-order_-5 {
      order: -5;
}
    .lg\:mms-ui-order_-4 {
      order: -4;
}
    .lg\:mms-ui-order_-3 {
      order: -3;
}
    .lg\:mms-ui-order_-2 {
      order: -2;
}
    .lg\:mms-ui-order_1 {
      order: 1;
}
    .lg\:mms-ui-order_2 {
      order: 2;
}
    .lg\:mms-ui-order_3 {
      order: 3;
}
    .lg\:mms-ui-order_4 {
      order: 4;
}
    .lg\:mms-ui-order_5 {
      order: 5;
}
    .lg\:mms-ui-order_6 {
      order: 6;
}
    .lg\:mms-ui-order_7 {
      order: 7;
}
    .lg\:mms-ui-order_8 {
      order: 8;
}
    .lg\:mms-ui-order_9 {
      order: 9;
}
    .lg\:mms-ui-order_10 {
      order: 10;
}
    .lg\:mms-ui-grid-ce_span_1 {
      grid-column-end: span 1;
}
    .lg\:mms-ui-grid-ce_span_2 {
      grid-column-end: span 2;
}
    .lg\:mms-ui-grid-ce_span_3 {
      grid-column-end: span 3;
}
    .lg\:mms-ui-grid-ce_span_4 {
      grid-column-end: span 4;
}
    .lg\:mms-ui-grid-ce_span_5 {
      grid-column-end: span 5;
}
    .lg\:mms-ui-grid-ce_span_6 {
      grid-column-end: span 6;
}
    .lg\:mms-ui-grid-ce_span_7 {
      grid-column-end: span 7;
}
    .lg\:mms-ui-grid-ce_span_8 {
      grid-column-end: span 8;
}
    .lg\:mms-ui-grid-ce_span_9 {
      grid-column-end: span 9;
}
    .lg\:mms-ui-grid-ce_span_10 {
      grid-column-end: span 10;
}
    .lg\:mms-ui-grid-ce_span_11 {
      grid-column-end: span 11;
}
    .lg\:mms-ui-grid-ce_span_12 {
      grid-column-end: span 12;
}
    .lg\:mms-ui-grid-ce_1 {
      grid-column-end: 1;
}
    .lg\:mms-ui-grid-ce_2 {
      grid-column-end: 2;
}
    .lg\:mms-ui-grid-ce_3 {
      grid-column-end: 3;
}
    .lg\:mms-ui-grid-ce_4 {
      grid-column-end: 4;
}
    .lg\:mms-ui-grid-ce_5 {
      grid-column-end: 5;
}
    .lg\:mms-ui-grid-ce_6 {
      grid-column-end: 6;
}
    .lg\:mms-ui-grid-ce_7 {
      grid-column-end: 7;
}
    .lg\:mms-ui-grid-ce_8 {
      grid-column-end: 8;
}
    .lg\:mms-ui-grid-ce_9 {
      grid-column-end: 9;
}
    .lg\:mms-ui-grid-ce_10 {
      grid-column-end: 10;
}
    .lg\:mms-ui-grid-ce_11 {
      grid-column-end: 11;
}
    .lg\:mms-ui-grid-ce_12 {
      grid-column-end: 12;
}
}

  @media screen and (min-width: 77rem) {
    .mms-ui-hide_xl {
      display: none;
}
    .xl\:mms-ui-gap_2xl {
      gap: var(--mms-ui-spacing-2xl);
}
    .xl\:mms-ui-flex_2 {
      flex: 2;
}
    .xl\:mms-ui-gap_sm {
      gap: var(--mms-ui-spacing-sm);
}
    .xl\:mms-ui-flex_1 {
      flex: 1 1 0%;
}
    .xl\:mms-ui-flex_auto {
      flex: 1 1 auto;
}
    .xl\:mms-ui-flex_initial {
      flex: 0 1 auto;
}
    .xl\:mms-ui-flex_none {
      flex: none;
}
    .xl\:mms-ui-flex_1_0_auto {
      flex: 1 0 auto;
}
    .xl\:mms-ui-flex_1_1_auto {
      flex: 1 1 auto;
}
    .xl\:mms-ui-grid-c_span_1 {
      grid-column: span 1;
}
    .xl\:mms-ui-grid-c_span_2 {
      grid-column: span 2;
}
    .xl\:mms-ui-grid-c_span_3 {
      grid-column: span 3;
}
    .xl\:mms-ui-grid-c_span_4 {
      grid-column: span 4;
}
    .xl\:mms-ui-grid-c_span_5 {
      grid-column: span 5;
}
    .xl\:mms-ui-grid-c_span_6 {
      grid-column: span 6;
}
    .xl\:mms-ui-grid-c_span_7 {
      grid-column: span 7;
}
    .xl\:mms-ui-grid-c_span_8 {
      grid-column: span 8;
}
    .xl\:mms-ui-grid-c_span_9 {
      grid-column: span 9;
}
    .xl\:mms-ui-grid-c_span_10 {
      grid-column: span 10;
}
    .xl\:mms-ui-grid-c_span_11 {
      grid-column: span 11;
}
    .xl\:mms-ui-grid-c_span_12 {
      grid-column: span 12;
}
    .xl\:mms-ui-grid-r_span_1 {
      grid-row: span 1;
}
    .xl\:mms-ui-grid-r_span_2 {
      grid-row: span 2;
}
    .xl\:mms-ui-grid-r_span_3 {
      grid-row: span 3;
}
    .xl\:mms-ui-grid-r_span_4 {
      grid-row: span 4;
}
    .xl\:mms-ui-grid-r_span_5 {
      grid-row: span 5;
}
    .xl\:mms-ui-grid-r_span_6 {
      grid-row: span 6;
}
    .xl\:mms-ui-grid-r_span_7 {
      grid-row: span 7;
}
    .xl\:mms-ui-grid-r_span_8 {
      grid-row: span 8;
}
    .xl\:mms-ui-grid-r_span_9 {
      grid-row: span 9;
}
    .xl\:mms-ui-grid-r_span_10 {
      grid-row: span 10;
}
    .xl\:mms-ui-grid-r_span_11 {
      grid-row: span 11;
}
    .xl\:mms-ui-grid-r_span_12 {
      grid-row: span 12;
}
    .xl\:mms-ui-flex-d_row {
      flex-direction: row;
}
}

  @media screen and (min-width: 77rem) {
    @media screen and (max-width: -0.0025rem) {
      .xl\:mms-ui-show_xxs {
        display: none;
}
}
}

  @media screen and (min-width: 77rem) {
    @media screen and (max-width: 22.9975rem) {
      .xl\:mms-ui-show_xs {
        display: none;
}
}
}

  @media screen and (min-width: 77rem) {
    @media screen and (max-width: 31.9975rem) {
      .xl\:mms-ui-show_sm {
        display: none;
}
}
}

  @media screen and (min-width: 77rem) {
    @media screen and (max-width: 46.9975rem) {
      .xl\:mms-ui-show_md {
        display: none;
}
}
}

  @media screen and (min-width: 77rem) {
    @media screen and (max-width: 62.9975rem) {
      .xl\:mms-ui-show_lg {
        display: none;
}
}
}

  @media screen and (min-width: 77rem) {
    @media screen and (max-width: 76.9975rem) {
      .xl\:mms-ui-show_xl {
        display: none;
}
}
}

  @media screen and (min-width: 77rem) {
    @media screen and (max-width: 91.9975rem) {
      .xl\:mms-ui-show_xxl {
        display: none;
}
}
}

  @media screen and (min-width: 77rem) {
    @media screen and (min-width: 0rem) {
      .xl\:mms-ui-hide_xxs {
        display: none;
}
}
}

  @media screen and (min-width: 77rem) {
    @media screen and (min-width: 23rem) {
      .xl\:mms-ui-hide_xs {
        display: none;
}
}
}

  @media screen and (min-width: 77rem) {
    @media screen and (min-width: 32rem) {
      .xl\:mms-ui-hide_sm {
        display: none;
}
}
}

  @media screen and (min-width: 77rem) {
    @media screen and (min-width: 47rem) {
      .xl\:mms-ui-hide_md {
        display: none;
}
}
}

  @media screen and (min-width: 77rem) {
    @media screen and (min-width: 63rem) {
      .xl\:mms-ui-hide_lg {
        display: none;
}
}
}

  @media screen and (min-width: 77rem) {
    @media screen and (min-width: 77rem) {
      .xl\:mms-ui-hide_xl {
        display: none;
}
}
}

  @media screen and (min-width: 77rem) {
    @media screen and (min-width: 92rem) {
      .xl\:mms-ui-hide_xxl {
        display: none;
}
}
}

  @media screen and (min-width: 77rem) {
    .xl\:mms-ui-order_-10 {
      order: -10;
}
    .xl\:mms-ui-order_-9 {
      order: -9;
}
    .xl\:mms-ui-order_-8 {
      order: -8;
}
    .xl\:mms-ui-order_-7 {
      order: -7;
}
    .xl\:mms-ui-order_-6 {
      order: -6;
}
    .xl\:mms-ui-order_-5 {
      order: -5;
}
    .xl\:mms-ui-order_-4 {
      order: -4;
}
    .xl\:mms-ui-order_-3 {
      order: -3;
}
    .xl\:mms-ui-order_-2 {
      order: -2;
}
    .xl\:mms-ui-order_-1 {
      order: -1;
}
    .xl\:mms-ui-order_0 {
      order: 0;
}
    .xl\:mms-ui-order_1 {
      order: 1;
}
    .xl\:mms-ui-order_2 {
      order: 2;
}
    .xl\:mms-ui-order_3 {
      order: 3;
}
    .xl\:mms-ui-order_4 {
      order: 4;
}
    .xl\:mms-ui-order_5 {
      order: 5;
}
    .xl\:mms-ui-order_6 {
      order: 6;
}
    .xl\:mms-ui-order_7 {
      order: 7;
}
    .xl\:mms-ui-order_8 {
      order: 8;
}
    .xl\:mms-ui-order_9 {
      order: 9;
}
    .xl\:mms-ui-order_10 {
      order: 10;
}
    .xl\:mms-ui-grid-ce_span_1 {
      grid-column-end: span 1;
}
    .xl\:mms-ui-grid-ce_span_2 {
      grid-column-end: span 2;
}
    .xl\:mms-ui-grid-ce_span_3 {
      grid-column-end: span 3;
}
    .xl\:mms-ui-grid-ce_span_4 {
      grid-column-end: span 4;
}
    .xl\:mms-ui-grid-ce_span_5 {
      grid-column-end: span 5;
}
    .xl\:mms-ui-grid-ce_span_6 {
      grid-column-end: span 6;
}
    .xl\:mms-ui-grid-ce_span_7 {
      grid-column-end: span 7;
}
    .xl\:mms-ui-grid-ce_span_8 {
      grid-column-end: span 8;
}
    .xl\:mms-ui-grid-ce_span_9 {
      grid-column-end: span 9;
}
    .xl\:mms-ui-grid-ce_span_10 {
      grid-column-end: span 10;
}
    .xl\:mms-ui-grid-ce_span_11 {
      grid-column-end: span 11;
}
    .xl\:mms-ui-grid-ce_span_12 {
      grid-column-end: span 12;
}
    .xl\:mms-ui-grid-ce_1 {
      grid-column-end: 1;
}
    .xl\:mms-ui-grid-ce_2 {
      grid-column-end: 2;
}
    .xl\:mms-ui-grid-ce_3 {
      grid-column-end: 3;
}
    .xl\:mms-ui-grid-ce_4 {
      grid-column-end: 4;
}
    .xl\:mms-ui-grid-ce_5 {
      grid-column-end: 5;
}
    .xl\:mms-ui-grid-ce_6 {
      grid-column-end: 6;
}
    .xl\:mms-ui-grid-ce_7 {
      grid-column-end: 7;
}
    .xl\:mms-ui-grid-ce_8 {
      grid-column-end: 8;
}
    .xl\:mms-ui-grid-ce_9 {
      grid-column-end: 9;
}
    .xl\:mms-ui-grid-ce_10 {
      grid-column-end: 10;
}
    .xl\:mms-ui-grid-ce_11 {
      grid-column-end: 11;
}
    .xl\:mms-ui-grid-ce_12 {
      grid-column-end: 12;
}
}

  @media screen and (min-width: 92rem) {
    .mms-ui-hide_xxl {
      display: none;
}
    .xxl\:mms-ui-flex_1 {
      flex: 1 1 0%;
}
    .xxl\:mms-ui-flex_auto {
      flex: 1 1 auto;
}
    .xxl\:mms-ui-flex_initial {
      flex: 0 1 auto;
}
    .xxl\:mms-ui-flex_none {
      flex: none;
}
    .xxl\:mms-ui-flex_1_0_auto {
      flex: 1 0 auto;
}
    .xxl\:mms-ui-flex_1_1_auto {
      flex: 1 1 auto;
}
    .xxl\:mms-ui-grid-c_span_1 {
      grid-column: span 1;
}
    .xxl\:mms-ui-grid-c_span_2 {
      grid-column: span 2;
}
    .xxl\:mms-ui-grid-c_span_3 {
      grid-column: span 3;
}
    .xxl\:mms-ui-grid-c_span_4 {
      grid-column: span 4;
}
    .xxl\:mms-ui-grid-c_span_5 {
      grid-column: span 5;
}
    .xxl\:mms-ui-grid-c_span_6 {
      grid-column: span 6;
}
    .xxl\:mms-ui-grid-c_span_7 {
      grid-column: span 7;
}
    .xxl\:mms-ui-grid-c_span_8 {
      grid-column: span 8;
}
    .xxl\:mms-ui-grid-c_span_9 {
      grid-column: span 9;
}
    .xxl\:mms-ui-grid-c_span_10 {
      grid-column: span 10;
}
    .xxl\:mms-ui-grid-c_span_11 {
      grid-column: span 11;
}
    .xxl\:mms-ui-grid-c_span_12 {
      grid-column: span 12;
}
    .xxl\:mms-ui-grid-r_span_1 {
      grid-row: span 1;
}
    .xxl\:mms-ui-grid-r_span_2 {
      grid-row: span 2;
}
    .xxl\:mms-ui-grid-r_span_3 {
      grid-row: span 3;
}
    .xxl\:mms-ui-grid-r_span_4 {
      grid-row: span 4;
}
    .xxl\:mms-ui-grid-r_span_5 {
      grid-row: span 5;
}
    .xxl\:mms-ui-grid-r_span_6 {
      grid-row: span 6;
}
    .xxl\:mms-ui-grid-r_span_7 {
      grid-row: span 7;
}
    .xxl\:mms-ui-grid-r_span_8 {
      grid-row: span 8;
}
    .xxl\:mms-ui-grid-r_span_9 {
      grid-row: span 9;
}
    .xxl\:mms-ui-grid-r_span_10 {
      grid-row: span 10;
}
    .xxl\:mms-ui-grid-r_span_11 {
      grid-row: span 11;
}
    .xxl\:mms-ui-grid-r_span_12 {
      grid-row: span 12;
}
}

  @media screen and (min-width: 92rem) {
    @media screen and (max-width: -0.0025rem) {
      .xxl\:mms-ui-show_xxs {
        display: none;
}
}
}

  @media screen and (min-width: 92rem) {
    @media screen and (max-width: 22.9975rem) {
      .xxl\:mms-ui-show_xs {
        display: none;
}
}
}

  @media screen and (min-width: 92rem) {
    @media screen and (max-width: 31.9975rem) {
      .xxl\:mms-ui-show_sm {
        display: none;
}
}
}

  @media screen and (min-width: 92rem) {
    @media screen and (max-width: 46.9975rem) {
      .xxl\:mms-ui-show_md {
        display: none;
}
}
}

  @media screen and (min-width: 92rem) {
    @media screen and (max-width: 62.9975rem) {
      .xxl\:mms-ui-show_lg {
        display: none;
}
}
}

  @media screen and (min-width: 92rem) {
    @media screen and (max-width: 76.9975rem) {
      .xxl\:mms-ui-show_xl {
        display: none;
}
}
}

  @media screen and (min-width: 92rem) {
    @media screen and (max-width: 91.9975rem) {
      .xxl\:mms-ui-show_xxl {
        display: none;
}
}
}

  @media screen and (min-width: 92rem) {
    @media screen and (min-width: 0rem) {
      .xxl\:mms-ui-hide_xxs {
        display: none;
}
}
}

  @media screen and (min-width: 92rem) {
    @media screen and (min-width: 23rem) {
      .xxl\:mms-ui-hide_xs {
        display: none;
}
}
}

  @media screen and (min-width: 92rem) {
    @media screen and (min-width: 32rem) {
      .xxl\:mms-ui-hide_sm {
        display: none;
}
}
}

  @media screen and (min-width: 92rem) {
    @media screen and (min-width: 47rem) {
      .xxl\:mms-ui-hide_md {
        display: none;
}
}
}

  @media screen and (min-width: 92rem) {
    @media screen and (min-width: 63rem) {
      .xxl\:mms-ui-hide_lg {
        display: none;
}
}
}

  @media screen and (min-width: 92rem) {
    @media screen and (min-width: 77rem) {
      .xxl\:mms-ui-hide_xl {
        display: none;
}
}
}

  @media screen and (min-width: 92rem) {
    @media screen and (min-width: 92rem) {
      .xxl\:mms-ui-hide_xxl {
        display: none;
}
}
}

  @media screen and (min-width: 92rem) {
    .xxl\:mms-ui-order_-10 {
      order: -10;
}
    .xxl\:mms-ui-order_-9 {
      order: -9;
}
    .xxl\:mms-ui-order_-8 {
      order: -8;
}
    .xxl\:mms-ui-order_-7 {
      order: -7;
}
    .xxl\:mms-ui-order_-6 {
      order: -6;
}
    .xxl\:mms-ui-order_-5 {
      order: -5;
}
    .xxl\:mms-ui-order_-4 {
      order: -4;
}
    .xxl\:mms-ui-order_-3 {
      order: -3;
}
    .xxl\:mms-ui-order_-2 {
      order: -2;
}
    .xxl\:mms-ui-order_-1 {
      order: -1;
}
    .xxl\:mms-ui-order_0 {
      order: 0;
}
    .xxl\:mms-ui-order_1 {
      order: 1;
}
    .xxl\:mms-ui-order_2 {
      order: 2;
}
    .xxl\:mms-ui-order_3 {
      order: 3;
}
    .xxl\:mms-ui-order_4 {
      order: 4;
}
    .xxl\:mms-ui-order_5 {
      order: 5;
}
    .xxl\:mms-ui-order_6 {
      order: 6;
}
    .xxl\:mms-ui-order_7 {
      order: 7;
}
    .xxl\:mms-ui-order_8 {
      order: 8;
}
    .xxl\:mms-ui-order_9 {
      order: 9;
}
    .xxl\:mms-ui-order_10 {
      order: 10;
}
    .xxl\:mms-ui-grid-ce_span_1 {
      grid-column-end: span 1;
}
    .xxl\:mms-ui-grid-ce_span_2 {
      grid-column-end: span 2;
}
    .xxl\:mms-ui-grid-ce_span_3 {
      grid-column-end: span 3;
}
    .xxl\:mms-ui-grid-ce_span_4 {
      grid-column-end: span 4;
}
    .xxl\:mms-ui-grid-ce_span_5 {
      grid-column-end: span 5;
}
    .xxl\:mms-ui-grid-ce_span_6 {
      grid-column-end: span 6;
}
    .xxl\:mms-ui-grid-ce_span_7 {
      grid-column-end: span 7;
}
    .xxl\:mms-ui-grid-ce_span_8 {
      grid-column-end: span 8;
}
    .xxl\:mms-ui-grid-ce_span_9 {
      grid-column-end: span 9;
}
    .xxl\:mms-ui-grid-ce_span_10 {
      grid-column-end: span 10;
}
    .xxl\:mms-ui-grid-ce_span_11 {
      grid-column-end: span 11;
}
    .xxl\:mms-ui-grid-ce_span_12 {
      grid-column-end: span 12;
}
    .xxl\:mms-ui-grid-ce_1 {
      grid-column-end: 1;
}
    .xxl\:mms-ui-grid-ce_2 {
      grid-column-end: 2;
}
    .xxl\:mms-ui-grid-ce_3 {
      grid-column-end: 3;
}
    .xxl\:mms-ui-grid-ce_4 {
      grid-column-end: 4;
}
    .xxl\:mms-ui-grid-ce_5 {
      grid-column-end: 5;
}
    .xxl\:mms-ui-grid-ce_6 {
      grid-column-end: 6;
}
    .xxl\:mms-ui-grid-ce_7 {
      grid-column-end: 7;
}
    .xxl\:mms-ui-grid-ce_8 {
      grid-column-end: 8;
}
    .xxl\:mms-ui-grid-ce_9 {
      grid-column-end: 9;
}
    .xxl\:mms-ui-grid-ce_10 {
      grid-column-end: 10;
}
    .xxl\:mms-ui-grid-ce_11 {
      grid-column-end: 11;
}
    .xxl\:mms-ui-grid-ce_12 {
      grid-column-end: 12;
}
}

  @media screen and (max-width: 91.9975rem) {
    .mms-ui-show_xxl {
      display: none;
}
}

  @media screen and (max-width: 76.9975rem) {
    .mms-ui-show_xl {
      display: none;
}
}

  @media screen and (max-width: 62.9975rem) {
    .mms-ui-show_lg {
      display: none;
}
}

  @media screen and (max-width: 46.9975rem) {
    .mms-ui-show_md {
      display: none;
}
}

  @media screen and (max-width: 31.9975rem) {
    .mms-ui-show_sm {
      display: none;
}
}

  @media screen and (max-width: 22.9975rem) {
    .mms-ui-show_xs {
      display: none;
}
}

  @media screen and (max-width: -0.0025rem) {
    .mms-ui-show_xxs {
      display: none;
}
}
}