// Do not edit directly, this file was auto-generated.

$color-devmx-white: #ffffff;
$color-devmx-black: #000000;
// Primary / On Primary
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ❌ Fail
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-primary: #006e20;
$color-devmx-sys-light-surface-tint: #006e20;
$color-devmx-sys-light-on-primary: #ffffff;
// Primary Container / On Primary Container
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-primary-container: #48d95c;
$color-devmx-sys-light-on-primary-container: #00390d;
// Secondary / On Secondary
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ❌ Fail
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-secondary: #006e20;
$color-devmx-sys-light-on-secondary: #ffffff;
// Secondary Container / On Secondary Container
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-secondary-container: #48d95c;
$color-devmx-sys-light-on-secondary-container: #00390d;
// Tertiary / On Tertiary
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-tertiary: #004e9f;
$color-devmx-sys-light-on-tertiary: #ffffff;
// Tertiary Container / On Tertiary Container
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ❌ Fail
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-tertiary-container: #0072e3;
$color-devmx-sys-light-on-tertiary-container: #ffffff;
// Error / On Error
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ❌ Fail
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-error: #ba1a1a;
$color-devmx-sys-light-on-error: #ffffff;
// Error Container / On Error Container
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-error-container: #ffdad6;
$color-devmx-sys-light-on-error-container: #410002;
// Background / On Background
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-background: #f3fced;
$color-devmx-sys-light-on-background: #161e15;
// Surface / On Surface
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-surface: #fdf8f8;
$color-devmx-sys-light-on-surface: #1c1b1b;
// Surface Variant / On Surface Variant
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-surface-variant: #d8e7d2;
$color-devmx-sys-light-on-surface-variant: #3d4a3b;
$color-devmx-sys-light-outline: #6d7b6a;
$color-devmx-sys-light-outline-variant: #bccbb7;
$color-devmx-sys-light-shadow: #000000;
$color-devmx-sys-light-scrim: #000000;
$color-devmx-sys-light-inverse-surface: #313030;
$color-devmx-sys-light-inverse-on-surface: #f4f0ef;
$color-devmx-sys-light-inverse-primary: #52e163;
$color-devmx-sys-light-primary-fixed: #70ff7c;
$color-devmx-sys-light-on-primary-fixed: #002105;
$color-devmx-sys-light-primary-fixed-dim: #52e163;
$color-devmx-sys-light-on-primary-fixed-variant: #005316;
$color-devmx-sys-light-secondary-fixed: #70ff7c;
$color-devmx-sys-light-on-secondary-fixed: #002105;
$color-devmx-sys-light-secondary-fixed-dim: #52e163;
$color-devmx-sys-light-on-secondary-fixed-variant: #005316;
$color-devmx-sys-light-tertiary-fixed: #d7e3ff;
$color-devmx-sys-light-on-tertiary-fixed: #001b3e;
$color-devmx-sys-light-tertiary-fixed-dim: #aac7ff;
$color-devmx-sys-light-on-tertiary-fixed-variant: #00458e;
$color-devmx-sys-light-surface-dim: #ddd9d8;
$color-devmx-sys-light-surface-bright: #fdf8f8;
$color-devmx-sys-light-surface-container-lowest: #ffffff;
$color-devmx-sys-light-surface-container-low: #f7f3f2;
$color-devmx-sys-light-surface-container: #f1edec;
$color-devmx-sys-light-surface-container-high: #ebe7e7;
$color-devmx-sys-light-surface-container-highest: #e5e2e1;
// Primary / On Primary
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-primary: #63f271;
$color-devmx-sys-dark-surface-tint: #52e163;
$color-devmx-sys-dark-on-primary: #00390d;
// Primary Container / On Primary Container
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-primary-container: #30c64c;
$color-devmx-sys-dark-on-primary-container: #002907;
// Secondary / On Secondary
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-secondary: #63f271;
$color-devmx-sys-dark-on-secondary: #00390d;
// Secondary Container / On Secondary Container
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-secondary-container: #30c64c;
$color-devmx-sys-dark-on-secondary-container: #002907;
// Tertiary / On Tertiary
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-tertiary: #aac7ff;
$color-devmx-sys-dark-on-tertiary: #002f65;
// Tertiary Container / On Tertiary Container
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ❌ Fail
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-tertiary-container: #0072e3;
$color-devmx-sys-dark-on-tertiary-container: #ffffff;
// Error / On Error
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-error: #ffb4ab;
$color-devmx-sys-dark-on-error: #690005;
// Error Container / On Error Container
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-error-container: #93000a;
$color-devmx-sys-dark-on-error-container: #ffdad6;
// Background / On Background
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-background: #0e150d;
$color-devmx-sys-dark-on-background: #dce5d7;
// Surface / On Surface
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-surface: #141313;
$color-devmx-sys-dark-on-surface: #e5e2e1;
// Surface Variant / On Surface Variant
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ❌ Fail
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-surface-variant: #3d4a3b;
$color-devmx-sys-dark-on-surface-variant: #bccbb7;
$color-devmx-sys-dark-outline: #879582;
$color-devmx-sys-dark-outline-variant: #3d4a3b;
$color-devmx-sys-dark-shadow: #000000;
$color-devmx-sys-dark-scrim: #000000;
$color-devmx-sys-dark-inverse-surface: #e5e2e1;
$color-devmx-sys-dark-inverse-on-surface: #313030;
$color-devmx-sys-dark-inverse-primary: #006e20;
$color-devmx-sys-dark-primary-fixed: #70ff7c;
$color-devmx-sys-dark-on-primary-fixed: #002105;
$color-devmx-sys-dark-primary-fixed-dim: #52e163;
$color-devmx-sys-dark-on-primary-fixed-variant: #005316;
$color-devmx-sys-dark-secondary-fixed: #70ff7c;
$color-devmx-sys-dark-on-secondary-fixed: #002105;
$color-devmx-sys-dark-secondary-fixed-dim: #52e163;
$color-devmx-sys-dark-on-secondary-fixed-variant: #005316;
$color-devmx-sys-dark-tertiary-fixed: #d7e3ff;
$color-devmx-sys-dark-on-tertiary-fixed: #001b3e;
$color-devmx-sys-dark-tertiary-fixed-dim: #aac7ff;
$color-devmx-sys-dark-on-tertiary-fixed-variant: #00458e;
$color-devmx-sys-dark-surface-dim: #141313;
$color-devmx-sys-dark-surface-bright: #3a3939;
$color-devmx-sys-dark-surface-container-lowest: #0e0e0e;
$color-devmx-sys-dark-surface-container-low: #1c1b1b;
$color-devmx-sys-dark-surface-container: #201f1f;
$color-devmx-sys-dark-surface-container-high: #2b2a2a;
$color-devmx-sys-dark-surface-container-highest: #353434;
// Primary / On Primary
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-high-contrast-primary: #002907;
$color-devmx-sys-light-high-contrast-surface-tint: #006e20;
$color-devmx-sys-light-high-contrast-on-primary: #ffffff;
// Primary Container / On Primary Container
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-high-contrast-primary-container: #004e15;
$color-devmx-sys-light-high-contrast-on-primary-container: #ffffff;
// Secondary / On Secondary
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-high-contrast-secondary: #002907;
$color-devmx-sys-light-high-contrast-on-secondary: #ffffff;
// Secondary Container / On Secondary Container
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-high-contrast-secondary-container: #004e15;
$color-devmx-sys-light-high-contrast-on-secondary-container: #ffffff;
// Tertiary / On Tertiary
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-high-contrast-tertiary: #00214b;
$color-devmx-sys-light-high-contrast-on-tertiary: #ffffff;
// Tertiary Container / On Tertiary Container
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-high-contrast-tertiary-container: #004187;
$color-devmx-sys-light-high-contrast-on-tertiary-container: #ffffff;
// Error / On Error
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-high-contrast-error: #4e0002;
$color-devmx-sys-light-high-contrast-on-error: #ffffff;
// Error Container / On Error Container
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-high-contrast-error-container: #8c0009;
$color-devmx-sys-light-high-contrast-on-error-container: #ffffff;
// Background / On Background
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-high-contrast-background: #f3fced;
$color-devmx-sys-light-high-contrast-on-background: #161e15;
// Surface / On Surface
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-high-contrast-surface: #fdf8f8;
$color-devmx-sys-light-high-contrast-on-surface: #000000;
// Surface Variant / On Surface Variant
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-high-contrast-surface-variant: #d8e7d2;
$color-devmx-sys-light-high-contrast-on-surface-variant: #1b271a;
$color-devmx-sys-light-high-contrast-outline: #394637;
$color-devmx-sys-light-high-contrast-outline-variant: #394637;
$color-devmx-sys-light-high-contrast-shadow: #000000;
$color-devmx-sys-light-high-contrast-scrim: #000000;
$color-devmx-sys-light-high-contrast-inverse-surface: #313030;
$color-devmx-sys-light-high-contrast-inverse-on-surface: #ffffff;
$color-devmx-sys-light-high-contrast-inverse-primary: #b0ffad;
$color-devmx-sys-light-high-contrast-primary-fixed: #004e15;
$color-devmx-sys-light-high-contrast-on-primary-fixed: #ffffff;
$color-devmx-sys-light-high-contrast-primary-fixed-dim: #00350b;
$color-devmx-sys-light-high-contrast-on-primary-fixed-variant: #ffffff;
$color-devmx-sys-light-high-contrast-secondary-fixed: #004e15;
$color-devmx-sys-light-high-contrast-on-secondary-fixed: #ffffff;
$color-devmx-sys-light-high-contrast-secondary-fixed-dim: #00350b;
$color-devmx-sys-light-high-contrast-on-secondary-fixed-variant: #ffffff;
$color-devmx-sys-light-high-contrast-tertiary-fixed: #004187;
$color-devmx-sys-light-high-contrast-on-tertiary-fixed: #ffffff;
$color-devmx-sys-light-high-contrast-tertiary-fixed-dim: #002c5e;
$color-devmx-sys-light-high-contrast-on-tertiary-fixed-variant: #ffffff;
$color-devmx-sys-light-high-contrast-surface-dim: #ddd9d8;
$color-devmx-sys-light-high-contrast-surface-bright: #fdf8f8;
$color-devmx-sys-light-high-contrast-surface-container-lowest: #ffffff;
$color-devmx-sys-light-high-contrast-surface-container-low: #f7f3f2;
$color-devmx-sys-light-high-contrast-surface-container: #f1edec;
$color-devmx-sys-light-high-contrast-surface-container-high: #ebe7e7;
$color-devmx-sys-light-high-contrast-surface-container-highest: #e5e2e1;
// Primary / On Primary
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-high-contrast-primary: #f1ffea;
$color-devmx-sys-dark-high-contrast-surface-tint: #52e163;
$color-devmx-sys-dark-high-contrast-on-primary: #000000;
// Primary Container / On Primary Container
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-high-contrast-primary-container: #56e667;
$color-devmx-sys-dark-high-contrast-on-primary-container: #000000;
// Secondary / On Secondary
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-high-contrast-secondary: #f1ffea;
$color-devmx-sys-dark-high-contrast-on-secondary: #000000;
// Secondary Container / On Secondary Container
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-high-contrast-secondary-container: #56e667;
$color-devmx-sys-dark-high-contrast-on-secondary-container: #000000;
// Tertiary / On Tertiary
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-high-contrast-tertiary: #fbfaff;
$color-devmx-sys-dark-high-contrast-on-tertiary: #000000;
// Tertiary Container / On Tertiary Container
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-high-contrast-tertiary-container: #b1cbff;
$color-devmx-sys-dark-high-contrast-on-tertiary-container: #000000;
// Error / On Error
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-high-contrast-error: #fff9f9;
$color-devmx-sys-dark-high-contrast-on-error: #000000;
// Error Container / On Error Container
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-high-contrast-error-container: #ffbab1;
$color-devmx-sys-dark-high-contrast-on-error-container: #000000;
// Background / On Background
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-high-contrast-background: #0e150d;
$color-devmx-sys-dark-high-contrast-on-background: #dce5d7;
// Surface / On Surface
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-high-contrast-surface: #141313;
$color-devmx-sys-dark-high-contrast-on-surface: #ffffff;
// Surface Variant / On Surface Variant
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-high-contrast-surface-variant: #3d4a3b;
$color-devmx-sys-dark-high-contrast-on-surface-variant: #f1ffea;
$color-devmx-sys-dark-high-contrast-outline: #c0cfbb;
$color-devmx-sys-dark-high-contrast-outline-variant: #c0cfbb;
$color-devmx-sys-dark-high-contrast-shadow: #000000;
$color-devmx-sys-dark-high-contrast-scrim: #000000;
$color-devmx-sys-dark-high-contrast-inverse-surface: #e5e2e1;
$color-devmx-sys-dark-high-contrast-inverse-on-surface: #000000;
$color-devmx-sys-dark-high-contrast-inverse-primary: #00320a;
$color-devmx-sys-dark-high-contrast-primary-fixed: #91ff93;
$color-devmx-sys-dark-high-contrast-on-primary-fixed: #000000;
$color-devmx-sys-dark-high-contrast-primary-fixed-dim: #56e667;
$color-devmx-sys-dark-high-contrast-on-primary-fixed-variant: #001b03;
$color-devmx-sys-dark-high-contrast-secondary-fixed: #91ff93;
$color-devmx-sys-dark-high-contrast-on-secondary-fixed: #000000;
$color-devmx-sys-dark-high-contrast-secondary-fixed-dim: #56e667;
$color-devmx-sys-dark-high-contrast-on-secondary-fixed-variant: #001b03;
$color-devmx-sys-dark-high-contrast-tertiary-fixed: #dde7ff;
$color-devmx-sys-dark-high-contrast-on-tertiary-fixed: #000000;
$color-devmx-sys-dark-high-contrast-tertiary-fixed-dim: #b1cbff;
$color-devmx-sys-dark-high-contrast-on-tertiary-fixed-variant: #001635;
$color-devmx-sys-dark-high-contrast-surface-dim: #141313;
$color-devmx-sys-dark-high-contrast-surface-bright: #3a3939;
$color-devmx-sys-dark-high-contrast-surface-container-lowest: #0e0e0e;
$color-devmx-sys-dark-high-contrast-surface-container-low: #1c1b1b;
$color-devmx-sys-dark-high-contrast-surface-container: #201f1f;
$color-devmx-sys-dark-high-contrast-surface-container-high: #2b2a2a;
$color-devmx-sys-dark-high-contrast-surface-container-highest: #353434;
// Primary / On Primary
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-medium-contrast-primary: #004e15;
$color-devmx-sys-light-medium-contrast-surface-tint: #006e20;
$color-devmx-sys-light-medium-contrast-on-primary: #ffffff;
// Primary Container / On Primary Container
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ❌ Fail
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-medium-contrast-primary-container: #00872a;
$color-devmx-sys-light-medium-contrast-on-primary-container: #ffffff;
// Secondary / On Secondary
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-medium-contrast-secondary: #004e15;
$color-devmx-sys-light-medium-contrast-on-secondary: #ffffff;
// Secondary Container / On Secondary Container
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ❌ Fail
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-medium-contrast-secondary-container: #00872a;
$color-devmx-sys-light-medium-contrast-on-secondary-container: #ffffff;
// Tertiary / On Tertiary
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-medium-contrast-tertiary: #004187;
$color-devmx-sys-light-medium-contrast-on-tertiary: #ffffff;
// Tertiary Container / On Tertiary Container
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ❌ Fail
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-medium-contrast-tertiary-container: #0072e3;
$color-devmx-sys-light-medium-contrast-on-tertiary-container: #ffffff;
// Error / On Error
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-medium-contrast-error: #8c0009;
$color-devmx-sys-light-medium-contrast-on-error: #ffffff;
// Error Container / On Error Container
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ❌ Fail
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-medium-contrast-error-container: #da342e;
$color-devmx-sys-light-medium-contrast-on-error-container: #ffffff;
// Background / On Background
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-medium-contrast-background: #f3fced;
$color-devmx-sys-light-medium-contrast-on-background: #161e15;
// Surface / On Surface
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-medium-contrast-surface: #fdf8f8;
$color-devmx-sys-light-medium-contrast-on-surface: #1c1b1b;
// Surface Variant / On Surface Variant
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-light-medium-contrast-surface-variant: #d8e7d2;
$color-devmx-sys-light-medium-contrast-on-surface-variant: #394637;
$color-devmx-sys-light-medium-contrast-outline: #556352;
$color-devmx-sys-light-medium-contrast-outline-variant: #717f6d;
$color-devmx-sys-light-medium-contrast-shadow: #000000;
$color-devmx-sys-light-medium-contrast-scrim: #000000;
$color-devmx-sys-light-medium-contrast-inverse-surface: #313030;
$color-devmx-sys-light-medium-contrast-inverse-on-surface: #f4f0ef;
$color-devmx-sys-light-medium-contrast-inverse-primary: #52e163;
$color-devmx-sys-light-medium-contrast-primary-fixed: #00872a;
$color-devmx-sys-light-medium-contrast-on-primary-fixed: #ffffff;
$color-devmx-sys-light-medium-contrast-primary-fixed-dim: #006b1f;
$color-devmx-sys-light-medium-contrast-on-primary-fixed-variant: #ffffff;
$color-devmx-sys-light-medium-contrast-secondary-fixed: #00872a;
$color-devmx-sys-light-medium-contrast-on-secondary-fixed: #ffffff;
$color-devmx-sys-light-medium-contrast-secondary-fixed-dim: #006b1f;
$color-devmx-sys-light-medium-contrast-on-secondary-fixed-variant: #ffffff;
$color-devmx-sys-light-medium-contrast-tertiary-fixed: #0072e3;
$color-devmx-sys-light-medium-contrast-on-tertiary-fixed: #ffffff;
$color-devmx-sys-light-medium-contrast-tertiary-fixed-dim: #005ab5;
$color-devmx-sys-light-medium-contrast-on-tertiary-fixed-variant: #ffffff;
$color-devmx-sys-light-medium-contrast-surface-dim: #ddd9d8;
$color-devmx-sys-light-medium-contrast-surface-bright: #fdf8f8;
$color-devmx-sys-light-medium-contrast-surface-container-lowest: #ffffff;
$color-devmx-sys-light-medium-contrast-surface-container-low: #f7f3f2;
$color-devmx-sys-light-medium-contrast-surface-container: #f1edec;
$color-devmx-sys-light-medium-contrast-surface-container-high: #ebe7e7;
$color-devmx-sys-light-medium-contrast-surface-container-highest: #e5e2e1;
// Primary / On Primary
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-medium-contrast-primary: #63f271;
$color-devmx-sys-dark-medium-contrast-surface-tint: #52e163;
$color-devmx-sys-dark-medium-contrast-on-primary: #002706;
// Primary Container / On Primary Container
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-medium-contrast-primary-container: #30c64c;
$color-devmx-sys-dark-medium-contrast-on-primary-container: #000000;
// Secondary / On Secondary
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-medium-contrast-secondary: #63f271;
$color-devmx-sys-dark-medium-contrast-on-secondary: #002706;
// Secondary Container / On Secondary Container
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-medium-contrast-secondary-container: #30c64c;
$color-devmx-sys-dark-medium-contrast-on-secondary-container: #000000;
// Tertiary / On Tertiary
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-medium-contrast-tertiary: #b1cbff;
$color-devmx-sys-dark-medium-contrast-on-tertiary: #001635;
// Tertiary Container / On Tertiary Container
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ❌ Fail
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-medium-contrast-tertiary-container: #418fff;
$color-devmx-sys-dark-medium-contrast-on-tertiary-container: #000000;
// Error / On Error
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-medium-contrast-error: #ffbab1;
$color-devmx-sys-dark-medium-contrast-on-error: #370001;
// Error Container / On Error Container
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ❌ Fail
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-medium-contrast-error-container: #ff5449;
$color-devmx-sys-dark-medium-contrast-on-error-container: #000000;
// Background / On Background
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-medium-contrast-background: #0e150d;
$color-devmx-sys-dark-medium-contrast-on-background: #dce5d7;
// Surface / On Surface
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-medium-contrast-surface: #141313;
$color-devmx-sys-dark-medium-contrast-on-surface: #fefaf9;
// Surface Variant / On Surface Variant
//
// Regular text:
// Level AA - ✅ Pass
// Level AAA - ❌ Fail
//
// Large text:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
//
// Icons:
// Level AA - ✅ Pass
// Level AAA - ✅ Pass
$color-devmx-sys-dark-medium-contrast-surface-variant: #3d4a3b;
$color-devmx-sys-dark-medium-contrast-on-surface-variant: #c0cfbb;
$color-devmx-sys-dark-medium-contrast-outline: #99a794;
$color-devmx-sys-dark-medium-contrast-outline-variant: #798775;
$color-devmx-sys-dark-medium-contrast-shadow: #000000;
$color-devmx-sys-dark-medium-contrast-scrim: #000000;
$color-devmx-sys-dark-medium-contrast-inverse-surface: #e5e2e1;
$color-devmx-sys-dark-medium-contrast-inverse-on-surface: #2b2a2a;
$color-devmx-sys-dark-medium-contrast-inverse-primary: #005417;
$color-devmx-sys-dark-medium-contrast-primary-fixed: #70ff7c;
$color-devmx-sys-dark-medium-contrast-on-primary-fixed: #001602;
$color-devmx-sys-dark-medium-contrast-primary-fixed-dim: #52e163;
$color-devmx-sys-dark-medium-contrast-on-primary-fixed-variant: #00400f;
$color-devmx-sys-dark-medium-contrast-secondary-fixed: #70ff7c;
$color-devmx-sys-dark-medium-contrast-on-secondary-fixed: #001602;
$color-devmx-sys-dark-medium-contrast-secondary-fixed-dim: #52e163;
$color-devmx-sys-dark-medium-contrast-on-secondary-fixed-variant: #00400f;
$color-devmx-sys-dark-medium-contrast-tertiary-fixed: #d7e3ff;
$color-devmx-sys-dark-medium-contrast-on-tertiary-fixed: #00112b;
$color-devmx-sys-dark-medium-contrast-tertiary-fixed-dim: #aac7ff;
$color-devmx-sys-dark-medium-contrast-on-tertiary-fixed-variant: #003570;
$color-devmx-sys-dark-medium-contrast-surface-dim: #141313;
$color-devmx-sys-dark-medium-contrast-surface-bright: #3a3939;
$color-devmx-sys-dark-medium-contrast-surface-container-lowest: #0e0e0e;
$color-devmx-sys-dark-medium-contrast-surface-container-low: #1c1b1b;
$color-devmx-sys-dark-medium-contrast-surface-container: #201f1f;
$color-devmx-sys-dark-medium-contrast-surface-container-high: #2b2a2a;
$color-devmx-sys-dark-medium-contrast-surface-container-highest: #353434;
$color-devmx-surfaces-light-surface1-0: #fdf8f8;
$color-devmx-surfaces-light-surface1-1: rgba(0, 110, 32, 0.05);
$color-devmx-surfaces-light-surface2-0: #fdf8f8;
$color-devmx-surfaces-light-surface2-1: rgba(0, 110, 32, 0.08);
$color-devmx-surfaces-light-surface3-0: #fdf8f8;
$color-devmx-surfaces-light-surface3-1: rgba(0, 110, 32, 0.11);
$color-devmx-surfaces-light-surface4-0: #fdf8f8;
$color-devmx-surfaces-light-surface4-1: rgba(0, 110, 32, 0.12);
$color-devmx-surfaces-light-surface5-0: #fdf8f8;
$color-devmx-surfaces-light-surface5-1: rgba(0, 110, 32, 0.14);
$color-devmx-surfaces-dark-surface1-0: #141313;
$color-devmx-surfaces-dark-surface1-1: rgba(82, 225, 99, 0.05);
$color-devmx-surfaces-dark-surface2-0: #141313;
$color-devmx-surfaces-dark-surface2-1: rgba(82, 225, 99, 0.08);
$color-devmx-surfaces-dark-surface3-0: #141313;
$color-devmx-surfaces-dark-surface3-1: rgba(82, 225, 99, 0.11);
$color-devmx-surfaces-dark-surface4-0: #141313;
$color-devmx-surfaces-dark-surface4-1: rgba(82, 225, 99, 0.12);
$color-devmx-surfaces-dark-surface5-0: #141313;
$color-devmx-surfaces-dark-surface5-1: rgba(82, 225, 99, 0.14);
$color-devmx-surfaces-light-high-contrast-surface1-0: #fdf8f8;
$color-devmx-surfaces-light-high-contrast-surface1-1: rgba(0, 110, 32, 0.05);
$color-devmx-surfaces-light-high-contrast-surface2-0: #fdf8f8;
$color-devmx-surfaces-light-high-contrast-surface2-1: rgba(0, 110, 32, 0.08);
$color-devmx-surfaces-light-high-contrast-surface3-0: #fdf8f8;
$color-devmx-surfaces-light-high-contrast-surface3-1: rgba(0, 110, 32, 0.11);
$color-devmx-surfaces-light-high-contrast-surface4-0: #fdf8f8;
$color-devmx-surfaces-light-high-contrast-surface4-1: rgba(0, 110, 32, 0.12);
$color-devmx-surfaces-light-high-contrast-surface5-0: #fdf8f8;
$color-devmx-surfaces-light-high-contrast-surface5-1: rgba(0, 110, 32, 0.14);
$color-devmx-surfaces-dark-high-contrast-surface1-0: #141313;
$color-devmx-surfaces-dark-high-contrast-surface1-1: rgba(82, 225, 99, 0.05);
$color-devmx-surfaces-dark-high-contrast-surface2-0: #141313;
$color-devmx-surfaces-dark-high-contrast-surface2-1: rgba(82, 225, 99, 0.08);
$color-devmx-surfaces-dark-high-contrast-surface3-0: #141313;
$color-devmx-surfaces-dark-high-contrast-surface3-1: rgba(82, 225, 99, 0.11);
$color-devmx-surfaces-dark-high-contrast-surface4-0: #141313;
$color-devmx-surfaces-dark-high-contrast-surface4-1: rgba(82, 225, 99, 0.12);
$color-devmx-surfaces-dark-high-contrast-surface5-0: #141313;
$color-devmx-surfaces-dark-high-contrast-surface5-1: rgba(82, 225, 99, 0.14);
$color-devmx-surfaces-light-medium-contrast-surface1-0: #fdf8f8;
$color-devmx-surfaces-light-medium-contrast-surface1-1: rgba(0, 110, 32, 0.05);
$color-devmx-surfaces-light-medium-contrast-surface2-0: #fdf8f8;
$color-devmx-surfaces-light-medium-contrast-surface2-1: rgba(0, 110, 32, 0.08);
$color-devmx-surfaces-light-medium-contrast-surface3-0: #fdf8f8;
$color-devmx-surfaces-light-medium-contrast-surface3-1: rgba(0, 110, 32, 0.11);
$color-devmx-surfaces-light-medium-contrast-surface4-0: #fdf8f8;
$color-devmx-surfaces-light-medium-contrast-surface4-1: rgba(0, 110, 32, 0.12);
$color-devmx-surfaces-light-medium-contrast-surface5-0: #fdf8f8;
$color-devmx-surfaces-light-medium-contrast-surface5-1: rgba(0, 110, 32, 0.14);
$color-devmx-surfaces-dark-medium-contrast-surface1-0: #141313;
$color-devmx-surfaces-dark-medium-contrast-surface1-1: rgba(82, 225, 99, 0.05);
$color-devmx-surfaces-dark-medium-contrast-surface2-0: #141313;
$color-devmx-surfaces-dark-medium-contrast-surface2-1: rgba(82, 225, 99, 0.08);
$color-devmx-surfaces-dark-medium-contrast-surface3-0: #141313;
$color-devmx-surfaces-dark-medium-contrast-surface3-1: rgba(82, 225, 99, 0.11);
$color-devmx-surfaces-dark-medium-contrast-surface4-0: #141313;
$color-devmx-surfaces-dark-medium-contrast-surface4-1: rgba(82, 225, 99, 0.12);
$color-devmx-surfaces-dark-medium-contrast-surface5-0: #141313;
$color-devmx-surfaces-dark-medium-contrast-surface5-1: rgba(82, 225, 99, 0.14);
$color-devmx-ref-primary-primary100: #ffffff;
$color-devmx-ref-primary-primary99: #f6fff0;
$color-devmx-ref-primary-primary98: #ebffe5;
$color-devmx-ref-primary-primary95: #c8ffc2;
$color-devmx-ref-primary-primary90: #b5f2b0;
$color-devmx-ref-primary-primary80: #52e163;
$color-devmx-ref-primary-primary70: #2ec44b;
$color-devmx-ref-primary-primary60: #00a836;
$color-devmx-ref-primary-primary50: #008a2b;
$color-devmx-ref-primary-primary40: #006e20;
$color-devmx-ref-primary-primary35: #00601b;
$color-devmx-ref-primary-primary30: #005316;
$color-devmx-ref-primary-primary25: #004611;
$color-devmx-ref-primary-primary20: #00390d;
$color-devmx-ref-primary-primary15: #002d08;
$color-devmx-ref-primary-primary10: #002105;
$color-devmx-ref-primary-primary5: #001502;
$color-devmx-ref-primary-primary0: #000000;
$color-devmx-ref-secondary-secondary100: #ffffff;
$color-devmx-ref-secondary-secondary99: #f6fff0;
$color-devmx-ref-secondary-secondary98: #ebffe5;
$color-devmx-ref-secondary-secondary95: #c8ffc2;
$color-devmx-ref-secondary-secondary90: #b5f2b0;
$color-devmx-ref-secondary-secondary80: #52e163;
$color-devmx-ref-secondary-secondary70: #2ec44b;
$color-devmx-ref-secondary-secondary60: #00a836;
$color-devmx-ref-secondary-secondary50: #008a2b;
$color-devmx-ref-secondary-secondary40: #006e20;
$color-devmx-ref-secondary-secondary35: #00601b;
$color-devmx-ref-secondary-secondary30: #005316;
$color-devmx-ref-secondary-secondary25: #004611;
$color-devmx-ref-secondary-secondary20: #00390d;
$color-devmx-ref-secondary-secondary15: #002d08;
$color-devmx-ref-secondary-secondary10: #002105;
$color-devmx-ref-secondary-secondary5: #001502;
$color-devmx-ref-secondary-secondary0: #000000;
$color-devmx-ref-tertiary-tertiary100: #ffffff;
$color-devmx-ref-tertiary-tertiary99: #fdfbff;
$color-devmx-ref-tertiary-tertiary98: #f9f9ff;
$color-devmx-ref-tertiary-tertiary95: #ecf0ff;
$color-devmx-ref-tertiary-tertiary90: #d7e3ff;
$color-devmx-ref-tertiary-tertiary80: #aac7ff;
$color-devmx-ref-tertiary-tertiary70: #7babff;
$color-devmx-ref-tertiary-tertiary60: #418fff;
$color-devmx-ref-tertiary-tertiary50: #0075e8;
$color-devmx-ref-tertiary-tertiary40: #005cba;
$color-devmx-ref-tertiary-tertiary35: #0051a4;
$color-devmx-ref-tertiary-tertiary30: #00458e;
$color-devmx-ref-tertiary-tertiary25: #003a79;
$color-devmx-ref-tertiary-tertiary20: #002f65;
$color-devmx-ref-tertiary-tertiary15: #002551;
$color-devmx-ref-tertiary-tertiary10: #001b3e;
$color-devmx-ref-tertiary-tertiary5: #00102b;
$color-devmx-ref-tertiary-tertiary0: #000000;
$color-devmx-ref-error-error100: #ffffff;
$color-devmx-ref-error-error99: #fffbff;
$color-devmx-ref-error-error98: #fff8f7;
$color-devmx-ref-error-error95: #ffedea;
$color-devmx-ref-error-error90: #ffdad6;
$color-devmx-ref-error-error80: #ffb4ab;
$color-devmx-ref-error-error70: #ff897d;
$color-devmx-ref-error-error60: #ff5449;
$color-devmx-ref-error-error50: #de3730;
$color-devmx-ref-error-error40: #ba1a1a;
$color-devmx-ref-error-error35: #a80710;
$color-devmx-ref-error-error30: #93000a;
$color-devmx-ref-error-error25: #7e0007;
$color-devmx-ref-error-error20: #690005;
$color-devmx-ref-error-error15: #540003;
$color-devmx-ref-error-error10: #410002;
$color-devmx-ref-error-error5: #2d0001;
$color-devmx-ref-error-error0: #000000;
$color-devmx-ref-neutral-neutral100: #ffffff;
$color-devmx-ref-neutral-neutral99: #f6feff;
$color-devmx-ref-neutral-neutral98: #fdf8f8;
$color-devmx-ref-neutral-neutral95: #f4f0ef;
$color-devmx-ref-neutral-neutral90: #e5e2e1;
$color-devmx-ref-neutral-neutral80: #c9c6c5;
$color-devmx-ref-neutral-neutral70: #adaaaa;
$color-devmx-ref-neutral-neutral60: #939090;
$color-devmx-ref-neutral-neutral50: #797676;
$color-devmx-ref-neutral-neutral40: #605e5e;
$color-devmx-ref-neutral-neutral35: #535252;
$color-devmx-ref-neutral-neutral30: #484646;
$color-devmx-ref-neutral-neutral25: #3c3b3b;
$color-devmx-ref-neutral-neutral20: #313030;
$color-devmx-ref-neutral-neutral15: #262625;
$color-devmx-ref-neutral-neutral10: #1c1b1b;
$color-devmx-ref-neutral-neutral5: #111111;
$color-devmx-ref-neutral-neutral0: #000000;
$color-devmx-ref-neutral-variant-neutral-variant100: #ffffff;
$color-devmx-ref-neutral-variant-neutral-variant99: #f8fef2;
$color-devmx-ref-neutral-variant-neutral-variant98: #f5fbef;
$color-devmx-ref-neutral-variant-neutral-variant95: #ecf3e7;
$color-devmx-ref-neutral-variant-neutral-variant90: #dee5d9;
$color-devmx-ref-neutral-variant-neutral-variant80: #c2c9bd;
$color-devmx-ref-neutral-variant-neutral-variant70: #a6ada2;
$color-devmx-ref-neutral-variant-neutral-variant60: #8c9388;
$color-devmx-ref-neutral-variant-neutral-variant50: #72796f;
$color-devmx-ref-neutral-variant-neutral-variant40: #5a6057;
$color-devmx-ref-neutral-variant-neutral-variant35: #4e544b;
$color-devmx-ref-neutral-variant-neutral-variant30: #424940;
$color-devmx-ref-neutral-variant-neutral-variant25: #373d35;
$color-devmx-ref-neutral-variant-neutral-variant20: #2c322a;
$color-devmx-ref-neutral-variant-neutral-variant15: #212720;
$color-devmx-ref-neutral-variant-neutral-variant10: #171d16;
$color-devmx-ref-neutral-variant-neutral-variant5: #0c120c;
$color-devmx-ref-neutral-variant-neutral-variant0: #000000;
$color-devmx-key-colors-primary: #3bce53;
$color-devmx-key-colors-tertiary: #1a84ff;
$color-devmx-key-colors-neutral: #333333;
$color-devmx-key-colors-secondary: #3bce53;
$color-devmx-source-seed: #3bce53; // TYPE: CUSTOM
$color-devmx-state-layers-light-primary-opacity-0-08: rgba(0, 110, 32, 0.08);
$color-devmx-state-layers-light-primary-opacity-0-12: rgba(0, 110, 32, 0.12);
$color-devmx-state-layers-light-primary-opacity-0-16: rgba(0, 110, 32, 0.16);
$color-devmx-state-layers-light-surfacetint-opacity-0-08: rgba(
  0,
  110,
  32,
  0.08
);
$color-devmx-state-layers-light-surfacetint-opacity-0-12: rgba(
  0,
  110,
  32,
  0.12
);
$color-devmx-state-layers-light-surfacetint-opacity-0-16: rgba(
  0,
  110,
  32,
  0.16
);
$color-devmx-state-layers-light-onprimary-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-onprimary-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-onprimary-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-primarycontainer-opacity-0-08: rgba(
  72,
  217,
  92,
  0.08
);
$color-devmx-state-layers-light-primarycontainer-opacity-0-12: rgba(
  72,
  217,
  92,
  0.12
);
$color-devmx-state-layers-light-primarycontainer-opacity-0-16: rgba(
  72,
  217,
  92,
  0.16
);
$color-devmx-state-layers-light-onprimarycontainer-opacity-0-08: rgba(
  0,
  57,
  13,
  0.08
);
$color-devmx-state-layers-light-onprimarycontainer-opacity-0-12: rgba(
  0,
  57,
  13,
  0.12
);
$color-devmx-state-layers-light-onprimarycontainer-opacity-0-16: rgba(
  0,
  57,
  13,
  0.16
);
$color-devmx-state-layers-light-secondary-opacity-0-08: rgba(0, 110, 32, 0.08);
$color-devmx-state-layers-light-secondary-opacity-0-12: rgba(0, 110, 32, 0.12);
$color-devmx-state-layers-light-secondary-opacity-0-16: rgba(0, 110, 32, 0.16);
$color-devmx-state-layers-light-onsecondary-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-onsecondary-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-onsecondary-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-secondarycontainer-opacity-0-08: rgba(
  72,
  217,
  92,
  0.08
);
$color-devmx-state-layers-light-secondarycontainer-opacity-0-12: rgba(
  72,
  217,
  92,
  0.12
);
$color-devmx-state-layers-light-secondarycontainer-opacity-0-16: rgba(
  72,
  217,
  92,
  0.16
);
$color-devmx-state-layers-light-onsecondarycontainer-opacity-0-08: rgba(
  0,
  57,
  13,
  0.08
);
$color-devmx-state-layers-light-onsecondarycontainer-opacity-0-12: rgba(
  0,
  57,
  13,
  0.12
);
$color-devmx-state-layers-light-onsecondarycontainer-opacity-0-16: rgba(
  0,
  57,
  13,
  0.16
);
$color-devmx-state-layers-light-tertiary-opacity-0-08: rgba(0, 78, 159, 0.08);
$color-devmx-state-layers-light-tertiary-opacity-0-12: rgba(0, 78, 159, 0.12);
$color-devmx-state-layers-light-tertiary-opacity-0-16: rgba(0, 78, 159, 0.16);
$color-devmx-state-layers-light-ontertiary-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-ontertiary-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-ontertiary-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-tertiarycontainer-opacity-0-08: rgba(
  0,
  114,
  227,
  0.08
);
$color-devmx-state-layers-light-tertiarycontainer-opacity-0-12: rgba(
  0,
  114,
  227,
  0.12
);
$color-devmx-state-layers-light-tertiarycontainer-opacity-0-16: rgba(
  0,
  114,
  227,
  0.16
);
$color-devmx-state-layers-light-ontertiarycontainer-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-ontertiarycontainer-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-ontertiarycontainer-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-error-opacity-0-08: rgba(186, 26, 26, 0.08);
$color-devmx-state-layers-light-error-opacity-0-12: rgba(186, 26, 26, 0.12);
$color-devmx-state-layers-light-error-opacity-0-16: rgba(186, 26, 26, 0.16);
$color-devmx-state-layers-light-onerror-opacity-0-08: rgba(255, 255, 255, 0.08);
$color-devmx-state-layers-light-onerror-opacity-0-12: rgba(255, 255, 255, 0.12);
$color-devmx-state-layers-light-onerror-opacity-0-16: rgba(255, 255, 255, 0.16);
$color-devmx-state-layers-light-errorcontainer-opacity-0-08: rgba(
  255,
  218,
  214,
  0.08
);
$color-devmx-state-layers-light-errorcontainer-opacity-0-12: rgba(
  255,
  218,
  214,
  0.12
);
$color-devmx-state-layers-light-errorcontainer-opacity-0-16: rgba(
  255,
  218,
  214,
  0.16
);
$color-devmx-state-layers-light-onerrorcontainer-opacity-0-08: rgba(
  65,
  0,
  2,
  0.08
);
$color-devmx-state-layers-light-onerrorcontainer-opacity-0-12: rgba(
  65,
  0,
  2,
  0.12
);
$color-devmx-state-layers-light-onerrorcontainer-opacity-0-16: rgba(
  65,
  0,
  2,
  0.16
);
$color-devmx-state-layers-light-background-opacity-0-08: rgba(
  243,
  252,
  237,
  0.08
);
$color-devmx-state-layers-light-background-opacity-0-12: rgba(
  243,
  252,
  237,
  0.12
);
$color-devmx-state-layers-light-background-opacity-0-16: rgba(
  243,
  252,
  237,
  0.16
);
$color-devmx-state-layers-light-onbackground-opacity-0-08: rgba(
  22,
  30,
  21,
  0.08
);
$color-devmx-state-layers-light-onbackground-opacity-0-12: rgba(
  22,
  30,
  21,
  0.12
);
$color-devmx-state-layers-light-onbackground-opacity-0-16: rgba(
  22,
  30,
  21,
  0.16
);
$color-devmx-state-layers-light-surface-opacity-0-08: rgba(253, 248, 248, 0.08);
$color-devmx-state-layers-light-surface-opacity-0-12: rgba(253, 248, 248, 0.12);
$color-devmx-state-layers-light-surface-opacity-0-16: rgba(253, 248, 248, 0.16);
$color-devmx-state-layers-light-onsurface-opacity-0-08: rgba(28, 27, 27, 0.08);
$color-devmx-state-layers-light-onsurface-opacity-0-12: rgba(28, 27, 27, 0.12);
$color-devmx-state-layers-light-onsurface-opacity-0-16: rgba(28, 27, 27, 0.16);
$color-devmx-state-layers-light-surfacevariant-opacity-0-08: rgba(
  216,
  231,
  210,
  0.08
);
$color-devmx-state-layers-light-surfacevariant-opacity-0-12: rgba(
  216,
  231,
  210,
  0.12
);
$color-devmx-state-layers-light-surfacevariant-opacity-0-16: rgba(
  216,
  231,
  210,
  0.16
);
$color-devmx-state-layers-light-onsurfacevariant-opacity-0-08: rgba(
  61,
  74,
  59,
  0.08
);
$color-devmx-state-layers-light-onsurfacevariant-opacity-0-12: rgba(
  61,
  74,
  59,
  0.12
);
$color-devmx-state-layers-light-onsurfacevariant-opacity-0-16: rgba(
  61,
  74,
  59,
  0.16
);
$color-devmx-state-layers-light-outline-opacity-0-08: rgba(109, 123, 106, 0.08);
$color-devmx-state-layers-light-outline-opacity-0-12: rgba(109, 123, 106, 0.12);
$color-devmx-state-layers-light-outline-opacity-0-16: rgba(109, 123, 106, 0.16);
$color-devmx-state-layers-light-outlinevariant-opacity-0-08: rgba(
  188,
  203,
  183,
  0.08
);
$color-devmx-state-layers-light-outlinevariant-opacity-0-12: rgba(
  188,
  203,
  183,
  0.12
);
$color-devmx-state-layers-light-outlinevariant-opacity-0-16: rgba(
  188,
  203,
  183,
  0.16
);
$color-devmx-state-layers-light-shadow-opacity-0-08: rgba(0, 0, 0, 0.08);
$color-devmx-state-layers-light-shadow-opacity-0-12: rgba(0, 0, 0, 0.12);
$color-devmx-state-layers-light-shadow-opacity-0-16: rgba(0, 0, 0, 0.16);
$color-devmx-state-layers-light-scrim-opacity-0-08: rgba(0, 0, 0, 0.08);
$color-devmx-state-layers-light-scrim-opacity-0-12: rgba(0, 0, 0, 0.12);
$color-devmx-state-layers-light-scrim-opacity-0-16: rgba(0, 0, 0, 0.16);
$color-devmx-state-layers-light-inversesurface-opacity-0-08: rgba(
  49,
  48,
  48,
  0.08
);
$color-devmx-state-layers-light-inversesurface-opacity-0-12: rgba(
  49,
  48,
  48,
  0.12
);
$color-devmx-state-layers-light-inversesurface-opacity-0-16: rgba(
  49,
  48,
  48,
  0.16
);
$color-devmx-state-layers-light-inverseonsurface-opacity-0-08: rgba(
  244,
  240,
  239,
  0.08
);
$color-devmx-state-layers-light-inverseonsurface-opacity-0-12: rgba(
  244,
  240,
  239,
  0.12
);
$color-devmx-state-layers-light-inverseonsurface-opacity-0-16: rgba(
  244,
  240,
  239,
  0.16
);
$color-devmx-state-layers-light-inverseprimary-opacity-0-08: rgba(
  82,
  225,
  99,
  0.08
);
$color-devmx-state-layers-light-inverseprimary-opacity-0-12: rgba(
  82,
  225,
  99,
  0.12
);
$color-devmx-state-layers-light-inverseprimary-opacity-0-16: rgba(
  82,
  225,
  99,
  0.16
);
$color-devmx-state-layers-light-primaryfixed-opacity-0-08: rgba(
  112,
  255,
  124,
  0.08
);
$color-devmx-state-layers-light-primaryfixed-opacity-0-12: rgba(
  112,
  255,
  124,
  0.12
);
$color-devmx-state-layers-light-primaryfixed-opacity-0-16: rgba(
  112,
  255,
  124,
  0.16
);
$color-devmx-state-layers-light-onprimaryfixed-opacity-0-08: rgba(
  0,
  33,
  5,
  0.08
);
$color-devmx-state-layers-light-onprimaryfixed-opacity-0-12: rgba(
  0,
  33,
  5,
  0.12
);
$color-devmx-state-layers-light-onprimaryfixed-opacity-0-16: rgba(
  0,
  33,
  5,
  0.16
);
$color-devmx-state-layers-light-primaryfixeddim-opacity-0-08: rgba(
  82,
  225,
  99,
  0.08
);
$color-devmx-state-layers-light-primaryfixeddim-opacity-0-12: rgba(
  82,
  225,
  99,
  0.12
);
$color-devmx-state-layers-light-primaryfixeddim-opacity-0-16: rgba(
  82,
  225,
  99,
  0.16
);
$color-devmx-state-layers-light-onprimaryfixedvariant-opacity-0-08: rgba(
  0,
  83,
  22,
  0.08
);
$color-devmx-state-layers-light-onprimaryfixedvariant-opacity-0-12: rgba(
  0,
  83,
  22,
  0.12
);
$color-devmx-state-layers-light-onprimaryfixedvariant-opacity-0-16: rgba(
  0,
  83,
  22,
  0.16
);
$color-devmx-state-layers-light-secondaryfixed-opacity-0-08: rgba(
  112,
  255,
  124,
  0.08
);
$color-devmx-state-layers-light-secondaryfixed-opacity-0-12: rgba(
  112,
  255,
  124,
  0.12
);
$color-devmx-state-layers-light-secondaryfixed-opacity-0-16: rgba(
  112,
  255,
  124,
  0.16
);
$color-devmx-state-layers-light-onsecondaryfixed-opacity-0-08: rgba(
  0,
  33,
  5,
  0.08
);
$color-devmx-state-layers-light-onsecondaryfixed-opacity-0-12: rgba(
  0,
  33,
  5,
  0.12
);
$color-devmx-state-layers-light-onsecondaryfixed-opacity-0-16: rgba(
  0,
  33,
  5,
  0.16
);
$color-devmx-state-layers-light-secondaryfixeddim-opacity-0-08: rgba(
  82,
  225,
  99,
  0.08
);
$color-devmx-state-layers-light-secondaryfixeddim-opacity-0-12: rgba(
  82,
  225,
  99,
  0.12
);
$color-devmx-state-layers-light-secondaryfixeddim-opacity-0-16: rgba(
  82,
  225,
  99,
  0.16
);
$color-devmx-state-layers-light-onsecondaryfixedvariant-opacity-0-08: rgba(
  0,
  83,
  22,
  0.08
);
$color-devmx-state-layers-light-onsecondaryfixedvariant-opacity-0-12: rgba(
  0,
  83,
  22,
  0.12
);
$color-devmx-state-layers-light-onsecondaryfixedvariant-opacity-0-16: rgba(
  0,
  83,
  22,
  0.16
);
$color-devmx-state-layers-light-tertiaryfixed-opacity-0-08: rgba(
  215,
  227,
  255,
  0.08
);
$color-devmx-state-layers-light-tertiaryfixed-opacity-0-12: rgba(
  215,
  227,
  255,
  0.12
);
$color-devmx-state-layers-light-tertiaryfixed-opacity-0-16: rgba(
  215,
  227,
  255,
  0.16
);
$color-devmx-state-layers-light-ontertiaryfixed-opacity-0-08: rgba(
  0,
  27,
  62,
  0.08
);
$color-devmx-state-layers-light-ontertiaryfixed-opacity-0-12: rgba(
  0,
  27,
  62,
  0.12
);
$color-devmx-state-layers-light-ontertiaryfixed-opacity-0-16: rgba(
  0,
  27,
  62,
  0.16
);
$color-devmx-state-layers-light-tertiaryfixeddim-opacity-0-08: rgba(
  170,
  199,
  255,
  0.08
);
$color-devmx-state-layers-light-tertiaryfixeddim-opacity-0-12: rgba(
  170,
  199,
  255,
  0.12
);
$color-devmx-state-layers-light-tertiaryfixeddim-opacity-0-16: rgba(
  170,
  199,
  255,
  0.16
);
$color-devmx-state-layers-light-ontertiaryfixedvariant-opacity-0-08: rgba(
  0,
  69,
  142,
  0.08
);
$color-devmx-state-layers-light-ontertiaryfixedvariant-opacity-0-12: rgba(
  0,
  69,
  142,
  0.12
);
$color-devmx-state-layers-light-ontertiaryfixedvariant-opacity-0-16: rgba(
  0,
  69,
  142,
  0.16
);
$color-devmx-state-layers-light-surfacedim-opacity-0-08: rgba(
  221,
  217,
  216,
  0.08
);
$color-devmx-state-layers-light-surfacedim-opacity-0-12: rgba(
  221,
  217,
  216,
  0.12
);
$color-devmx-state-layers-light-surfacedim-opacity-0-16: rgba(
  221,
  217,
  216,
  0.16
);
$color-devmx-state-layers-light-surfacebright-opacity-0-08: rgba(
  253,
  248,
  248,
  0.08
);
$color-devmx-state-layers-light-surfacebright-opacity-0-12: rgba(
  253,
  248,
  248,
  0.12
);
$color-devmx-state-layers-light-surfacebright-opacity-0-16: rgba(
  253,
  248,
  248,
  0.16
);
$color-devmx-state-layers-light-surfacecontainerlowest-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-surfacecontainerlowest-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-surfacecontainerlowest-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-surfacecontainerlow-opacity-0-08: rgba(
  247,
  243,
  242,
  0.08
);
$color-devmx-state-layers-light-surfacecontainerlow-opacity-0-12: rgba(
  247,
  243,
  242,
  0.12
);
$color-devmx-state-layers-light-surfacecontainerlow-opacity-0-16: rgba(
  247,
  243,
  242,
  0.16
);
$color-devmx-state-layers-light-surfacecontainer-opacity-0-08: rgba(
  241,
  237,
  236,
  0.08
);
$color-devmx-state-layers-light-surfacecontainer-opacity-0-12: rgba(
  241,
  237,
  236,
  0.12
);
$color-devmx-state-layers-light-surfacecontainer-opacity-0-16: rgba(
  241,
  237,
  236,
  0.16
);
$color-devmx-state-layers-light-surfacecontainerhigh-opacity-0-08: rgba(
  235,
  231,
  231,
  0.08
);
$color-devmx-state-layers-light-surfacecontainerhigh-opacity-0-12: rgba(
  235,
  231,
  231,
  0.12
);
$color-devmx-state-layers-light-surfacecontainerhigh-opacity-0-16: rgba(
  235,
  231,
  231,
  0.16
);
$color-devmx-state-layers-light-surfacecontainerhighest-opacity-0-08: rgba(
  229,
  226,
  225,
  0.08
);
$color-devmx-state-layers-light-surfacecontainerhighest-opacity-0-12: rgba(
  229,
  226,
  225,
  0.12
);
$color-devmx-state-layers-light-surfacecontainerhighest-opacity-0-16: rgba(
  229,
  226,
  225,
  0.16
);
$color-devmx-state-layers-dark-primary-opacity-0-08: rgba(99, 242, 113, 0.08);
$color-devmx-state-layers-dark-primary-opacity-0-12: rgba(99, 242, 113, 0.12);
$color-devmx-state-layers-dark-primary-opacity-0-16: rgba(99, 242, 113, 0.16);
$color-devmx-state-layers-dark-surfacetint-opacity-0-08: rgba(
  82,
  225,
  99,
  0.08
);
$color-devmx-state-layers-dark-surfacetint-opacity-0-12: rgba(
  82,
  225,
  99,
  0.12
);
$color-devmx-state-layers-dark-surfacetint-opacity-0-16: rgba(
  82,
  225,
  99,
  0.16
);
$color-devmx-state-layers-dark-onprimary-opacity-0-08: rgba(0, 57, 13, 0.08);
$color-devmx-state-layers-dark-onprimary-opacity-0-12: rgba(0, 57, 13, 0.12);
$color-devmx-state-layers-dark-onprimary-opacity-0-16: rgba(0, 57, 13, 0.16);
$color-devmx-state-layers-dark-primarycontainer-opacity-0-08: rgba(
  48,
  198,
  76,
  0.08
);
$color-devmx-state-layers-dark-primarycontainer-opacity-0-12: rgba(
  48,
  198,
  76,
  0.12
);
$color-devmx-state-layers-dark-primarycontainer-opacity-0-16: rgba(
  48,
  198,
  76,
  0.16
);
$color-devmx-state-layers-dark-onprimarycontainer-opacity-0-08: rgba(
  0,
  41,
  7,
  0.08
);
$color-devmx-state-layers-dark-onprimarycontainer-opacity-0-12: rgba(
  0,
  41,
  7,
  0.12
);
$color-devmx-state-layers-dark-onprimarycontainer-opacity-0-16: rgba(
  0,
  41,
  7,
  0.16
);
$color-devmx-state-layers-dark-secondary-opacity-0-08: rgba(99, 242, 113, 0.08);
$color-devmx-state-layers-dark-secondary-opacity-0-12: rgba(99, 242, 113, 0.12);
$color-devmx-state-layers-dark-secondary-opacity-0-16: rgba(99, 242, 113, 0.16);
$color-devmx-state-layers-dark-onsecondary-opacity-0-08: rgba(0, 57, 13, 0.08);
$color-devmx-state-layers-dark-onsecondary-opacity-0-12: rgba(0, 57, 13, 0.12);
$color-devmx-state-layers-dark-onsecondary-opacity-0-16: rgba(0, 57, 13, 0.16);
$color-devmx-state-layers-dark-secondarycontainer-opacity-0-08: rgba(
  48,
  198,
  76,
  0.08
);
$color-devmx-state-layers-dark-secondarycontainer-opacity-0-12: rgba(
  48,
  198,
  76,
  0.12
);
$color-devmx-state-layers-dark-secondarycontainer-opacity-0-16: rgba(
  48,
  198,
  76,
  0.16
);
$color-devmx-state-layers-dark-onsecondarycontainer-opacity-0-08: rgba(
  0,
  41,
  7,
  0.08
);
$color-devmx-state-layers-dark-onsecondarycontainer-opacity-0-12: rgba(
  0,
  41,
  7,
  0.12
);
$color-devmx-state-layers-dark-onsecondarycontainer-opacity-0-16: rgba(
  0,
  41,
  7,
  0.16
);
$color-devmx-state-layers-dark-tertiary-opacity-0-08: rgba(170, 199, 255, 0.08);
$color-devmx-state-layers-dark-tertiary-opacity-0-12: rgba(170, 199, 255, 0.12);
$color-devmx-state-layers-dark-tertiary-opacity-0-16: rgba(170, 199, 255, 0.16);
$color-devmx-state-layers-dark-ontertiary-opacity-0-08: rgba(0, 47, 101, 0.08);
$color-devmx-state-layers-dark-ontertiary-opacity-0-12: rgba(0, 47, 101, 0.12);
$color-devmx-state-layers-dark-ontertiary-opacity-0-16: rgba(0, 47, 101, 0.16);
$color-devmx-state-layers-dark-tertiarycontainer-opacity-0-08: rgba(
  0,
  114,
  227,
  0.08
);
$color-devmx-state-layers-dark-tertiarycontainer-opacity-0-12: rgba(
  0,
  114,
  227,
  0.12
);
$color-devmx-state-layers-dark-tertiarycontainer-opacity-0-16: rgba(
  0,
  114,
  227,
  0.16
);
$color-devmx-state-layers-dark-ontertiarycontainer-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-dark-ontertiarycontainer-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-dark-ontertiarycontainer-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-dark-error-opacity-0-08: rgba(255, 180, 171, 0.08);
$color-devmx-state-layers-dark-error-opacity-0-12: rgba(255, 180, 171, 0.12);
$color-devmx-state-layers-dark-error-opacity-0-16: rgba(255, 180, 171, 0.16);
$color-devmx-state-layers-dark-onerror-opacity-0-08: rgba(105, 0, 5, 0.08);
$color-devmx-state-layers-dark-onerror-opacity-0-12: rgba(105, 0, 5, 0.12);
$color-devmx-state-layers-dark-onerror-opacity-0-16: rgba(105, 0, 5, 0.16);
$color-devmx-state-layers-dark-errorcontainer-opacity-0-08: rgba(
  147,
  0,
  10,
  0.08
);
$color-devmx-state-layers-dark-errorcontainer-opacity-0-12: rgba(
  147,
  0,
  10,
  0.12
);
$color-devmx-state-layers-dark-errorcontainer-opacity-0-16: rgba(
  147,
  0,
  10,
  0.16
);
$color-devmx-state-layers-dark-onerrorcontainer-opacity-0-08: rgba(
  255,
  218,
  214,
  0.08
);
$color-devmx-state-layers-dark-onerrorcontainer-opacity-0-12: rgba(
  255,
  218,
  214,
  0.12
);
$color-devmx-state-layers-dark-onerrorcontainer-opacity-0-16: rgba(
  255,
  218,
  214,
  0.16
);
$color-devmx-state-layers-dark-background-opacity-0-08: rgba(14, 21, 13, 0.08);
$color-devmx-state-layers-dark-background-opacity-0-12: rgba(14, 21, 13, 0.12);
$color-devmx-state-layers-dark-background-opacity-0-16: rgba(14, 21, 13, 0.16);
$color-devmx-state-layers-dark-onbackground-opacity-0-08: rgba(
  220,
  229,
  215,
  0.08
);
$color-devmx-state-layers-dark-onbackground-opacity-0-12: rgba(
  220,
  229,
  215,
  0.12
);
$color-devmx-state-layers-dark-onbackground-opacity-0-16: rgba(
  220,
  229,
  215,
  0.16
);
$color-devmx-state-layers-dark-surface-opacity-0-08: rgba(20, 19, 19, 0.08);
$color-devmx-state-layers-dark-surface-opacity-0-12: rgba(20, 19, 19, 0.12);
$color-devmx-state-layers-dark-surface-opacity-0-16: rgba(20, 19, 19, 0.16);
$color-devmx-state-layers-dark-onsurface-opacity-0-08: rgba(
  229,
  226,
  225,
  0.08
);
$color-devmx-state-layers-dark-onsurface-opacity-0-12: rgba(
  229,
  226,
  225,
  0.12
);
$color-devmx-state-layers-dark-onsurface-opacity-0-16: rgba(
  229,
  226,
  225,
  0.16
);
$color-devmx-state-layers-dark-surfacevariant-opacity-0-08: rgba(
  61,
  74,
  59,
  0.08
);
$color-devmx-state-layers-dark-surfacevariant-opacity-0-12: rgba(
  61,
  74,
  59,
  0.12
);
$color-devmx-state-layers-dark-surfacevariant-opacity-0-16: rgba(
  61,
  74,
  59,
  0.16
);
$color-devmx-state-layers-dark-onsurfacevariant-opacity-0-08: rgba(
  188,
  203,
  183,
  0.08
);
$color-devmx-state-layers-dark-onsurfacevariant-opacity-0-12: rgba(
  188,
  203,
  183,
  0.12
);
$color-devmx-state-layers-dark-onsurfacevariant-opacity-0-16: rgba(
  188,
  203,
  183,
  0.16
);
$color-devmx-state-layers-dark-outline-opacity-0-08: rgba(135, 149, 130, 0.08);
$color-devmx-state-layers-dark-outline-opacity-0-12: rgba(135, 149, 130, 0.12);
$color-devmx-state-layers-dark-outline-opacity-0-16: rgba(135, 149, 130, 0.16);
$color-devmx-state-layers-dark-outlinevariant-opacity-0-08: rgba(
  61,
  74,
  59,
  0.08
);
$color-devmx-state-layers-dark-outlinevariant-opacity-0-12: rgba(
  61,
  74,
  59,
  0.12
);
$color-devmx-state-layers-dark-outlinevariant-opacity-0-16: rgba(
  61,
  74,
  59,
  0.16
);
$color-devmx-state-layers-dark-shadow-opacity-0-08: rgba(0, 0, 0, 0.08);
$color-devmx-state-layers-dark-shadow-opacity-0-12: rgba(0, 0, 0, 0.12);
$color-devmx-state-layers-dark-shadow-opacity-0-16: rgba(0, 0, 0, 0.16);
$color-devmx-state-layers-dark-scrim-opacity-0-08: rgba(0, 0, 0, 0.08);
$color-devmx-state-layers-dark-scrim-opacity-0-12: rgba(0, 0, 0, 0.12);
$color-devmx-state-layers-dark-scrim-opacity-0-16: rgba(0, 0, 0, 0.16);
$color-devmx-state-layers-dark-inversesurface-opacity-0-08: rgba(
  229,
  226,
  225,
  0.08
);
$color-devmx-state-layers-dark-inversesurface-opacity-0-12: rgba(
  229,
  226,
  225,
  0.12
);
$color-devmx-state-layers-dark-inversesurface-opacity-0-16: rgba(
  229,
  226,
  225,
  0.16
);
$color-devmx-state-layers-dark-inverseonsurface-opacity-0-08: rgba(
  49,
  48,
  48,
  0.08
);
$color-devmx-state-layers-dark-inverseonsurface-opacity-0-12: rgba(
  49,
  48,
  48,
  0.12
);
$color-devmx-state-layers-dark-inverseonsurface-opacity-0-16: rgba(
  49,
  48,
  48,
  0.16
);
$color-devmx-state-layers-dark-inverseprimary-opacity-0-08: rgba(
  0,
  110,
  32,
  0.08
);
$color-devmx-state-layers-dark-inverseprimary-opacity-0-12: rgba(
  0,
  110,
  32,
  0.12
);
$color-devmx-state-layers-dark-inverseprimary-opacity-0-16: rgba(
  0,
  110,
  32,
  0.16
);
$color-devmx-state-layers-dark-primaryfixed-opacity-0-08: rgba(
  112,
  255,
  124,
  0.08
);
$color-devmx-state-layers-dark-primaryfixed-opacity-0-12: rgba(
  112,
  255,
  124,
  0.12
);
$color-devmx-state-layers-dark-primaryfixed-opacity-0-16: rgba(
  112,
  255,
  124,
  0.16
);
$color-devmx-state-layers-dark-onprimaryfixed-opacity-0-08: rgba(
  0,
  33,
  5,
  0.08
);
$color-devmx-state-layers-dark-onprimaryfixed-opacity-0-12: rgba(
  0,
  33,
  5,
  0.12
);
$color-devmx-state-layers-dark-onprimaryfixed-opacity-0-16: rgba(
  0,
  33,
  5,
  0.16
);
$color-devmx-state-layers-dark-primaryfixeddim-opacity-0-08: rgba(
  82,
  225,
  99,
  0.08
);
$color-devmx-state-layers-dark-primaryfixeddim-opacity-0-12: rgba(
  82,
  225,
  99,
  0.12
);
$color-devmx-state-layers-dark-primaryfixeddim-opacity-0-16: rgba(
  82,
  225,
  99,
  0.16
);
$color-devmx-state-layers-dark-onprimaryfixedvariant-opacity-0-08: rgba(
  0,
  83,
  22,
  0.08
);
$color-devmx-state-layers-dark-onprimaryfixedvariant-opacity-0-12: rgba(
  0,
  83,
  22,
  0.12
);
$color-devmx-state-layers-dark-onprimaryfixedvariant-opacity-0-16: rgba(
  0,
  83,
  22,
  0.16
);
$color-devmx-state-layers-dark-secondaryfixed-opacity-0-08: rgba(
  112,
  255,
  124,
  0.08
);
$color-devmx-state-layers-dark-secondaryfixed-opacity-0-12: rgba(
  112,
  255,
  124,
  0.12
);
$color-devmx-state-layers-dark-secondaryfixed-opacity-0-16: rgba(
  112,
  255,
  124,
  0.16
);
$color-devmx-state-layers-dark-onsecondaryfixed-opacity-0-08: rgba(
  0,
  33,
  5,
  0.08
);
$color-devmx-state-layers-dark-onsecondaryfixed-opacity-0-12: rgba(
  0,
  33,
  5,
  0.12
);
$color-devmx-state-layers-dark-onsecondaryfixed-opacity-0-16: rgba(
  0,
  33,
  5,
  0.16
);
$color-devmx-state-layers-dark-secondaryfixeddim-opacity-0-08: rgba(
  82,
  225,
  99,
  0.08
);
$color-devmx-state-layers-dark-secondaryfixeddim-opacity-0-12: rgba(
  82,
  225,
  99,
  0.12
);
$color-devmx-state-layers-dark-secondaryfixeddim-opacity-0-16: rgba(
  82,
  225,
  99,
  0.16
);
$color-devmx-state-layers-dark-onsecondaryfixedvariant-opacity-0-08: rgba(
  0,
  83,
  22,
  0.08
);
$color-devmx-state-layers-dark-onsecondaryfixedvariant-opacity-0-12: rgba(
  0,
  83,
  22,
  0.12
);
$color-devmx-state-layers-dark-onsecondaryfixedvariant-opacity-0-16: rgba(
  0,
  83,
  22,
  0.16
);
$color-devmx-state-layers-dark-tertiaryfixed-opacity-0-08: rgba(
  215,
  227,
  255,
  0.08
);
$color-devmx-state-layers-dark-tertiaryfixed-opacity-0-12: rgba(
  215,
  227,
  255,
  0.12
);
$color-devmx-state-layers-dark-tertiaryfixed-opacity-0-16: rgba(
  215,
  227,
  255,
  0.16
);
$color-devmx-state-layers-dark-ontertiaryfixed-opacity-0-08: rgba(
  0,
  27,
  62,
  0.08
);
$color-devmx-state-layers-dark-ontertiaryfixed-opacity-0-12: rgba(
  0,
  27,
  62,
  0.12
);
$color-devmx-state-layers-dark-ontertiaryfixed-opacity-0-16: rgba(
  0,
  27,
  62,
  0.16
);
$color-devmx-state-layers-dark-tertiaryfixeddim-opacity-0-08: rgba(
  170,
  199,
  255,
  0.08
);
$color-devmx-state-layers-dark-tertiaryfixeddim-opacity-0-12: rgba(
  170,
  199,
  255,
  0.12
);
$color-devmx-state-layers-dark-tertiaryfixeddim-opacity-0-16: rgba(
  170,
  199,
  255,
  0.16
);
$color-devmx-state-layers-dark-ontertiaryfixedvariant-opacity-0-08: rgba(
  0,
  69,
  142,
  0.08
);
$color-devmx-state-layers-dark-ontertiaryfixedvariant-opacity-0-12: rgba(
  0,
  69,
  142,
  0.12
);
$color-devmx-state-layers-dark-ontertiaryfixedvariant-opacity-0-16: rgba(
  0,
  69,
  142,
  0.16
);
$color-devmx-state-layers-dark-surfacedim-opacity-0-08: rgba(20, 19, 19, 0.08);
$color-devmx-state-layers-dark-surfacedim-opacity-0-12: rgba(20, 19, 19, 0.12);
$color-devmx-state-layers-dark-surfacedim-opacity-0-16: rgba(20, 19, 19, 0.16);
$color-devmx-state-layers-dark-surfacebright-opacity-0-08: rgba(
  58,
  57,
  57,
  0.08
);
$color-devmx-state-layers-dark-surfacebright-opacity-0-12: rgba(
  58,
  57,
  57,
  0.12
);
$color-devmx-state-layers-dark-surfacebright-opacity-0-16: rgba(
  58,
  57,
  57,
  0.16
);
$color-devmx-state-layers-dark-surfacecontainerlowest-opacity-0-08: rgba(
  14,
  14,
  14,
  0.08
);
$color-devmx-state-layers-dark-surfacecontainerlowest-opacity-0-12: rgba(
  14,
  14,
  14,
  0.12
);
$color-devmx-state-layers-dark-surfacecontainerlowest-opacity-0-16: rgba(
  14,
  14,
  14,
  0.16
);
$color-devmx-state-layers-dark-surfacecontainerlow-opacity-0-08: rgba(
  28,
  27,
  27,
  0.08
);
$color-devmx-state-layers-dark-surfacecontainerlow-opacity-0-12: rgba(
  28,
  27,
  27,
  0.12
);
$color-devmx-state-layers-dark-surfacecontainerlow-opacity-0-16: rgba(
  28,
  27,
  27,
  0.16
);
$color-devmx-state-layers-dark-surfacecontainer-opacity-0-08: rgba(
  32,
  31,
  31,
  0.08
);
$color-devmx-state-layers-dark-surfacecontainer-opacity-0-12: rgba(
  32,
  31,
  31,
  0.12
);
$color-devmx-state-layers-dark-surfacecontainer-opacity-0-16: rgba(
  32,
  31,
  31,
  0.16
);
$color-devmx-state-layers-dark-surfacecontainerhigh-opacity-0-08: rgba(
  43,
  42,
  42,
  0.08
);
$color-devmx-state-layers-dark-surfacecontainerhigh-opacity-0-12: rgba(
  43,
  42,
  42,
  0.12
);
$color-devmx-state-layers-dark-surfacecontainerhigh-opacity-0-16: rgba(
  43,
  42,
  42,
  0.16
);
$color-devmx-state-layers-dark-surfacecontainerhighest-opacity-0-08: rgba(
  53,
  52,
  52,
  0.08
);
$color-devmx-state-layers-dark-surfacecontainerhighest-opacity-0-12: rgba(
  53,
  52,
  52,
  0.12
);
$color-devmx-state-layers-dark-surfacecontainerhighest-opacity-0-16: rgba(
  53,
  52,
  52,
  0.16
);
$color-devmx-state-layers-light-high-contrast-primary-opacity-0-08: rgba(
  0,
  41,
  7,
  0.08
);
$color-devmx-state-layers-light-high-contrast-primary-opacity-0-12: rgba(
  0,
  41,
  7,
  0.12
);
$color-devmx-state-layers-light-high-contrast-primary-opacity-0-16: rgba(
  0,
  41,
  7,
  0.16
);
$color-devmx-state-layers-light-high-contrast-surfacetint-opacity-0-08: rgba(
  0,
  110,
  32,
  0.08
);
$color-devmx-state-layers-light-high-contrast-surfacetint-opacity-0-12: rgba(
  0,
  110,
  32,
  0.12
);
$color-devmx-state-layers-light-high-contrast-surfacetint-opacity-0-16: rgba(
  0,
  110,
  32,
  0.16
);
$color-devmx-state-layers-light-high-contrast-onprimary-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-high-contrast-onprimary-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-high-contrast-onprimary-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-high-contrast-primarycontainer-opacity-0-08: rgba(
  0,
  78,
  21,
  0.08
);
$color-devmx-state-layers-light-high-contrast-primarycontainer-opacity-0-12: rgba(
  0,
  78,
  21,
  0.12
);
$color-devmx-state-layers-light-high-contrast-primarycontainer-opacity-0-16: rgba(
  0,
  78,
  21,
  0.16
);
$color-devmx-state-layers-light-high-contrast-onprimarycontainer-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-high-contrast-onprimarycontainer-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-high-contrast-onprimarycontainer-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-high-contrast-secondary-opacity-0-08: rgba(
  0,
  41,
  7,
  0.08
);
$color-devmx-state-layers-light-high-contrast-secondary-opacity-0-12: rgba(
  0,
  41,
  7,
  0.12
);
$color-devmx-state-layers-light-high-contrast-secondary-opacity-0-16: rgba(
  0,
  41,
  7,
  0.16
);
$color-devmx-state-layers-light-high-contrast-onsecondary-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-high-contrast-onsecondary-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-high-contrast-onsecondary-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-high-contrast-secondarycontainer-opacity-0-08: rgba(
  0,
  78,
  21,
  0.08
);
$color-devmx-state-layers-light-high-contrast-secondarycontainer-opacity-0-12: rgba(
  0,
  78,
  21,
  0.12
);
$color-devmx-state-layers-light-high-contrast-secondarycontainer-opacity-0-16: rgba(
  0,
  78,
  21,
  0.16
);
$color-devmx-state-layers-light-high-contrast-onsecondarycontainer-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-high-contrast-onsecondarycontainer-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-high-contrast-onsecondarycontainer-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-high-contrast-tertiary-opacity-0-08: rgba(
  0,
  33,
  75,
  0.08
);
$color-devmx-state-layers-light-high-contrast-tertiary-opacity-0-12: rgba(
  0,
  33,
  75,
  0.12
);
$color-devmx-state-layers-light-high-contrast-tertiary-opacity-0-16: rgba(
  0,
  33,
  75,
  0.16
);
$color-devmx-state-layers-light-high-contrast-ontertiary-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-high-contrast-ontertiary-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-high-contrast-ontertiary-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-high-contrast-tertiarycontainer-opacity-0-08: rgba(
  0,
  65,
  135,
  0.08
);
$color-devmx-state-layers-light-high-contrast-tertiarycontainer-opacity-0-12: rgba(
  0,
  65,
  135,
  0.12
);
$color-devmx-state-layers-light-high-contrast-tertiarycontainer-opacity-0-16: rgba(
  0,
  65,
  135,
  0.16
);
$color-devmx-state-layers-light-high-contrast-ontertiarycontainer-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-high-contrast-ontertiarycontainer-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-high-contrast-ontertiarycontainer-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-high-contrast-error-opacity-0-08: rgba(
  78,
  0,
  2,
  0.08
);
$color-devmx-state-layers-light-high-contrast-error-opacity-0-12: rgba(
  78,
  0,
  2,
  0.12
);
$color-devmx-state-layers-light-high-contrast-error-opacity-0-16: rgba(
  78,
  0,
  2,
  0.16
);
$color-devmx-state-layers-light-high-contrast-onerror-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-high-contrast-onerror-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-high-contrast-onerror-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-high-contrast-errorcontainer-opacity-0-08: rgba(
  140,
  0,
  9,
  0.08
);
$color-devmx-state-layers-light-high-contrast-errorcontainer-opacity-0-12: rgba(
  140,
  0,
  9,
  0.12
);
$color-devmx-state-layers-light-high-contrast-errorcontainer-opacity-0-16: rgba(
  140,
  0,
  9,
  0.16
);
$color-devmx-state-layers-light-high-contrast-onerrorcontainer-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-high-contrast-onerrorcontainer-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-high-contrast-onerrorcontainer-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-high-contrast-background-opacity-0-08: rgba(
  243,
  252,
  237,
  0.08
);
$color-devmx-state-layers-light-high-contrast-background-opacity-0-12: rgba(
  243,
  252,
  237,
  0.12
);
$color-devmx-state-layers-light-high-contrast-background-opacity-0-16: rgba(
  243,
  252,
  237,
  0.16
);
$color-devmx-state-layers-light-high-contrast-onbackground-opacity-0-08: rgba(
  22,
  30,
  21,
  0.08
);
$color-devmx-state-layers-light-high-contrast-onbackground-opacity-0-12: rgba(
  22,
  30,
  21,
  0.12
);
$color-devmx-state-layers-light-high-contrast-onbackground-opacity-0-16: rgba(
  22,
  30,
  21,
  0.16
);
$color-devmx-state-layers-light-high-contrast-surface-opacity-0-08: rgba(
  253,
  248,
  248,
  0.08
);
$color-devmx-state-layers-light-high-contrast-surface-opacity-0-12: rgba(
  253,
  248,
  248,
  0.12
);
$color-devmx-state-layers-light-high-contrast-surface-opacity-0-16: rgba(
  253,
  248,
  248,
  0.16
);
$color-devmx-state-layers-light-high-contrast-onsurface-opacity-0-08: rgba(
  0,
  0,
  0,
  0.08
);
$color-devmx-state-layers-light-high-contrast-onsurface-opacity-0-12: rgba(
  0,
  0,
  0,
  0.12
);
$color-devmx-state-layers-light-high-contrast-onsurface-opacity-0-16: rgba(
  0,
  0,
  0,
  0.16
);
$color-devmx-state-layers-light-high-contrast-surfacevariant-opacity-0-08: rgba(
  216,
  231,
  210,
  0.08
);
$color-devmx-state-layers-light-high-contrast-surfacevariant-opacity-0-12: rgba(
  216,
  231,
  210,
  0.12
);
$color-devmx-state-layers-light-high-contrast-surfacevariant-opacity-0-16: rgba(
  216,
  231,
  210,
  0.16
);
$color-devmx-state-layers-light-high-contrast-onsurfacevariant-opacity-0-08: rgba(
  27,
  39,
  26,
  0.08
);
$color-devmx-state-layers-light-high-contrast-onsurfacevariant-opacity-0-12: rgba(
  27,
  39,
  26,
  0.12
);
$color-devmx-state-layers-light-high-contrast-onsurfacevariant-opacity-0-16: rgba(
  27,
  39,
  26,
  0.16
);
$color-devmx-state-layers-light-high-contrast-outline-opacity-0-08: rgba(
  57,
  70,
  55,
  0.08
);
$color-devmx-state-layers-light-high-contrast-outline-opacity-0-12: rgba(
  57,
  70,
  55,
  0.12
);
$color-devmx-state-layers-light-high-contrast-outline-opacity-0-16: rgba(
  57,
  70,
  55,
  0.16
);
$color-devmx-state-layers-light-high-contrast-outlinevariant-opacity-0-08: rgba(
  57,
  70,
  55,
  0.08
);
$color-devmx-state-layers-light-high-contrast-outlinevariant-opacity-0-12: rgba(
  57,
  70,
  55,
  0.12
);
$color-devmx-state-layers-light-high-contrast-outlinevariant-opacity-0-16: rgba(
  57,
  70,
  55,
  0.16
);
$color-devmx-state-layers-light-high-contrast-shadow-opacity-0-08: rgba(
  0,
  0,
  0,
  0.08
);
$color-devmx-state-layers-light-high-contrast-shadow-opacity-0-12: rgba(
  0,
  0,
  0,
  0.12
);
$color-devmx-state-layers-light-high-contrast-shadow-opacity-0-16: rgba(
  0,
  0,
  0,
  0.16
);
$color-devmx-state-layers-light-high-contrast-scrim-opacity-0-08: rgba(
  0,
  0,
  0,
  0.08
);
$color-devmx-state-layers-light-high-contrast-scrim-opacity-0-12: rgba(
  0,
  0,
  0,
  0.12
);
$color-devmx-state-layers-light-high-contrast-scrim-opacity-0-16: rgba(
  0,
  0,
  0,
  0.16
);
$color-devmx-state-layers-light-high-contrast-inversesurface-opacity-0-08: rgba(
  49,
  48,
  48,
  0.08
);
$color-devmx-state-layers-light-high-contrast-inversesurface-opacity-0-12: rgba(
  49,
  48,
  48,
  0.12
);
$color-devmx-state-layers-light-high-contrast-inversesurface-opacity-0-16: rgba(
  49,
  48,
  48,
  0.16
);
$color-devmx-state-layers-light-high-contrast-inverseonsurface-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-high-contrast-inverseonsurface-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-high-contrast-inverseonsurface-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-high-contrast-inverseprimary-opacity-0-08: rgba(
  176,
  255,
  173,
  0.08
);
$color-devmx-state-layers-light-high-contrast-inverseprimary-opacity-0-12: rgba(
  176,
  255,
  173,
  0.12
);
$color-devmx-state-layers-light-high-contrast-inverseprimary-opacity-0-16: rgba(
  176,
  255,
  173,
  0.16
);
$color-devmx-state-layers-light-high-contrast-primaryfixed-opacity-0-08: rgba(
  0,
  78,
  21,
  0.08
);
$color-devmx-state-layers-light-high-contrast-primaryfixed-opacity-0-12: rgba(
  0,
  78,
  21,
  0.12
);
$color-devmx-state-layers-light-high-contrast-primaryfixed-opacity-0-16: rgba(
  0,
  78,
  21,
  0.16
);
$color-devmx-state-layers-light-high-contrast-onprimaryfixed-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-high-contrast-onprimaryfixed-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-high-contrast-onprimaryfixed-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-high-contrast-primaryfixeddim-opacity-0-08: rgba(
  0,
  53,
  11,
  0.08
);
$color-devmx-state-layers-light-high-contrast-primaryfixeddim-opacity-0-12: rgba(
  0,
  53,
  11,
  0.12
);
$color-devmx-state-layers-light-high-contrast-primaryfixeddim-opacity-0-16: rgba(
  0,
  53,
  11,
  0.16
);
$color-devmx-state-layers-light-high-contrast-onprimaryfixedvariant-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-high-contrast-onprimaryfixedvariant-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-high-contrast-onprimaryfixedvariant-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-high-contrast-secondaryfixed-opacity-0-08: rgba(
  0,
  78,
  21,
  0.08
);
$color-devmx-state-layers-light-high-contrast-secondaryfixed-opacity-0-12: rgba(
  0,
  78,
  21,
  0.12
);
$color-devmx-state-layers-light-high-contrast-secondaryfixed-opacity-0-16: rgba(
  0,
  78,
  21,
  0.16
);
$color-devmx-state-layers-light-high-contrast-onsecondaryfixed-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-high-contrast-onsecondaryfixed-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-high-contrast-onsecondaryfixed-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-high-contrast-secondaryfixeddim-opacity-0-08: rgba(
  0,
  53,
  11,
  0.08
);
$color-devmx-state-layers-light-high-contrast-secondaryfixeddim-opacity-0-12: rgba(
  0,
  53,
  11,
  0.12
);
$color-devmx-state-layers-light-high-contrast-secondaryfixeddim-opacity-0-16: rgba(
  0,
  53,
  11,
  0.16
);
$color-devmx-state-layers-light-high-contrast-onsecondaryfixedvariant-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-high-contrast-onsecondaryfixedvariant-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-high-contrast-onsecondaryfixedvariant-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-high-contrast-tertiaryfixed-opacity-0-08: rgba(
  0,
  65,
  135,
  0.08
);
$color-devmx-state-layers-light-high-contrast-tertiaryfixed-opacity-0-12: rgba(
  0,
  65,
  135,
  0.12
);
$color-devmx-state-layers-light-high-contrast-tertiaryfixed-opacity-0-16: rgba(
  0,
  65,
  135,
  0.16
);
$color-devmx-state-layers-light-high-contrast-ontertiaryfixed-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-high-contrast-ontertiaryfixed-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-high-contrast-ontertiaryfixed-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-high-contrast-tertiaryfixeddim-opacity-0-08: rgba(
  0,
  44,
  94,
  0.08
);
$color-devmx-state-layers-light-high-contrast-tertiaryfixeddim-opacity-0-12: rgba(
  0,
  44,
  94,
  0.12
);
$color-devmx-state-layers-light-high-contrast-tertiaryfixeddim-opacity-0-16: rgba(
  0,
  44,
  94,
  0.16
);
$color-devmx-state-layers-light-high-contrast-ontertiaryfixedvariant-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-high-contrast-ontertiaryfixedvariant-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-high-contrast-ontertiaryfixedvariant-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-high-contrast-surfacedim-opacity-0-08: rgba(
  221,
  217,
  216,
  0.08
);
$color-devmx-state-layers-light-high-contrast-surfacedim-opacity-0-12: rgba(
  221,
  217,
  216,
  0.12
);
$color-devmx-state-layers-light-high-contrast-surfacedim-opacity-0-16: rgba(
  221,
  217,
  216,
  0.16
);
$color-devmx-state-layers-light-high-contrast-surfacebright-opacity-0-08: rgba(
  253,
  248,
  248,
  0.08
);
$color-devmx-state-layers-light-high-contrast-surfacebright-opacity-0-12: rgba(
  253,
  248,
  248,
  0.12
);
$color-devmx-state-layers-light-high-contrast-surfacebright-opacity-0-16: rgba(
  253,
  248,
  248,
  0.16
);
$color-devmx-state-layers-light-high-contrast-surfacecontainerlowest-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-high-contrast-surfacecontainerlowest-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-high-contrast-surfacecontainerlowest-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-high-contrast-surfacecontainerlow-opacity-0-08: rgba(
  247,
  243,
  242,
  0.08
);
$color-devmx-state-layers-light-high-contrast-surfacecontainerlow-opacity-0-12: rgba(
  247,
  243,
  242,
  0.12
);
$color-devmx-state-layers-light-high-contrast-surfacecontainerlow-opacity-0-16: rgba(
  247,
  243,
  242,
  0.16
);
$color-devmx-state-layers-light-high-contrast-surfacecontainer-opacity-0-08: rgba(
  241,
  237,
  236,
  0.08
);
$color-devmx-state-layers-light-high-contrast-surfacecontainer-opacity-0-12: rgba(
  241,
  237,
  236,
  0.12
);
$color-devmx-state-layers-light-high-contrast-surfacecontainer-opacity-0-16: rgba(
  241,
  237,
  236,
  0.16
);
$color-devmx-state-layers-light-high-contrast-surfacecontainerhigh-opacity-0-08: rgba(
  235,
  231,
  231,
  0.08
);
$color-devmx-state-layers-light-high-contrast-surfacecontainerhigh-opacity-0-12: rgba(
  235,
  231,
  231,
  0.12
);
$color-devmx-state-layers-light-high-contrast-surfacecontainerhigh-opacity-0-16: rgba(
  235,
  231,
  231,
  0.16
);
$color-devmx-state-layers-light-high-contrast-surfacecontainerhighest-opacity-0-08: rgba(
  229,
  226,
  225,
  0.08
);
$color-devmx-state-layers-light-high-contrast-surfacecontainerhighest-opacity-0-12: rgba(
  229,
  226,
  225,
  0.12
);
$color-devmx-state-layers-light-high-contrast-surfacecontainerhighest-opacity-0-16: rgba(
  229,
  226,
  225,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-primary-opacity-0-08: rgba(
  241,
  255,
  234,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-primary-opacity-0-12: rgba(
  241,
  255,
  234,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-primary-opacity-0-16: rgba(
  241,
  255,
  234,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-surfacetint-opacity-0-08: rgba(
  82,
  225,
  99,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-surfacetint-opacity-0-12: rgba(
  82,
  225,
  99,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-surfacetint-opacity-0-16: rgba(
  82,
  225,
  99,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-onprimary-opacity-0-08: rgba(
  0,
  0,
  0,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-onprimary-opacity-0-12: rgba(
  0,
  0,
  0,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-onprimary-opacity-0-16: rgba(
  0,
  0,
  0,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-primarycontainer-opacity-0-08: rgba(
  86,
  230,
  103,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-primarycontainer-opacity-0-12: rgba(
  86,
  230,
  103,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-primarycontainer-opacity-0-16: rgba(
  86,
  230,
  103,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-onprimarycontainer-opacity-0-08: rgba(
  0,
  0,
  0,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-onprimarycontainer-opacity-0-12: rgba(
  0,
  0,
  0,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-onprimarycontainer-opacity-0-16: rgba(
  0,
  0,
  0,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-secondary-opacity-0-08: rgba(
  241,
  255,
  234,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-secondary-opacity-0-12: rgba(
  241,
  255,
  234,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-secondary-opacity-0-16: rgba(
  241,
  255,
  234,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-onsecondary-opacity-0-08: rgba(
  0,
  0,
  0,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-onsecondary-opacity-0-12: rgba(
  0,
  0,
  0,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-onsecondary-opacity-0-16: rgba(
  0,
  0,
  0,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-secondarycontainer-opacity-0-08: rgba(
  86,
  230,
  103,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-secondarycontainer-opacity-0-12: rgba(
  86,
  230,
  103,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-secondarycontainer-opacity-0-16: rgba(
  86,
  230,
  103,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-onsecondarycontainer-opacity-0-08: rgba(
  0,
  0,
  0,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-onsecondarycontainer-opacity-0-12: rgba(
  0,
  0,
  0,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-onsecondarycontainer-opacity-0-16: rgba(
  0,
  0,
  0,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-tertiary-opacity-0-08: rgba(
  251,
  250,
  255,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-tertiary-opacity-0-12: rgba(
  251,
  250,
  255,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-tertiary-opacity-0-16: rgba(
  251,
  250,
  255,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-ontertiary-opacity-0-08: rgba(
  0,
  0,
  0,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-ontertiary-opacity-0-12: rgba(
  0,
  0,
  0,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-ontertiary-opacity-0-16: rgba(
  0,
  0,
  0,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-tertiarycontainer-opacity-0-08: rgba(
  177,
  203,
  255,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-tertiarycontainer-opacity-0-12: rgba(
  177,
  203,
  255,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-tertiarycontainer-opacity-0-16: rgba(
  177,
  203,
  255,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-ontertiarycontainer-opacity-0-08: rgba(
  0,
  0,
  0,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-ontertiarycontainer-opacity-0-12: rgba(
  0,
  0,
  0,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-ontertiarycontainer-opacity-0-16: rgba(
  0,
  0,
  0,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-error-opacity-0-08: rgba(
  255,
  249,
  249,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-error-opacity-0-12: rgba(
  255,
  249,
  249,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-error-opacity-0-16: rgba(
  255,
  249,
  249,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-onerror-opacity-0-08: rgba(
  0,
  0,
  0,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-onerror-opacity-0-12: rgba(
  0,
  0,
  0,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-onerror-opacity-0-16: rgba(
  0,
  0,
  0,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-errorcontainer-opacity-0-08: rgba(
  255,
  186,
  177,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-errorcontainer-opacity-0-12: rgba(
  255,
  186,
  177,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-errorcontainer-opacity-0-16: rgba(
  255,
  186,
  177,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-onerrorcontainer-opacity-0-08: rgba(
  0,
  0,
  0,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-onerrorcontainer-opacity-0-12: rgba(
  0,
  0,
  0,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-onerrorcontainer-opacity-0-16: rgba(
  0,
  0,
  0,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-background-opacity-0-08: rgba(
  14,
  21,
  13,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-background-opacity-0-12: rgba(
  14,
  21,
  13,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-background-opacity-0-16: rgba(
  14,
  21,
  13,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-onbackground-opacity-0-08: rgba(
  220,
  229,
  215,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-onbackground-opacity-0-12: rgba(
  220,
  229,
  215,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-onbackground-opacity-0-16: rgba(
  220,
  229,
  215,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-surface-opacity-0-08: rgba(
  20,
  19,
  19,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-surface-opacity-0-12: rgba(
  20,
  19,
  19,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-surface-opacity-0-16: rgba(
  20,
  19,
  19,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-onsurface-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-onsurface-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-onsurface-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-surfacevariant-opacity-0-08: rgba(
  61,
  74,
  59,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-surfacevariant-opacity-0-12: rgba(
  61,
  74,
  59,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-surfacevariant-opacity-0-16: rgba(
  61,
  74,
  59,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-onsurfacevariant-opacity-0-08: rgba(
  241,
  255,
  234,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-onsurfacevariant-opacity-0-12: rgba(
  241,
  255,
  234,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-onsurfacevariant-opacity-0-16: rgba(
  241,
  255,
  234,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-outline-opacity-0-08: rgba(
  192,
  207,
  187,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-outline-opacity-0-12: rgba(
  192,
  207,
  187,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-outline-opacity-0-16: rgba(
  192,
  207,
  187,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-outlinevariant-opacity-0-08: rgba(
  192,
  207,
  187,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-outlinevariant-opacity-0-12: rgba(
  192,
  207,
  187,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-outlinevariant-opacity-0-16: rgba(
  192,
  207,
  187,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-shadow-opacity-0-08: rgba(
  0,
  0,
  0,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-shadow-opacity-0-12: rgba(
  0,
  0,
  0,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-shadow-opacity-0-16: rgba(
  0,
  0,
  0,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-scrim-opacity-0-08: rgba(
  0,
  0,
  0,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-scrim-opacity-0-12: rgba(
  0,
  0,
  0,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-scrim-opacity-0-16: rgba(
  0,
  0,
  0,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-inversesurface-opacity-0-08: rgba(
  229,
  226,
  225,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-inversesurface-opacity-0-12: rgba(
  229,
  226,
  225,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-inversesurface-opacity-0-16: rgba(
  229,
  226,
  225,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-inverseonsurface-opacity-0-08: rgba(
  0,
  0,
  0,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-inverseonsurface-opacity-0-12: rgba(
  0,
  0,
  0,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-inverseonsurface-opacity-0-16: rgba(
  0,
  0,
  0,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-inverseprimary-opacity-0-08: rgba(
  0,
  50,
  10,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-inverseprimary-opacity-0-12: rgba(
  0,
  50,
  10,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-inverseprimary-opacity-0-16: rgba(
  0,
  50,
  10,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-primaryfixed-opacity-0-08: rgba(
  145,
  255,
  147,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-primaryfixed-opacity-0-12: rgba(
  145,
  255,
  147,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-primaryfixed-opacity-0-16: rgba(
  145,
  255,
  147,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-onprimaryfixed-opacity-0-08: rgba(
  0,
  0,
  0,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-onprimaryfixed-opacity-0-12: rgba(
  0,
  0,
  0,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-onprimaryfixed-opacity-0-16: rgba(
  0,
  0,
  0,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-primaryfixeddim-opacity-0-08: rgba(
  86,
  230,
  103,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-primaryfixeddim-opacity-0-12: rgba(
  86,
  230,
  103,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-primaryfixeddim-opacity-0-16: rgba(
  86,
  230,
  103,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-onprimaryfixedvariant-opacity-0-08: rgba(
  0,
  27,
  3,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-onprimaryfixedvariant-opacity-0-12: rgba(
  0,
  27,
  3,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-onprimaryfixedvariant-opacity-0-16: rgba(
  0,
  27,
  3,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-secondaryfixed-opacity-0-08: rgba(
  145,
  255,
  147,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-secondaryfixed-opacity-0-12: rgba(
  145,
  255,
  147,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-secondaryfixed-opacity-0-16: rgba(
  145,
  255,
  147,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-onsecondaryfixed-opacity-0-08: rgba(
  0,
  0,
  0,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-onsecondaryfixed-opacity-0-12: rgba(
  0,
  0,
  0,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-onsecondaryfixed-opacity-0-16: rgba(
  0,
  0,
  0,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-secondaryfixeddim-opacity-0-08: rgba(
  86,
  230,
  103,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-secondaryfixeddim-opacity-0-12: rgba(
  86,
  230,
  103,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-secondaryfixeddim-opacity-0-16: rgba(
  86,
  230,
  103,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-onsecondaryfixedvariant-opacity-0-08: rgba(
  0,
  27,
  3,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-onsecondaryfixedvariant-opacity-0-12: rgba(
  0,
  27,
  3,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-onsecondaryfixedvariant-opacity-0-16: rgba(
  0,
  27,
  3,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-tertiaryfixed-opacity-0-08: rgba(
  221,
  231,
  255,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-tertiaryfixed-opacity-0-12: rgba(
  221,
  231,
  255,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-tertiaryfixed-opacity-0-16: rgba(
  221,
  231,
  255,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-ontertiaryfixed-opacity-0-08: rgba(
  0,
  0,
  0,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-ontertiaryfixed-opacity-0-12: rgba(
  0,
  0,
  0,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-ontertiaryfixed-opacity-0-16: rgba(
  0,
  0,
  0,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-tertiaryfixeddim-opacity-0-08: rgba(
  177,
  203,
  255,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-tertiaryfixeddim-opacity-0-12: rgba(
  177,
  203,
  255,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-tertiaryfixeddim-opacity-0-16: rgba(
  177,
  203,
  255,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-ontertiaryfixedvariant-opacity-0-08: rgba(
  0,
  22,
  53,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-ontertiaryfixedvariant-opacity-0-12: rgba(
  0,
  22,
  53,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-ontertiaryfixedvariant-opacity-0-16: rgba(
  0,
  22,
  53,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-surfacedim-opacity-0-08: rgba(
  20,
  19,
  19,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-surfacedim-opacity-0-12: rgba(
  20,
  19,
  19,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-surfacedim-opacity-0-16: rgba(
  20,
  19,
  19,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-surfacebright-opacity-0-08: rgba(
  58,
  57,
  57,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-surfacebright-opacity-0-12: rgba(
  58,
  57,
  57,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-surfacebright-opacity-0-16: rgba(
  58,
  57,
  57,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-surfacecontainerlowest-opacity-0-08: rgba(
  14,
  14,
  14,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-surfacecontainerlowest-opacity-0-12: rgba(
  14,
  14,
  14,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-surfacecontainerlowest-opacity-0-16: rgba(
  14,
  14,
  14,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-surfacecontainerlow-opacity-0-08: rgba(
  28,
  27,
  27,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-surfacecontainerlow-opacity-0-12: rgba(
  28,
  27,
  27,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-surfacecontainerlow-opacity-0-16: rgba(
  28,
  27,
  27,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-surfacecontainer-opacity-0-08: rgba(
  32,
  31,
  31,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-surfacecontainer-opacity-0-12: rgba(
  32,
  31,
  31,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-surfacecontainer-opacity-0-16: rgba(
  32,
  31,
  31,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-surfacecontainerhigh-opacity-0-08: rgba(
  43,
  42,
  42,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-surfacecontainerhigh-opacity-0-12: rgba(
  43,
  42,
  42,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-surfacecontainerhigh-opacity-0-16: rgba(
  43,
  42,
  42,
  0.16
);
$color-devmx-state-layers-dark-high-contrast-surfacecontainerhighest-opacity-0-08: rgba(
  53,
  52,
  52,
  0.08
);
$color-devmx-state-layers-dark-high-contrast-surfacecontainerhighest-opacity-0-12: rgba(
  53,
  52,
  52,
  0.12
);
$color-devmx-state-layers-dark-high-contrast-surfacecontainerhighest-opacity-0-16: rgba(
  53,
  52,
  52,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-primary-opacity-0-08: rgba(
  0,
  78,
  21,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-primary-opacity-0-12: rgba(
  0,
  78,
  21,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-primary-opacity-0-16: rgba(
  0,
  78,
  21,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-surfacetint-opacity-0-08: rgba(
  0,
  110,
  32,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-surfacetint-opacity-0-12: rgba(
  0,
  110,
  32,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-surfacetint-opacity-0-16: rgba(
  0,
  110,
  32,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-onprimary-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-onprimary-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-onprimary-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-primarycontainer-opacity-0-08: rgba(
  0,
  135,
  42,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-primarycontainer-opacity-0-12: rgba(
  0,
  135,
  42,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-primarycontainer-opacity-0-16: rgba(
  0,
  135,
  42,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-onprimarycontainer-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-onprimarycontainer-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-onprimarycontainer-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-secondary-opacity-0-08: rgba(
  0,
  78,
  21,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-secondary-opacity-0-12: rgba(
  0,
  78,
  21,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-secondary-opacity-0-16: rgba(
  0,
  78,
  21,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-onsecondary-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-onsecondary-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-onsecondary-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-secondarycontainer-opacity-0-08: rgba(
  0,
  135,
  42,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-secondarycontainer-opacity-0-12: rgba(
  0,
  135,
  42,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-secondarycontainer-opacity-0-16: rgba(
  0,
  135,
  42,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-onsecondarycontainer-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-onsecondarycontainer-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-onsecondarycontainer-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-tertiary-opacity-0-08: rgba(
  0,
  65,
  135,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-tertiary-opacity-0-12: rgba(
  0,
  65,
  135,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-tertiary-opacity-0-16: rgba(
  0,
  65,
  135,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-ontertiary-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-ontertiary-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-ontertiary-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-tertiarycontainer-opacity-0-08: rgba(
  0,
  114,
  227,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-tertiarycontainer-opacity-0-12: rgba(
  0,
  114,
  227,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-tertiarycontainer-opacity-0-16: rgba(
  0,
  114,
  227,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-ontertiarycontainer-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-ontertiarycontainer-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-ontertiarycontainer-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-error-opacity-0-08: rgba(
  140,
  0,
  9,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-error-opacity-0-12: rgba(
  140,
  0,
  9,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-error-opacity-0-16: rgba(
  140,
  0,
  9,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-onerror-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-onerror-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-onerror-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-errorcontainer-opacity-0-08: rgba(
  218,
  52,
  46,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-errorcontainer-opacity-0-12: rgba(
  218,
  52,
  46,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-errorcontainer-opacity-0-16: rgba(
  218,
  52,
  46,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-onerrorcontainer-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-onerrorcontainer-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-onerrorcontainer-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-background-opacity-0-08: rgba(
  243,
  252,
  237,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-background-opacity-0-12: rgba(
  243,
  252,
  237,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-background-opacity-0-16: rgba(
  243,
  252,
  237,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-onbackground-opacity-0-08: rgba(
  22,
  30,
  21,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-onbackground-opacity-0-12: rgba(
  22,
  30,
  21,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-onbackground-opacity-0-16: rgba(
  22,
  30,
  21,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-surface-opacity-0-08: rgba(
  253,
  248,
  248,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-surface-opacity-0-12: rgba(
  253,
  248,
  248,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-surface-opacity-0-16: rgba(
  253,
  248,
  248,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-onsurface-opacity-0-08: rgba(
  28,
  27,
  27,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-onsurface-opacity-0-12: rgba(
  28,
  27,
  27,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-onsurface-opacity-0-16: rgba(
  28,
  27,
  27,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-surfacevariant-opacity-0-08: rgba(
  216,
  231,
  210,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-surfacevariant-opacity-0-12: rgba(
  216,
  231,
  210,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-surfacevariant-opacity-0-16: rgba(
  216,
  231,
  210,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-onsurfacevariant-opacity-0-08: rgba(
  57,
  70,
  55,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-onsurfacevariant-opacity-0-12: rgba(
  57,
  70,
  55,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-onsurfacevariant-opacity-0-16: rgba(
  57,
  70,
  55,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-outline-opacity-0-08: rgba(
  85,
  99,
  82,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-outline-opacity-0-12: rgba(
  85,
  99,
  82,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-outline-opacity-0-16: rgba(
  85,
  99,
  82,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-outlinevariant-opacity-0-08: rgba(
  113,
  127,
  109,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-outlinevariant-opacity-0-12: rgba(
  113,
  127,
  109,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-outlinevariant-opacity-0-16: rgba(
  113,
  127,
  109,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-shadow-opacity-0-08: rgba(
  0,
  0,
  0,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-shadow-opacity-0-12: rgba(
  0,
  0,
  0,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-shadow-opacity-0-16: rgba(
  0,
  0,
  0,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-scrim-opacity-0-08: rgba(
  0,
  0,
  0,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-scrim-opacity-0-12: rgba(
  0,
  0,
  0,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-scrim-opacity-0-16: rgba(
  0,
  0,
  0,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-inversesurface-opacity-0-08: rgba(
  49,
  48,
  48,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-inversesurface-opacity-0-12: rgba(
  49,
  48,
  48,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-inversesurface-opacity-0-16: rgba(
  49,
  48,
  48,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-inverseonsurface-opacity-0-08: rgba(
  244,
  240,
  239,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-inverseonsurface-opacity-0-12: rgba(
  244,
  240,
  239,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-inverseonsurface-opacity-0-16: rgba(
  244,
  240,
  239,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-inverseprimary-opacity-0-08: rgba(
  82,
  225,
  99,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-inverseprimary-opacity-0-12: rgba(
  82,
  225,
  99,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-inverseprimary-opacity-0-16: rgba(
  82,
  225,
  99,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-primaryfixed-opacity-0-08: rgba(
  0,
  135,
  42,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-primaryfixed-opacity-0-12: rgba(
  0,
  135,
  42,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-primaryfixed-opacity-0-16: rgba(
  0,
  135,
  42,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-onprimaryfixed-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-onprimaryfixed-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-onprimaryfixed-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-primaryfixeddim-opacity-0-08: rgba(
  0,
  107,
  31,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-primaryfixeddim-opacity-0-12: rgba(
  0,
  107,
  31,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-primaryfixeddim-opacity-0-16: rgba(
  0,
  107,
  31,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-onprimaryfixedvariant-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-onprimaryfixedvariant-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-onprimaryfixedvariant-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-secondaryfixed-opacity-0-08: rgba(
  0,
  135,
  42,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-secondaryfixed-opacity-0-12: rgba(
  0,
  135,
  42,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-secondaryfixed-opacity-0-16: rgba(
  0,
  135,
  42,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-onsecondaryfixed-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-onsecondaryfixed-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-onsecondaryfixed-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-secondaryfixeddim-opacity-0-08: rgba(
  0,
  107,
  31,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-secondaryfixeddim-opacity-0-12: rgba(
  0,
  107,
  31,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-secondaryfixeddim-opacity-0-16: rgba(
  0,
  107,
  31,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-onsecondaryfixedvariant-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-onsecondaryfixedvariant-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-onsecondaryfixedvariant-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-tertiaryfixed-opacity-0-08: rgba(
  0,
  114,
  227,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-tertiaryfixed-opacity-0-12: rgba(
  0,
  114,
  227,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-tertiaryfixed-opacity-0-16: rgba(
  0,
  114,
  227,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-ontertiaryfixed-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-ontertiaryfixed-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-ontertiaryfixed-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-tertiaryfixeddim-opacity-0-08: rgba(
  0,
  90,
  181,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-tertiaryfixeddim-opacity-0-12: rgba(
  0,
  90,
  181,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-tertiaryfixeddim-opacity-0-16: rgba(
  0,
  90,
  181,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-ontertiaryfixedvariant-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-ontertiaryfixedvariant-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-ontertiaryfixedvariant-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-surfacedim-opacity-0-08: rgba(
  221,
  217,
  216,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-surfacedim-opacity-0-12: rgba(
  221,
  217,
  216,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-surfacedim-opacity-0-16: rgba(
  221,
  217,
  216,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-surfacebright-opacity-0-08: rgba(
  253,
  248,
  248,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-surfacebright-opacity-0-12: rgba(
  253,
  248,
  248,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-surfacebright-opacity-0-16: rgba(
  253,
  248,
  248,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-surfacecontainerlowest-opacity-0-08: rgba(
  255,
  255,
  255,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-surfacecontainerlowest-opacity-0-12: rgba(
  255,
  255,
  255,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-surfacecontainerlowest-opacity-0-16: rgba(
  255,
  255,
  255,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-surfacecontainerlow-opacity-0-08: rgba(
  247,
  243,
  242,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-surfacecontainerlow-opacity-0-12: rgba(
  247,
  243,
  242,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-surfacecontainerlow-opacity-0-16: rgba(
  247,
  243,
  242,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-surfacecontainer-opacity-0-08: rgba(
  241,
  237,
  236,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-surfacecontainer-opacity-0-12: rgba(
  241,
  237,
  236,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-surfacecontainer-opacity-0-16: rgba(
  241,
  237,
  236,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-surfacecontainerhigh-opacity-0-08: rgba(
  235,
  231,
  231,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-surfacecontainerhigh-opacity-0-12: rgba(
  235,
  231,
  231,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-surfacecontainerhigh-opacity-0-16: rgba(
  235,
  231,
  231,
  0.16
);
$color-devmx-state-layers-light-medium-contrast-surfacecontainerhighest-opacity-0-08: rgba(
  229,
  226,
  225,
  0.08
);
$color-devmx-state-layers-light-medium-contrast-surfacecontainerhighest-opacity-0-12: rgba(
  229,
  226,
  225,
  0.12
);
$color-devmx-state-layers-light-medium-contrast-surfacecontainerhighest-opacity-0-16: rgba(
  229,
  226,
  225,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-primary-opacity-0-08: rgba(
  99,
  242,
  113,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-primary-opacity-0-12: rgba(
  99,
  242,
  113,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-primary-opacity-0-16: rgba(
  99,
  242,
  113,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-surfacetint-opacity-0-08: rgba(
  82,
  225,
  99,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-surfacetint-opacity-0-12: rgba(
  82,
  225,
  99,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-surfacetint-opacity-0-16: rgba(
  82,
  225,
  99,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-onprimary-opacity-0-08: rgba(
  0,
  39,
  6,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-onprimary-opacity-0-12: rgba(
  0,
  39,
  6,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-onprimary-opacity-0-16: rgba(
  0,
  39,
  6,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-primarycontainer-opacity-0-08: rgba(
  48,
  198,
  76,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-primarycontainer-opacity-0-12: rgba(
  48,
  198,
  76,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-primarycontainer-opacity-0-16: rgba(
  48,
  198,
  76,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-onprimarycontainer-opacity-0-08: rgba(
  0,
  0,
  0,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-onprimarycontainer-opacity-0-12: rgba(
  0,
  0,
  0,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-onprimarycontainer-opacity-0-16: rgba(
  0,
  0,
  0,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-secondary-opacity-0-08: rgba(
  99,
  242,
  113,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-secondary-opacity-0-12: rgba(
  99,
  242,
  113,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-secondary-opacity-0-16: rgba(
  99,
  242,
  113,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-onsecondary-opacity-0-08: rgba(
  0,
  39,
  6,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-onsecondary-opacity-0-12: rgba(
  0,
  39,
  6,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-onsecondary-opacity-0-16: rgba(
  0,
  39,
  6,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-secondarycontainer-opacity-0-08: rgba(
  48,
  198,
  76,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-secondarycontainer-opacity-0-12: rgba(
  48,
  198,
  76,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-secondarycontainer-opacity-0-16: rgba(
  48,
  198,
  76,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-onsecondarycontainer-opacity-0-08: rgba(
  0,
  0,
  0,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-onsecondarycontainer-opacity-0-12: rgba(
  0,
  0,
  0,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-onsecondarycontainer-opacity-0-16: rgba(
  0,
  0,
  0,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-tertiary-opacity-0-08: rgba(
  177,
  203,
  255,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-tertiary-opacity-0-12: rgba(
  177,
  203,
  255,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-tertiary-opacity-0-16: rgba(
  177,
  203,
  255,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-ontertiary-opacity-0-08: rgba(
  0,
  22,
  53,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-ontertiary-opacity-0-12: rgba(
  0,
  22,
  53,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-ontertiary-opacity-0-16: rgba(
  0,
  22,
  53,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-tertiarycontainer-opacity-0-08: rgba(
  65,
  143,
  255,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-tertiarycontainer-opacity-0-12: rgba(
  65,
  143,
  255,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-tertiarycontainer-opacity-0-16: rgba(
  65,
  143,
  255,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-ontertiarycontainer-opacity-0-08: rgba(
  0,
  0,
  0,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-ontertiarycontainer-opacity-0-12: rgba(
  0,
  0,
  0,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-ontertiarycontainer-opacity-0-16: rgba(
  0,
  0,
  0,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-error-opacity-0-08: rgba(
  255,
  186,
  177,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-error-opacity-0-12: rgba(
  255,
  186,
  177,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-error-opacity-0-16: rgba(
  255,
  186,
  177,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-onerror-opacity-0-08: rgba(
  55,
  0,
  1,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-onerror-opacity-0-12: rgba(
  55,
  0,
  1,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-onerror-opacity-0-16: rgba(
  55,
  0,
  1,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-errorcontainer-opacity-0-08: rgba(
  255,
  84,
  73,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-errorcontainer-opacity-0-12: rgba(
  255,
  84,
  73,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-errorcontainer-opacity-0-16: rgba(
  255,
  84,
  73,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-onerrorcontainer-opacity-0-08: rgba(
  0,
  0,
  0,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-onerrorcontainer-opacity-0-12: rgba(
  0,
  0,
  0,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-onerrorcontainer-opacity-0-16: rgba(
  0,
  0,
  0,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-background-opacity-0-08: rgba(
  14,
  21,
  13,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-background-opacity-0-12: rgba(
  14,
  21,
  13,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-background-opacity-0-16: rgba(
  14,
  21,
  13,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-onbackground-opacity-0-08: rgba(
  220,
  229,
  215,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-onbackground-opacity-0-12: rgba(
  220,
  229,
  215,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-onbackground-opacity-0-16: rgba(
  220,
  229,
  215,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-surface-opacity-0-08: rgba(
  20,
  19,
  19,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-surface-opacity-0-12: rgba(
  20,
  19,
  19,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-surface-opacity-0-16: rgba(
  20,
  19,
  19,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-onsurface-opacity-0-08: rgba(
  254,
  250,
  249,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-onsurface-opacity-0-12: rgba(
  254,
  250,
  249,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-onsurface-opacity-0-16: rgba(
  254,
  250,
  249,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-surfacevariant-opacity-0-08: rgba(
  61,
  74,
  59,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-surfacevariant-opacity-0-12: rgba(
  61,
  74,
  59,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-surfacevariant-opacity-0-16: rgba(
  61,
  74,
  59,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-onsurfacevariant-opacity-0-08: rgba(
  192,
  207,
  187,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-onsurfacevariant-opacity-0-12: rgba(
  192,
  207,
  187,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-onsurfacevariant-opacity-0-16: rgba(
  192,
  207,
  187,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-outline-opacity-0-08: rgba(
  153,
  167,
  148,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-outline-opacity-0-12: rgba(
  153,
  167,
  148,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-outline-opacity-0-16: rgba(
  153,
  167,
  148,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-outlinevariant-opacity-0-08: rgba(
  121,
  135,
  117,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-outlinevariant-opacity-0-12: rgba(
  121,
  135,
  117,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-outlinevariant-opacity-0-16: rgba(
  121,
  135,
  117,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-shadow-opacity-0-08: rgba(
  0,
  0,
  0,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-shadow-opacity-0-12: rgba(
  0,
  0,
  0,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-shadow-opacity-0-16: rgba(
  0,
  0,
  0,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-scrim-opacity-0-08: rgba(
  0,
  0,
  0,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-scrim-opacity-0-12: rgba(
  0,
  0,
  0,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-scrim-opacity-0-16: rgba(
  0,
  0,
  0,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-inversesurface-opacity-0-08: rgba(
  229,
  226,
  225,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-inversesurface-opacity-0-12: rgba(
  229,
  226,
  225,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-inversesurface-opacity-0-16: rgba(
  229,
  226,
  225,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-inverseonsurface-opacity-0-08: rgba(
  43,
  42,
  42,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-inverseonsurface-opacity-0-12: rgba(
  43,
  42,
  42,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-inverseonsurface-opacity-0-16: rgba(
  43,
  42,
  42,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-inverseprimary-opacity-0-08: rgba(
  0,
  84,
  23,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-inverseprimary-opacity-0-12: rgba(
  0,
  84,
  23,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-inverseprimary-opacity-0-16: rgba(
  0,
  84,
  23,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-primaryfixed-opacity-0-08: rgba(
  112,
  255,
  124,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-primaryfixed-opacity-0-12: rgba(
  112,
  255,
  124,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-primaryfixed-opacity-0-16: rgba(
  112,
  255,
  124,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-onprimaryfixed-opacity-0-08: rgba(
  0,
  22,
  2,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-onprimaryfixed-opacity-0-12: rgba(
  0,
  22,
  2,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-onprimaryfixed-opacity-0-16: rgba(
  0,
  22,
  2,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-primaryfixeddim-opacity-0-08: rgba(
  82,
  225,
  99,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-primaryfixeddim-opacity-0-12: rgba(
  82,
  225,
  99,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-primaryfixeddim-opacity-0-16: rgba(
  82,
  225,
  99,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-onprimaryfixedvariant-opacity-0-08: rgba(
  0,
  64,
  15,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-onprimaryfixedvariant-opacity-0-12: rgba(
  0,
  64,
  15,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-onprimaryfixedvariant-opacity-0-16: rgba(
  0,
  64,
  15,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-secondaryfixed-opacity-0-08: rgba(
  112,
  255,
  124,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-secondaryfixed-opacity-0-12: rgba(
  112,
  255,
  124,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-secondaryfixed-opacity-0-16: rgba(
  112,
  255,
  124,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-onsecondaryfixed-opacity-0-08: rgba(
  0,
  22,
  2,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-onsecondaryfixed-opacity-0-12: rgba(
  0,
  22,
  2,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-onsecondaryfixed-opacity-0-16: rgba(
  0,
  22,
  2,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-secondaryfixeddim-opacity-0-08: rgba(
  82,
  225,
  99,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-secondaryfixeddim-opacity-0-12: rgba(
  82,
  225,
  99,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-secondaryfixeddim-opacity-0-16: rgba(
  82,
  225,
  99,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-onsecondaryfixedvariant-opacity-0-08: rgba(
  0,
  64,
  15,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-onsecondaryfixedvariant-opacity-0-12: rgba(
  0,
  64,
  15,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-onsecondaryfixedvariant-opacity-0-16: rgba(
  0,
  64,
  15,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-tertiaryfixed-opacity-0-08: rgba(
  215,
  227,
  255,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-tertiaryfixed-opacity-0-12: rgba(
  215,
  227,
  255,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-tertiaryfixed-opacity-0-16: rgba(
  215,
  227,
  255,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-ontertiaryfixed-opacity-0-08: rgba(
  0,
  17,
  43,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-ontertiaryfixed-opacity-0-12: rgba(
  0,
  17,
  43,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-ontertiaryfixed-opacity-0-16: rgba(
  0,
  17,
  43,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-tertiaryfixeddim-opacity-0-08: rgba(
  170,
  199,
  255,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-tertiaryfixeddim-opacity-0-12: rgba(
  170,
  199,
  255,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-tertiaryfixeddim-opacity-0-16: rgba(
  170,
  199,
  255,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-ontertiaryfixedvariant-opacity-0-08: rgba(
  0,
  53,
  112,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-ontertiaryfixedvariant-opacity-0-12: rgba(
  0,
  53,
  112,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-ontertiaryfixedvariant-opacity-0-16: rgba(
  0,
  53,
  112,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-surfacedim-opacity-0-08: rgba(
  20,
  19,
  19,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-surfacedim-opacity-0-12: rgba(
  20,
  19,
  19,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-surfacedim-opacity-0-16: rgba(
  20,
  19,
  19,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-surfacebright-opacity-0-08: rgba(
  58,
  57,
  57,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-surfacebright-opacity-0-12: rgba(
  58,
  57,
  57,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-surfacebright-opacity-0-16: rgba(
  58,
  57,
  57,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-surfacecontainerlowest-opacity-0-08: rgba(
  14,
  14,
  14,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-surfacecontainerlowest-opacity-0-12: rgba(
  14,
  14,
  14,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-surfacecontainerlowest-opacity-0-16: rgba(
  14,
  14,
  14,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-surfacecontainerlow-opacity-0-08: rgba(
  28,
  27,
  27,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-surfacecontainerlow-opacity-0-12: rgba(
  28,
  27,
  27,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-surfacecontainerlow-opacity-0-16: rgba(
  28,
  27,
  27,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-surfacecontainer-opacity-0-08: rgba(
  32,
  31,
  31,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-surfacecontainer-opacity-0-12: rgba(
  32,
  31,
  31,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-surfacecontainer-opacity-0-16: rgba(
  32,
  31,
  31,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-surfacecontainerhigh-opacity-0-08: rgba(
  43,
  42,
  42,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-surfacecontainerhigh-opacity-0-12: rgba(
  43,
  42,
  42,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-surfacecontainerhigh-opacity-0-16: rgba(
  43,
  42,
  42,
  0.16
);
$color-devmx-state-layers-dark-medium-contrast-surfacecontainerhighest-opacity-0-08: rgba(
  53,
  52,
  52,
  0.08
);
$color-devmx-state-layers-dark-medium-contrast-surfacecontainerhighest-opacity-0-12: rgba(
  53,
  52,
  52,
  0.12
);
$color-devmx-state-layers-dark-medium-contrast-surfacecontainerhighest-opacity-0-16: rgba(
  53,
  52,
  52,
  0.16
);
$devmx-schemes-primary: #63f271;
$devmx-schemes-surface-tint: #52e163;
$devmx-schemes-on-primary: #00390d;
$devmx-schemes-primary-container: #30c64c;
$devmx-schemes-on-primary-container: #002907;
$devmx-schemes-secondary: #63f271;
$devmx-schemes-on-secondary: #00390d;
$devmx-schemes-secondary-container: #30c64c;
$devmx-schemes-on-secondary-container: #002907;
$devmx-schemes-tertiary: #aac7ff;
$devmx-schemes-on-tertiary: #002f65;
$devmx-schemes-tertiary-container: #0072e3;
$devmx-schemes-on-tertiary-container: #ffffff;
$devmx-schemes-error: #ffb4ab;
$devmx-schemes-on-error: #690005;
$devmx-schemes-error-container: #93000a;
$devmx-schemes-on-error-container: #ffdad6;
$devmx-schemes-background: #0e150d;
$devmx-schemes-on-background: #dce5d7;
$devmx-schemes-surface: #141313;
$devmx-schemes-on-surface: #e5e2e1;
$devmx-schemes-surface-variant: #3d4a3b;
$devmx-schemes-on-surface-variant: #bccbb7;
$devmx-schemes-outline: #879582;
$devmx-schemes-outline-variant: #3d4a3b;
$devmx-schemes-shadow: #000000;
$devmx-schemes-scrim: #000000;
$devmx-schemes-inverse-surface: #e5e2e1;
$devmx-schemes-inverse-on-surface: #313030;
$devmx-schemes-inverse-primary: #006e20;
$devmx-schemes-primary-fixed: #70ff7c;
$devmx-schemes-on-primary-fixed: #002105;
$devmx-schemes-primary-fixed-dim: #52e163;
$devmx-schemes-on-primary-fixed-variant: #005316;
$devmx-schemes-secondary-fixed: #70ff7c;
$devmx-schemes-on-secondary-fixed: #002105;
$devmx-schemes-secondary-fixed-dim: #52e163;
$devmx-schemes-on-secondary-fixed-variant: #005316;
$devmx-schemes-tertiary-fixed: #d7e3ff;
$devmx-schemes-on-tertiary-fixed: #001b3e;
$devmx-schemes-tertiary-fixed-dim: #aac7ff;
$devmx-schemes-on-tertiary-fixed-variant: #00458e;
$devmx-schemes-surface-dim: #141313;
$devmx-schemes-surface-bright: #3a3939;
$devmx-schemes-surface-container-lowest: #0e0e0e;
$devmx-schemes-surface-container-low: #1c1b1b;
$devmx-schemes-surface-container: #201f1f;
$devmx-schemes-surface-container-high: #2b2a2a;
$devmx-schemes-surface-container-highest: #353434;
$devmx-surfaces-surface-tint-5: rgba(82, 225, 99, 0.05);
$devmx-surfaces-surface-tint-8: rgba(82, 225, 99, 0.08);
$devmx-surfaces-surface-tint-11: rgba(82, 225, 99, 0.11);
$devmx-surfaces-surface-tint-12: rgba(82, 225, 99, 0.12);
$devmx-surfaces-surface-tint-14: rgba(82, 225, 99, 0.14);
$devmx-palettes-primary-100: #ffffff;
$devmx-palettes-primary-99: #f6fff0;
$devmx-palettes-primary-98: #ebffe5;
$devmx-palettes-primary-95: #c8ffc2;
$devmx-palettes-primary-90: #b5f2b0;
$devmx-palettes-primary-80: #52e163;
$devmx-palettes-primary-70: #2ec44b;
$devmx-palettes-primary-60: #00a836;
$devmx-palettes-primary-50: #008a2b;
$devmx-palettes-primary-40: #006e20;
$devmx-palettes-primary-35: #00601b;
$devmx-palettes-primary-30: #005316;
$devmx-palettes-primary-25: #004611;
$devmx-palettes-primary-20: #00390d;
$devmx-palettes-primary-15: #002d08;
$devmx-palettes-primary-10: #002105;
$devmx-palettes-primary-5: #001502;
$devmx-palettes-primary-0: #000000;
$devmx-palettes-secondary-100: #ffffff;
$devmx-palettes-secondary-99: #f6fff0;
$devmx-palettes-secondary-98: #ebffe5;
$devmx-palettes-secondary-95: #c8ffc2;
$devmx-palettes-secondary-90: #b5f2b0;
$devmx-palettes-secondary-80: #52e163;
$devmx-palettes-secondary-70: #2ec44b;
$devmx-palettes-secondary-60: #00a836;
$devmx-palettes-secondary-50: #008a2b;
$devmx-palettes-secondary-40: #006e20;
$devmx-palettes-secondary-35: #00601b;
$devmx-palettes-secondary-30: #005316;
$devmx-palettes-secondary-25: #004611;
$devmx-palettes-secondary-20: #00390d;
$devmx-palettes-secondary-15: #002d08;
$devmx-palettes-secondary-10: #002105;
$devmx-palettes-secondary-5: #001502;
$devmx-palettes-secondary-0: #000000;
$devmx-palettes-tertiary-100: #ffffff;
$devmx-palettes-tertiary-99: #fdfbff;
$devmx-palettes-tertiary-98: #f9f9ff;
$devmx-palettes-tertiary-95: #ecf0ff;
$devmx-palettes-tertiary-90: #d7e3ff;
$devmx-palettes-tertiary-80: #aac7ff;
$devmx-palettes-tertiary-70: #7babff;
$devmx-palettes-tertiary-60: #418fff;
$devmx-palettes-tertiary-50: #0075e8;
$devmx-palettes-tertiary-40: #005cba;
$devmx-palettes-tertiary-35: #0051a4;
$devmx-palettes-tertiary-30: #00458e;
$devmx-palettes-tertiary-25: #003a79;
$devmx-palettes-tertiary-20: #002f65;
$devmx-palettes-tertiary-15: #002551;
$devmx-palettes-tertiary-10: #001b3e;
$devmx-palettes-tertiary-5: #00102b;
$devmx-palettes-tertiary-0: #000000;
$devmx-palettes-error-100: #ffffff;
$devmx-palettes-error-99: #fffbff;
$devmx-palettes-error-98: #fff8f7;
$devmx-palettes-error-95: #ffedea;
$devmx-palettes-error-90: #ffdad6;
$devmx-palettes-error-80: #ffb4ab;
$devmx-palettes-error-70: #ff897d;
$devmx-palettes-error-60: #ff5449;
$devmx-palettes-error-50: #de3730;
$devmx-palettes-error-40: #ba1a1a;
$devmx-palettes-error-35: #a80710;
$devmx-palettes-error-30: #93000a;
$devmx-palettes-error-25: #7e0007;
$devmx-palettes-error-20: #690005;
$devmx-palettes-error-15: #540003;
$devmx-palettes-error-10: #410002;
$devmx-palettes-error-5: #2d0001;
$devmx-palettes-error-0: #000000;
$devmx-palettes-neutral-100: #ffffff;
$devmx-palettes-neutral-99: #f6feff;
$devmx-palettes-neutral-98: #fdf8f8;
$devmx-palettes-neutral-95: #f4f0ef;
$devmx-palettes-neutral-90: #e5e2e1;
$devmx-palettes-neutral-80: #c9c6c5;
$devmx-palettes-neutral-70: #adaaaa;
$devmx-palettes-neutral-60: #939090;
$devmx-palettes-neutral-50: #797676;
$devmx-palettes-neutral-40: #605e5e;
$devmx-palettes-neutral-35: #535252;
$devmx-palettes-neutral-30: #484646;
$devmx-palettes-neutral-25: #3c3b3b;
$devmx-palettes-neutral-20: #313030;
$devmx-palettes-neutral-15: #262625;
$devmx-palettes-neutral-10: #1c1b1b;
$devmx-palettes-neutral-5: #111111;
$devmx-palettes-neutral-0: #000000;
$devmx-palettes-neutral-variant-100: #ffffff;
$devmx-palettes-neutral-variant-99: #f8fef2;
$devmx-palettes-neutral-variant-98: #f5fbef;
$devmx-palettes-neutral-variant-95: #ecf3e7;
$devmx-palettes-neutral-variant-90: #dee5d9;
$devmx-palettes-neutral-variant-80: #c2c9bd;
$devmx-palettes-neutral-variant-70: #a6ada2;
$devmx-palettes-neutral-variant-60: #8c9388;
$devmx-palettes-neutral-variant-50: #72796f;
$devmx-palettes-neutral-variant-40: #5a6057;
$devmx-palettes-neutral-variant-35: #4e544b;
$devmx-palettes-neutral-variant-30: #424940;
$devmx-palettes-neutral-variant-25: #373d35;
$devmx-palettes-neutral-variant-20: #2c322a;
$devmx-palettes-neutral-variant-15: #212720;
$devmx-palettes-neutral-variant-10: #171d16;
$devmx-palettes-neutral-variant-5: #0c120c;
$devmx-palettes-neutral-variant-0: #000000;
$typography-devmx-display-medium-font-size: 45rem;
$typography-devmx-display-medium-text-decoration: none;
$typography-devmx-display-medium-font-family: Roboto;
$typography-devmx-display-medium-font-weight: 400;
$typography-devmx-display-medium-font-style: normal;
$typography-devmx-display-medium-font-stretch: normal;
$typography-devmx-display-medium-letter-spacing: 0;
$typography-devmx-display-medium-line-height: 52rem;
$typography-devmx-display-medium-paragraph-indent: 0;
$typography-devmx-display-medium-paragraph-spacing: 0;
$typography-devmx-display-medium-text-case: none;
$typography-devmx-display-small-font-size: 36rem;
$typography-devmx-display-small-text-decoration: none;
$typography-devmx-display-small-font-family: Roboto;
$typography-devmx-display-small-font-weight: 400;
$typography-devmx-display-small-font-style: normal;
$typography-devmx-display-small-font-stretch: normal;
$typography-devmx-display-small-letter-spacing: 0;
$typography-devmx-display-small-line-height: 44rem;
$typography-devmx-display-small-paragraph-indent: 0;
$typography-devmx-display-small-paragraph-spacing: 0;
$typography-devmx-display-small-text-case: none;
$typography-devmx-display-large-font-size: 57rem;
$typography-devmx-display-large-text-decoration: none;
$typography-devmx-display-large-font-family: Roboto;
$typography-devmx-display-large-font-weight: 400;
$typography-devmx-display-large-font-style: normal;
$typography-devmx-display-large-font-stretch: normal;
$typography-devmx-display-large-letter-spacing: -0.25;
$typography-devmx-display-large-line-height: 64rem;
$typography-devmx-display-large-paragraph-indent: 0;
$typography-devmx-display-large-paragraph-spacing: 0;
$typography-devmx-display-large-text-case: none;
$typography-devmx-headline-large-font-size: 32rem;
$typography-devmx-headline-large-text-decoration: none;
$typography-devmx-headline-large-font-family: Roboto;
$typography-devmx-headline-large-font-weight: 400;
$typography-devmx-headline-large-font-style: normal;
$typography-devmx-headline-large-font-stretch: normal;
$typography-devmx-headline-large-letter-spacing: 0;
$typography-devmx-headline-large-line-height: 40rem;
$typography-devmx-headline-large-paragraph-indent: 0;
$typography-devmx-headline-large-paragraph-spacing: 0;
$typography-devmx-headline-large-text-case: none;
$typography-devmx-headline-medium-font-size: 28rem;
$typography-devmx-headline-medium-text-decoration: none;
$typography-devmx-headline-medium-font-family: Roboto;
$typography-devmx-headline-medium-font-weight: 400;
$typography-devmx-headline-medium-font-style: normal;
$typography-devmx-headline-medium-font-stretch: normal;
$typography-devmx-headline-medium-letter-spacing: 0;
$typography-devmx-headline-medium-line-height: 36rem;
$typography-devmx-headline-medium-paragraph-indent: 0;
$typography-devmx-headline-medium-paragraph-spacing: 0;
$typography-devmx-headline-medium-text-case: none;
$typography-devmx-headline-small-font-size: 24rem;
$typography-devmx-headline-small-text-decoration: none;
$typography-devmx-headline-small-font-family: Roboto;
$typography-devmx-headline-small-font-weight: 400;
$typography-devmx-headline-small-font-style: normal;
$typography-devmx-headline-small-font-stretch: normal;
$typography-devmx-headline-small-letter-spacing: 0;
$typography-devmx-headline-small-line-height: 32rem;
$typography-devmx-headline-small-paragraph-indent: 0;
$typography-devmx-headline-small-paragraph-spacing: 0;
$typography-devmx-headline-small-text-case: none;
$typography-devmx-body-large-font-size: 16rem;
$typography-devmx-body-large-text-decoration: none;
$typography-devmx-body-large-font-family: Roboto;
$typography-devmx-body-large-font-weight: 400;
$typography-devmx-body-large-font-style: normal;
$typography-devmx-body-large-font-stretch: normal;
$typography-devmx-body-large-letter-spacing: 0.5rem;
$typography-devmx-body-large-line-height: 24rem;
$typography-devmx-body-large-paragraph-indent: 0;
$typography-devmx-body-large-paragraph-spacing: 0;
$typography-devmx-body-large-text-case: none;
$typography-devmx-body-medium-font-size: 14rem;
$typography-devmx-body-medium-text-decoration: none;
$typography-devmx-body-medium-font-family: Roboto;
$typography-devmx-body-medium-font-weight: 400;
$typography-devmx-body-medium-font-style: normal;
$typography-devmx-body-medium-font-stretch: normal;
$typography-devmx-body-medium-letter-spacing: 0.25rem;
$typography-devmx-body-medium-line-height: 20rem;
$typography-devmx-body-medium-paragraph-indent: 0;
$typography-devmx-body-medium-paragraph-spacing: 0;
$typography-devmx-body-medium-text-case: none;
$typography-devmx-body-small-font-size: 12rem;
$typography-devmx-body-small-text-decoration: none;
$typography-devmx-body-small-font-family: Roboto;
$typography-devmx-body-small-font-weight: 400;
$typography-devmx-body-small-font-style: normal;
$typography-devmx-body-small-font-stretch: normal;
$typography-devmx-body-small-letter-spacing: 0.4rem;
$typography-devmx-body-small-line-height: 16rem;
$typography-devmx-body-small-paragraph-indent: 0;
$typography-devmx-body-small-paragraph-spacing: 0;
$typography-devmx-body-small-text-case: none;
$typography-devmx-label-large-font-size: 14rem;
$typography-devmx-label-large-text-decoration: none;
$typography-devmx-label-large-font-family: Roboto;
$typography-devmx-label-large-font-weight: 500;
$typography-devmx-label-large-font-style: normal;
$typography-devmx-label-large-font-stretch: normal;
$typography-devmx-label-large-letter-spacing: 0.1rem;
$typography-devmx-label-large-line-height: 20rem;
$typography-devmx-label-large-paragraph-indent: 0;
$typography-devmx-label-large-paragraph-spacing: 0;
$typography-devmx-label-large-text-case: none;
$typography-devmx-label-medium-font-size: 12rem;
$typography-devmx-label-medium-text-decoration: none;
$typography-devmx-label-medium-font-family: Roboto;
$typography-devmx-label-medium-font-weight: 500;
$typography-devmx-label-medium-font-style: normal;
$typography-devmx-label-medium-font-stretch: normal;
$typography-devmx-label-medium-letter-spacing: 0.5rem;
$typography-devmx-label-medium-line-height: 16rem;
$typography-devmx-label-medium-paragraph-indent: 0;
$typography-devmx-label-medium-paragraph-spacing: 0;
$typography-devmx-label-medium-text-case: none;
$typography-devmx-label-small-font-size: 11rem;
$typography-devmx-label-small-text-decoration: none;
$typography-devmx-label-small-font-family: Roboto;
$typography-devmx-label-small-font-weight: 500;
$typography-devmx-label-small-font-style: normal;
$typography-devmx-label-small-font-stretch: normal;
$typography-devmx-label-small-letter-spacing: 0.5rem;
$typography-devmx-label-small-line-height: 16rem;
$typography-devmx-label-small-paragraph-indent: 0;
$typography-devmx-label-small-paragraph-spacing: 0;
$typography-devmx-label-small-text-case: none;
$typography-devmx-title-large-font-size: 22rem;
$typography-devmx-title-large-text-decoration: none;
$typography-devmx-title-large-font-family: Roboto;
$typography-devmx-title-large-font-weight: 400;
$typography-devmx-title-large-font-style: normal;
$typography-devmx-title-large-font-stretch: normal;
$typography-devmx-title-large-letter-spacing: 0;
$typography-devmx-title-large-line-height: 28rem;
$typography-devmx-title-large-paragraph-indent: 0;
$typography-devmx-title-large-paragraph-spacing: 0;
$typography-devmx-title-large-text-case: none;
$typography-devmx-title-medium-font-size: 16rem;
$typography-devmx-title-medium-text-decoration: none;
$typography-devmx-title-medium-font-family: Roboto;
$typography-devmx-title-medium-font-weight: 500;
$typography-devmx-title-medium-font-style: normal;
$typography-devmx-title-medium-font-stretch: normal;
$typography-devmx-title-medium-letter-spacing: 0.15rem;
$typography-devmx-title-medium-line-height: 24rem;
$typography-devmx-title-medium-paragraph-indent: 0;
$typography-devmx-title-medium-paragraph-spacing: 0;
$typography-devmx-title-medium-text-case: none;
$typography-devmx-title-small-font-size: 14rem;
$typography-devmx-title-small-text-decoration: none;
$typography-devmx-title-small-font-family: Roboto;
$typography-devmx-title-small-font-weight: 500;
$typography-devmx-title-small-font-style: normal;
$typography-devmx-title-small-font-stretch: normal;
$typography-devmx-title-small-letter-spacing: 0.1rem;
$typography-devmx-title-small-line-height: 20rem;
$typography-devmx-title-small-paragraph-indent: 0;
$typography-devmx-title-small-paragraph-spacing: 0;
$typography-devmx-title-small-text-case: none;
