/**
 * Do not edit directly
 * Generated by build-nxtgen-bundle.mjs
 *
 * Concatenation of nxtgen-properties.css + nxtgen-classes.css.
 * Properties come first so @property registrations are in scope before
 * the utility classes reference the tokens.
 */

/* ===== nxtgen-properties.css ===== */
/**
 * Do not edit directly
 * Generated by build-nxtgen-properties.mjs
 *
 * Registers every --ng-* token as a typed CSS custom property so:
 *   1. Invalid consumer overrides fall back to initial-value instead of
 *      poisoning the cascade.
 *   2. Tokens become animatable / interpolable for theme transitions.
 *   3. Token intent is self-documenting via the `syntax` field.
 *
 * MUST be loaded BEFORE nxtgen-classes.css.
 */


/* ============================================================
   transition-duration  (syntax: <time>)
   ============================================================ */

/* --ng-transition-duration-default: 250ms */
@property --ng-transition-duration-default {
  syntax: "<time>";
  inherits: true;
  initial-value: 250ms;
}

/* --ng-transition-duration-fast: 100ms */
@property --ng-transition-duration-fast {
  syntax: "<time>";
  inherits: true;
  initial-value: 100ms;
}

/* --ng-transition-duration-instant: 0ms */
@property --ng-transition-duration-instant {
  syntax: "<time>";
  inherits: true;
  initial-value: 0ms;
}

/* --ng-transition-duration-long: 1000ms */
@property --ng-transition-duration-long {
  syntax: "<time>";
  inherits: true;
  initial-value: 1000ms;
}

/* --ng-transition-duration-medium: 300ms */
@property --ng-transition-duration-medium {
  syntax: "<time>";
  inherits: true;
  initial-value: 300ms;
}

/* --ng-transition-duration-slow: 500ms */
@property --ng-transition-duration-slow {
  syntax: "<time>";
  inherits: true;
  initial-value: 500ms;
}

/* --ng-transition-duration-slower: 700ms */
@property --ng-transition-duration-slower {
  syntax: "<time>";
  inherits: true;
  initial-value: 700ms;
}

/* --ng-transition-duration-ultra-fast: 50ms */
@property --ng-transition-duration-ultra-fast {
  syntax: "<time>";
  inherits: true;
  initial-value: 50ms;
}


/* ============================================================
   componentcolors  (syntax: <color>)
   ============================================================ */

/* --ng-componentcolors-alpha-black-10: #0000001A */
@property --ng-componentcolors-alpha-black-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0000001A;
}

/* --ng-componentcolors-alpha-black-100: #000000FF */
@property --ng-componentcolors-alpha-black-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000FF;
}

/* --ng-componentcolors-alpha-black-20: #00000033 */
@property --ng-componentcolors-alpha-black-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000033;
}

/* --ng-componentcolors-alpha-black-30: #0000004D */
@property --ng-componentcolors-alpha-black-30 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0000004D;
}

/* --ng-componentcolors-alpha-black-40: #00000066 */
@property --ng-componentcolors-alpha-black-40 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000066;
}

/* --ng-componentcolors-alpha-black-50: #00000080 */
@property --ng-componentcolors-alpha-black-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000080;
}

/* --ng-componentcolors-alpha-black-60: #00000099 */
@property --ng-componentcolors-alpha-black-60 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000099;
}

/* --ng-componentcolors-alpha-black-70: #000000B2 */
@property --ng-componentcolors-alpha-black-70 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000B2;
}

/* --ng-componentcolors-alpha-black-80: #000000CC */
@property --ng-componentcolors-alpha-black-80 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000CC;
}

/* --ng-componentcolors-alpha-black-90: #000000E5 */
@property --ng-componentcolors-alpha-black-90 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000E5;
}

/* --ng-componentcolors-alpha-white-10: #FFFFFF1A */
@property --ng-componentcolors-alpha-white-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFF1A;
}

/* --ng-componentcolors-alpha-white-100: #FFFFFFFF */
@property --ng-componentcolors-alpha-white-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFFFF;
}

/* --ng-componentcolors-alpha-white-20: #FFFFFF33 */
@property --ng-componentcolors-alpha-white-20 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFF33;
}

/* --ng-componentcolors-alpha-white-30: #FFFFFF4D */
@property --ng-componentcolors-alpha-white-30 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFF4D;
}

/* --ng-componentcolors-alpha-white-40: #FFFFFF66 */
@property --ng-componentcolors-alpha-white-40 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFF66;
}

/* --ng-componentcolors-alpha-white-50: #FFFFFF80 */
@property --ng-componentcolors-alpha-white-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFF80;
}

/* --ng-componentcolors-alpha-white-60: #FFFFFF99 */
@property --ng-componentcolors-alpha-white-60 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFF99;
}

/* --ng-componentcolors-alpha-white-70: #FFFFFFB2 */
@property --ng-componentcolors-alpha-white-70 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFFB2;
}

/* --ng-componentcolors-alpha-white-80: #FFFFFFCC */
@property --ng-componentcolors-alpha-white-80 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFFCC;
}

/* --ng-componentcolors-alpha-white-90: #FFFFFFE5 */
@property --ng-componentcolors-alpha-white-90 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFFE5;
}

/* --ng-componentcolors-components-appstorebadges-app-store-badge-border: #A6A6A6FF */
@property --ng-componentcolors-components-appstorebadges-app-store-badge-border {
  syntax: "<color>";
  inherits: true;
  initial-value: #A6A6A6FF;
}

/* --ng-componentcolors-components-avatars-avatar-styles-bg-neutral: #E0E0E0FF */
@property --ng-componentcolors-components-avatars-avatar-styles-bg-neutral {
  syntax: "<color>";
  inherits: true;
  initial-value: #E0E0E0FF;
}


/* ============================================================
   text-decoration  (syntax: *)
   ============================================================ */

/* --ng-text-decoration-dashed: dashed */
@property --ng-text-decoration-dashed {
  syntax: "*";
  inherits: true;
}

/* --ng-text-decoration-dotted: dotted */
@property --ng-text-decoration-dotted {
  syntax: "*";
  inherits: true;
}

/* --ng-text-decoration-double: double */
@property --ng-text-decoration-double {
  syntax: "*";
  inherits: true;
}

/* --ng-text-decoration-line-through: line-through */
@property --ng-text-decoration-line-through {
  syntax: "*";
  inherits: true;
}

/* --ng-text-decoration-none: none */
@property --ng-text-decoration-none {
  syntax: "*";
  inherits: true;
}

/* --ng-text-decoration-overline: overline */
@property --ng-text-decoration-overline {
  syntax: "*";
  inherits: true;
}

/* --ng-text-decoration-solid: solid */
@property --ng-text-decoration-solid {
  syntax: "*";
  inherits: true;
}

/* --ng-text-decoration-thick: thick */
@property --ng-text-decoration-thick {
  syntax: "*";
  inherits: true;
}

/* --ng-text-decoration-thin: thin */
@property --ng-text-decoration-thin {
  syntax: "*";
  inherits: true;
}

/* --ng-text-decoration-underline: underline */
@property --ng-text-decoration-underline {
  syntax: "*";
  inherits: true;
}

/* --ng-text-decoration-wavy: wavy */
@property --ng-text-decoration-wavy {
  syntax: "*";
  inherits: true;
}


/* ============================================================
   linear-gradient  (syntax: *)
   ============================================================ */

/* --ng-linear-gradient-01: linear-gradient(180deg, #A5C0EE 0%, #FBC5EC 100%) */
@property --ng-linear-gradient-01 {
  syntax: "*";
  inherits: true;
}

/* --ng-linear-gradient-02: linear-gradient(180deg, #FBC2EB 0%, #A18CD1 105.25%) */
@property --ng-linear-gradient-02 {
  syntax: "*";
  inherits: true;
}

/* --ng-linear-gradient-03: linear-gradient(180deg, #FFD1FF 0%, #FAD0C4 100%) */
@property --ng-linear-gradient-03 {
  syntax: "*";
  inherits: true;
}

/* --ng-linear-gradient-04: linear-gradient(225deg, #FAD0C4 0%, #FF9A9E 100%) */
@property --ng-linear-gradient-04 {
  syntax: "*";
  inherits: true;
}

/* --ng-linear-gradient-05: linear-gradient(270deg, #FCB69F 0%, #FFECD2 100%) */
@property --ng-linear-gradient-05 {
  syntax: "*";
  inherits: true;
}

/* --ng-linear-gradient-06: linear-gradient(180deg, #FECFEF 0%, #FF989C 100%) */
@property --ng-linear-gradient-06 {
  syntax: "*";
  inherits: true;
}

/* --ng-linear-gradient-07: linear-gradient(45deg, #FF9DE4 0%, #FFEAF6 100%) */
@property --ng-linear-gradient-07 {
  syntax: "*";
  inherits: true;
}

/* --ng-linear-gradient-20: linear-gradient(45deg, #E9DEFA 0%, #FFF6EB 100%) */
@property --ng-linear-gradient-20 {
  syntax: "*";
  inherits: true;
}


/* ============================================================
   outline-offset  (syntax: <length>)
   ============================================================ */

/* --ng-outline-offset-0: 0px */
@property --ng-outline-offset-0 {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}

/* --ng-outline-offset-1: 1px */
@property --ng-outline-offset-1 {
  syntax: "<length>";
  inherits: true;
  initial-value: 1px;
}

/* --ng-outline-offset-10: 10px */
@property --ng-outline-offset-10 {
  syntax: "<length>";
  inherits: true;
  initial-value: 10px;
}

/* --ng-outline-offset-2: 2px */
@property --ng-outline-offset-2 {
  syntax: "<length>";
  inherits: true;
  initial-value: 2px;
}

/* --ng-outline-offset-3: 3px */
@property --ng-outline-offset-3 {
  syntax: "<length>";
  inherits: true;
  initial-value: 3px;
}

/* --ng-outline-offset-4: 4px */
@property --ng-outline-offset-4 {
  syntax: "<length>";
  inherits: true;
  initial-value: 4px;
}

/* --ng-outline-offset-5: 5px */
@property --ng-outline-offset-5 {
  syntax: "<length>";
  inherits: true;
  initial-value: 5px;
}

/* --ng-outline-offset-6: 6px */
@property --ng-outline-offset-6 {
  syntax: "<length>";
  inherits: true;
  initial-value: 6px;
}

/* --ng-outline-offset-8: 8px */
@property --ng-outline-offset-8 {
  syntax: "<length>";
  inherits: true;
  initial-value: 8px;
}


/* ============================================================
   border-width  (syntax: <length>)
   ============================================================ */

/* --ng-border-width-0: 0px */
@property --ng-border-width-0 {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}

/* --ng-border-width-1: 1px */
@property --ng-border-width-1 {
  syntax: "<length>";
  inherits: true;
  initial-value: 1px;
}

/* --ng-border-width-10: 10px */
@property --ng-border-width-10 {
  syntax: "<length>";
  inherits: true;
  initial-value: 10px;
}

/* --ng-border-width-2: 2px */
@property --ng-border-width-2 {
  syntax: "<length>";
  inherits: true;
  initial-value: 2px;
}

/* --ng-border-width-3: 3px */
@property --ng-border-width-3 {
  syntax: "<length>";
  inherits: true;
  initial-value: 3px;
}

/* --ng-border-width-4: 4px */
@property --ng-border-width-4 {
  syntax: "<length>";
  inherits: true;
  initial-value: 4px;
}

/* --ng-border-width-5: 5px */
@property --ng-border-width-5 {
  syntax: "<length>";
  inherits: true;
  initial-value: 5px;
}

/* --ng-border-width-6: 6px */
@property --ng-border-width-6 {
  syntax: "<length>";
  inherits: true;
  initial-value: 6px;
}

/* --ng-border-width-7: 7px */
@property --ng-border-width-7 {
  syntax: "<length>";
  inherits: true;
  initial-value: 7px;
}

/* --ng-border-width-8: 8px */
@property --ng-border-width-8 {
  syntax: "<length>";
  inherits: true;
  initial-value: 8px;
}

/* --ng-border-width-9: 9px */
@property --ng-border-width-9 {
  syntax: "<length>";
  inherits: true;
  initial-value: 9px;
}


/* ============================================================
   stroke-width  (syntax: <length> | <number>)
   ============================================================ */

/* --ng-stroke-width-0: 0 */
@property --ng-stroke-width-0 {
  syntax: "<length> | <number>";
  inherits: true;
  initial-value: 0;
}

/* --ng-stroke-width-1: 1px */
@property --ng-stroke-width-1 {
  syntax: "<length> | <number>";
  inherits: true;
  initial-value: 1px;
}

/* --ng-stroke-width-10: 10px */
@property --ng-stroke-width-10 {
  syntax: "<length> | <number>";
  inherits: true;
  initial-value: 10px;
}

/* --ng-stroke-width-2: 2px */
@property --ng-stroke-width-2 {
  syntax: "<length> | <number>";
  inherits: true;
  initial-value: 2px;
}

/* --ng-stroke-width-3: 3px */
@property --ng-stroke-width-3 {
  syntax: "<length> | <number>";
  inherits: true;
  initial-value: 3px;
}

/* --ng-stroke-width-4: 4px */
@property --ng-stroke-width-4 {
  syntax: "<length> | <number>";
  inherits: true;
  initial-value: 4px;
}

/* --ng-stroke-width-5: 5px */
@property --ng-stroke-width-5 {
  syntax: "<length> | <number>";
  inherits: true;
  initial-value: 5px;
}

/* --ng-stroke-width-6: 6px */
@property --ng-stroke-width-6 {
  syntax: "<length> | <number>";
  inherits: true;
  initial-value: 6px;
}

/* --ng-stroke-width-7: 7px */
@property --ng-stroke-width-7 {
  syntax: "<length> | <number>";
  inherits: true;
  initial-value: 7px;
}

/* --ng-stroke-width-8: 8px */
@property --ng-stroke-width-8 {
  syntax: "<length> | <number>";
  inherits: true;
  initial-value: 8px;
}

/* --ng-stroke-width-9: 9px */
@property --ng-stroke-width-9 {
  syntax: "<length> | <number>";
  inherits: true;
  initial-value: 9px;
}


/* ============================================================
   border-style  (syntax: *)
   ============================================================ */

/* --ng-border-style-dashed: dashed */
@property --ng-border-style-dashed {
  syntax: "*";
  inherits: true;
}

/* --ng-border-style-dotted: dotted */
@property --ng-border-style-dotted {
  syntax: "*";
  inherits: true;
}

/* --ng-border-style-double: double */
@property --ng-border-style-double {
  syntax: "*";
  inherits: true;
}

/* --ng-border-style-groove: groove */
@property --ng-border-style-groove {
  syntax: "*";
  inherits: true;
}

/* --ng-border-style-hidden: hidden */
@property --ng-border-style-hidden {
  syntax: "*";
  inherits: true;
}

/* --ng-border-style-inset: inset */
@property --ng-border-style-inset {
  syntax: "*";
  inherits: true;
}

/* --ng-border-style-none: none */
@property --ng-border-style-none {
  syntax: "*";
  inherits: true;
}

/* --ng-border-style-outset: outset */
@property --ng-border-style-outset {
  syntax: "*";
  inherits: true;
}

/* --ng-border-style-ridge: ridge */
@property --ng-border-style-ridge {
  syntax: "*";
  inherits: true;
}

/* --ng-border-style-solid: solid */
@property --ng-border-style-solid {
  syntax: "*";
  inherits: true;
}


/* ============================================================
   line-height  (syntax: *)
   ============================================================ */

/* --ng-line-height-display-2xl: 90px */
@property --ng-line-height-display-2xl {
  syntax: "*";
  inherits: true;
}

/* --ng-line-height-display-lg: 60px */
@property --ng-line-height-display-lg {
  syntax: "*";
  inherits: true;
}

/* --ng-line-height-display-md: 44px */
@property --ng-line-height-display-md {
  syntax: "*";
  inherits: true;
}

/* --ng-line-height-display-sm: 38px */
@property --ng-line-height-display-sm {
  syntax: "*";
  inherits: true;
}

/* --ng-line-height-display-xl: 72px */
@property --ng-line-height-display-xl {
  syntax: "*";
  inherits: true;
}

/* --ng-line-height-display-xs: 32px */
@property --ng-line-height-display-xs {
  syntax: "*";
  inherits: true;
}

/* --ng-line-height-text-lg: 28px */
@property --ng-line-height-text-lg {
  syntax: "*";
  inherits: true;
}

/* --ng-line-height-text-md: 24px */
@property --ng-line-height-text-md {
  syntax: "*";
  inherits: true;
}

/* --ng-line-height-text-sm: 20px */
@property --ng-line-height-text-sm {
  syntax: "*";
  inherits: true;
}

/* --ng-line-height-text-xl: 30px */
@property --ng-line-height-text-xl {
  syntax: "*";
  inherits: true;
}

/* --ng-line-height-text-xs: 18px */
@property --ng-line-height-text-xs {
  syntax: "*";
  inherits: true;
}


/* ============================================================
   font-weight  (syntax: *)
   ============================================================ */

/* --ng-font-weight-100: 100 */
@property --ng-font-weight-100 {
  syntax: "*";
  inherits: true;
}

/* --ng-font-weight-200: 200 */
@property --ng-font-weight-200 {
  syntax: "*";
  inherits: true;
}

/* --ng-font-weight-300: 300 */
@property --ng-font-weight-300 {
  syntax: "*";
  inherits: true;
}

/* --ng-font-weight-400: 400 */
@property --ng-font-weight-400 {
  syntax: "*";
  inherits: true;
}

/* --ng-font-weight-500: 500 */
@property --ng-font-weight-500 {
  syntax: "*";
  inherits: true;
}

/* --ng-font-weight-600: 600 */
@property --ng-font-weight-600 {
  syntax: "*";
  inherits: true;
}

/* --ng-font-weight-700: 700 */
@property --ng-font-weight-700 {
  syntax: "*";
  inherits: true;
}

/* --ng-font-weight-800: 800 */
@property --ng-font-weight-800 {
  syntax: "*";
  inherits: true;
}

/* --ng-font-weight-900: 900 */
@property --ng-font-weight-900 {
  syntax: "*";
  inherits: true;
}

/* --ng-font-weight-bold-italic: Bold italic */
@property --ng-font-weight-bold-italic {
  syntax: "*";
  inherits: true;
}

/* --ng-font-weight-bolder: bolder */
@property --ng-font-weight-bolder {
  syntax: "*";
  inherits: true;
}

/* --ng-font-weight-inherit: inherit */
@property --ng-font-weight-inherit {
  syntax: "*";
  inherits: true;
}

/* --ng-font-weight-initial: initial */
@property --ng-font-weight-initial {
  syntax: "*";
  inherits: true;
}

/* --ng-font-weight-lighter: lighter */
@property --ng-font-weight-lighter {
  syntax: "*";
  inherits: true;
}

/* --ng-font-weight-medium-italic: Medium italic */
@property --ng-font-weight-medium-italic {
  syntax: "*";
  inherits: true;
}

/* --ng-font-weight-regular-italic: Regular italic */
@property --ng-font-weight-regular-italic {
  syntax: "*";
  inherits: true;
}

/* --ng-font-weight-semibold-italic: Semibold italic */
@property --ng-font-weight-semibold-italic {
  syntax: "*";
  inherits: true;
}

/* --ng-font-weight-unset: unset */
@property --ng-font-weight-unset {
  syntax: "*";
  inherits: true;
}


/* ============================================================
   font-family  (syntax: *)
   ============================================================ */

/* --ng-font-family-body: Inter */
@property --ng-font-family-body {
  syntax: "*";
  inherits: true;
}

/* --ng-font-family-display: Inter */
@property --ng-font-family-display {
  syntax: "*";
  inherits: true;
}


/* ============================================================
   font-size  (syntax: <length-percentage>)
   ============================================================ */

/* --ng-font-size-display-2xl: 72px */
@property --ng-font-size-display-2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 72px;
}

/* --ng-font-size-display-lg: 48px */
@property --ng-font-size-display-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 48px;
}

/* --ng-font-size-display-md: 36px */
@property --ng-font-size-display-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 36px;
}

/* --ng-font-size-display-sm: 30px */
@property --ng-font-size-display-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 30px;
}

/* --ng-font-size-display-xl: 60px */
@property --ng-font-size-display-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 60px;
}

/* --ng-font-size-display-xs: 24px */
@property --ng-font-size-display-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 24px;
}

/* --ng-font-size-text-lg: 18px */
@property --ng-font-size-text-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 18px;
}

/* --ng-font-size-text-md: 16px */
@property --ng-font-size-text-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 16px;
}

/* --ng-font-size-text-sm: 14px */
@property --ng-font-size-text-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 14px;
}

/* --ng-font-size-text-xl: 20px */
@property --ng-font-size-text-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 20px;
}

/* --ng-font-size-text-xs: 12px */
@property --ng-font-size-text-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 12px;
}


/* ============================================================
   spacing  (syntax: <length-percentage>)
   ============================================================ */

/* --ng-spacing-0: 0px */
@property --ng-spacing-0 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}

/* --ng-spacing-0-5: 2px */
@property --ng-spacing-0-5 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2px;
}

/* --ng-spacing-1: 4px */
@property --ng-spacing-1 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4px;
}

/* --ng-spacing-1-5: 6px */
@property --ng-spacing-1-5 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 6px;
}

/* --ng-spacing-10: 40px */
@property --ng-spacing-10 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 40px;
}

/* --ng-spacing-108: 108px */
@property --ng-spacing-108 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 108px;
}

/* --ng-spacing-12: 48px */
@property --ng-spacing-12 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 48px;
}

/* --ng-spacing-120: 480px */
@property --ng-spacing-120 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 480px;
}

/* --ng-spacing-140: 560px */
@property --ng-spacing-140 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 560px;
}

/* --ng-spacing-16: 64px */
@property --ng-spacing-16 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 64px;
}

/* --ng-spacing-160: 640px */
@property --ng-spacing-160 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 640px;
}

/* --ng-spacing-164: 164px */
@property --ng-spacing-164 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 164px;
}

/* --ng-spacing-180: 720px */
@property --ng-spacing-180 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 720px;
}

/* --ng-spacing-192: 768px */
@property --ng-spacing-192 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 768px;
}

/* --ng-spacing-2: 8px */
@property --ng-spacing-2 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 8px;
}

/* --ng-spacing-2-5: 10px */
@property --ng-spacing-2-5 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 10px;
}

/* --ng-spacing-20: 80px */
@property --ng-spacing-20 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 80px;
}

/* --ng-spacing-24: 96px */
@property --ng-spacing-24 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 96px;
}

/* --ng-spacing-256: 1024px */
@property --ng-spacing-256 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1024px;
}

/* --ng-spacing-264: 264px */
@property --ng-spacing-264 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 264px;
}

/* --ng-spacing-296: 296px */
@property --ng-spacing-296 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 296px;
}

/* --ng-spacing-3: 12px */
@property --ng-spacing-3 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 12px;
}

/* --ng-spacing-3-5: 14px */
@property --ng-spacing-3-5 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 14px;
}

/* --ng-spacing-312: 312px */
@property --ng-spacing-312 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 312px;
}

/* --ng-spacing-32: 128px */
@property --ng-spacing-32 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 128px;
}

/* --ng-spacing-320: 1280px */
@property --ng-spacing-320 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1280px;
}

/* --ng-spacing-360: 1440px */
@property --ng-spacing-360 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1440px;
}

/* --ng-spacing-4: 16px */
@property --ng-spacing-4 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 16px;
}

/* --ng-spacing-4-5: 18px */
@property --ng-spacing-4-5 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 18px;
}

/* --ng-spacing-40: 160px */
@property --ng-spacing-40 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 160px;
}

/* --ng-spacing-400: 1600px */
@property --ng-spacing-400 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1600px;
}

/* --ng-spacing-40px: 40px */
@property --ng-spacing-40px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 40px;
}

/* --ng-spacing-48: 192px */
@property --ng-spacing-48 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 192px;
}

/* --ng-spacing-480: 1920px */
@property --ng-spacing-480 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1920px;
}

/* --ng-spacing-5: 20px */
@property --ng-spacing-5 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 20px;
}

/* --ng-spacing-56: 224px */
@property --ng-spacing-56 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 224px;
}

/* --ng-spacing-6: 24px */
@property --ng-spacing-6 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 24px;
}

/* --ng-spacing-64: 256px */
@property --ng-spacing-64 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 256px;
}

/* --ng-spacing-68: 68px */
@property --ng-spacing-68 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 68px;
}

/* --ng-spacing-7: 28px */
@property --ng-spacing-7 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 28px;
}

/* --ng-spacing-8: 32px */
@property --ng-spacing-8 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 32px;
}

/* --ng-spacing-80: 320px */
@property --ng-spacing-80 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 320px;
}

/* --ng-spacing-96: 384px */
@property --ng-spacing-96 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 384px;
}


/* ============================================================
   opacity  (syntax: <number>)
   ============================================================ */

/* --ng-opacity-0: 0 */
@property --ng-opacity-0 {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}

/* --ng-opacity-10: 0.1 */
@property --ng-opacity-10 {
  syntax: "<number>";
  inherits: true;
  initial-value: 0.1;
}

/* --ng-opacity-100: 1 */
@property --ng-opacity-100 {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}

/* --ng-opacity-15: 0.15 */
@property --ng-opacity-15 {
  syntax: "<number>";
  inherits: true;
  initial-value: 0.15;
}

/* --ng-opacity-20: 0.2 */
@property --ng-opacity-20 {
  syntax: "<number>";
  inherits: true;
  initial-value: 0.2;
}

/* --ng-opacity-25: 0.25 */
@property --ng-opacity-25 {
  syntax: "<number>";
  inherits: true;
  initial-value: 0.25;
}

/* --ng-opacity-30: 0.3 */
@property --ng-opacity-30 {
  syntax: "<number>";
  inherits: true;
  initial-value: 0.3;
}

/* --ng-opacity-35: 0.35 */
@property --ng-opacity-35 {
  syntax: "<number>";
  inherits: true;
  initial-value: 0.35;
}

/* --ng-opacity-40: 0.4 */
@property --ng-opacity-40 {
  syntax: "<number>";
  inherits: true;
  initial-value: 0.4;
}

/* --ng-opacity-45: 0.45 */
@property --ng-opacity-45 {
  syntax: "<number>";
  inherits: true;
  initial-value: 0.45;
}

/* --ng-opacity-5: 0.05 */
@property --ng-opacity-5 {
  syntax: "<number>";
  inherits: true;
  initial-value: 0.05;
}

/* --ng-opacity-50: 0.5 */
@property --ng-opacity-50 {
  syntax: "<number>";
  inherits: true;
  initial-value: 0.5;
}

/* --ng-opacity-55: 0.55 */
@property --ng-opacity-55 {
  syntax: "<number>";
  inherits: true;
  initial-value: 0.55;
}

/* --ng-opacity-60: 0.6 */
@property --ng-opacity-60 {
  syntax: "<number>";
  inherits: true;
  initial-value: 0.6;
}

/* --ng-opacity-65: 0.65 */
@property --ng-opacity-65 {
  syntax: "<number>";
  inherits: true;
  initial-value: 0.65;
}

/* --ng-opacity-70: 0.7 */
@property --ng-opacity-70 {
  syntax: "<number>";
  inherits: true;
  initial-value: 0.7;
}

/* --ng-opacity-75: 0.75 */
@property --ng-opacity-75 {
  syntax: "<number>";
  inherits: true;
  initial-value: 0.75;
}

/* --ng-opacity-80: 0.8 */
@property --ng-opacity-80 {
  syntax: "<number>";
  inherits: true;
  initial-value: 0.8;
}

/* --ng-opacity-85: 0.85 */
@property --ng-opacity-85 {
  syntax: "<number>";
  inherits: true;
  initial-value: 0.85;
}

/* --ng-opacity-90: 0.9 */
@property --ng-opacity-90 {
  syntax: "<number>";
  inherits: true;
  initial-value: 0.9;
}

/* --ng-opacity-95: 0.95 */
@property --ng-opacity-95 {
  syntax: "<number>";
  inherits: true;
  initial-value: 0.95;
}


/* ============================================================
   outline  (syntax: *)
   ============================================================ */

/* --ng-outline-0-5px: 0.5px */
@property --ng-outline-0-5px {
  syntax: "*";
  inherits: true;
}

/* --ng-outline-1-5px: 1.5px */
@property --ng-outline-1-5px {
  syntax: "*";
  inherits: true;
}

/* --ng-outline-10px: 10px */
@property --ng-outline-10px {
  syntax: "*";
  inherits: true;
}

/* --ng-outline-1px: 1px */
@property --ng-outline-1px {
  syntax: "*";
  inherits: true;
}

/* --ng-outline-2-5px: 2.5px */
@property --ng-outline-2-5px {
  syntax: "*";
  inherits: true;
}

/* --ng-outline-2px: 2px */
@property --ng-outline-2px {
  syntax: "*";
  inherits: true;
}

/* --ng-outline-3px: 3px */
@property --ng-outline-3px {
  syntax: "*";
  inherits: true;
}

/* --ng-outline-4px: 4px */
@property --ng-outline-4px {
  syntax: "*";
  inherits: true;
}

/* --ng-outline-5px: 5px */
@property --ng-outline-5px {
  syntax: "*";
  inherits: true;
}

/* --ng-outline-6px: 6px */
@property --ng-outline-6px {
  syntax: "*";
  inherits: true;
}

/* --ng-outline-7px: 7px */
@property --ng-outline-7px {
  syntax: "*";
  inherits: true;
}

/* --ng-outline-8px: 8px */
@property --ng-outline-8px {
  syntax: "*";
  inherits: true;
}

/* --ng-outline-9px: 9px */
@property --ng-outline-9px {
  syntax: "*";
  inherits: true;
}

/* --ng-outline-dashed: dashed */
@property --ng-outline-dashed {
  syntax: "*";
  inherits: true;
}

/* --ng-outline-dotted: dotted */
@property --ng-outline-dotted {
  syntax: "*";
  inherits: true;
}

/* --ng-outline-double: double */
@property --ng-outline-double {
  syntax: "*";
  inherits: true;
}

/* --ng-outline-inset: inset */
@property --ng-outline-inset {
  syntax: "*";
  inherits: true;
}

/* --ng-outline-none: none */
@property --ng-outline-none {
  syntax: "*";
  inherits: true;
}

/* --ng-outline-solid: solid */
@property --ng-outline-solid {
  syntax: "*";
  inherits: true;
}


/* ============================================================
   display  (syntax: *)
   ============================================================ */

/* --ng-display-block: block */
@property --ng-display-block {
  syntax: "*";
  inherits: true;
}

/* --ng-display-contents: contents */
@property --ng-display-contents {
  syntax: "*";
  inherits: true;
}

/* --ng-display-flex: flex */
@property --ng-display-flex {
  syntax: "*";
  inherits: true;
}

/* --ng-display-flow-root: flow-root */
@property --ng-display-flow-root {
  syntax: "*";
  inherits: true;
}

/* --ng-display-grid: grid */
@property --ng-display-grid {
  syntax: "*";
  inherits: true;
}

/* --ng-display-inline: inline */
@property --ng-display-inline {
  syntax: "*";
  inherits: true;
}

/* --ng-display-inline-block: inline-block */
@property --ng-display-inline-block {
  syntax: "*";
  inherits: true;
}

/* --ng-display-inline-flex: inline-flex */
@property --ng-display-inline-flex {
  syntax: "*";
  inherits: true;
}

/* --ng-display-inline-grid: inline-grid */
@property --ng-display-inline-grid {
  syntax: "*";
  inherits: true;
}

/* --ng-display-inline-table: inline-table */
@property --ng-display-inline-table {
  syntax: "*";
  inherits: true;
}

/* --ng-display-list-item: list-item */
@property --ng-display-list-item {
  syntax: "*";
  inherits: true;
}

/* --ng-display-none: none */
@property --ng-display-none {
  syntax: "*";
  inherits: true;
}

/* --ng-display-table: table */
@property --ng-display-table {
  syntax: "*";
  inherits: true;
}

/* --ng-display-table-cell: table-cell */
@property --ng-display-table-cell {
  syntax: "*";
  inherits: true;
}

/* --ng-display-table-row: table-row */
@property --ng-display-table-row {
  syntax: "*";
  inherits: true;
}


/* ============================================================
   radius  (syntax: <length-percentage>)
   ============================================================ */

/* --ng-radius-2xl: 16px */
@property --ng-radius-2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 16px;
}

/* --ng-radius-3xl: 20px */
@property --ng-radius-3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 20px;
}

/* --ng-radius-4xl: 24px */
@property --ng-radius-4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 24px;
}

/* --ng-radius-full: 9999px */
@property --ng-radius-full {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 9999px;
}

/* --ng-radius-lg: 10px */
@property --ng-radius-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 10px;
}

/* --ng-radius-md: 8px */
@property --ng-radius-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 8px;
}

/* --ng-radius-none: 0px */
@property --ng-radius-none {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}

/* --ng-radius-sm: 6px */
@property --ng-radius-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 6px;
}

/* --ng-radius-xl: 12px */
@property --ng-radius-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 12px;
}

/* --ng-radius-xs: 4px */
@property --ng-radius-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4px;
}

/* --ng-radius-xxs: 2px */
@property --ng-radius-xxs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2px;
}


/* ============================================================
   height  (syntax: <length-percentage>)
   ============================================================ */

/* --ng-height-100px: 100px */
@property --ng-height-100px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 100px;
}

/* --ng-height-10px: 10px */
@property --ng-height-10px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 10px;
}

/* --ng-height-110px: 110px */
@property --ng-height-110px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 110px;
}

/* --ng-height-11px: 11px */
@property --ng-height-11px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 11px;
}

/* --ng-height-120px: 120px */
@property --ng-height-120px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 120px;
}

/* --ng-height-12px: 12px */
@property --ng-height-12px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 12px;
}

/* --ng-height-130px: 130px */
@property --ng-height-130px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 130px;
}

/* --ng-height-13px: 13px */
@property --ng-height-13px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 13px;
}

/* --ng-height-140px: 140px */
@property --ng-height-140px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 140px;
}

/* --ng-height-14px: 14px */
@property --ng-height-14px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 14px;
}

/* --ng-height-150px: 150px */
@property --ng-height-150px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 150px;
}

/* --ng-height-15px: 15px */
@property --ng-height-15px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 15px;
}

/* --ng-height-160px: 160px */
@property --ng-height-160px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 160px;
}

/* --ng-height-16px: 16px */
@property --ng-height-16px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 16px;
}

/* --ng-height-170px: 170px */
@property --ng-height-170px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 170px;
}

/* --ng-height-17px: 17px */
@property --ng-height-17px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 17px;
}

/* --ng-height-180px: 180px */
@property --ng-height-180px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 180px;
}

/* --ng-height-18px: 18px */
@property --ng-height-18px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 18px;
}

/* --ng-height-190px: 190px */
@property --ng-height-190px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 190px;
}

/* --ng-height-19px: 19px */
@property --ng-height-19px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 19px;
}

/* --ng-height-1px: 1px */
@property --ng-height-1px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1px;
}

/* --ng-height-200px: 200px */
@property --ng-height-200px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 200px;
}

/* --ng-height-20px: 20px */
@property --ng-height-20px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 20px;
}

/* --ng-height-21px: 21px */
@property --ng-height-21px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 21px;
}

/* --ng-height-22px: 22px */
@property --ng-height-22px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 22px;
}

/* --ng-height-23px: 23px */
@property --ng-height-23px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 23px;
}

/* --ng-height-24px: 24px */
@property --ng-height-24px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 24px;
}

/* --ng-height-25px: 25px */
@property --ng-height-25px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 25px;
}

/* --ng-height-26px: 26px */
@property --ng-height-26px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 26px;
}

/* --ng-height-27px: 27px */
@property --ng-height-27px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 27px;
}

/* --ng-height-28px: 28px */
@property --ng-height-28px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 28px;
}

/* --ng-height-29px: 29px */
@property --ng-height-29px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 29px;
}

/* --ng-height-2px: 2px */
@property --ng-height-2px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2px;
}

/* --ng-height-30px: 30px */
@property --ng-height-30px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 30px;
}

/* --ng-height-31px: 31px */
@property --ng-height-31px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 31px;
}

/* --ng-height-32px: 32px */
@property --ng-height-32px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 32px;
}

/* --ng-height-33px: 33px */
@property --ng-height-33px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 33px;
}

/* --ng-height-34px: 34px */
@property --ng-height-34px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 34px;
}

/* --ng-height-35px: 35px */
@property --ng-height-35px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 35px;
}

/* --ng-height-36px: 36px */
@property --ng-height-36px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 36px;
}

/* --ng-height-37px: 37px */
@property --ng-height-37px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 37px;
}

/* --ng-height-38px: 38px */
@property --ng-height-38px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 38px;
}

/* --ng-height-39px: 39px */
@property --ng-height-39px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 39px;
}

/* --ng-height-3px: 3px */
@property --ng-height-3px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3px;
}

/* --ng-height-40px: 40px */
@property --ng-height-40px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 40px;
}

/* --ng-height-41px: 41px */
@property --ng-height-41px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 41px;
}

/* --ng-height-42px: 42px */
@property --ng-height-42px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 42px;
}

/* --ng-height-43px: 43px */
@property --ng-height-43px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 43px;
}

/* --ng-height-44px: 44px */
@property --ng-height-44px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 44px;
}

/* --ng-height-45px: 45px */
@property --ng-height-45px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 45px;
}

/* --ng-height-46px: 46px */
@property --ng-height-46px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 46px;
}

/* --ng-height-47px: 47px */
@property --ng-height-47px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 47px;
}

/* --ng-height-48px: 48px */
@property --ng-height-48px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 48px;
}

/* --ng-height-49px: 49px */
@property --ng-height-49px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 49px;
}

/* --ng-height-4px: 4px */
@property --ng-height-4px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4px;
}

/* --ng-height-50px: 50px */
@property --ng-height-50px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 50px;
}

/* --ng-height-5px: 5px */
@property --ng-height-5px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 5px;
}

/* --ng-height-60px: 60px */
@property --ng-height-60px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 60px;
}

/* --ng-height-6px: 6px */
@property --ng-height-6px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 6px;
}

/* --ng-height-70px: 70px */
@property --ng-height-70px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 70px;
}

/* --ng-height-7px: 7px */
@property --ng-height-7px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 7px;
}

/* --ng-height-80px: 80px */
@property --ng-height-80px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 80px;
}

/* --ng-height-8px: 8px */
@property --ng-height-8px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 8px;
}

/* --ng-height-90px: 90px */
@property --ng-height-90px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 90px;
}

/* --ng-height-9px: 9px */
@property --ng-height-9px {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 9px;
}

/* --ng-height-auto: auto */
@property --ng-height-auto {
  syntax: "*";
  inherits: true;
}


/* ============================================================
   colors  (syntax: <color>)
   ============================================================ */

/* --ng-colors-border-secondary-alt: #00000014 */
@property --ng-colors-border-secondary-alt {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000014;
}

/* --ng-colors-effects-portfoliomockups-shadow-grid-md: #0A0D1214 */
@property --ng-colors-effects-portfoliomockups-shadow-grid-md {
  syntax: "<color>";
  inherits: true;
  initial-value: #0A0D1214;
}

/* --ng-colors-effects-portfoliomockups-shadow-main-centre-lg: #0A0D122E */
@property --ng-colors-effects-portfoliomockups-shadow-main-centre-lg {
  syntax: "<color>";
  inherits: true;
  initial-value: #0A0D122E;
}

/* --ng-colors-effects-portfoliomockups-shadow-main-centre-md: #0A0D1224 */
@property --ng-colors-effects-portfoliomockups-shadow-main-centre-md {
  syntax: "<color>";
  inherits: true;
  initial-value: #0A0D1224;
}

/* --ng-colors-effects-portfoliomockups-shadow-overlay-lg: #0A0D121F */
@property --ng-colors-effects-portfoliomockups-shadow-overlay-lg {
  syntax: "<color>";
  inherits: true;
  initial-value: #0A0D121F;
}

/* --ng-colors-effects-shadow-2xl-01: #0A0D122E */
@property --ng-colors-effects-shadow-2xl-01 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0A0D122E;
}

/* --ng-colors-effects-shadow-2xl-02: #0A0D120A */
@property --ng-colors-effects-shadow-2xl-02 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0A0D120A;
}

/* --ng-colors-effects-shadow-3xl-01: #0A0D1224 */
@property --ng-colors-effects-shadow-3xl-01 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0A0D1224;
}

/* --ng-colors-effects-shadow-3xl-02: #0A0D120A */
@property --ng-colors-effects-shadow-3xl-02 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0A0D120A;
}

/* --ng-colors-effects-shadow-lg-01: #0A0D1214 */
@property --ng-colors-effects-shadow-lg-01 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0A0D1214;
}

/* --ng-colors-effects-shadow-lg-02: #0A0D1208 */
@property --ng-colors-effects-shadow-lg-02 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0A0D1208;
}

/* --ng-colors-effects-shadow-lg-03: #0A0D120A */
@property --ng-colors-effects-shadow-lg-03 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0A0D120A;
}

/* --ng-colors-effects-shadow-md-01: #0A0D121A */
@property --ng-colors-effects-shadow-md-01 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0A0D121A;
}

/* --ng-colors-effects-shadow-md-02: #0A0D120F */
@property --ng-colors-effects-shadow-md-02 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0A0D120F;
}

/* --ng-colors-effects-shadow-skeumorphic-inner: #0A0D120D */
@property --ng-colors-effects-shadow-skeumorphic-inner {
  syntax: "<color>";
  inherits: true;
  initial-value: #0A0D120D;
}

/* --ng-colors-effects-shadow-skeumorphic-inner-border: #0A0D122E */
@property --ng-colors-effects-shadow-skeumorphic-inner-border {
  syntax: "<color>";
  inherits: true;
  initial-value: #0A0D122E;
}

/* --ng-colors-effects-shadow-sm-01: #0A0D121A */
@property --ng-colors-effects-shadow-sm-01 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0A0D121A;
}

/* --ng-colors-effects-shadow-sm-02: #0A0D121A */
@property --ng-colors-effects-shadow-sm-02 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0A0D121A;
}

/* --ng-colors-effects-shadow-xl-01: #0a0d1214 */
@property --ng-colors-effects-shadow-xl-01 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0a0d1214;
}

/* --ng-colors-effects-shadow-xl-02: #0A0D1208 */
@property --ng-colors-effects-shadow-xl-02 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0A0D1208;
}

/* --ng-colors-effects-shadow-xl-03: #0A0D120A */
@property --ng-colors-effects-shadow-xl-03 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0A0D120A;
}

/* --ng-colors-effects-shadow-xs: #0A0D120D */
@property --ng-colors-effects-shadow-xs {
  syntax: "<color>";
  inherits: true;
  initial-value: #0A0D120D;
}


/* ============================================================
   shadow  (syntax: *)
   ============================================================ */

/* --ng-shadow-none: none */
@property --ng-shadow-none {
  syntax: "*";
  inherits: true;
}


/* ============================================================
   width  (syntax: <length-percentage>)
   ============================================================ */

/* --ng-width-auto: auto */
@property --ng-width-auto {
  syntax: "*";
  inherits: true;
}


/* ============================================================
   color  (syntax: <color>)
   ============================================================ */

/* --ng-color-base-black: #000000FF */
@property --ng-color-base-black {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000FF;
}

/* --ng-color-base-transparent: #FFFFFF00 */
@property --ng-color-base-transparent {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFF00;
}

/* --ng-color-base-white: #FFFFFFFF */
@property --ng-color-base-white {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFFFF;
}

/* --ng-color-blue-100: #D1E9FFFF */
@property --ng-color-blue-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D1E9FFFF;
}

/* --ng-color-blue-200: #B2DDFFFF */
@property --ng-color-blue-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B2DDFFFF;
}

/* --ng-color-blue-25: #F5FAFFFF */
@property --ng-color-blue-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F5FAFFFF;
}

/* --ng-color-blue-300: #84CAFFFF */
@property --ng-color-blue-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #84CAFFFF;
}

/* --ng-color-blue-400: #53B1FDFF */
@property --ng-color-blue-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #53B1FDFF;
}

/* --ng-color-blue-50: #EFF8FFFF */
@property --ng-color-blue-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EFF8FFFF;
}

/* --ng-color-blue-500: #2E90FAFF */
@property --ng-color-blue-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2E90FAFF;
}

/* --ng-color-blue-600: #1570EFFF */
@property --ng-color-blue-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1570EFFF;
}

/* --ng-color-blue-700: #175CD3FF */
@property --ng-color-blue-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #175CD3FF;
}

/* --ng-color-blue-800: #1849A9FF */
@property --ng-color-blue-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1849A9FF;
}

/* --ng-color-blue-900: #194185FF */
@property --ng-color-blue-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #194185FF;
}

/* --ng-color-blue-950: #102A56FF */
@property --ng-color-blue-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #102A56FF;
}

/* --ng-color-bluedark-100: #D1E0FFFF */
@property --ng-color-bluedark-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D1E0FFFF;
}

/* --ng-color-bluedark-200: #B2CCFFFF */
@property --ng-color-bluedark-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B2CCFFFF;
}

/* --ng-color-bluedark-25: #F5F8FFFF */
@property --ng-color-bluedark-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F5F8FFFF;
}

/* --ng-color-bluedark-300: #84ADFFFF */
@property --ng-color-bluedark-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #84ADFFFF;
}

/* --ng-color-bluedark-400: #528BFFFF */
@property --ng-color-bluedark-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #528BFFFF;
}

/* --ng-color-bluedark-50: #EFF4FFFF */
@property --ng-color-bluedark-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EFF4FFFF;
}

/* --ng-color-bluedark-500: #2970FFFF */
@property --ng-color-bluedark-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2970FFFF;
}

/* --ng-color-bluedark-600: #155EEFFF */
@property --ng-color-bluedark-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #155EEFFF;
}

/* --ng-color-bluedark-700: #004EEBFF */
@property --ng-color-bluedark-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #004EEBFF;
}

/* --ng-color-bluedark-800: #0040C1FF */
@property --ng-color-bluedark-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0040C1FF;
}

/* --ng-color-bluedark-900: #00359EFF */
@property --ng-color-bluedark-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00359EFF;
}

/* --ng-color-bluedark-950: #002266FF */
@property --ng-color-bluedark-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #002266FF;
}

/* --ng-color-bluelight-100: #E0F2FEFF */
@property --ng-color-bluelight-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E0F2FEFF;
}

/* --ng-color-bluelight-200: #B9E6FEFF */
@property --ng-color-bluelight-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B9E6FEFF;
}

/* --ng-color-bluelight-25: #F5FBFFFF */
@property --ng-color-bluelight-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F5FBFFFF;
}

/* --ng-color-bluelight-300: #7CD4FDFF */
@property --ng-color-bluelight-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7CD4FDFF;
}

/* --ng-color-bluelight-400: #36BFFAFF */
@property --ng-color-bluelight-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #36BFFAFF;
}

/* --ng-color-bluelight-50: #F0F9FFFF */
@property --ng-color-bluelight-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F0F9FFFF;
}

/* --ng-color-bluelight-500: #0BA5ECFF */
@property --ng-color-bluelight-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0BA5ECFF;
}

/* --ng-color-bluelight-600: #0086C9FF */
@property --ng-color-bluelight-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0086C9FF;
}

/* --ng-color-bluelight-700: #026AA2FF */
@property --ng-color-bluelight-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #026AA2FF;
}

/* --ng-color-bluelight-800: #065986FF */
@property --ng-color-bluelight-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #065986FF;
}

/* --ng-color-bluelight-900: #0B4A6FFF */
@property --ng-color-bluelight-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0B4A6FFF;
}

/* --ng-color-bluelight-950: #062C41FF */
@property --ng-color-bluelight-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #062C41FF;
}

/* --ng-color-brand-100: #F4EBFFFF */
@property --ng-color-brand-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F4EBFFFF;
}

/* --ng-color-brand-200: #E9D7FEFF */
@property --ng-color-brand-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E9D7FEFF;
}

/* --ng-color-brand-25: #FCFAFFFF */
@property --ng-color-brand-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FCFAFFFF;
}

/* --ng-color-brand-300: #D6BBFBFF */
@property --ng-color-brand-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D6BBFBFF;
}

/* --ng-color-brand-400: #B692F6FF */
@property --ng-color-brand-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B692F6FF;
}

/* --ng-color-brand-50: #F9F5FFFF */
@property --ng-color-brand-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F9F5FFFF;
}

/* --ng-color-brand-500: #9E77EDFF */
@property --ng-color-brand-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #9E77EDFF;
}

/* --ng-color-brand-600: #7F56D9FF */
@property --ng-color-brand-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7F56D9FF;
}

/* --ng-color-brand-700: #6941C6FF */
@property --ng-color-brand-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6941C6FF;
}

/* --ng-color-brand-800: #53389EFF */
@property --ng-color-brand-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #53389EFF;
}

/* --ng-color-brand-900: #42307DFF */
@property --ng-color-brand-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #42307DFF;
}

/* --ng-color-brand-950: #2C1C5FFF */
@property --ng-color-brand-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2C1C5FFF;
}

/* --ng-color-cyan-100: #CFF9FEFF */
@property --ng-color-cyan-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #CFF9FEFF;
}

/* --ng-color-cyan-200: #A5F0FCFF */
@property --ng-color-cyan-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #A5F0FCFF;
}

/* --ng-color-cyan-25: #F5FEFFFF */
@property --ng-color-cyan-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F5FEFFFF;
}

/* --ng-color-cyan-300: #67E3F9FF */
@property --ng-color-cyan-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #67E3F9FF;
}

/* --ng-color-cyan-400: #22CCEEFF */
@property --ng-color-cyan-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #22CCEEFF;
}

/* --ng-color-cyan-50: #ECFDFFFF */
@property --ng-color-cyan-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ECFDFFFF;
}

/* --ng-color-cyan-500: #06AED4FF */
@property --ng-color-cyan-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #06AED4FF;
}

/* --ng-color-cyan-600: #088AB2FF */
@property --ng-color-cyan-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #088AB2FF;
}

/* --ng-color-cyan-700: #0E7090FF */
@property --ng-color-cyan-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0E7090FF;
}

/* --ng-color-cyan-800: #155B75FF */
@property --ng-color-cyan-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #155B75FF;
}

/* --ng-color-cyan-900: #164C63FF */
@property --ng-color-cyan-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #164C63FF;
}

/* --ng-color-cyan-950: #0D2D3AFF */
@property --ng-color-cyan-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0D2D3AFF;
}

/* --ng-color-error-100: #FEE4E2FF */
@property --ng-color-error-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FEE4E2FF;
}

/* --ng-color-error-200: #FECDCAFF */
@property --ng-color-error-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FECDCAFF;
}

/* --ng-color-error-25: #FFFBFAFF */
@property --ng-color-error-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFBFAFF;
}

/* --ng-color-error-300: #FDA29BFF */
@property --ng-color-error-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FDA29BFF;
}

/* --ng-color-error-400: #F97066FF */
@property --ng-color-error-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F97066FF;
}

/* --ng-color-error-50: #FEF3F2FF */
@property --ng-color-error-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FEF3F2FF;
}

/* --ng-color-error-500: #F04438FF */
@property --ng-color-error-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F04438FF;
}

/* --ng-color-error-600: #D92D20FF */
@property --ng-color-error-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D92D20FF;
}

/* --ng-color-error-700: #B42318FF */
@property --ng-color-error-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B42318FF;
}

/* --ng-color-error-800: #912018FF */
@property --ng-color-error-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #912018FF;
}

/* --ng-color-error-900: #7A271AFF */
@property --ng-color-error-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7A271AFF;
}

/* --ng-color-error-950: #55160CFF */
@property --ng-color-error-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #55160CFF;
}

/* --ng-color-fuchsia-100: #FBE8FFFF */
@property --ng-color-fuchsia-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FBE8FFFF;
}

/* --ng-color-fuchsia-200: #F6D0FEFF */
@property --ng-color-fuchsia-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F6D0FEFF;
}

/* --ng-color-fuchsia-25: #FEFAFFFF */
@property --ng-color-fuchsia-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FEFAFFFF;
}

/* --ng-color-fuchsia-300: #EEAAFDFF */
@property --ng-color-fuchsia-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EEAAFDFF;
}

/* --ng-color-fuchsia-400: #E478FAFF */
@property --ng-color-fuchsia-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E478FAFF;
}

/* --ng-color-fuchsia-50: #FDF4FFFF */
@property --ng-color-fuchsia-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FDF4FFFF;
}

/* --ng-color-fuchsia-500: #D444F1FF */
@property --ng-color-fuchsia-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D444F1FF;
}

/* --ng-color-fuchsia-600: #BA24D5FF */
@property --ng-color-fuchsia-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #BA24D5FF;
}

/* --ng-color-fuchsia-700: #9F1AB1FF */
@property --ng-color-fuchsia-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #9F1AB1FF;
}

/* --ng-color-fuchsia-800: #821890FF */
@property --ng-color-fuchsia-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #821890FF;
}

/* --ng-color-fuchsia-900: #6F1877FF */
@property --ng-color-fuchsia-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6F1877FF;
}

/* --ng-color-fuchsia-950: #47104CFF */
@property --ng-color-fuchsia-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #47104CFF;
}

/* --ng-color-grayblue-100: #EAECF5FF */
@property --ng-color-grayblue-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EAECF5FF;
}

/* --ng-color-grayblue-200: #D5D9EBFF */
@property --ng-color-grayblue-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D5D9EBFF;
}

/* --ng-color-grayblue-25: #FCFCFDFF */
@property --ng-color-grayblue-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FCFCFDFF;
}

/* --ng-color-grayblue-300: #B3B8DBFF */
@property --ng-color-grayblue-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B3B8DBFF;
}

/* --ng-color-grayblue-400: #717BBCFF */
@property --ng-color-grayblue-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #717BBCFF;
}

/* --ng-color-grayblue-50: #F8F9FCFF */
@property --ng-color-grayblue-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F8F9FCFF;
}

/* --ng-color-grayblue-500: #4E5BA6FF */
@property --ng-color-grayblue-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4E5BA6FF;
}

/* --ng-color-grayblue-600: #3E4784FF */
@property --ng-color-grayblue-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3E4784FF;
}

/* --ng-color-grayblue-700: #363F72FF */
@property --ng-color-grayblue-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #363F72FF;
}

/* --ng-color-grayblue-800: #293056FF */
@property --ng-color-grayblue-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #293056FF;
}

/* --ng-color-grayblue-900: #101323FF */
@property --ng-color-grayblue-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #101323FF;
}

/* --ng-color-grayblue-950: #0D0F1CFF */
@property --ng-color-grayblue-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0D0F1CFF;
}

/* --ng-color-graycool-100: #EFF1F5FF */
@property --ng-color-graycool-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EFF1F5FF;
}

/* --ng-color-graycool-200: #DCDFEAFF */
@property --ng-color-graycool-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #DCDFEAFF;
}

/* --ng-color-graycool-25: #FCFCFDFF */
@property --ng-color-graycool-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FCFCFDFF;
}

/* --ng-color-graycool-300: #B9C0D4FF */
@property --ng-color-graycool-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B9C0D4FF;
}

/* --ng-color-graycool-400: #7D89B0FF */
@property --ng-color-graycool-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7D89B0FF;
}

/* --ng-color-graycool-50: #F9F9FBFF */
@property --ng-color-graycool-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F9F9FBFF;
}

/* --ng-color-graycool-500: #5D6B98FF */
@property --ng-color-graycool-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5D6B98FF;
}

/* --ng-color-graycool-600: #4A5578FF */
@property --ng-color-graycool-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4A5578FF;
}

/* --ng-color-graycool-700: #404968FF */
@property --ng-color-graycool-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #404968FF;
}

/* --ng-color-graycool-800: #30374FFF */
@property --ng-color-graycool-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #30374FFF;
}

/* --ng-color-graycool-900: #111322FF */
@property --ng-color-graycool-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111322FF;
}

/* --ng-color-graycool-950: #0E101BFF */
@property --ng-color-graycool-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0E101BFF;
}

/* --ng-color-graydarkmode-100: #F0F0F1FF */
@property --ng-color-graydarkmode-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F0F0F1FF;
}

/* --ng-color-graydarkmode-200: #ECECEDFF */
@property --ng-color-graydarkmode-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ECECEDFF;
}

/* --ng-color-graydarkmode-25: #FAFAFAFF */
@property --ng-color-graydarkmode-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FAFAFAFF;
}

/* --ng-color-graydarkmode-300: #CECFD2FF */
@property --ng-color-graydarkmode-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #CECFD2FF;
}

/* --ng-color-graydarkmode-400: #94979CFF */
@property --ng-color-graydarkmode-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #94979CFF;
}

/* --ng-color-graydarkmode-50: #F7F7F7FF */
@property --ng-color-graydarkmode-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F7F7F7FF;
}

/* --ng-color-graydarkmode-500: #85888EFF */
@property --ng-color-graydarkmode-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #85888EFF;
}

/* --ng-color-graydarkmode-600: #61656CFF */
@property --ng-color-graydarkmode-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #61656CFF;
}

/* --ng-color-graydarkmode-700: #373A41FF */
@property --ng-color-graydarkmode-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #373A41FF;
}

/* --ng-color-graydarkmode-800: #22262FFF */
@property --ng-color-graydarkmode-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #22262FFF;
}

/* --ng-color-graydarkmode-900: #13161BFF */
@property --ng-color-graydarkmode-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #13161BFF;
}

/* --ng-color-graydarkmode-950: #0C0E12FF */
@property --ng-color-graydarkmode-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0C0E12FF;
}

/* --ng-color-graydarkmodealpha-100: #FFFFFFF0 */
@property --ng-color-graydarkmodealpha-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFFF0;
}

/* --ng-color-graydarkmodealpha-200: #FFFFFFEB */
@property --ng-color-graydarkmodealpha-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFFEB;
}

/* --ng-color-graydarkmodealpha-25: #FFFFFFFA */
@property --ng-color-graydarkmodealpha-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFFFA;
}

/* --ng-color-graydarkmodealpha-300: #FFFFFFCC */
@property --ng-color-graydarkmodealpha-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFFCC;
}

/* --ng-color-graydarkmodealpha-400: #FFFFFF8F */
@property --ng-color-graydarkmodealpha-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFF8F;
}

/* --ng-color-graydarkmodealpha-50: #FFFFFFF5 */
@property --ng-color-graydarkmodealpha-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFFF5;
}

/* --ng-color-graydarkmodealpha-500: #FFFFFF80 */
@property --ng-color-graydarkmodealpha-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFF80;
}

/* --ng-color-graydarkmodealpha-600: #FFFFFF59 */
@property --ng-color-graydarkmodealpha-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFF59;
}

/* --ng-color-graydarkmodealpha-700: #FFFFFF29 */
@property --ng-color-graydarkmodealpha-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFF29;
}

/* --ng-color-graydarkmodealpha-800: #FFFFFF14 */
@property --ng-color-graydarkmodealpha-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFF14;
}

/* --ng-color-graydarkmodealpha-900: #FFFFFF0A */
@property --ng-color-graydarkmodealpha-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFF0A;
}

/* --ng-color-graydarkmodealpha-950: #FFFFFF00 */
@property --ng-color-graydarkmodealpha-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFF00;
}

/* --ng-color-grayiron-100: #F4F4F5FF */
@property --ng-color-grayiron-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F4F4F5FF;
}

/* --ng-color-grayiron-200: #E4E4E7FF */
@property --ng-color-grayiron-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E4E4E7FF;
}

/* --ng-color-grayiron-25: #FCFCFCFF */
@property --ng-color-grayiron-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FCFCFCFF;
}

/* --ng-color-grayiron-300: #D1D1D6FF */
@property --ng-color-grayiron-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D1D1D6FF;
}

/* --ng-color-grayiron-400: #A0A0ABFF */
@property --ng-color-grayiron-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #A0A0ABFF;
}

/* --ng-color-grayiron-50: #FAFAFAFF */
@property --ng-color-grayiron-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FAFAFAFF;
}

/* --ng-color-grayiron-500: #70707BFF */
@property --ng-color-grayiron-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #70707BFF;
}

/* --ng-color-grayiron-600: #51525CFF */
@property --ng-color-grayiron-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #51525CFF;
}

/* --ng-color-grayiron-700: #3F3F46FF */
@property --ng-color-grayiron-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3F3F46FF;
}

/* --ng-color-grayiron-800: #26272BFF */
@property --ng-color-grayiron-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #26272BFF;
}

/* --ng-color-grayiron-900: #1A1A1EFF */
@property --ng-color-grayiron-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1A1A1EFF;
}

/* --ng-color-grayiron-950: #131316FF */
@property --ng-color-grayiron-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #131316FF;
}

/* --ng-color-graylightmode-100: #F5F5F5FF */
@property --ng-color-graylightmode-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F5F5F5FF;
}

/* --ng-color-graylightmode-200: #E9EAEBFF */
@property --ng-color-graylightmode-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E9EAEBFF;
}

/* --ng-color-graylightmode-25: #FDFDFDFF */
@property --ng-color-graylightmode-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FDFDFDFF;
}

/* --ng-color-graylightmode-300: #D5D7DAFF */
@property --ng-color-graylightmode-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D5D7DAFF;
}

/* --ng-color-graylightmode-400: #A4A7AEFF */
@property --ng-color-graylightmode-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #A4A7AEFF;
}

/* --ng-color-graylightmode-50: #FAFAFAFF */
@property --ng-color-graylightmode-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FAFAFAFF;
}

/* --ng-color-graylightmode-500: #717680FF */
@property --ng-color-graylightmode-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #717680FF;
}

/* --ng-color-graylightmode-600: #535862FF */
@property --ng-color-graylightmode-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #535862FF;
}

/* --ng-color-graylightmode-700: #414651FF */
@property --ng-color-graylightmode-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #414651FF;
}

/* --ng-color-graylightmode-800: #252B37FF */
@property --ng-color-graylightmode-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #252B37FF;
}

/* --ng-color-graylightmode-900: #181D27FF */
@property --ng-color-graylightmode-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #181D27FF;
}

/* --ng-color-graylightmode-950: #0A0D12FF */
@property --ng-color-graylightmode-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0A0D12FF;
}

/* --ng-color-graymodern-100: #EEF2F6FF */
@property --ng-color-graymodern-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EEF2F6FF;
}

/* --ng-color-graymodern-200: #E3E8EFFF */
@property --ng-color-graymodern-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E3E8EFFF;
}

/* --ng-color-graymodern-25: #FCFCFDFF */
@property --ng-color-graymodern-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FCFCFDFF;
}

/* --ng-color-graymodern-300: #CDD5DFFF */
@property --ng-color-graymodern-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #CDD5DFFF;
}

/* --ng-color-graymodern-400: #9AA4B2FF */
@property --ng-color-graymodern-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #9AA4B2FF;
}

/* --ng-color-graymodern-50: #F8FAFCFF */
@property --ng-color-graymodern-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F8FAFCFF;
}

/* --ng-color-graymodern-500: #697586FF */
@property --ng-color-graymodern-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #697586FF;
}

/* --ng-color-graymodern-600: #4B5565FF */
@property --ng-color-graymodern-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4B5565FF;
}

/* --ng-color-graymodern-700: #364152FF */
@property --ng-color-graymodern-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #364152FF;
}

/* --ng-color-graymodern-800: #202939FF */
@property --ng-color-graymodern-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #202939FF;
}

/* --ng-color-graymodern-900: #121926FF */
@property --ng-color-graymodern-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #121926FF;
}

/* --ng-color-graymodern-950: #0D121CFF */
@property --ng-color-graymodern-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0D121CFF;
}

/* --ng-color-grayneutral-100: #F3F4F6FF */
@property --ng-color-grayneutral-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F3F4F6FF;
}

/* --ng-color-grayneutral-200: #E5E7EBFF */
@property --ng-color-grayneutral-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E5E7EBFF;
}

/* --ng-color-grayneutral-25: #FCFCFDFF */
@property --ng-color-grayneutral-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FCFCFDFF;
}

/* --ng-color-grayneutral-300: #D2D6DBFF */
@property --ng-color-grayneutral-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D2D6DBFF;
}

/* --ng-color-grayneutral-400: #9DA4AEFF */
@property --ng-color-grayneutral-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #9DA4AEFF;
}

/* --ng-color-grayneutral-50: #F9FAFBFF */
@property --ng-color-grayneutral-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F9FAFBFF;
}

/* --ng-color-grayneutral-500: #6C737FFF */
@property --ng-color-grayneutral-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6C737FFF;
}

/* --ng-color-grayneutral-600: #4D5761FF */
@property --ng-color-grayneutral-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4D5761FF;
}

/* --ng-color-grayneutral-700: #384250FF */
@property --ng-color-grayneutral-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #384250FF;
}

/* --ng-color-grayneutral-800: #1F2A37FF */
@property --ng-color-grayneutral-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1F2A37FF;
}

/* --ng-color-grayneutral-900: #111927FF */
@property --ng-color-grayneutral-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111927FF;
}

/* --ng-color-grayneutral-950: #0D121CFF */
@property --ng-color-grayneutral-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0D121CFF;
}

/* --ng-color-graytrue-100: #F5F5F5FF */
@property --ng-color-graytrue-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F5F5F5FF;
}

/* --ng-color-graytrue-200: #E5E5E5FF */
@property --ng-color-graytrue-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E5E5E5FF;
}

/* --ng-color-graytrue-25: #FCFCFCFF */
@property --ng-color-graytrue-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FCFCFCFF;
}

/* --ng-color-graytrue-300: #D6D6D6FF */
@property --ng-color-graytrue-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D6D6D6FF;
}

/* --ng-color-graytrue-400: #A3A3A3FF */
@property --ng-color-graytrue-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #A3A3A3FF;
}

/* --ng-color-graytrue-50: #F7F7F7FF */
@property --ng-color-graytrue-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F7F7F7FF;
}

/* --ng-color-graytrue-500: #737373FF */
@property --ng-color-graytrue-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #737373FF;
}

/* --ng-color-graytrue-600: #525252FF */
@property --ng-color-graytrue-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #525252FF;
}

/* --ng-color-graytrue-700: #424242FF */
@property --ng-color-graytrue-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #424242FF;
}

/* --ng-color-graytrue-800: #292929FF */
@property --ng-color-graytrue-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #292929FF;
}

/* --ng-color-graytrue-900: #141414FF */
@property --ng-color-graytrue-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #141414FF;
}

/* --ng-color-graytrue-950: #0F0F0FFF */
@property --ng-color-graytrue-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0F0F0FFF;
}

/* --ng-color-graywarm-100: #F5F5F4FF */
@property --ng-color-graywarm-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F5F5F4FF;
}

/* --ng-color-graywarm-200: #E7E5E4FF */
@property --ng-color-graywarm-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E7E5E4FF;
}

/* --ng-color-graywarm-25: #FDFDFCFF */
@property --ng-color-graywarm-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FDFDFCFF;
}

/* --ng-color-graywarm-300: #D7D3D0FF */
@property --ng-color-graywarm-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D7D3D0FF;
}

/* --ng-color-graywarm-400: #A9A29DFF */
@property --ng-color-graywarm-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #A9A29DFF;
}

/* --ng-color-graywarm-50: #FAFAF9FF */
@property --ng-color-graywarm-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FAFAF9FF;
}

/* --ng-color-graywarm-500: #79716BFF */
@property --ng-color-graywarm-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #79716BFF;
}

/* --ng-color-graywarm-600: #57534EFF */
@property --ng-color-graywarm-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #57534EFF;
}

/* --ng-color-graywarm-700: #44403CFF */
@property --ng-color-graywarm-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #44403CFF;
}

/* --ng-color-graywarm-800: #292524FF */
@property --ng-color-graywarm-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #292524FF;
}

/* --ng-color-graywarm-900: #1C1917FF */
@property --ng-color-graywarm-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1C1917FF;
}

/* --ng-color-graywarm-950: #171412FF */
@property --ng-color-graywarm-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #171412FF;
}

/* --ng-color-green-100: #D3F8DFFF */
@property --ng-color-green-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D3F8DFFF;
}

/* --ng-color-green-200: #AAF0C4FF */
@property --ng-color-green-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #AAF0C4FF;
}

/* --ng-color-green-25: #F6FEF9FF */
@property --ng-color-green-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F6FEF9FF;
}

/* --ng-color-green-300: #73E2A3FF */
@property --ng-color-green-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #73E2A3FF;
}

/* --ng-color-green-400: #3CCB7FFF */
@property --ng-color-green-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3CCB7FFF;
}

/* --ng-color-green-50: #EDFCF2FF */
@property --ng-color-green-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EDFCF2FF;
}

/* --ng-color-green-500: #16B364FF */
@property --ng-color-green-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #16B364FF;
}

/* --ng-color-green-600: #099250FF */
@property --ng-color-green-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #099250FF;
}

/* --ng-color-green-700: #087443FF */
@property --ng-color-green-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #087443FF;
}

/* --ng-color-green-800: #095C37FF */
@property --ng-color-green-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #095C37FF;
}

/* --ng-color-green-900: #084C2EFF */
@property --ng-color-green-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #084C2EFF;
}

/* --ng-color-green-950: #052E1CFF */
@property --ng-color-green-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #052E1CFF;
}

/* --ng-color-greenlight-100: #E3FBCCFF */
@property --ng-color-greenlight-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E3FBCCFF;
}

/* --ng-color-greenlight-200: #D0F8ABFF */
@property --ng-color-greenlight-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D0F8ABFF;
}

/* --ng-color-greenlight-25: #FAFEF5FF */
@property --ng-color-greenlight-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FAFEF5FF;
}

/* --ng-color-greenlight-300: #A6EF67FF */
@property --ng-color-greenlight-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #A6EF67FF;
}

/* --ng-color-greenlight-400: #85E13AFF */
@property --ng-color-greenlight-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #85E13AFF;
}

/* --ng-color-greenlight-50: #F3FEE7FF */
@property --ng-color-greenlight-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F3FEE7FF;
}

/* --ng-color-greenlight-500: #66C61CFF */
@property --ng-color-greenlight-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #66C61CFF;
}

/* --ng-color-greenlight-600: #4CA30DFF */
@property --ng-color-greenlight-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4CA30DFF;
}

/* --ng-color-greenlight-700: #3B7C0FFF */
@property --ng-color-greenlight-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3B7C0FFF;
}

/* --ng-color-greenlight-800: #326212FF */
@property --ng-color-greenlight-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #326212FF;
}

/* --ng-color-greenlight-900: #2B5314FF */
@property --ng-color-greenlight-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2B5314FF;
}

/* --ng-color-greenlight-950: #15290AFF */
@property --ng-color-greenlight-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #15290AFF;
}

/* --ng-color-indigo-100: #E0EAFFFF */
@property --ng-color-indigo-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E0EAFFFF;
}

/* --ng-color-indigo-200: #C7D7FEFF */
@property --ng-color-indigo-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #C7D7FEFF;
}

/* --ng-color-indigo-25: #F5F8FFFF */
@property --ng-color-indigo-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F5F8FFFF;
}

/* --ng-color-indigo-300: #A4BCFDFF */
@property --ng-color-indigo-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #A4BCFDFF;
}

/* --ng-color-indigo-400: #8098F9FF */
@property --ng-color-indigo-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #8098F9FF;
}

/* --ng-color-indigo-50: #EEF4FFFF */
@property --ng-color-indigo-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EEF4FFFF;
}

/* --ng-color-indigo-500: #6172F3FF */
@property --ng-color-indigo-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6172F3FF;
}

/* --ng-color-indigo-600: #444CE7FF */
@property --ng-color-indigo-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #444CE7FF;
}

/* --ng-color-indigo-700: #3538CDFF */
@property --ng-color-indigo-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3538CDFF;
}

/* --ng-color-indigo-800: #2D31A6FF */
@property --ng-color-indigo-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2D31A6FF;
}

/* --ng-color-indigo-900: #2D3282FF */
@property --ng-color-indigo-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2D3282FF;
}

/* --ng-color-indigo-950: #1F235BFF */
@property --ng-color-indigo-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1F235BFF;
}

/* --ng-color-moss-100: #E6F4D7FF */
@property --ng-color-moss-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E6F4D7FF;
}

/* --ng-color-moss-200: #CEEAB0FF */
@property --ng-color-moss-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #CEEAB0FF;
}

/* --ng-color-moss-25: #FAFDF7FF */
@property --ng-color-moss-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FAFDF7FF;
}

/* --ng-color-moss-300: #ACDC79FF */
@property --ng-color-moss-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ACDC79FF;
}

/* --ng-color-moss-400: #86CB3CFF */
@property --ng-color-moss-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #86CB3CFF;
}

/* --ng-color-moss-50: #F5FBEEFF */
@property --ng-color-moss-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F5FBEEFF;
}

/* --ng-color-moss-500: #669F2AFF */
@property --ng-color-moss-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #669F2AFF;
}

/* --ng-color-moss-600: #4F7A21FF */
@property --ng-color-moss-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4F7A21FF;
}

/* --ng-color-moss-700: #3F621AFF */
@property --ng-color-moss-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3F621AFF;
}

/* --ng-color-moss-800: #335015FF */
@property --ng-color-moss-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #335015FF;
}

/* --ng-color-moss-900: #2B4212FF */
@property --ng-color-moss-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2B4212FF;
}

/* --ng-color-moss-950: #1A280BFF */
@property --ng-color-moss-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1A280BFF;
}

/* --ng-color-orange-100: #FDEAD7FF */
@property --ng-color-orange-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FDEAD7FF;
}

/* --ng-color-orange-200: #F9DBAFFF */
@property --ng-color-orange-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F9DBAFFF;
}

/* --ng-color-orange-25: #FEFAF5FF */
@property --ng-color-orange-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FEFAF5FF;
}

/* --ng-color-orange-300: #F7B27AFF */
@property --ng-color-orange-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F7B27AFF;
}

/* --ng-color-orange-400: #F38744FF */
@property --ng-color-orange-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F38744FF;
}

/* --ng-color-orange-50: #FEF6EEFF */
@property --ng-color-orange-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FEF6EEFF;
}

/* --ng-color-orange-500: #EF6820FF */
@property --ng-color-orange-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EF6820FF;
}

/* --ng-color-orange-600: #E04F16FF */
@property --ng-color-orange-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E04F16FF;
}

/* --ng-color-orange-700: #B93815FF */
@property --ng-color-orange-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B93815FF;
}

/* --ng-color-orange-800: #932F19FF */
@property --ng-color-orange-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #932F19FF;
}

/* --ng-color-orange-900: #772917FF */
@property --ng-color-orange-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #772917FF;
}

/* --ng-color-orange-950: #511C10FF */
@property --ng-color-orange-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #511C10FF;
}

/* --ng-color-orangedark-100: #FFE6D5FF */
@property --ng-color-orangedark-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFE6D5FF;
}

/* --ng-color-orangedark-200: #FFD6AEFF */
@property --ng-color-orangedark-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFD6AEFF;
}

/* --ng-color-orangedark-25: #FFF9F5FF */
@property --ng-color-orangedark-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFF9F5FF;
}

/* --ng-color-orangedark-300: #FF9C66FF */
@property --ng-color-orangedark-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FF9C66FF;
}

/* --ng-color-orangedark-400: #FF692EFF */
@property --ng-color-orangedark-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FF692EFF;
}

/* --ng-color-orangedark-50: #FFF4EDFF */
@property --ng-color-orangedark-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFF4EDFF;
}

/* --ng-color-orangedark-500: #FF4405FF */
@property --ng-color-orangedark-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FF4405FF;
}

/* --ng-color-orangedark-600: #E62E05FF */
@property --ng-color-orangedark-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E62E05FF;
}

/* --ng-color-orangedark-700: #BC1B06FF */
@property --ng-color-orangedark-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #BC1B06FF;
}

/* --ng-color-orangedark-800: #97180CFF */
@property --ng-color-orangedark-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #97180CFF;
}

/* --ng-color-orangedark-900: #771A0DFF */
@property --ng-color-orangedark-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #771A0DFF;
}

/* --ng-color-orangedark-950: #57130AFF */
@property --ng-color-orangedark-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #57130AFF;
}

/* --ng-color-pink-100: #FCE7F6FF */
@property --ng-color-pink-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FCE7F6FF;
}

/* --ng-color-pink-200: #FCCEEEFF */
@property --ng-color-pink-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FCCEEEFF;
}

/* --ng-color-pink-25: #FEF6FBFF */
@property --ng-color-pink-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FEF6FBFF;
}

/* --ng-color-pink-300: #FAA7E0FF */
@property --ng-color-pink-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FAA7E0FF;
}

/* --ng-color-pink-400: #F670C7FF */
@property --ng-color-pink-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F670C7FF;
}

/* --ng-color-pink-50: #FDF2FAFF */
@property --ng-color-pink-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FDF2FAFF;
}

/* --ng-color-pink-500: #EE46BCFF */
@property --ng-color-pink-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EE46BCFF;
}

/* --ng-color-pink-600: #DD2590FF */
@property --ng-color-pink-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #DD2590FF;
}

/* --ng-color-pink-700: #C11574FF */
@property --ng-color-pink-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #C11574FF;
}

/* --ng-color-pink-800: #9E165FFF */
@property --ng-color-pink-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #9E165FFF;
}

/* --ng-color-pink-900: #851651FF */
@property --ng-color-pink-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #851651FF;
}

/* --ng-color-pink-950: #4E0D30FF */
@property --ng-color-pink-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4E0D30FF;
}

/* --ng-color-purple-100: #EBE9FEFF */
@property --ng-color-purple-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EBE9FEFF;
}

/* --ng-color-purple-200: #D9D6FEFF */
@property --ng-color-purple-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D9D6FEFF;
}

/* --ng-color-purple-25: #FAFAFFFF */
@property --ng-color-purple-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FAFAFFFF;
}

/* --ng-color-purple-300: #BDB4FEFF */
@property --ng-color-purple-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #BDB4FEFF;
}

/* --ng-color-purple-400: #9B8AFBFF */
@property --ng-color-purple-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #9B8AFBFF;
}

/* --ng-color-purple-50: #F4F3FFFF */
@property --ng-color-purple-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F4F3FFFF;
}

/* --ng-color-purple-500: #7A5AF8FF */
@property --ng-color-purple-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7A5AF8FF;
}

/* --ng-color-purple-600: #6938EFFF */
@property --ng-color-purple-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6938EFFF;
}

/* --ng-color-purple-700: #5925DCFF */
@property --ng-color-purple-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5925DCFF;
}

/* --ng-color-purple-800: #4A1FB8FF */
@property --ng-color-purple-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4A1FB8FF;
}

/* --ng-color-purple-900: #3E1C96FF */
@property --ng-color-purple-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3E1C96FF;
}

/* --ng-color-purple-950: #27115FFF */
@property --ng-color-purple-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #27115FFF;
}

/* --ng-color-rose-100: #FFE4E8FF */
@property --ng-color-rose-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFE4E8FF;
}

/* --ng-color-rose-200: #FECDD6FF */
@property --ng-color-rose-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FECDD6FF;
}

/* --ng-color-rose-25: #FFF5F6FF */
@property --ng-color-rose-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFF5F6FF;
}

/* --ng-color-rose-300: #FEA3B4FF */
@property --ng-color-rose-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FEA3B4FF;
}

/* --ng-color-rose-400: #FD6F8EFF */
@property --ng-color-rose-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FD6F8EFF;
}

/* --ng-color-rose-50: #FFF1F3FF */
@property --ng-color-rose-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFF1F3FF;
}

/* --ng-color-rose-500: #F63D68FF */
@property --ng-color-rose-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F63D68FF;
}

/* --ng-color-rose-600: #E31B54FF */
@property --ng-color-rose-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E31B54FF;
}

/* --ng-color-rose-700: #C01048FF */
@property --ng-color-rose-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #C01048FF;
}

/* --ng-color-rose-800: #A11043FF */
@property --ng-color-rose-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #A11043FF;
}

/* --ng-color-rose-900: #89123EFF */
@property --ng-color-rose-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #89123EFF;
}

/* --ng-color-rose-950: #510B24FF */
@property --ng-color-rose-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #510B24FF;
}

/* --ng-color-success-100: #DCFAE6FF */
@property --ng-color-success-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #DCFAE6FF;
}

/* --ng-color-success-200: #ABEFC6FF */
@property --ng-color-success-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ABEFC6FF;
}

/* --ng-color-success-25: #F6FEF9FF */
@property --ng-color-success-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F6FEF9FF;
}

/* --ng-color-success-300: #75E0A7FF */
@property --ng-color-success-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #75E0A7FF;
}

/* --ng-color-success-400: #47CD89FF */
@property --ng-color-success-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #47CD89FF;
}

/* --ng-color-success-50: #ECFDF3FF */
@property --ng-color-success-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ECFDF3FF;
}

/* --ng-color-success-500: #17B26AFF */
@property --ng-color-success-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #17B26AFF;
}

/* --ng-color-success-600: #079455FF */
@property --ng-color-success-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #079455FF;
}

/* --ng-color-success-700: #067647FF */
@property --ng-color-success-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #067647FF;
}

/* --ng-color-success-800: #085D3AFF */
@property --ng-color-success-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #085D3AFF;
}

/* --ng-color-success-900: #074D31FF */
@property --ng-color-success-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #074D31FF;
}

/* --ng-color-success-950: #053321FF */
@property --ng-color-success-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #053321FF;
}

/* --ng-color-teal-100: #CCFBEFFF */
@property --ng-color-teal-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #CCFBEFFF;
}

/* --ng-color-teal-200: #99F6E0FF */
@property --ng-color-teal-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #99F6E0FF;
}

/* --ng-color-teal-25: #F6FEFCFF */
@property --ng-color-teal-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F6FEFCFF;
}

/* --ng-color-teal-300: #5FE9D0FF */
@property --ng-color-teal-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5FE9D0FF;
}

/* --ng-color-teal-400: #2ED3B7FF */
@property --ng-color-teal-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2ED3B7FF;
}

/* --ng-color-teal-50: #F0FDF9FF */
@property --ng-color-teal-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F0FDF9FF;
}

/* --ng-color-teal-500: #15B79EFF */
@property --ng-color-teal-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #15B79EFF;
}

/* --ng-color-teal-600: #0E9384FF */
@property --ng-color-teal-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0E9384FF;
}

/* --ng-color-teal-700: #107569FF */
@property --ng-color-teal-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #107569FF;
}

/* --ng-color-teal-800: #125D56FF */
@property --ng-color-teal-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #125D56FF;
}

/* --ng-color-teal-900: #134E48FF */
@property --ng-color-teal-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #134E48FF;
}

/* --ng-color-teal-950: #0A2926FF */
@property --ng-color-teal-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0A2926FF;
}

/* --ng-color-violet-100: #ECE9FEFF */
@property --ng-color-violet-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ECE9FEFF;
}

/* --ng-color-violet-200: #DDD6FEFF */
@property --ng-color-violet-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #DDD6FEFF;
}

/* --ng-color-violet-25: #FBFAFFFF */
@property --ng-color-violet-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FBFAFFFF;
}

/* --ng-color-violet-300: #C3B5FDFF */
@property --ng-color-violet-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #C3B5FDFF;
}

/* --ng-color-violet-400: #A48AFBFF */
@property --ng-color-violet-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #A48AFBFF;
}

/* --ng-color-violet-50: #F5F3FFFF */
@property --ng-color-violet-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F5F3FFFF;
}

/* --ng-color-violet-500: #875BF7FF */
@property --ng-color-violet-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #875BF7FF;
}

/* --ng-color-violet-600: #7839EEFF */
@property --ng-color-violet-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7839EEFF;
}

/* --ng-color-violet-700: #6927DAFF */
@property --ng-color-violet-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6927DAFF;
}

/* --ng-color-violet-800: #5720B7FF */
@property --ng-color-violet-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5720B7FF;
}

/* --ng-color-violet-900: #491C96FF */
@property --ng-color-violet-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #491C96FF;
}

/* --ng-color-violet-950: #2E125EFF */
@property --ng-color-violet-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2E125EFF;
}

/* --ng-color-warning-100: #FEF0C7FF */
@property --ng-color-warning-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FEF0C7FF;
}

/* --ng-color-warning-200: #FEDF89FF */
@property --ng-color-warning-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FEDF89FF;
}

/* --ng-color-warning-25: #FFFCF5FF */
@property --ng-color-warning-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFCF5FF;
}

/* --ng-color-warning-300: #FEC84BFF */
@property --ng-color-warning-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FEC84BFF;
}

/* --ng-color-warning-400: #FDB022FF */
@property --ng-color-warning-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FDB022FF;
}

/* --ng-color-warning-50: #FFFAEBFF */
@property --ng-color-warning-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFAEBFF;
}

/* --ng-color-warning-500: #F79009FF */
@property --ng-color-warning-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F79009FF;
}

/* --ng-color-warning-600: #DC6803FF */
@property --ng-color-warning-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #DC6803FF;
}

/* --ng-color-warning-700: #B54708FF */
@property --ng-color-warning-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B54708FF;
}

/* --ng-color-warning-800: #93370DFF */
@property --ng-color-warning-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #93370DFF;
}

/* --ng-color-warning-900: #7A2E0EFF */
@property --ng-color-warning-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7A2E0EFF;
}

/* --ng-color-warning-950: #4E1D09FF */
@property --ng-color-warning-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4E1D09FF;
}

/* --ng-color-yellow-100: #FEF7C3FF */
@property --ng-color-yellow-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FEF7C3FF;
}

/* --ng-color-yellow-200: #FEEE95FF */
@property --ng-color-yellow-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FEEE95FF;
}

/* --ng-color-yellow-25: #FEFDF0FF */
@property --ng-color-yellow-25 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FEFDF0FF;
}

/* --ng-color-yellow-300: #FDE272FF */
@property --ng-color-yellow-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FDE272FF;
}

/* --ng-color-yellow-400: #FAC515FF */
@property --ng-color-yellow-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FAC515FF;
}

/* --ng-color-yellow-50: #FEFBE8FF */
@property --ng-color-yellow-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FEFBE8FF;
}

/* --ng-color-yellow-500: #EAAA08FF */
@property --ng-color-yellow-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EAAA08FF;
}

/* --ng-color-yellow-600: #CA8504FF */
@property --ng-color-yellow-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #CA8504FF;
}

/* --ng-color-yellow-700: #A15C07FF */
@property --ng-color-yellow-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #A15C07FF;
}

/* --ng-color-yellow-800: #854A0EFF */
@property --ng-color-yellow-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #854A0EFF;
}

/* --ng-color-yellow-900: #713B12FF */
@property --ng-color-yellow-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #713B12FF;
}

/* --ng-color-yellow-950: #542C0DFF */
@property --ng-color-yellow-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #542C0DFF;
}


/* ============================================================
   uncategorized  (syntax: *)
   ============================================================ */

/* --ng-border-none: none */
@property --ng-border-none {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-action: ng-action */
@property --ng-icon-action {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-alert-circle: ng-alert-circle */
@property --ng-icon-alert-circle {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-arrow-down: ng-arrow-down */
@property --ng-icon-arrow-down {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-arrow-narrow-left: ng-arrow-narrow-left */
@property --ng-icon-arrow-narrow-left {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-arrow-narrow-right: ng-arrow-narrow-right */
@property --ng-icon-arrow-narrow-right {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-arrow-up: ng-arrow-up */
@property --ng-icon-arrow-up {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-button-loading-blue: ng-button-loading-blue */
@property --ng-icon-button-loading-blue {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-button-loading-blue-animated: ng-button-loading-blue-animated */
@property --ng-icon-button-loading-blue-animated {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-check: ng-check */
@property --ng-icon-check {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-check-circle: ng-check-circle */
@property --ng-icon-check-circle {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-check-circle-broken: ng-check-circle-broken */
@property --ng-icon-check-circle-broken {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-chevron-down: ng-chevron-down */
@property --ng-icon-chevron-down {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-chevron-left: ng-chevron-left */
@property --ng-icon-chevron-left {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-chevron-left-double: ng-chevron-left-double */
@property --ng-icon-chevron-left-double {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-chevron-right: ng-chevron-right */
@property --ng-icon-chevron-right {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-chevron-right-double: ng-chevron-right-double */
@property --ng-icon-chevron-right-double {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-chevron-selector-vertical: ng-chevron-selector-vertical */
@property --ng-icon-chevron-selector-vertical {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-chevron-up: ng-chevron-up */
@property --ng-icon-chevron-up {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-expand-06: ng-expand-06 */
@property --ng-icon-expand-06 {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-eye: ng-eye */
@property --ng-icon-eye {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-eye-off: ng-eye-off */
@property --ng-icon-eye-off {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-file-06: ng-file-06 */
@property --ng-icon-file-06 {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-filter-lines: ng-filter-lines */
@property --ng-icon-filter-lines {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-image-03: ng-image-03 */
@property --ng-icon-image-03 {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-info-circle: ng-info-circle */
@property --ng-icon-info-circle {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-minus: ng-minus */
@property --ng-icon-minus {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-search-lg: ng-search-lg */
@property --ng-icon-search-lg {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-size-12: 12px */
@property --ng-icon-size-12 {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-stroke-width-2-5: 2.5 */
@property --ng-icon-stroke-width-2-5 {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-trash-01: ng-trash-01 */
@property --ng-icon-trash-01 {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-upload-01: ng-upload-01 */
@property --ng-icon-upload-01 {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-user-01: ng-user-01 */
@property --ng-icon-user-01 {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-x-circle: ng-x-circle */
@property --ng-icon-x-circle {
  syntax: "*";
  inherits: true;
}

/* --ng-icon-x-close: ng-x-close */
@property --ng-icon-x-close {
  syntax: "*";
  inherits: true;
}

/* --ng-mask-composite-exclude: exclude */
@property --ng-mask-composite-exclude {
  syntax: "*";
  inherits: true;
}

/* --ng-mask-composite-xor: xor */
@property --ng-mask-composite-xor {
  syntax: "*";
  inherits: true;
}

/* --ng-mask-rim: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) */
@property --ng-mask-rim {
  syntax: "*";
  inherits: true;
}

/* --ng-moz-osx-font-smoothing: grayscale */
@property --ng-moz-osx-font-smoothing {
  syntax: "*";
  inherits: true;
}

/* --ng-svg-method-fill: fill */
@property --ng-svg-method-fill {
  syntax: "*";
  inherits: true;
}

/* --ng-svg-method-stroke: stroke */
@property --ng-svg-method-stroke {
  syntax: "*";
  inherits: true;
}

/* --ng-svg-stroke-width: 1.6 */
@property --ng-svg-stroke-width {
  syntax: "*";
  inherits: true;
}

/* --ng-text-rendering: optimizeLegibility */
@property --ng-text-rendering {
  syntax: "*";
  inherits: true;
}

/* --ng-webkit-font-smoothing: antialiased */
@property --ng-webkit-font-smoothing {
  syntax: "*";
  inherits: true;
}

/* ===== nxtgen-classes.css ===== */
/**
 * Do not edit directly
 * Generated by build-nxtgen-utilities.mjs
 */


/* ============================================================
   Spacing — padding, margin, gap
   ============================================================ */

/* spacing-none: var(--ng-spacing-0) */
.ng-p-none      { padding: var(--ng-spacing-none); }
.ng-pt-none     { padding-top: var(--ng-spacing-none); }
.ng-pr-none     { padding-right: var(--ng-spacing-none); }
.ng-pb-none     { padding-bottom: var(--ng-spacing-none); }
.ng-pl-none     { padding-left: var(--ng-spacing-none); }
.ng-px-none     { padding-left: var(--ng-spacing-none); padding-right: var(--ng-spacing-none); }
.ng-py-none     { padding-top: var(--ng-spacing-none); padding-bottom: var(--ng-spacing-none); }
.ng-m-none      { margin: var(--ng-spacing-none); }
.ng-mt-none     { margin-top: var(--ng-spacing-none); }
.ng-mr-none     { margin-right: var(--ng-spacing-none); }
.ng-mb-none     { margin-bottom: var(--ng-spacing-none); }
.ng-ml-none     { margin-left: var(--ng-spacing-none); }
.ng-mx-none     { margin-left: var(--ng-spacing-none); margin-right: var(--ng-spacing-none); }
.ng-my-none     { margin-top: var(--ng-spacing-none); margin-bottom: var(--ng-spacing-none); }
.ng-gap-none    { gap: var(--ng-spacing-none); }
.ng-gap-x-none  { column-gap: var(--ng-spacing-none); }
.ng-gap-y-none  { row-gap: var(--ng-spacing-none); }
.ng-space-x-none > * + * { margin-left: var(--ng-spacing-none); }
.ng-space-y-none > * + * { margin-top: var(--ng-spacing-none); }

/* spacing-xxs: var(--ng-spacing-0-5) */
.ng-p-xxs      { padding: var(--ng-spacing-xxs); }
.ng-pt-xxs     { padding-top: var(--ng-spacing-xxs); }
.ng-pr-xxs     { padding-right: var(--ng-spacing-xxs); }
.ng-pb-xxs     { padding-bottom: var(--ng-spacing-xxs); }
.ng-pl-xxs     { padding-left: var(--ng-spacing-xxs); }
.ng-px-xxs     { padding-left: var(--ng-spacing-xxs); padding-right: var(--ng-spacing-xxs); }
.ng-py-xxs     { padding-top: var(--ng-spacing-xxs); padding-bottom: var(--ng-spacing-xxs); }
.ng-m-xxs      { margin: var(--ng-spacing-xxs); }
.ng-mt-xxs     { margin-top: var(--ng-spacing-xxs); }
.ng-mr-xxs     { margin-right: var(--ng-spacing-xxs); }
.ng-mb-xxs     { margin-bottom: var(--ng-spacing-xxs); }
.ng-ml-xxs     { margin-left: var(--ng-spacing-xxs); }
.ng-mx-xxs     { margin-left: var(--ng-spacing-xxs); margin-right: var(--ng-spacing-xxs); }
.ng-my-xxs     { margin-top: var(--ng-spacing-xxs); margin-bottom: var(--ng-spacing-xxs); }
.ng-gap-xxs    { gap: var(--ng-spacing-xxs); }
.ng-gap-x-xxs  { column-gap: var(--ng-spacing-xxs); }
.ng-gap-y-xxs  { row-gap: var(--ng-spacing-xxs); }
.ng-space-x-xxs > * + * { margin-left: var(--ng-spacing-xxs); }
.ng-space-y-xxs > * + * { margin-top: var(--ng-spacing-xxs); }

/* spacing-xs: var(--ng-spacing-1) */
.ng-p-xs      { padding: var(--ng-spacing-xs); }
.ng-pt-xs     { padding-top: var(--ng-spacing-xs); }
.ng-pr-xs     { padding-right: var(--ng-spacing-xs); }
.ng-pb-xs     { padding-bottom: var(--ng-spacing-xs); }
.ng-pl-xs     { padding-left: var(--ng-spacing-xs); }
.ng-px-xs     { padding-left: var(--ng-spacing-xs); padding-right: var(--ng-spacing-xs); }
.ng-py-xs     { padding-top: var(--ng-spacing-xs); padding-bottom: var(--ng-spacing-xs); }
.ng-m-xs      { margin: var(--ng-spacing-xs); }
.ng-mt-xs     { margin-top: var(--ng-spacing-xs); }
.ng-mr-xs     { margin-right: var(--ng-spacing-xs); }
.ng-mb-xs     { margin-bottom: var(--ng-spacing-xs); }
.ng-ml-xs     { margin-left: var(--ng-spacing-xs); }
.ng-mx-xs     { margin-left: var(--ng-spacing-xs); margin-right: var(--ng-spacing-xs); }
.ng-my-xs     { margin-top: var(--ng-spacing-xs); margin-bottom: var(--ng-spacing-xs); }
.ng-gap-xs    { gap: var(--ng-spacing-xs); }
.ng-gap-x-xs  { column-gap: var(--ng-spacing-xs); }
.ng-gap-y-xs  { row-gap: var(--ng-spacing-xs); }
.ng-space-x-xs > * + * { margin-left: var(--ng-spacing-xs); }
.ng-space-y-xs > * + * { margin-top: var(--ng-spacing-xs); }

/* spacing-sm: var(--ng-spacing-1-5) */
.ng-p-sm      { padding: var(--ng-spacing-sm); }
.ng-pt-sm     { padding-top: var(--ng-spacing-sm); }
.ng-pr-sm     { padding-right: var(--ng-spacing-sm); }
.ng-pb-sm     { padding-bottom: var(--ng-spacing-sm); }
.ng-pl-sm     { padding-left: var(--ng-spacing-sm); }
.ng-px-sm     { padding-left: var(--ng-spacing-sm); padding-right: var(--ng-spacing-sm); }
.ng-py-sm     { padding-top: var(--ng-spacing-sm); padding-bottom: var(--ng-spacing-sm); }
.ng-m-sm      { margin: var(--ng-spacing-sm); }
.ng-mt-sm     { margin-top: var(--ng-spacing-sm); }
.ng-mr-sm     { margin-right: var(--ng-spacing-sm); }
.ng-mb-sm     { margin-bottom: var(--ng-spacing-sm); }
.ng-ml-sm     { margin-left: var(--ng-spacing-sm); }
.ng-mx-sm     { margin-left: var(--ng-spacing-sm); margin-right: var(--ng-spacing-sm); }
.ng-my-sm     { margin-top: var(--ng-spacing-sm); margin-bottom: var(--ng-spacing-sm); }
.ng-gap-sm    { gap: var(--ng-spacing-sm); }
.ng-gap-x-sm  { column-gap: var(--ng-spacing-sm); }
.ng-gap-y-sm  { row-gap: var(--ng-spacing-sm); }
.ng-space-x-sm > * + * { margin-left: var(--ng-spacing-sm); }
.ng-space-y-sm > * + * { margin-top: var(--ng-spacing-sm); }

/* spacing-md: var(--ng-spacing-2) */
.ng-p-md      { padding: var(--ng-spacing-md); }
.ng-pt-md     { padding-top: var(--ng-spacing-md); }
.ng-pr-md     { padding-right: var(--ng-spacing-md); }
.ng-pb-md     { padding-bottom: var(--ng-spacing-md); }
.ng-pl-md     { padding-left: var(--ng-spacing-md); }
.ng-px-md     { padding-left: var(--ng-spacing-md); padding-right: var(--ng-spacing-md); }
.ng-py-md     { padding-top: var(--ng-spacing-md); padding-bottom: var(--ng-spacing-md); }
.ng-m-md      { margin: var(--ng-spacing-md); }
.ng-mt-md     { margin-top: var(--ng-spacing-md); }
.ng-mr-md     { margin-right: var(--ng-spacing-md); }
.ng-mb-md     { margin-bottom: var(--ng-spacing-md); }
.ng-ml-md     { margin-left: var(--ng-spacing-md); }
.ng-mx-md     { margin-left: var(--ng-spacing-md); margin-right: var(--ng-spacing-md); }
.ng-my-md     { margin-top: var(--ng-spacing-md); margin-bottom: var(--ng-spacing-md); }
.ng-gap-md    { gap: var(--ng-spacing-md); }
.ng-gap-x-md  { column-gap: var(--ng-spacing-md); }
.ng-gap-y-md  { row-gap: var(--ng-spacing-md); }
.ng-space-x-md > * + * { margin-left: var(--ng-spacing-md); }
.ng-space-y-md > * + * { margin-top: var(--ng-spacing-md); }

/* spacing-lg: var(--ng-spacing-3) */
.ng-p-lg      { padding: var(--ng-spacing-lg); }
.ng-pt-lg     { padding-top: var(--ng-spacing-lg); }
.ng-pr-lg     { padding-right: var(--ng-spacing-lg); }
.ng-pb-lg     { padding-bottom: var(--ng-spacing-lg); }
.ng-pl-lg     { padding-left: var(--ng-spacing-lg); }
.ng-px-lg     { padding-left: var(--ng-spacing-lg); padding-right: var(--ng-spacing-lg); }
.ng-py-lg     { padding-top: var(--ng-spacing-lg); padding-bottom: var(--ng-spacing-lg); }
.ng-m-lg      { margin: var(--ng-spacing-lg); }
.ng-mt-lg     { margin-top: var(--ng-spacing-lg); }
.ng-mr-lg     { margin-right: var(--ng-spacing-lg); }
.ng-mb-lg     { margin-bottom: var(--ng-spacing-lg); }
.ng-ml-lg     { margin-left: var(--ng-spacing-lg); }
.ng-mx-lg     { margin-left: var(--ng-spacing-lg); margin-right: var(--ng-spacing-lg); }
.ng-my-lg     { margin-top: var(--ng-spacing-lg); margin-bottom: var(--ng-spacing-lg); }
.ng-gap-lg    { gap: var(--ng-spacing-lg); }
.ng-gap-x-lg  { column-gap: var(--ng-spacing-lg); }
.ng-gap-y-lg  { row-gap: var(--ng-spacing-lg); }
.ng-space-x-lg > * + * { margin-left: var(--ng-spacing-lg); }
.ng-space-y-lg > * + * { margin-top: var(--ng-spacing-lg); }

/* spacing-xl: var(--ng-spacing-4) */
.ng-p-xl      { padding: var(--ng-spacing-xl); }
.ng-pt-xl     { padding-top: var(--ng-spacing-xl); }
.ng-pr-xl     { padding-right: var(--ng-spacing-xl); }
.ng-pb-xl     { padding-bottom: var(--ng-spacing-xl); }
.ng-pl-xl     { padding-left: var(--ng-spacing-xl); }
.ng-px-xl     { padding-left: var(--ng-spacing-xl); padding-right: var(--ng-spacing-xl); }
.ng-py-xl     { padding-top: var(--ng-spacing-xl); padding-bottom: var(--ng-spacing-xl); }
.ng-m-xl      { margin: var(--ng-spacing-xl); }
.ng-mt-xl     { margin-top: var(--ng-spacing-xl); }
.ng-mr-xl     { margin-right: var(--ng-spacing-xl); }
.ng-mb-xl     { margin-bottom: var(--ng-spacing-xl); }
.ng-ml-xl     { margin-left: var(--ng-spacing-xl); }
.ng-mx-xl     { margin-left: var(--ng-spacing-xl); margin-right: var(--ng-spacing-xl); }
.ng-my-xl     { margin-top: var(--ng-spacing-xl); margin-bottom: var(--ng-spacing-xl); }
.ng-gap-xl    { gap: var(--ng-spacing-xl); }
.ng-gap-x-xl  { column-gap: var(--ng-spacing-xl); }
.ng-gap-y-xl  { row-gap: var(--ng-spacing-xl); }
.ng-space-x-xl > * + * { margin-left: var(--ng-spacing-xl); }
.ng-space-y-xl > * + * { margin-top: var(--ng-spacing-xl); }

/* spacing-2xl: var(--ng-spacing-5) */
.ng-p-2xl      { padding: var(--ng-spacing-2xl); }
.ng-pt-2xl     { padding-top: var(--ng-spacing-2xl); }
.ng-pr-2xl     { padding-right: var(--ng-spacing-2xl); }
.ng-pb-2xl     { padding-bottom: var(--ng-spacing-2xl); }
.ng-pl-2xl     { padding-left: var(--ng-spacing-2xl); }
.ng-px-2xl     { padding-left: var(--ng-spacing-2xl); padding-right: var(--ng-spacing-2xl); }
.ng-py-2xl     { padding-top: var(--ng-spacing-2xl); padding-bottom: var(--ng-spacing-2xl); }
.ng-m-2xl      { margin: var(--ng-spacing-2xl); }
.ng-mt-2xl     { margin-top: var(--ng-spacing-2xl); }
.ng-mr-2xl     { margin-right: var(--ng-spacing-2xl); }
.ng-mb-2xl     { margin-bottom: var(--ng-spacing-2xl); }
.ng-ml-2xl     { margin-left: var(--ng-spacing-2xl); }
.ng-mx-2xl     { margin-left: var(--ng-spacing-2xl); margin-right: var(--ng-spacing-2xl); }
.ng-my-2xl     { margin-top: var(--ng-spacing-2xl); margin-bottom: var(--ng-spacing-2xl); }
.ng-gap-2xl    { gap: var(--ng-spacing-2xl); }
.ng-gap-x-2xl  { column-gap: var(--ng-spacing-2xl); }
.ng-gap-y-2xl  { row-gap: var(--ng-spacing-2xl); }
.ng-space-x-2xl > * + * { margin-left: var(--ng-spacing-2xl); }
.ng-space-y-2xl > * + * { margin-top: var(--ng-spacing-2xl); }

/* spacing-3xl: var(--ng-spacing-6) */
.ng-p-3xl      { padding: var(--ng-spacing-3xl); }
.ng-pt-3xl     { padding-top: var(--ng-spacing-3xl); }
.ng-pr-3xl     { padding-right: var(--ng-spacing-3xl); }
.ng-pb-3xl     { padding-bottom: var(--ng-spacing-3xl); }
.ng-pl-3xl     { padding-left: var(--ng-spacing-3xl); }
.ng-px-3xl     { padding-left: var(--ng-spacing-3xl); padding-right: var(--ng-spacing-3xl); }
.ng-py-3xl     { padding-top: var(--ng-spacing-3xl); padding-bottom: var(--ng-spacing-3xl); }
.ng-m-3xl      { margin: var(--ng-spacing-3xl); }
.ng-mt-3xl     { margin-top: var(--ng-spacing-3xl); }
.ng-mr-3xl     { margin-right: var(--ng-spacing-3xl); }
.ng-mb-3xl     { margin-bottom: var(--ng-spacing-3xl); }
.ng-ml-3xl     { margin-left: var(--ng-spacing-3xl); }
.ng-mx-3xl     { margin-left: var(--ng-spacing-3xl); margin-right: var(--ng-spacing-3xl); }
.ng-my-3xl     { margin-top: var(--ng-spacing-3xl); margin-bottom: var(--ng-spacing-3xl); }
.ng-gap-3xl    { gap: var(--ng-spacing-3xl); }
.ng-gap-x-3xl  { column-gap: var(--ng-spacing-3xl); }
.ng-gap-y-3xl  { row-gap: var(--ng-spacing-3xl); }
.ng-space-x-3xl > * + * { margin-left: var(--ng-spacing-3xl); }
.ng-space-y-3xl > * + * { margin-top: var(--ng-spacing-3xl); }

/* spacing-4xl: var(--ng-spacing-8) */
.ng-p-4xl      { padding: var(--ng-spacing-4xl); }
.ng-pt-4xl     { padding-top: var(--ng-spacing-4xl); }
.ng-pr-4xl     { padding-right: var(--ng-spacing-4xl); }
.ng-pb-4xl     { padding-bottom: var(--ng-spacing-4xl); }
.ng-pl-4xl     { padding-left: var(--ng-spacing-4xl); }
.ng-px-4xl     { padding-left: var(--ng-spacing-4xl); padding-right: var(--ng-spacing-4xl); }
.ng-py-4xl     { padding-top: var(--ng-spacing-4xl); padding-bottom: var(--ng-spacing-4xl); }
.ng-m-4xl      { margin: var(--ng-spacing-4xl); }
.ng-mt-4xl     { margin-top: var(--ng-spacing-4xl); }
.ng-mr-4xl     { margin-right: var(--ng-spacing-4xl); }
.ng-mb-4xl     { margin-bottom: var(--ng-spacing-4xl); }
.ng-ml-4xl     { margin-left: var(--ng-spacing-4xl); }
.ng-mx-4xl     { margin-left: var(--ng-spacing-4xl); margin-right: var(--ng-spacing-4xl); }
.ng-my-4xl     { margin-top: var(--ng-spacing-4xl); margin-bottom: var(--ng-spacing-4xl); }
.ng-gap-4xl    { gap: var(--ng-spacing-4xl); }
.ng-gap-x-4xl  { column-gap: var(--ng-spacing-4xl); }
.ng-gap-y-4xl  { row-gap: var(--ng-spacing-4xl); }
.ng-space-x-4xl > * + * { margin-left: var(--ng-spacing-4xl); }
.ng-space-y-4xl > * + * { margin-top: var(--ng-spacing-4xl); }

/* spacing-5xl: var(--ng-spacing-10) */
.ng-p-5xl      { padding: var(--ng-spacing-5xl); }
.ng-pt-5xl     { padding-top: var(--ng-spacing-5xl); }
.ng-pr-5xl     { padding-right: var(--ng-spacing-5xl); }
.ng-pb-5xl     { padding-bottom: var(--ng-spacing-5xl); }
.ng-pl-5xl     { padding-left: var(--ng-spacing-5xl); }
.ng-px-5xl     { padding-left: var(--ng-spacing-5xl); padding-right: var(--ng-spacing-5xl); }
.ng-py-5xl     { padding-top: var(--ng-spacing-5xl); padding-bottom: var(--ng-spacing-5xl); }
.ng-m-5xl      { margin: var(--ng-spacing-5xl); }
.ng-mt-5xl     { margin-top: var(--ng-spacing-5xl); }
.ng-mr-5xl     { margin-right: var(--ng-spacing-5xl); }
.ng-mb-5xl     { margin-bottom: var(--ng-spacing-5xl); }
.ng-ml-5xl     { margin-left: var(--ng-spacing-5xl); }
.ng-mx-5xl     { margin-left: var(--ng-spacing-5xl); margin-right: var(--ng-spacing-5xl); }
.ng-my-5xl     { margin-top: var(--ng-spacing-5xl); margin-bottom: var(--ng-spacing-5xl); }
.ng-gap-5xl    { gap: var(--ng-spacing-5xl); }
.ng-gap-x-5xl  { column-gap: var(--ng-spacing-5xl); }
.ng-gap-y-5xl  { row-gap: var(--ng-spacing-5xl); }
.ng-space-x-5xl > * + * { margin-left: var(--ng-spacing-5xl); }
.ng-space-y-5xl > * + * { margin-top: var(--ng-spacing-5xl); }

/* spacing-6xl: var(--ng-spacing-12) */
.ng-p-6xl      { padding: var(--ng-spacing-6xl); }
.ng-pt-6xl     { padding-top: var(--ng-spacing-6xl); }
.ng-pr-6xl     { padding-right: var(--ng-spacing-6xl); }
.ng-pb-6xl     { padding-bottom: var(--ng-spacing-6xl); }
.ng-pl-6xl     { padding-left: var(--ng-spacing-6xl); }
.ng-px-6xl     { padding-left: var(--ng-spacing-6xl); padding-right: var(--ng-spacing-6xl); }
.ng-py-6xl     { padding-top: var(--ng-spacing-6xl); padding-bottom: var(--ng-spacing-6xl); }
.ng-m-6xl      { margin: var(--ng-spacing-6xl); }
.ng-mt-6xl     { margin-top: var(--ng-spacing-6xl); }
.ng-mr-6xl     { margin-right: var(--ng-spacing-6xl); }
.ng-mb-6xl     { margin-bottom: var(--ng-spacing-6xl); }
.ng-ml-6xl     { margin-left: var(--ng-spacing-6xl); }
.ng-mx-6xl     { margin-left: var(--ng-spacing-6xl); margin-right: var(--ng-spacing-6xl); }
.ng-my-6xl     { margin-top: var(--ng-spacing-6xl); margin-bottom: var(--ng-spacing-6xl); }
.ng-gap-6xl    { gap: var(--ng-spacing-6xl); }
.ng-gap-x-6xl  { column-gap: var(--ng-spacing-6xl); }
.ng-gap-y-6xl  { row-gap: var(--ng-spacing-6xl); }
.ng-space-x-6xl > * + * { margin-left: var(--ng-spacing-6xl); }
.ng-space-y-6xl > * + * { margin-top: var(--ng-spacing-6xl); }

/* spacing-7xl: var(--ng-spacing-16) */
.ng-p-7xl      { padding: var(--ng-spacing-7xl); }
.ng-pt-7xl     { padding-top: var(--ng-spacing-7xl); }
.ng-pr-7xl     { padding-right: var(--ng-spacing-7xl); }
.ng-pb-7xl     { padding-bottom: var(--ng-spacing-7xl); }
.ng-pl-7xl     { padding-left: var(--ng-spacing-7xl); }
.ng-px-7xl     { padding-left: var(--ng-spacing-7xl); padding-right: var(--ng-spacing-7xl); }
.ng-py-7xl     { padding-top: var(--ng-spacing-7xl); padding-bottom: var(--ng-spacing-7xl); }
.ng-m-7xl      { margin: var(--ng-spacing-7xl); }
.ng-mt-7xl     { margin-top: var(--ng-spacing-7xl); }
.ng-mr-7xl     { margin-right: var(--ng-spacing-7xl); }
.ng-mb-7xl     { margin-bottom: var(--ng-spacing-7xl); }
.ng-ml-7xl     { margin-left: var(--ng-spacing-7xl); }
.ng-mx-7xl     { margin-left: var(--ng-spacing-7xl); margin-right: var(--ng-spacing-7xl); }
.ng-my-7xl     { margin-top: var(--ng-spacing-7xl); margin-bottom: var(--ng-spacing-7xl); }
.ng-gap-7xl    { gap: var(--ng-spacing-7xl); }
.ng-gap-x-7xl  { column-gap: var(--ng-spacing-7xl); }
.ng-gap-y-7xl  { row-gap: var(--ng-spacing-7xl); }
.ng-space-x-7xl > * + * { margin-left: var(--ng-spacing-7xl); }
.ng-space-y-7xl > * + * { margin-top: var(--ng-spacing-7xl); }

/* spacing-8xl: var(--ng-spacing-20) */
.ng-p-8xl      { padding: var(--ng-spacing-8xl); }
.ng-pt-8xl     { padding-top: var(--ng-spacing-8xl); }
.ng-pr-8xl     { padding-right: var(--ng-spacing-8xl); }
.ng-pb-8xl     { padding-bottom: var(--ng-spacing-8xl); }
.ng-pl-8xl     { padding-left: var(--ng-spacing-8xl); }
.ng-px-8xl     { padding-left: var(--ng-spacing-8xl); padding-right: var(--ng-spacing-8xl); }
.ng-py-8xl     { padding-top: var(--ng-spacing-8xl); padding-bottom: var(--ng-spacing-8xl); }
.ng-m-8xl      { margin: var(--ng-spacing-8xl); }
.ng-mt-8xl     { margin-top: var(--ng-spacing-8xl); }
.ng-mr-8xl     { margin-right: var(--ng-spacing-8xl); }
.ng-mb-8xl     { margin-bottom: var(--ng-spacing-8xl); }
.ng-ml-8xl     { margin-left: var(--ng-spacing-8xl); }
.ng-mx-8xl     { margin-left: var(--ng-spacing-8xl); margin-right: var(--ng-spacing-8xl); }
.ng-my-8xl     { margin-top: var(--ng-spacing-8xl); margin-bottom: var(--ng-spacing-8xl); }
.ng-gap-8xl    { gap: var(--ng-spacing-8xl); }
.ng-gap-x-8xl  { column-gap: var(--ng-spacing-8xl); }
.ng-gap-y-8xl  { row-gap: var(--ng-spacing-8xl); }
.ng-space-x-8xl > * + * { margin-left: var(--ng-spacing-8xl); }
.ng-space-y-8xl > * + * { margin-top: var(--ng-spacing-8xl); }

/* spacing-9xl: var(--ng-spacing-24) */
.ng-p-9xl      { padding: var(--ng-spacing-9xl); }
.ng-pt-9xl     { padding-top: var(--ng-spacing-9xl); }
.ng-pr-9xl     { padding-right: var(--ng-spacing-9xl); }
.ng-pb-9xl     { padding-bottom: var(--ng-spacing-9xl); }
.ng-pl-9xl     { padding-left: var(--ng-spacing-9xl); }
.ng-px-9xl     { padding-left: var(--ng-spacing-9xl); padding-right: var(--ng-spacing-9xl); }
.ng-py-9xl     { padding-top: var(--ng-spacing-9xl); padding-bottom: var(--ng-spacing-9xl); }
.ng-m-9xl      { margin: var(--ng-spacing-9xl); }
.ng-mt-9xl     { margin-top: var(--ng-spacing-9xl); }
.ng-mr-9xl     { margin-right: var(--ng-spacing-9xl); }
.ng-mb-9xl     { margin-bottom: var(--ng-spacing-9xl); }
.ng-ml-9xl     { margin-left: var(--ng-spacing-9xl); }
.ng-mx-9xl     { margin-left: var(--ng-spacing-9xl); margin-right: var(--ng-spacing-9xl); }
.ng-my-9xl     { margin-top: var(--ng-spacing-9xl); margin-bottom: var(--ng-spacing-9xl); }
.ng-gap-9xl    { gap: var(--ng-spacing-9xl); }
.ng-gap-x-9xl  { column-gap: var(--ng-spacing-9xl); }
.ng-gap-y-9xl  { row-gap: var(--ng-spacing-9xl); }
.ng-space-x-9xl > * + * { margin-left: var(--ng-spacing-9xl); }
.ng-space-y-9xl > * + * { margin-top: var(--ng-spacing-9xl); }

/* spacing-10xl: var(--ng-spacing-32) */
.ng-p-10xl      { padding: var(--ng-spacing-10xl); }
.ng-pt-10xl     { padding-top: var(--ng-spacing-10xl); }
.ng-pr-10xl     { padding-right: var(--ng-spacing-10xl); }
.ng-pb-10xl     { padding-bottom: var(--ng-spacing-10xl); }
.ng-pl-10xl     { padding-left: var(--ng-spacing-10xl); }
.ng-px-10xl     { padding-left: var(--ng-spacing-10xl); padding-right: var(--ng-spacing-10xl); }
.ng-py-10xl     { padding-top: var(--ng-spacing-10xl); padding-bottom: var(--ng-spacing-10xl); }
.ng-m-10xl      { margin: var(--ng-spacing-10xl); }
.ng-mt-10xl     { margin-top: var(--ng-spacing-10xl); }
.ng-mr-10xl     { margin-right: var(--ng-spacing-10xl); }
.ng-mb-10xl     { margin-bottom: var(--ng-spacing-10xl); }
.ng-ml-10xl     { margin-left: var(--ng-spacing-10xl); }
.ng-mx-10xl     { margin-left: var(--ng-spacing-10xl); margin-right: var(--ng-spacing-10xl); }
.ng-my-10xl     { margin-top: var(--ng-spacing-10xl); margin-bottom: var(--ng-spacing-10xl); }
.ng-gap-10xl    { gap: var(--ng-spacing-10xl); }
.ng-gap-x-10xl  { column-gap: var(--ng-spacing-10xl); }
.ng-gap-y-10xl  { row-gap: var(--ng-spacing-10xl); }
.ng-space-x-10xl > * + * { margin-left: var(--ng-spacing-10xl); }
.ng-space-y-10xl > * + * { margin-top: var(--ng-spacing-10xl); }

/* spacing-11xl: var(--ng-spacing-40) */
.ng-p-11xl      { padding: var(--ng-spacing-11xl); }
.ng-pt-11xl     { padding-top: var(--ng-spacing-11xl); }
.ng-pr-11xl     { padding-right: var(--ng-spacing-11xl); }
.ng-pb-11xl     { padding-bottom: var(--ng-spacing-11xl); }
.ng-pl-11xl     { padding-left: var(--ng-spacing-11xl); }
.ng-px-11xl     { padding-left: var(--ng-spacing-11xl); padding-right: var(--ng-spacing-11xl); }
.ng-py-11xl     { padding-top: var(--ng-spacing-11xl); padding-bottom: var(--ng-spacing-11xl); }
.ng-m-11xl      { margin: var(--ng-spacing-11xl); }
.ng-mt-11xl     { margin-top: var(--ng-spacing-11xl); }
.ng-mr-11xl     { margin-right: var(--ng-spacing-11xl); }
.ng-mb-11xl     { margin-bottom: var(--ng-spacing-11xl); }
.ng-ml-11xl     { margin-left: var(--ng-spacing-11xl); }
.ng-mx-11xl     { margin-left: var(--ng-spacing-11xl); margin-right: var(--ng-spacing-11xl); }
.ng-my-11xl     { margin-top: var(--ng-spacing-11xl); margin-bottom: var(--ng-spacing-11xl); }
.ng-gap-11xl    { gap: var(--ng-spacing-11xl); }
.ng-gap-x-11xl  { column-gap: var(--ng-spacing-11xl); }
.ng-gap-y-11xl  { row-gap: var(--ng-spacing-11xl); }
.ng-space-x-11xl > * + * { margin-left: var(--ng-spacing-11xl); }
.ng-space-y-11xl > * + * { margin-top: var(--ng-spacing-11xl); }

/* spacing-md-alt: var(--ng-spacing-2-5) */
.ng-p-md-alt      { padding: var(--ng-spacing-md-alt); }
.ng-pt-md-alt     { padding-top: var(--ng-spacing-md-alt); }
.ng-pr-md-alt     { padding-right: var(--ng-spacing-md-alt); }
.ng-pb-md-alt     { padding-bottom: var(--ng-spacing-md-alt); }
.ng-pl-md-alt     { padding-left: var(--ng-spacing-md-alt); }
.ng-px-md-alt     { padding-left: var(--ng-spacing-md-alt); padding-right: var(--ng-spacing-md-alt); }
.ng-py-md-alt     { padding-top: var(--ng-spacing-md-alt); padding-bottom: var(--ng-spacing-md-alt); }
.ng-m-md-alt      { margin: var(--ng-spacing-md-alt); }
.ng-mt-md-alt     { margin-top: var(--ng-spacing-md-alt); }
.ng-mr-md-alt     { margin-right: var(--ng-spacing-md-alt); }
.ng-mb-md-alt     { margin-bottom: var(--ng-spacing-md-alt); }
.ng-ml-md-alt     { margin-left: var(--ng-spacing-md-alt); }
.ng-mx-md-alt     { margin-left: var(--ng-spacing-md-alt); margin-right: var(--ng-spacing-md-alt); }
.ng-my-md-alt     { margin-top: var(--ng-spacing-md-alt); margin-bottom: var(--ng-spacing-md-alt); }
.ng-gap-md-alt    { gap: var(--ng-spacing-md-alt); }
.ng-gap-x-md-alt  { column-gap: var(--ng-spacing-md-alt); }
.ng-gap-y-md-alt  { row-gap: var(--ng-spacing-md-alt); }
.ng-space-x-md-alt > * + * { margin-left: var(--ng-spacing-md-alt); }
.ng-space-y-md-alt > * + * { margin-top: var(--ng-spacing-md-alt); }

/* spacing-lg-alt: var(--ng-spacing-3-5) */
.ng-p-lg-alt      { padding: var(--ng-spacing-lg-alt); }
.ng-pt-lg-alt     { padding-top: var(--ng-spacing-lg-alt); }
.ng-pr-lg-alt     { padding-right: var(--ng-spacing-lg-alt); }
.ng-pb-lg-alt     { padding-bottom: var(--ng-spacing-lg-alt); }
.ng-pl-lg-alt     { padding-left: var(--ng-spacing-lg-alt); }
.ng-px-lg-alt     { padding-left: var(--ng-spacing-lg-alt); padding-right: var(--ng-spacing-lg-alt); }
.ng-py-lg-alt     { padding-top: var(--ng-spacing-lg-alt); padding-bottom: var(--ng-spacing-lg-alt); }
.ng-m-lg-alt      { margin: var(--ng-spacing-lg-alt); }
.ng-mt-lg-alt     { margin-top: var(--ng-spacing-lg-alt); }
.ng-mr-lg-alt     { margin-right: var(--ng-spacing-lg-alt); }
.ng-mb-lg-alt     { margin-bottom: var(--ng-spacing-lg-alt); }
.ng-ml-lg-alt     { margin-left: var(--ng-spacing-lg-alt); }
.ng-mx-lg-alt     { margin-left: var(--ng-spacing-lg-alt); margin-right: var(--ng-spacing-lg-alt); }
.ng-my-lg-alt     { margin-top: var(--ng-spacing-lg-alt); margin-bottom: var(--ng-spacing-lg-alt); }
.ng-gap-lg-alt    { gap: var(--ng-spacing-lg-alt); }
.ng-gap-x-lg-alt  { column-gap: var(--ng-spacing-lg-alt); }
.ng-gap-y-lg-alt  { row-gap: var(--ng-spacing-lg-alt); }
.ng-space-x-lg-alt > * + * { margin-left: var(--ng-spacing-lg-alt); }
.ng-space-y-lg-alt > * + * { margin-top: var(--ng-spacing-lg-alt); }

/* spacing-xl-alt: var(--ng-spacing-4-5) */
.ng-p-xl-alt      { padding: var(--ng-spacing-xl-alt); }
.ng-pt-xl-alt     { padding-top: var(--ng-spacing-xl-alt); }
.ng-pr-xl-alt     { padding-right: var(--ng-spacing-xl-alt); }
.ng-pb-xl-alt     { padding-bottom: var(--ng-spacing-xl-alt); }
.ng-pl-xl-alt     { padding-left: var(--ng-spacing-xl-alt); }
.ng-px-xl-alt     { padding-left: var(--ng-spacing-xl-alt); padding-right: var(--ng-spacing-xl-alt); }
.ng-py-xl-alt     { padding-top: var(--ng-spacing-xl-alt); padding-bottom: var(--ng-spacing-xl-alt); }
.ng-m-xl-alt      { margin: var(--ng-spacing-xl-alt); }
.ng-mt-xl-alt     { margin-top: var(--ng-spacing-xl-alt); }
.ng-mr-xl-alt     { margin-right: var(--ng-spacing-xl-alt); }
.ng-mb-xl-alt     { margin-bottom: var(--ng-spacing-xl-alt); }
.ng-ml-xl-alt     { margin-left: var(--ng-spacing-xl-alt); }
.ng-mx-xl-alt     { margin-left: var(--ng-spacing-xl-alt); margin-right: var(--ng-spacing-xl-alt); }
.ng-my-xl-alt     { margin-top: var(--ng-spacing-xl-alt); margin-bottom: var(--ng-spacing-xl-alt); }
.ng-gap-xl-alt    { gap: var(--ng-spacing-xl-alt); }
.ng-gap-x-xl-alt  { column-gap: var(--ng-spacing-xl-alt); }
.ng-gap-y-xl-alt  { row-gap: var(--ng-spacing-xl-alt); }
.ng-space-x-xl-alt > * + * { margin-left: var(--ng-spacing-xl-alt); }
.ng-space-y-xl-alt > * + * { margin-top: var(--ng-spacing-xl-alt); }

/* spacing-4xl-alt: var(--ng-spacing-9) */
.ng-p-4xl-alt      { padding: var(--ng-spacing-4xl-alt); }
.ng-pt-4xl-alt     { padding-top: var(--ng-spacing-4xl-alt); }
.ng-pr-4xl-alt     { padding-right: var(--ng-spacing-4xl-alt); }
.ng-pb-4xl-alt     { padding-bottom: var(--ng-spacing-4xl-alt); }
.ng-pl-4xl-alt     { padding-left: var(--ng-spacing-4xl-alt); }
.ng-px-4xl-alt     { padding-left: var(--ng-spacing-4xl-alt); padding-right: var(--ng-spacing-4xl-alt); }
.ng-py-4xl-alt     { padding-top: var(--ng-spacing-4xl-alt); padding-bottom: var(--ng-spacing-4xl-alt); }
.ng-m-4xl-alt      { margin: var(--ng-spacing-4xl-alt); }
.ng-mt-4xl-alt     { margin-top: var(--ng-spacing-4xl-alt); }
.ng-mr-4xl-alt     { margin-right: var(--ng-spacing-4xl-alt); }
.ng-mb-4xl-alt     { margin-bottom: var(--ng-spacing-4xl-alt); }
.ng-ml-4xl-alt     { margin-left: var(--ng-spacing-4xl-alt); }
.ng-mx-4xl-alt     { margin-left: var(--ng-spacing-4xl-alt); margin-right: var(--ng-spacing-4xl-alt); }
.ng-my-4xl-alt     { margin-top: var(--ng-spacing-4xl-alt); margin-bottom: var(--ng-spacing-4xl-alt); }
.ng-gap-4xl-alt    { gap: var(--ng-spacing-4xl-alt); }
.ng-gap-x-4xl-alt  { column-gap: var(--ng-spacing-4xl-alt); }
.ng-gap-y-4xl-alt  { row-gap: var(--ng-spacing-4xl-alt); }
.ng-space-x-4xl-alt > * + * { margin-left: var(--ng-spacing-4xl-alt); }
.ng-space-y-4xl-alt > * + * { margin-top: var(--ng-spacing-4xl-alt); }

/* spacing-3xl-alt: var(--ng-spacing-7) */
.ng-p-3xl-alt      { padding: var(--ng-spacing-3xl-alt); }
.ng-pt-3xl-alt     { padding-top: var(--ng-spacing-3xl-alt); }
.ng-pr-3xl-alt     { padding-right: var(--ng-spacing-3xl-alt); }
.ng-pb-3xl-alt     { padding-bottom: var(--ng-spacing-3xl-alt); }
.ng-pl-3xl-alt     { padding-left: var(--ng-spacing-3xl-alt); }
.ng-px-3xl-alt     { padding-left: var(--ng-spacing-3xl-alt); padding-right: var(--ng-spacing-3xl-alt); }
.ng-py-3xl-alt     { padding-top: var(--ng-spacing-3xl-alt); padding-bottom: var(--ng-spacing-3xl-alt); }
.ng-m-3xl-alt      { margin: var(--ng-spacing-3xl-alt); }
.ng-mt-3xl-alt     { margin-top: var(--ng-spacing-3xl-alt); }
.ng-mr-3xl-alt     { margin-right: var(--ng-spacing-3xl-alt); }
.ng-mb-3xl-alt     { margin-bottom: var(--ng-spacing-3xl-alt); }
.ng-ml-3xl-alt     { margin-left: var(--ng-spacing-3xl-alt); }
.ng-mx-3xl-alt     { margin-left: var(--ng-spacing-3xl-alt); margin-right: var(--ng-spacing-3xl-alt); }
.ng-my-3xl-alt     { margin-top: var(--ng-spacing-3xl-alt); margin-bottom: var(--ng-spacing-3xl-alt); }
.ng-gap-3xl-alt    { gap: var(--ng-spacing-3xl-alt); }
.ng-gap-x-3xl-alt  { column-gap: var(--ng-spacing-3xl-alt); }
.ng-gap-y-3xl-alt  { row-gap: var(--ng-spacing-3xl-alt); }
.ng-space-x-3xl-alt > * + * { margin-left: var(--ng-spacing-3xl-alt); }
.ng-space-y-3xl-alt > * + * { margin-top: var(--ng-spacing-3xl-alt); }


/* ============================================================
   Border radius
   ============================================================ */

/* radius-none: 0px */
.ng-rounded-none { border-radius: var(--ng-radius-none); }

/* radius-xxs: 2px */
.ng-rounded-xxs { border-radius: var(--ng-radius-xxs); }

/* radius-xs: 4px */
.ng-rounded-xs { border-radius: var(--ng-radius-xs); }

/* radius-sm: 6px */
.ng-rounded-sm { border-radius: var(--ng-radius-sm); }

/* radius-md: 8px */
.ng-rounded-md { border-radius: var(--ng-radius-md); }

/* radius-lg: 10px */
.ng-rounded-lg { border-radius: var(--ng-radius-lg); }

/* radius-xl: 12px */
.ng-rounded-xl { border-radius: var(--ng-radius-xl); }

/* radius-2xl: 16px */
.ng-rounded-2xl { border-radius: var(--ng-radius-2xl); }

/* radius-3xl: 20px */
.ng-rounded-3xl { border-radius: var(--ng-radius-3xl); }

/* radius-4xl: 24px */
.ng-rounded-4xl { border-radius: var(--ng-radius-4xl); }

/* radius-full: 9999px */
.ng-rounded-full { border-radius: var(--ng-radius-full); }


/* ============================================================
   Box shadow
   ============================================================ */

/* shadow-none: none */
.ng-shadow-none { box-shadow: var(--ng-shadow-none); }

/* shadow-xs: 0px 1px 2px 0px var(--ng-colors-effects-shadow-xs) */
.ng-shadow-xs { box-shadow: var(--ng-shadow-xs); }

/* shadow-sm: 0px 1px 3px 0px var(--ng-colors-effects-shadow-sm-01), 0px 1px 2px -1px var(--ng-colors-effects-shadow-sm-02) */
.ng-shadow-sm { box-shadow: var(--ng-shadow-sm); }

/* shadow-md: 0px 4px 6px -1px var(--ng-colors-effects-shadow-md-01), 0px 2px 4px -2px var(--ng-colors-effects-shadow-md-02) */
.ng-shadow-md { box-shadow: var(--ng-shadow-md); }

/* shadow-lg: 0px 12px 16px -4px var(--ng-colors-effects-shadow-lg-01), 0px 4px 6px -2px var(--ng-colors-effects-shadow-lg-02), 0px 2px 2px -1px var(--ng-colors-effects-shadow-lg-03) */
.ng-shadow-lg { box-shadow: var(--ng-shadow-lg); }

/* shadow-xl: 0px 20px 24px -4px var(--ng-colors-effects-shadow-xl-01), 0px 8px 8px -4px var(--ng-colors-effects-shadow-xl-02), 0px 3px 3px -1.5px var(--ng-colors-effects-shadow-xl-03) */
.ng-shadow-xl { box-shadow: var(--ng-shadow-xl); }

/* shadow-2xl: 0px 24px 48px -12px var(--ng-colors-effects-shadow-2xl-01), 0px 4px 4px -2px var(--ng-colors-effects-shadow-2xl-02) */
.ng-shadow-2xl { box-shadow: var(--ng-shadow-2xl); }

/* shadow-3xl: 0px 32px 64px -12px var(--ng-colors-effects-shadow-3xl-01), 0px 5px 5px -2.5px var(--ng-colors-effects-shadow-3xl-02) */
.ng-shadow-3xl { box-shadow: var(--ng-shadow-3xl); }

/* shadow-xs-skeuomorphic: 0px 0px 0px 1px var(--ng-colors-effects-shadow-skeumorphic-inner-border) inset, 0px -2px 0px 0px var(--ng-colors-effects-shadow-skeumorphic-inner) inset, 0px 1px 2px 0px var(--ng-colors-effects-shadow-xs) */
.ng-shadow-xs-skeuomorphic { box-shadow: var(--ng-shadow-xs-skeuomorphic); }


/* ============================================================
   Opacity
   ============================================================ */

/* opacity-0: 0 */
.ng-opacity-0 { opacity: var(--ng-opacity-0); }

/* opacity-5: 0.05 */
.ng-opacity-5 { opacity: var(--ng-opacity-5); }

/* opacity-10: 0.1 */
.ng-opacity-10 { opacity: var(--ng-opacity-10); }

/* opacity-15: 0.15 */
.ng-opacity-15 { opacity: var(--ng-opacity-15); }

/* opacity-20: 0.2 */
.ng-opacity-20 { opacity: var(--ng-opacity-20); }

/* opacity-25: 0.25 */
.ng-opacity-25 { opacity: var(--ng-opacity-25); }

/* opacity-30: 0.3 */
.ng-opacity-30 { opacity: var(--ng-opacity-30); }

/* opacity-35: 0.35 */
.ng-opacity-35 { opacity: var(--ng-opacity-35); }

/* opacity-40: 0.4 */
.ng-opacity-40 { opacity: var(--ng-opacity-40); }

/* opacity-45: 0.45 */
.ng-opacity-45 { opacity: var(--ng-opacity-45); }

/* opacity-50: 0.5 */
.ng-opacity-50 { opacity: var(--ng-opacity-50); }

/* opacity-55: 0.55 */
.ng-opacity-55 { opacity: var(--ng-opacity-55); }

/* opacity-60: 0.6 */
.ng-opacity-60 { opacity: var(--ng-opacity-60); }

/* opacity-65: 0.65 */
.ng-opacity-65 { opacity: var(--ng-opacity-65); }

/* opacity-70: 0.7 */
.ng-opacity-70 { opacity: var(--ng-opacity-70); }

/* opacity-75: 0.75 */
.ng-opacity-75 { opacity: var(--ng-opacity-75); }

/* opacity-80: 0.8 */
.ng-opacity-80 { opacity: var(--ng-opacity-80); }

/* opacity-85: 0.85 */
.ng-opacity-85 { opacity: var(--ng-opacity-85); }

/* opacity-90: 0.9 */
.ng-opacity-90 { opacity: var(--ng-opacity-90); }

/* opacity-95: 0.95 */
.ng-opacity-95 { opacity: var(--ng-opacity-95); }

/* opacity-100: 1 */
.ng-opacity-100 { opacity: var(--ng-opacity-100); }


/* ============================================================
   Typography — font-size
   ============================================================ */

/* font-size-text-xs: 12px */
.ng-text-xs { font-size: var(--ng-font-size-text-xs); }

/* font-size-text-sm: 14px */
.ng-text-sm { font-size: var(--ng-font-size-text-sm); }

/* font-size-text-md: 16px */
.ng-text-md { font-size: var(--ng-font-size-text-md); }

/* font-size-text-lg: 18px */
.ng-text-lg { font-size: var(--ng-font-size-text-lg); }

/* font-size-text-xl: 20px */
.ng-text-xl { font-size: var(--ng-font-size-text-xl); }

/* font-size-display-xs: 24px */
.ng-text-display-xs { font-size: var(--ng-font-size-display-xs); }

/* font-size-display-sm: 30px */
.ng-text-display-sm { font-size: var(--ng-font-size-display-sm); }

/* font-size-display-md: 36px */
.ng-text-display-md { font-size: var(--ng-font-size-display-md); }

/* font-size-display-lg: 48px */
.ng-text-display-lg { font-size: var(--ng-font-size-display-lg); }

/* font-size-display-xl: 60px */
.ng-text-display-xl { font-size: var(--ng-font-size-display-xl); }

/* font-size-display-2xl: 72px */
.ng-text-display-2xl { font-size: var(--ng-font-size-display-2xl); }


/* ============================================================
   Typography — line-height
   ============================================================ */

/* line-height-text-xs: 18px */
.ng-leading-xs { line-height: var(--ng-line-height-text-xs); }

/* line-height-text-sm: 20px */
.ng-leading-sm { line-height: var(--ng-line-height-text-sm); }

/* line-height-text-md: 24px */
.ng-leading-md { line-height: var(--ng-line-height-text-md); }

/* line-height-text-lg: 28px */
.ng-leading-lg { line-height: var(--ng-line-height-text-lg); }

/* line-height-text-xl: 30px */
.ng-leading-xl { line-height: var(--ng-line-height-text-xl); }

/* line-height-display-xs: 32px */
.ng-leading-display-xs { line-height: var(--ng-line-height-display-xs); }

/* line-height-display-sm: 38px */
.ng-leading-display-sm { line-height: var(--ng-line-height-display-sm); }

/* line-height-display-md: 44px */
.ng-leading-display-md { line-height: var(--ng-line-height-display-md); }

/* line-height-display-lg: 60px */
.ng-leading-display-lg { line-height: var(--ng-line-height-display-lg); }

/* line-height-display-xl: 72px */
.ng-leading-display-xl { line-height: var(--ng-line-height-display-xl); }

/* line-height-display-2xl: 90px */
.ng-leading-display-2xl { line-height: var(--ng-line-height-display-2xl); }


/* ============================================================
   Typography — font-weight
   ============================================================ */

/* font-weight-regular: var(--ng-font-weight-400) */
.ng-font-regular { font-weight: var(--ng-font-weight-regular); }

/* font-weight-medium: var(--ng-font-weight-500) */
.ng-font-medium { font-weight: var(--ng-font-weight-medium); }

/* font-weight-semibold: var(--ng-font-weight-600) */
.ng-font-semibold { font-weight: var(--ng-font-weight-semibold); }

/* font-weight-bold: var(--ng-font-weight-700) */
.ng-font-bold { font-weight: var(--ng-font-weight-bold); }

/* font-weight-regular-italic: Regular italic */
.ng-font-regular-italic { font-weight: var(--ng-font-weight-regular-italic); }

/* font-weight-medium-italic: Medium italic */
.ng-font-medium-italic { font-weight: var(--ng-font-weight-medium-italic); }

/* font-weight-semibold-italic: Semibold italic */
.ng-font-semibold-italic { font-weight: var(--ng-font-weight-semibold-italic); }

/* font-weight-bold-italic: Bold italic */
.ng-font-bold-italic { font-weight: var(--ng-font-weight-bold-italic); }

/* font-weight-lighter: lighter */
.ng-font-lighter { font-weight: var(--ng-font-weight-lighter); }

/* font-weight-bolder: bolder */
.ng-font-bolder { font-weight: var(--ng-font-weight-bolder); }

/* font-weight-inherit: inherit */
.ng-font-inherit { font-weight: var(--ng-font-weight-inherit); }

/* font-weight-initial: initial */
.ng-font-initial { font-weight: var(--ng-font-weight-initial); }

/* font-weight-unset: unset */
.ng-font-unset { font-weight: var(--ng-font-weight-unset); }


/* ============================================================
   Typography — font-family
   ============================================================ */

/* font-family-display: Inter */
.ng-font-family-display { font-family: var(--ng-font-family-display); }

/* font-family-body: Inter */
.ng-font-family-body { font-family: var(--ng-font-family-body); }


/* ============================================================
   Width
   ============================================================ */

/* width-auto: auto */
.ng-w-auto     { width: var(--ng-width-auto); }
.ng-min-w-auto { min-width: var(--ng-width-auto); }
.ng-max-w-auto { max-width: var(--ng-width-auto); }

/* width-0: var(--ng-spacing-0) */
.ng-w-0     { width: var(--ng-width-0); }
.ng-min-w-0 { min-width: var(--ng-width-0); }
.ng-max-w-0 { max-width: var(--ng-width-0); }

/* width-0.5: var(--ng-spacing-0-5) */
.ng-w-0\.5     { width: var(--ng-width-0-5); }
.ng-min-w-0\.5 { min-width: var(--ng-width-0-5); }
.ng-max-w-0\.5 { max-width: var(--ng-width-0-5); }

/* width-1: var(--ng-spacing-1) */
.ng-w-1     { width: var(--ng-width-1); }
.ng-min-w-1 { min-width: var(--ng-width-1); }
.ng-max-w-1 { max-width: var(--ng-width-1); }

/* width-1.5: var(--ng-spacing-1-5) */
.ng-w-1\.5     { width: var(--ng-width-1-5); }
.ng-min-w-1\.5 { min-width: var(--ng-width-1-5); }
.ng-max-w-1\.5 { max-width: var(--ng-width-1-5); }

/* width-2: var(--ng-spacing-2) */
.ng-w-2     { width: var(--ng-width-2); }
.ng-min-w-2 { min-width: var(--ng-width-2); }
.ng-max-w-2 { max-width: var(--ng-width-2); }

/* width-2.5: var(--ng-spacing-2-5) */
.ng-w-2\.5     { width: var(--ng-width-2-5); }
.ng-min-w-2\.5 { min-width: var(--ng-width-2-5); }
.ng-max-w-2\.5 { max-width: var(--ng-width-2-5); }

/* width-3: var(--ng-spacing-3) */
.ng-w-3     { width: var(--ng-width-3); }
.ng-min-w-3 { min-width: var(--ng-width-3); }
.ng-max-w-3 { max-width: var(--ng-width-3); }

/* width-3.5: var(--ng-spacing-3-5) */
.ng-w-3\.5     { width: var(--ng-width-3-5); }
.ng-min-w-3\.5 { min-width: var(--ng-width-3-5); }
.ng-max-w-3\.5 { max-width: var(--ng-width-3-5); }

/* width-4: var(--ng-spacing-4) */
.ng-w-4     { width: var(--ng-width-4); }
.ng-min-w-4 { min-width: var(--ng-width-4); }
.ng-max-w-4 { max-width: var(--ng-width-4); }

/* width-4.5: var(--ng-spacing-4-5) */
.ng-w-4\.5     { width: var(--ng-width-4-5); }
.ng-min-w-4\.5 { min-width: var(--ng-width-4-5); }
.ng-max-w-4\.5 { max-width: var(--ng-width-4-5); }

/* width-5: var(--ng-spacing-5) */
.ng-w-5     { width: var(--ng-width-5); }
.ng-min-w-5 { min-width: var(--ng-width-5); }
.ng-max-w-5 { max-width: var(--ng-width-5); }

/* width-6: var(--ng-spacing-6) */
.ng-w-6     { width: var(--ng-width-6); }
.ng-min-w-6 { min-width: var(--ng-width-6); }
.ng-max-w-6 { max-width: var(--ng-width-6); }

/* width-8: var(--ng-spacing-8) */
.ng-w-8     { width: var(--ng-width-8); }
.ng-min-w-8 { min-width: var(--ng-width-8); }
.ng-max-w-8 { max-width: var(--ng-width-8); }

/* width-10: var(--ng-spacing-10) */
.ng-w-10     { width: var(--ng-width-10); }
.ng-min-w-10 { min-width: var(--ng-width-10); }
.ng-max-w-10 { max-width: var(--ng-width-10); }

/* width-12: var(--ng-spacing-12) */
.ng-w-12     { width: var(--ng-width-12); }
.ng-min-w-12 { min-width: var(--ng-width-12); }
.ng-max-w-12 { max-width: var(--ng-width-12); }

/* width-16: var(--ng-spacing-16) */
.ng-w-16     { width: var(--ng-width-16); }
.ng-min-w-16 { min-width: var(--ng-width-16); }
.ng-max-w-16 { max-width: var(--ng-width-16); }

/* width-20: var(--ng-spacing-20) */
.ng-w-20     { width: var(--ng-width-20); }
.ng-min-w-20 { min-width: var(--ng-width-20); }
.ng-max-w-20 { max-width: var(--ng-width-20); }

/* width-24: var(--ng-spacing-24) */
.ng-w-24     { width: var(--ng-width-24); }
.ng-min-w-24 { min-width: var(--ng-width-24); }
.ng-max-w-24 { max-width: var(--ng-width-24); }

/* width-32: var(--ng-spacing-32) */
.ng-w-32     { width: var(--ng-width-32); }
.ng-min-w-32 { min-width: var(--ng-width-32); }
.ng-max-w-32 { max-width: var(--ng-width-32); }

/* width-40: var(--ng-spacing-40) */
.ng-w-40     { width: var(--ng-width-40); }
.ng-min-w-40 { min-width: var(--ng-width-40); }
.ng-max-w-40 { max-width: var(--ng-width-40); }

/* width-48: var(--ng-spacing-48) */
.ng-w-48     { width: var(--ng-width-48); }
.ng-min-w-48 { min-width: var(--ng-width-48); }
.ng-max-w-48 { max-width: var(--ng-width-48); }

/* width-56: var(--ng-spacing-56) */
.ng-w-56     { width: var(--ng-width-56); }
.ng-min-w-56 { min-width: var(--ng-width-56); }
.ng-max-w-56 { max-width: var(--ng-width-56); }

/* width-64: var(--ng-spacing-64) */
.ng-w-64     { width: var(--ng-width-64); }
.ng-min-w-64 { min-width: var(--ng-width-64); }
.ng-max-w-64 { max-width: var(--ng-width-64); }

/* width-80: var(--ng-spacing-80) */
.ng-w-80     { width: var(--ng-width-80); }
.ng-min-w-80 { min-width: var(--ng-width-80); }
.ng-max-w-80 { max-width: var(--ng-width-80); }

/* width-96: var(--ng-spacing-96) */
.ng-w-96     { width: var(--ng-width-96); }
.ng-min-w-96 { min-width: var(--ng-width-96); }
.ng-max-w-96 { max-width: var(--ng-width-96); }

/* width-120: var(--ng-spacing-120) */
.ng-w-120     { width: var(--ng-width-120); }
.ng-min-w-120 { min-width: var(--ng-width-120); }
.ng-max-w-120 { max-width: var(--ng-width-120); }

/* width-140: var(--ng-spacing-140) */
.ng-w-140     { width: var(--ng-width-140); }
.ng-min-w-140 { min-width: var(--ng-width-140); }
.ng-max-w-140 { max-width: var(--ng-width-140); }

/* width-160: var(--ng-spacing-160) */
.ng-w-160     { width: var(--ng-width-160); }
.ng-min-w-160 { min-width: var(--ng-width-160); }
.ng-max-w-160 { max-width: var(--ng-width-160); }

/* width-180: var(--ng-spacing-180) */
.ng-w-180     { width: var(--ng-width-180); }
.ng-min-w-180 { min-width: var(--ng-width-180); }
.ng-max-w-180 { max-width: var(--ng-width-180); }

/* width-192: var(--ng-spacing-192) */
.ng-w-192     { width: var(--ng-width-192); }
.ng-min-w-192 { min-width: var(--ng-width-192); }
.ng-max-w-192 { max-width: var(--ng-width-192); }

/* width-256: var(--ng-spacing-256) */
.ng-w-256     { width: var(--ng-width-256); }
.ng-min-w-256 { min-width: var(--ng-width-256); }
.ng-max-w-256 { max-width: var(--ng-width-256); }

/* width-320: var(--ng-spacing-320) */
.ng-w-320     { width: var(--ng-width-320); }
.ng-min-w-320 { min-width: var(--ng-width-320); }
.ng-max-w-320 { max-width: var(--ng-width-320); }

/* width-360: var(--ng-spacing-360) */
.ng-w-360     { width: var(--ng-width-360); }
.ng-min-w-360 { min-width: var(--ng-width-360); }
.ng-max-w-360 { max-width: var(--ng-width-360); }

/* width-400: var(--ng-spacing-400) */
.ng-w-400     { width: var(--ng-width-400); }
.ng-min-w-400 { min-width: var(--ng-width-400); }
.ng-max-w-400 { max-width: var(--ng-width-400); }

/* width-480: var(--ng-spacing-480) */
.ng-w-480     { width: var(--ng-width-480); }
.ng-min-w-480 { min-width: var(--ng-width-480); }
.ng-max-w-480 { max-width: var(--ng-width-480); }

/* width-312: var(--ng-spacing-312) */
.ng-w-312     { width: var(--ng-width-312); }
.ng-min-w-312 { min-width: var(--ng-width-312); }
.ng-max-w-312 { max-width: var(--ng-width-312); }

/* width-164: var(--ng-spacing-164) */
.ng-w-164     { width: var(--ng-width-164); }
.ng-min-w-164 { min-width: var(--ng-width-164); }
.ng-max-w-164 { max-width: var(--ng-width-164); }

/* width-108: var(--ng-spacing-108) */
.ng-w-108     { width: var(--ng-width-108); }
.ng-min-w-108 { min-width: var(--ng-width-108); }
.ng-max-w-108 { max-width: var(--ng-width-108); }


/* ============================================================
   Height
   ============================================================ */

/* height-auto: auto */
.ng-h-auto     { height: var(--ng-height-auto); }
.ng-min-h-auto { min-height: var(--ng-height-auto); }
.ng-max-h-auto { max-height: var(--ng-height-auto); }

/* height-1px: 1px */
.ng-h-1     { height: var(--ng-height-1px); }
.ng-min-h-1 { min-height: var(--ng-height-1px); }
.ng-max-h-1 { max-height: var(--ng-height-1px); }

/* height-2px: 2px */
.ng-h-2     { height: var(--ng-height-2px); }
.ng-min-h-2 { min-height: var(--ng-height-2px); }
.ng-max-h-2 { max-height: var(--ng-height-2px); }

/* height-3px: 3px */
.ng-h-3     { height: var(--ng-height-3px); }
.ng-min-h-3 { min-height: var(--ng-height-3px); }
.ng-max-h-3 { max-height: var(--ng-height-3px); }

/* height-4px: 4px */
.ng-h-4     { height: var(--ng-height-4px); }
.ng-min-h-4 { min-height: var(--ng-height-4px); }
.ng-max-h-4 { max-height: var(--ng-height-4px); }

/* height-5px: 5px */
.ng-h-5     { height: var(--ng-height-5px); }
.ng-min-h-5 { min-height: var(--ng-height-5px); }
.ng-max-h-5 { max-height: var(--ng-height-5px); }

/* height-6px: 6px */
.ng-h-6     { height: var(--ng-height-6px); }
.ng-min-h-6 { min-height: var(--ng-height-6px); }
.ng-max-h-6 { max-height: var(--ng-height-6px); }

/* height-7px: 7px */
.ng-h-7     { height: var(--ng-height-7px); }
.ng-min-h-7 { min-height: var(--ng-height-7px); }
.ng-max-h-7 { max-height: var(--ng-height-7px); }

/* height-8px: 8px */
.ng-h-8     { height: var(--ng-height-8px); }
.ng-min-h-8 { min-height: var(--ng-height-8px); }
.ng-max-h-8 { max-height: var(--ng-height-8px); }

/* height-9px: 9px */
.ng-h-9     { height: var(--ng-height-9px); }
.ng-min-h-9 { min-height: var(--ng-height-9px); }
.ng-max-h-9 { max-height: var(--ng-height-9px); }

/* height-10px: 10px */
.ng-h-10     { height: var(--ng-height-10px); }
.ng-min-h-10 { min-height: var(--ng-height-10px); }
.ng-max-h-10 { max-height: var(--ng-height-10px); }

/* height-11px: 11px */
.ng-h-11     { height: var(--ng-height-11px); }
.ng-min-h-11 { min-height: var(--ng-height-11px); }
.ng-max-h-11 { max-height: var(--ng-height-11px); }

/* height-12px: 12px */
.ng-h-12     { height: var(--ng-height-12px); }
.ng-min-h-12 { min-height: var(--ng-height-12px); }
.ng-max-h-12 { max-height: var(--ng-height-12px); }

/* height-13px: 13px */
.ng-h-13     { height: var(--ng-height-13px); }
.ng-min-h-13 { min-height: var(--ng-height-13px); }
.ng-max-h-13 { max-height: var(--ng-height-13px); }

/* height-14px: 14px */
.ng-h-14     { height: var(--ng-height-14px); }
.ng-min-h-14 { min-height: var(--ng-height-14px); }
.ng-max-h-14 { max-height: var(--ng-height-14px); }

/* height-15px: 15px */
.ng-h-15     { height: var(--ng-height-15px); }
.ng-min-h-15 { min-height: var(--ng-height-15px); }
.ng-max-h-15 { max-height: var(--ng-height-15px); }

/* height-16px: 16px */
.ng-h-16     { height: var(--ng-height-16px); }
.ng-min-h-16 { min-height: var(--ng-height-16px); }
.ng-max-h-16 { max-height: var(--ng-height-16px); }

/* height-17px: 17px */
.ng-h-17     { height: var(--ng-height-17px); }
.ng-min-h-17 { min-height: var(--ng-height-17px); }
.ng-max-h-17 { max-height: var(--ng-height-17px); }

/* height-18px: 18px */
.ng-h-18     { height: var(--ng-height-18px); }
.ng-min-h-18 { min-height: var(--ng-height-18px); }
.ng-max-h-18 { max-height: var(--ng-height-18px); }

/* height-19px: 19px */
.ng-h-19     { height: var(--ng-height-19px); }
.ng-min-h-19 { min-height: var(--ng-height-19px); }
.ng-max-h-19 { max-height: var(--ng-height-19px); }

/* height-20px: 20px */
.ng-h-20     { height: var(--ng-height-20px); }
.ng-min-h-20 { min-height: var(--ng-height-20px); }
.ng-max-h-20 { max-height: var(--ng-height-20px); }

/* height-21px: 21px */
.ng-h-21     { height: var(--ng-height-21px); }
.ng-min-h-21 { min-height: var(--ng-height-21px); }
.ng-max-h-21 { max-height: var(--ng-height-21px); }

/* height-22px: 22px */
.ng-h-22     { height: var(--ng-height-22px); }
.ng-min-h-22 { min-height: var(--ng-height-22px); }
.ng-max-h-22 { max-height: var(--ng-height-22px); }

/* height-23px: 23px */
.ng-h-23     { height: var(--ng-height-23px); }
.ng-min-h-23 { min-height: var(--ng-height-23px); }
.ng-max-h-23 { max-height: var(--ng-height-23px); }

/* height-24px: 24px */
.ng-h-24     { height: var(--ng-height-24px); }
.ng-min-h-24 { min-height: var(--ng-height-24px); }
.ng-max-h-24 { max-height: var(--ng-height-24px); }

/* height-25px: 25px */
.ng-h-25     { height: var(--ng-height-25px); }
.ng-min-h-25 { min-height: var(--ng-height-25px); }
.ng-max-h-25 { max-height: var(--ng-height-25px); }

/* height-26px: 26px */
.ng-h-26     { height: var(--ng-height-26px); }
.ng-min-h-26 { min-height: var(--ng-height-26px); }
.ng-max-h-26 { max-height: var(--ng-height-26px); }

/* height-27px: 27px */
.ng-h-27     { height: var(--ng-height-27px); }
.ng-min-h-27 { min-height: var(--ng-height-27px); }
.ng-max-h-27 { max-height: var(--ng-height-27px); }

/* height-28px: 28px */
.ng-h-28     { height: var(--ng-height-28px); }
.ng-min-h-28 { min-height: var(--ng-height-28px); }
.ng-max-h-28 { max-height: var(--ng-height-28px); }

/* height-29px: 29px */
.ng-h-29     { height: var(--ng-height-29px); }
.ng-min-h-29 { min-height: var(--ng-height-29px); }
.ng-max-h-29 { max-height: var(--ng-height-29px); }

/* height-30px: 30px */
.ng-h-30     { height: var(--ng-height-30px); }
.ng-min-h-30 { min-height: var(--ng-height-30px); }
.ng-max-h-30 { max-height: var(--ng-height-30px); }

/* height-31px: 31px */
.ng-h-31     { height: var(--ng-height-31px); }
.ng-min-h-31 { min-height: var(--ng-height-31px); }
.ng-max-h-31 { max-height: var(--ng-height-31px); }

/* height-32px: 32px */
.ng-h-32     { height: var(--ng-height-32px); }
.ng-min-h-32 { min-height: var(--ng-height-32px); }
.ng-max-h-32 { max-height: var(--ng-height-32px); }

/* height-33px: 33px */
.ng-h-33     { height: var(--ng-height-33px); }
.ng-min-h-33 { min-height: var(--ng-height-33px); }
.ng-max-h-33 { max-height: var(--ng-height-33px); }

/* height-34px: 34px */
.ng-h-34     { height: var(--ng-height-34px); }
.ng-min-h-34 { min-height: var(--ng-height-34px); }
.ng-max-h-34 { max-height: var(--ng-height-34px); }

/* height-35px: 35px */
.ng-h-35     { height: var(--ng-height-35px); }
.ng-min-h-35 { min-height: var(--ng-height-35px); }
.ng-max-h-35 { max-height: var(--ng-height-35px); }

/* height-36px: 36px */
.ng-h-36     { height: var(--ng-height-36px); }
.ng-min-h-36 { min-height: var(--ng-height-36px); }
.ng-max-h-36 { max-height: var(--ng-height-36px); }

/* height-37px: 37px */
.ng-h-37     { height: var(--ng-height-37px); }
.ng-min-h-37 { min-height: var(--ng-height-37px); }
.ng-max-h-37 { max-height: var(--ng-height-37px); }

/* height-38px: 38px */
.ng-h-38     { height: var(--ng-height-38px); }
.ng-min-h-38 { min-height: var(--ng-height-38px); }
.ng-max-h-38 { max-height: var(--ng-height-38px); }

/* height-39px: 39px */
.ng-h-39     { height: var(--ng-height-39px); }
.ng-min-h-39 { min-height: var(--ng-height-39px); }
.ng-max-h-39 { max-height: var(--ng-height-39px); }

/* height-40px: 40px */
.ng-h-40     { height: var(--ng-height-40px); }
.ng-min-h-40 { min-height: var(--ng-height-40px); }
.ng-max-h-40 { max-height: var(--ng-height-40px); }

/* height-41px: 41px */
.ng-h-41     { height: var(--ng-height-41px); }
.ng-min-h-41 { min-height: var(--ng-height-41px); }
.ng-max-h-41 { max-height: var(--ng-height-41px); }

/* height-42px: 42px */
.ng-h-42     { height: var(--ng-height-42px); }
.ng-min-h-42 { min-height: var(--ng-height-42px); }
.ng-max-h-42 { max-height: var(--ng-height-42px); }

/* height-43px: 43px */
.ng-h-43     { height: var(--ng-height-43px); }
.ng-min-h-43 { min-height: var(--ng-height-43px); }
.ng-max-h-43 { max-height: var(--ng-height-43px); }

/* height-44px: 44px */
.ng-h-44     { height: var(--ng-height-44px); }
.ng-min-h-44 { min-height: var(--ng-height-44px); }
.ng-max-h-44 { max-height: var(--ng-height-44px); }

/* height-45px: 45px */
.ng-h-45     { height: var(--ng-height-45px); }
.ng-min-h-45 { min-height: var(--ng-height-45px); }
.ng-max-h-45 { max-height: var(--ng-height-45px); }

/* height-46px: 46px */
.ng-h-46     { height: var(--ng-height-46px); }
.ng-min-h-46 { min-height: var(--ng-height-46px); }
.ng-max-h-46 { max-height: var(--ng-height-46px); }

/* height-47px: 47px */
.ng-h-47     { height: var(--ng-height-47px); }
.ng-min-h-47 { min-height: var(--ng-height-47px); }
.ng-max-h-47 { max-height: var(--ng-height-47px); }

/* height-48px: 48px */
.ng-h-48     { height: var(--ng-height-48px); }
.ng-min-h-48 { min-height: var(--ng-height-48px); }
.ng-max-h-48 { max-height: var(--ng-height-48px); }

/* height-49px: 49px */
.ng-h-49     { height: var(--ng-height-49px); }
.ng-min-h-49 { min-height: var(--ng-height-49px); }
.ng-max-h-49 { max-height: var(--ng-height-49px); }

/* height-50px: 50px */
.ng-h-50     { height: var(--ng-height-50px); }
.ng-min-h-50 { min-height: var(--ng-height-50px); }
.ng-max-h-50 { max-height: var(--ng-height-50px); }

/* height-60px: 60px */
.ng-h-60     { height: var(--ng-height-60px); }
.ng-min-h-60 { min-height: var(--ng-height-60px); }
.ng-max-h-60 { max-height: var(--ng-height-60px); }

/* height-70px: 70px */
.ng-h-70     { height: var(--ng-height-70px); }
.ng-min-h-70 { min-height: var(--ng-height-70px); }
.ng-max-h-70 { max-height: var(--ng-height-70px); }

/* height-80px: 80px */
.ng-h-80     { height: var(--ng-height-80px); }
.ng-min-h-80 { min-height: var(--ng-height-80px); }
.ng-max-h-80 { max-height: var(--ng-height-80px); }

/* height-90px: 90px */
.ng-h-90     { height: var(--ng-height-90px); }
.ng-min-h-90 { min-height: var(--ng-height-90px); }
.ng-max-h-90 { max-height: var(--ng-height-90px); }

/* height-100px: 100px */
.ng-h-100     { height: var(--ng-height-100px); }
.ng-min-h-100 { min-height: var(--ng-height-100px); }
.ng-max-h-100 { max-height: var(--ng-height-100px); }

/* height-110px: 110px */
.ng-h-110     { height: var(--ng-height-110px); }
.ng-min-h-110 { min-height: var(--ng-height-110px); }
.ng-max-h-110 { max-height: var(--ng-height-110px); }

/* height-120px: 120px */
.ng-h-120     { height: var(--ng-height-120px); }
.ng-min-h-120 { min-height: var(--ng-height-120px); }
.ng-max-h-120 { max-height: var(--ng-height-120px); }

/* height-130px: 130px */
.ng-h-130     { height: var(--ng-height-130px); }
.ng-min-h-130 { min-height: var(--ng-height-130px); }
.ng-max-h-130 { max-height: var(--ng-height-130px); }

/* height-140px: 140px */
.ng-h-140     { height: var(--ng-height-140px); }
.ng-min-h-140 { min-height: var(--ng-height-140px); }
.ng-max-h-140 { max-height: var(--ng-height-140px); }

/* height-150px: 150px */
.ng-h-150     { height: var(--ng-height-150px); }
.ng-min-h-150 { min-height: var(--ng-height-150px); }
.ng-max-h-150 { max-height: var(--ng-height-150px); }

/* height-160px: 160px */
.ng-h-160     { height: var(--ng-height-160px); }
.ng-min-h-160 { min-height: var(--ng-height-160px); }
.ng-max-h-160 { max-height: var(--ng-height-160px); }

/* height-170px: 170px */
.ng-h-170     { height: var(--ng-height-170px); }
.ng-min-h-170 { min-height: var(--ng-height-170px); }
.ng-max-h-170 { max-height: var(--ng-height-170px); }

/* height-180px: 180px */
.ng-h-180     { height: var(--ng-height-180px); }
.ng-min-h-180 { min-height: var(--ng-height-180px); }
.ng-max-h-180 { max-height: var(--ng-height-180px); }

/* height-190px: 190px */
.ng-h-190     { height: var(--ng-height-190px); }
.ng-min-h-190 { min-height: var(--ng-height-190px); }
.ng-max-h-190 { max-height: var(--ng-height-190px); }

/* height-200px: 200px */
.ng-h-200     { height: var(--ng-height-200px); }
.ng-min-h-200 { min-height: var(--ng-height-200px); }
.ng-max-h-200 { max-height: var(--ng-height-200px); }


/* ============================================================
   Border width
   ============================================================ */

/* border-width-0: 0px */
.ng-border-0    { border-width: var(--ng-border-width-0); }
.ng-border-t-0  { border-top-width: var(--ng-border-width-0); }
.ng-border-r-0  { border-right-width: var(--ng-border-width-0); }
.ng-border-b-0  { border-bottom-width: var(--ng-border-width-0); }
.ng-border-l-0  { border-left-width: var(--ng-border-width-0); }

/* border-width-1: 1px */
.ng-border-1    { border-width: var(--ng-border-width-1); }
.ng-border-t-1  { border-top-width: var(--ng-border-width-1); }
.ng-border-r-1  { border-right-width: var(--ng-border-width-1); }
.ng-border-b-1  { border-bottom-width: var(--ng-border-width-1); }
.ng-border-l-1  { border-left-width: var(--ng-border-width-1); }

/* border-width-2: 2px */
.ng-border-2    { border-width: var(--ng-border-width-2); }
.ng-border-t-2  { border-top-width: var(--ng-border-width-2); }
.ng-border-r-2  { border-right-width: var(--ng-border-width-2); }
.ng-border-b-2  { border-bottom-width: var(--ng-border-width-2); }
.ng-border-l-2  { border-left-width: var(--ng-border-width-2); }

/* border-width-3: 3px */
.ng-border-3    { border-width: var(--ng-border-width-3); }
.ng-border-t-3  { border-top-width: var(--ng-border-width-3); }
.ng-border-r-3  { border-right-width: var(--ng-border-width-3); }
.ng-border-b-3  { border-bottom-width: var(--ng-border-width-3); }
.ng-border-l-3  { border-left-width: var(--ng-border-width-3); }

/* border-width-4: 4px */
.ng-border-4    { border-width: var(--ng-border-width-4); }
.ng-border-t-4  { border-top-width: var(--ng-border-width-4); }
.ng-border-r-4  { border-right-width: var(--ng-border-width-4); }
.ng-border-b-4  { border-bottom-width: var(--ng-border-width-4); }
.ng-border-l-4  { border-left-width: var(--ng-border-width-4); }

/* border-width-5: 5px */
.ng-border-5    { border-width: var(--ng-border-width-5); }
.ng-border-t-5  { border-top-width: var(--ng-border-width-5); }
.ng-border-r-5  { border-right-width: var(--ng-border-width-5); }
.ng-border-b-5  { border-bottom-width: var(--ng-border-width-5); }
.ng-border-l-5  { border-left-width: var(--ng-border-width-5); }

/* border-width-6: 6px */
.ng-border-6    { border-width: var(--ng-border-width-6); }
.ng-border-t-6  { border-top-width: var(--ng-border-width-6); }
.ng-border-r-6  { border-right-width: var(--ng-border-width-6); }
.ng-border-b-6  { border-bottom-width: var(--ng-border-width-6); }
.ng-border-l-6  { border-left-width: var(--ng-border-width-6); }

/* border-width-7: 7px */
.ng-border-7    { border-width: var(--ng-border-width-7); }
.ng-border-t-7  { border-top-width: var(--ng-border-width-7); }
.ng-border-r-7  { border-right-width: var(--ng-border-width-7); }
.ng-border-b-7  { border-bottom-width: var(--ng-border-width-7); }
.ng-border-l-7  { border-left-width: var(--ng-border-width-7); }

/* border-width-8: 8px */
.ng-border-8    { border-width: var(--ng-border-width-8); }
.ng-border-t-8  { border-top-width: var(--ng-border-width-8); }
.ng-border-r-8  { border-right-width: var(--ng-border-width-8); }
.ng-border-b-8  { border-bottom-width: var(--ng-border-width-8); }
.ng-border-l-8  { border-left-width: var(--ng-border-width-8); }

/* border-width-9: 9px */
.ng-border-9    { border-width: var(--ng-border-width-9); }
.ng-border-t-9  { border-top-width: var(--ng-border-width-9); }
.ng-border-r-9  { border-right-width: var(--ng-border-width-9); }
.ng-border-b-9  { border-bottom-width: var(--ng-border-width-9); }
.ng-border-l-9  { border-left-width: var(--ng-border-width-9); }

/* border-width-10: 10px */
.ng-border-10    { border-width: var(--ng-border-width-10); }
.ng-border-t-10  { border-top-width: var(--ng-border-width-10); }
.ng-border-r-10  { border-right-width: var(--ng-border-width-10); }
.ng-border-b-10  { border-bottom-width: var(--ng-border-width-10); }
.ng-border-l-10  { border-left-width: var(--ng-border-width-10); }


/* ============================================================
   Outline
   ============================================================ */

/* outline-none: none */
.ng-outline-none { outline: var(--ng-outline-none); }

/* outline-0-5px: 0.5px */
.ng-outline-0-5px { outline: var(--ng-outline-0-5px); }

/* outline-1px: 1px */
.ng-outline-1px { outline: var(--ng-outline-1px); }

/* outline-1-5px: 1.5px */
.ng-outline-1-5px { outline: var(--ng-outline-1-5px); }

/* outline-2px: 2px */
.ng-outline-2px { outline: var(--ng-outline-2px); }

/* outline-2-5px: 2.5px */
.ng-outline-2-5px { outline: var(--ng-outline-2-5px); }

/* outline-3px: 3px */
.ng-outline-3px { outline: var(--ng-outline-3px); }

/* outline-4px: 4px */
.ng-outline-4px { outline: var(--ng-outline-4px); }

/* outline-5px: 5px */
.ng-outline-5px { outline: var(--ng-outline-5px); }

/* outline-6px: 6px */
.ng-outline-6px { outline: var(--ng-outline-6px); }

/* outline-7px: 7px */
.ng-outline-7px { outline: var(--ng-outline-7px); }

/* outline-8px: 8px */
.ng-outline-8px { outline: var(--ng-outline-8px); }

/* outline-9px: 9px */
.ng-outline-9px { outline: var(--ng-outline-9px); }

/* outline-10px: 10px */
.ng-outline-10px { outline: var(--ng-outline-10px); }

/* outline-solid: solid */
.ng-outline-solid { outline: var(--ng-outline-solid); }

/* outline-dashed: dashed */
.ng-outline-dashed { outline: var(--ng-outline-dashed); }

/* outline-dotted: dotted */
.ng-outline-dotted { outline: var(--ng-outline-dotted); }

/* outline-double: double */
.ng-outline-double { outline: var(--ng-outline-double); }

/* outline-inset: inset */
.ng-outline-inset { outline: var(--ng-outline-inset); }


/* ============================================================
   Outline offset
   ============================================================ */

/* outline-offset-0: 0px */
.ng-outline-offset-0 { outline-offset: var(--ng-outline-offset-0); }

/* outline-offset-1: 1px */
.ng-outline-offset-1 { outline-offset: var(--ng-outline-offset-1); }

/* outline-offset-2: 2px */
.ng-outline-offset-2 { outline-offset: var(--ng-outline-offset-2); }

/* outline-offset-3: 3px */
.ng-outline-offset-3 { outline-offset: var(--ng-outline-offset-3); }

/* outline-offset-4: 4px */
.ng-outline-offset-4 { outline-offset: var(--ng-outline-offset-4); }

/* outline-offset-5: 5px */
.ng-outline-offset-5 { outline-offset: var(--ng-outline-offset-5); }

/* outline-offset-6: 6px */
.ng-outline-offset-6 { outline-offset: var(--ng-outline-offset-6); }

/* outline-offset-8: 8px */
.ng-outline-offset-8 { outline-offset: var(--ng-outline-offset-8); }

/* outline-offset-10: 10px */
.ng-outline-offset-10 { outline-offset: var(--ng-outline-offset-10); }


/* ============================================================
   Stroke width
   ============================================================ */

/* stroke-width-0: 0 */
.ng-stroke-0 { stroke-width: var(--ng-stroke-width-0); }

/* stroke-width-1: 1px */
.ng-stroke-1 { stroke-width: var(--ng-stroke-width-1); }

/* stroke-width-2: 2px */
.ng-stroke-2 { stroke-width: var(--ng-stroke-width-2); }

/* stroke-width-3: 3px */
.ng-stroke-3 { stroke-width: var(--ng-stroke-width-3); }

/* stroke-width-4: 4px */
.ng-stroke-4 { stroke-width: var(--ng-stroke-width-4); }

/* stroke-width-5: 5px */
.ng-stroke-5 { stroke-width: var(--ng-stroke-width-5); }

/* stroke-width-6: 6px */
.ng-stroke-6 { stroke-width: var(--ng-stroke-width-6); }

/* stroke-width-7: 7px */
.ng-stroke-7 { stroke-width: var(--ng-stroke-width-7); }

/* stroke-width-8: 8px */
.ng-stroke-8 { stroke-width: var(--ng-stroke-width-8); }

/* stroke-width-9: 9px */
.ng-stroke-9 { stroke-width: var(--ng-stroke-width-9); }

/* stroke-width-10: 10px */
.ng-stroke-10 { stroke-width: var(--ng-stroke-width-10); }


/* ============================================================
   Colors — primitives (text, bg, border, fill, stroke)
   ============================================================ */

/* color-base-white: #FFFFFFFF */
.ng-text-base-white   { color: var(--ng-color-base-white); }
.ng-bg-base-white     { background-color: var(--ng-color-base-white); }
.ng-border-base-white { border-color: var(--ng-color-base-white); }
.ng-fill-base-white   { fill: var(--ng-color-base-white); }
.ng-stroke-base-white { stroke: var(--ng-color-base-white); }

/* color-base-black: #000000FF */
.ng-text-base-black   { color: var(--ng-color-base-black); }
.ng-bg-base-black     { background-color: var(--ng-color-base-black); }
.ng-border-base-black { border-color: var(--ng-color-base-black); }
.ng-fill-base-black   { fill: var(--ng-color-base-black); }
.ng-stroke-base-black { stroke: var(--ng-color-base-black); }

/* color-base-transparent: #FFFFFF00 */
.ng-text-base-transparent   { color: var(--ng-color-base-transparent); }
.ng-bg-base-transparent     { background-color: var(--ng-color-base-transparent); }
.ng-border-base-transparent { border-color: var(--ng-color-base-transparent); }
.ng-fill-base-transparent   { fill: var(--ng-color-base-transparent); }
.ng-stroke-base-transparent { stroke: var(--ng-color-base-transparent); }

/* color-graylightmode-25: #FDFDFDFF */
.ng-text-graylightmode-25   { color: var(--ng-color-graylightmode-25); }
.ng-bg-graylightmode-25     { background-color: var(--ng-color-graylightmode-25); }
.ng-border-graylightmode-25 { border-color: var(--ng-color-graylightmode-25); }
.ng-fill-graylightmode-25   { fill: var(--ng-color-graylightmode-25); }
.ng-stroke-graylightmode-25 { stroke: var(--ng-color-graylightmode-25); }

/* color-graylightmode-50: #FAFAFAFF */
.ng-text-graylightmode-50   { color: var(--ng-color-graylightmode-50); }
.ng-bg-graylightmode-50     { background-color: var(--ng-color-graylightmode-50); }
.ng-border-graylightmode-50 { border-color: var(--ng-color-graylightmode-50); }
.ng-fill-graylightmode-50   { fill: var(--ng-color-graylightmode-50); }
.ng-stroke-graylightmode-50 { stroke: var(--ng-color-graylightmode-50); }

/* color-graylightmode-100: #F5F5F5FF */
.ng-text-graylightmode-100   { color: var(--ng-color-graylightmode-100); }
.ng-bg-graylightmode-100     { background-color: var(--ng-color-graylightmode-100); }
.ng-border-graylightmode-100 { border-color: var(--ng-color-graylightmode-100); }
.ng-fill-graylightmode-100   { fill: var(--ng-color-graylightmode-100); }
.ng-stroke-graylightmode-100 { stroke: var(--ng-color-graylightmode-100); }

/* color-graylightmode-200: #E9EAEBFF */
.ng-text-graylightmode-200   { color: var(--ng-color-graylightmode-200); }
.ng-bg-graylightmode-200     { background-color: var(--ng-color-graylightmode-200); }
.ng-border-graylightmode-200 { border-color: var(--ng-color-graylightmode-200); }
.ng-fill-graylightmode-200   { fill: var(--ng-color-graylightmode-200); }
.ng-stroke-graylightmode-200 { stroke: var(--ng-color-graylightmode-200); }

/* color-graylightmode-300: #D5D7DAFF */
.ng-text-graylightmode-300   { color: var(--ng-color-graylightmode-300); }
.ng-bg-graylightmode-300     { background-color: var(--ng-color-graylightmode-300); }
.ng-border-graylightmode-300 { border-color: var(--ng-color-graylightmode-300); }
.ng-fill-graylightmode-300   { fill: var(--ng-color-graylightmode-300); }
.ng-stroke-graylightmode-300 { stroke: var(--ng-color-graylightmode-300); }

/* color-graylightmode-400: #A4A7AEFF */
.ng-text-graylightmode-400   { color: var(--ng-color-graylightmode-400); }
.ng-bg-graylightmode-400     { background-color: var(--ng-color-graylightmode-400); }
.ng-border-graylightmode-400 { border-color: var(--ng-color-graylightmode-400); }
.ng-fill-graylightmode-400   { fill: var(--ng-color-graylightmode-400); }
.ng-stroke-graylightmode-400 { stroke: var(--ng-color-graylightmode-400); }

/* color-graylightmode-500: #717680FF */
.ng-text-graylightmode-500   { color: var(--ng-color-graylightmode-500); }
.ng-bg-graylightmode-500     { background-color: var(--ng-color-graylightmode-500); }
.ng-border-graylightmode-500 { border-color: var(--ng-color-graylightmode-500); }
.ng-fill-graylightmode-500   { fill: var(--ng-color-graylightmode-500); }
.ng-stroke-graylightmode-500 { stroke: var(--ng-color-graylightmode-500); }

/* color-graylightmode-600: #535862FF */
.ng-text-graylightmode-600   { color: var(--ng-color-graylightmode-600); }
.ng-bg-graylightmode-600     { background-color: var(--ng-color-graylightmode-600); }
.ng-border-graylightmode-600 { border-color: var(--ng-color-graylightmode-600); }
.ng-fill-graylightmode-600   { fill: var(--ng-color-graylightmode-600); }
.ng-stroke-graylightmode-600 { stroke: var(--ng-color-graylightmode-600); }

/* color-graylightmode-700: #414651FF */
.ng-text-graylightmode-700   { color: var(--ng-color-graylightmode-700); }
.ng-bg-graylightmode-700     { background-color: var(--ng-color-graylightmode-700); }
.ng-border-graylightmode-700 { border-color: var(--ng-color-graylightmode-700); }
.ng-fill-graylightmode-700   { fill: var(--ng-color-graylightmode-700); }
.ng-stroke-graylightmode-700 { stroke: var(--ng-color-graylightmode-700); }

/* color-graylightmode-800: #252B37FF */
.ng-text-graylightmode-800   { color: var(--ng-color-graylightmode-800); }
.ng-bg-graylightmode-800     { background-color: var(--ng-color-graylightmode-800); }
.ng-border-graylightmode-800 { border-color: var(--ng-color-graylightmode-800); }
.ng-fill-graylightmode-800   { fill: var(--ng-color-graylightmode-800); }
.ng-stroke-graylightmode-800 { stroke: var(--ng-color-graylightmode-800); }

/* color-graylightmode-900: #181D27FF */
.ng-text-graylightmode-900   { color: var(--ng-color-graylightmode-900); }
.ng-bg-graylightmode-900     { background-color: var(--ng-color-graylightmode-900); }
.ng-border-graylightmode-900 { border-color: var(--ng-color-graylightmode-900); }
.ng-fill-graylightmode-900   { fill: var(--ng-color-graylightmode-900); }
.ng-stroke-graylightmode-900 { stroke: var(--ng-color-graylightmode-900); }

/* color-graylightmode-950: #0A0D12FF */
.ng-text-graylightmode-950   { color: var(--ng-color-graylightmode-950); }
.ng-bg-graylightmode-950     { background-color: var(--ng-color-graylightmode-950); }
.ng-border-graylightmode-950 { border-color: var(--ng-color-graylightmode-950); }
.ng-fill-graylightmode-950   { fill: var(--ng-color-graylightmode-950); }
.ng-stroke-graylightmode-950 { stroke: var(--ng-color-graylightmode-950); }

/* color-graydarkmode-25: #FAFAFAFF */
.ng-text-graydarkmode-25   { color: var(--ng-color-graydarkmode-25); }
.ng-bg-graydarkmode-25     { background-color: var(--ng-color-graydarkmode-25); }
.ng-border-graydarkmode-25 { border-color: var(--ng-color-graydarkmode-25); }
.ng-fill-graydarkmode-25   { fill: var(--ng-color-graydarkmode-25); }
.ng-stroke-graydarkmode-25 { stroke: var(--ng-color-graydarkmode-25); }

/* color-graydarkmode-50: #F7F7F7FF */
.ng-text-graydarkmode-50   { color: var(--ng-color-graydarkmode-50); }
.ng-bg-graydarkmode-50     { background-color: var(--ng-color-graydarkmode-50); }
.ng-border-graydarkmode-50 { border-color: var(--ng-color-graydarkmode-50); }
.ng-fill-graydarkmode-50   { fill: var(--ng-color-graydarkmode-50); }
.ng-stroke-graydarkmode-50 { stroke: var(--ng-color-graydarkmode-50); }

/* color-graydarkmode-100: #F0F0F1FF */
.ng-text-graydarkmode-100   { color: var(--ng-color-graydarkmode-100); }
.ng-bg-graydarkmode-100     { background-color: var(--ng-color-graydarkmode-100); }
.ng-border-graydarkmode-100 { border-color: var(--ng-color-graydarkmode-100); }
.ng-fill-graydarkmode-100   { fill: var(--ng-color-graydarkmode-100); }
.ng-stroke-graydarkmode-100 { stroke: var(--ng-color-graydarkmode-100); }

/* color-graydarkmode-200: #ECECEDFF */
.ng-text-graydarkmode-200   { color: var(--ng-color-graydarkmode-200); }
.ng-bg-graydarkmode-200     { background-color: var(--ng-color-graydarkmode-200); }
.ng-border-graydarkmode-200 { border-color: var(--ng-color-graydarkmode-200); }
.ng-fill-graydarkmode-200   { fill: var(--ng-color-graydarkmode-200); }
.ng-stroke-graydarkmode-200 { stroke: var(--ng-color-graydarkmode-200); }

/* color-graydarkmode-300: #CECFD2FF */
.ng-text-graydarkmode-300   { color: var(--ng-color-graydarkmode-300); }
.ng-bg-graydarkmode-300     { background-color: var(--ng-color-graydarkmode-300); }
.ng-border-graydarkmode-300 { border-color: var(--ng-color-graydarkmode-300); }
.ng-fill-graydarkmode-300   { fill: var(--ng-color-graydarkmode-300); }
.ng-stroke-graydarkmode-300 { stroke: var(--ng-color-graydarkmode-300); }

/* color-graydarkmode-400: #94979CFF */
.ng-text-graydarkmode-400   { color: var(--ng-color-graydarkmode-400); }
.ng-bg-graydarkmode-400     { background-color: var(--ng-color-graydarkmode-400); }
.ng-border-graydarkmode-400 { border-color: var(--ng-color-graydarkmode-400); }
.ng-fill-graydarkmode-400   { fill: var(--ng-color-graydarkmode-400); }
.ng-stroke-graydarkmode-400 { stroke: var(--ng-color-graydarkmode-400); }

/* color-graydarkmode-500: #85888EFF */
.ng-text-graydarkmode-500   { color: var(--ng-color-graydarkmode-500); }
.ng-bg-graydarkmode-500     { background-color: var(--ng-color-graydarkmode-500); }
.ng-border-graydarkmode-500 { border-color: var(--ng-color-graydarkmode-500); }
.ng-fill-graydarkmode-500   { fill: var(--ng-color-graydarkmode-500); }
.ng-stroke-graydarkmode-500 { stroke: var(--ng-color-graydarkmode-500); }

/* color-graydarkmode-600: #61656CFF */
.ng-text-graydarkmode-600   { color: var(--ng-color-graydarkmode-600); }
.ng-bg-graydarkmode-600     { background-color: var(--ng-color-graydarkmode-600); }
.ng-border-graydarkmode-600 { border-color: var(--ng-color-graydarkmode-600); }
.ng-fill-graydarkmode-600   { fill: var(--ng-color-graydarkmode-600); }
.ng-stroke-graydarkmode-600 { stroke: var(--ng-color-graydarkmode-600); }

/* color-graydarkmode-700: #373A41FF */
.ng-text-graydarkmode-700   { color: var(--ng-color-graydarkmode-700); }
.ng-bg-graydarkmode-700     { background-color: var(--ng-color-graydarkmode-700); }
.ng-border-graydarkmode-700 { border-color: var(--ng-color-graydarkmode-700); }
.ng-fill-graydarkmode-700   { fill: var(--ng-color-graydarkmode-700); }
.ng-stroke-graydarkmode-700 { stroke: var(--ng-color-graydarkmode-700); }

/* color-graydarkmode-800: #22262FFF */
.ng-text-graydarkmode-800   { color: var(--ng-color-graydarkmode-800); }
.ng-bg-graydarkmode-800     { background-color: var(--ng-color-graydarkmode-800); }
.ng-border-graydarkmode-800 { border-color: var(--ng-color-graydarkmode-800); }
.ng-fill-graydarkmode-800   { fill: var(--ng-color-graydarkmode-800); }
.ng-stroke-graydarkmode-800 { stroke: var(--ng-color-graydarkmode-800); }

/* color-graydarkmode-900: #13161BFF */
.ng-text-graydarkmode-900   { color: var(--ng-color-graydarkmode-900); }
.ng-bg-graydarkmode-900     { background-color: var(--ng-color-graydarkmode-900); }
.ng-border-graydarkmode-900 { border-color: var(--ng-color-graydarkmode-900); }
.ng-fill-graydarkmode-900   { fill: var(--ng-color-graydarkmode-900); }
.ng-stroke-graydarkmode-900 { stroke: var(--ng-color-graydarkmode-900); }

/* color-graydarkmode-950: #0C0E12FF */
.ng-text-graydarkmode-950   { color: var(--ng-color-graydarkmode-950); }
.ng-bg-graydarkmode-950     { background-color: var(--ng-color-graydarkmode-950); }
.ng-border-graydarkmode-950 { border-color: var(--ng-color-graydarkmode-950); }
.ng-fill-graydarkmode-950   { fill: var(--ng-color-graydarkmode-950); }
.ng-stroke-graydarkmode-950 { stroke: var(--ng-color-graydarkmode-950); }

/* color-graydarkmodealpha-25: #FFFFFFFA */
.ng-text-graydarkmodealpha-25   { color: var(--ng-color-graydarkmodealpha-25); }
.ng-bg-graydarkmodealpha-25     { background-color: var(--ng-color-graydarkmodealpha-25); }
.ng-border-graydarkmodealpha-25 { border-color: var(--ng-color-graydarkmodealpha-25); }
.ng-fill-graydarkmodealpha-25   { fill: var(--ng-color-graydarkmodealpha-25); }
.ng-stroke-graydarkmodealpha-25 { stroke: var(--ng-color-graydarkmodealpha-25); }

/* color-graydarkmodealpha-50: #FFFFFFF5 */
.ng-text-graydarkmodealpha-50   { color: var(--ng-color-graydarkmodealpha-50); }
.ng-bg-graydarkmodealpha-50     { background-color: var(--ng-color-graydarkmodealpha-50); }
.ng-border-graydarkmodealpha-50 { border-color: var(--ng-color-graydarkmodealpha-50); }
.ng-fill-graydarkmodealpha-50   { fill: var(--ng-color-graydarkmodealpha-50); }
.ng-stroke-graydarkmodealpha-50 { stroke: var(--ng-color-graydarkmodealpha-50); }

/* color-graydarkmodealpha-100: #FFFFFFF0 */
.ng-text-graydarkmodealpha-100   { color: var(--ng-color-graydarkmodealpha-100); }
.ng-bg-graydarkmodealpha-100     { background-color: var(--ng-color-graydarkmodealpha-100); }
.ng-border-graydarkmodealpha-100 { border-color: var(--ng-color-graydarkmodealpha-100); }
.ng-fill-graydarkmodealpha-100   { fill: var(--ng-color-graydarkmodealpha-100); }
.ng-stroke-graydarkmodealpha-100 { stroke: var(--ng-color-graydarkmodealpha-100); }

/* color-graydarkmodealpha-200: #FFFFFFEB */
.ng-text-graydarkmodealpha-200   { color: var(--ng-color-graydarkmodealpha-200); }
.ng-bg-graydarkmodealpha-200     { background-color: var(--ng-color-graydarkmodealpha-200); }
.ng-border-graydarkmodealpha-200 { border-color: var(--ng-color-graydarkmodealpha-200); }
.ng-fill-graydarkmodealpha-200   { fill: var(--ng-color-graydarkmodealpha-200); }
.ng-stroke-graydarkmodealpha-200 { stroke: var(--ng-color-graydarkmodealpha-200); }

/* color-graydarkmodealpha-300: #FFFFFFCC */
.ng-text-graydarkmodealpha-300   { color: var(--ng-color-graydarkmodealpha-300); }
.ng-bg-graydarkmodealpha-300     { background-color: var(--ng-color-graydarkmodealpha-300); }
.ng-border-graydarkmodealpha-300 { border-color: var(--ng-color-graydarkmodealpha-300); }
.ng-fill-graydarkmodealpha-300   { fill: var(--ng-color-graydarkmodealpha-300); }
.ng-stroke-graydarkmodealpha-300 { stroke: var(--ng-color-graydarkmodealpha-300); }

/* color-graydarkmodealpha-400: #FFFFFF8F */
.ng-text-graydarkmodealpha-400   { color: var(--ng-color-graydarkmodealpha-400); }
.ng-bg-graydarkmodealpha-400     { background-color: var(--ng-color-graydarkmodealpha-400); }
.ng-border-graydarkmodealpha-400 { border-color: var(--ng-color-graydarkmodealpha-400); }
.ng-fill-graydarkmodealpha-400   { fill: var(--ng-color-graydarkmodealpha-400); }
.ng-stroke-graydarkmodealpha-400 { stroke: var(--ng-color-graydarkmodealpha-400); }

/* color-graydarkmodealpha-500: #FFFFFF80 */
.ng-text-graydarkmodealpha-500   { color: var(--ng-color-graydarkmodealpha-500); }
.ng-bg-graydarkmodealpha-500     { background-color: var(--ng-color-graydarkmodealpha-500); }
.ng-border-graydarkmodealpha-500 { border-color: var(--ng-color-graydarkmodealpha-500); }
.ng-fill-graydarkmodealpha-500   { fill: var(--ng-color-graydarkmodealpha-500); }
.ng-stroke-graydarkmodealpha-500 { stroke: var(--ng-color-graydarkmodealpha-500); }

/* color-graydarkmodealpha-600: #FFFFFF59 */
.ng-text-graydarkmodealpha-600   { color: var(--ng-color-graydarkmodealpha-600); }
.ng-bg-graydarkmodealpha-600     { background-color: var(--ng-color-graydarkmodealpha-600); }
.ng-border-graydarkmodealpha-600 { border-color: var(--ng-color-graydarkmodealpha-600); }
.ng-fill-graydarkmodealpha-600   { fill: var(--ng-color-graydarkmodealpha-600); }
.ng-stroke-graydarkmodealpha-600 { stroke: var(--ng-color-graydarkmodealpha-600); }

/* color-graydarkmodealpha-700: #FFFFFF29 */
.ng-text-graydarkmodealpha-700   { color: var(--ng-color-graydarkmodealpha-700); }
.ng-bg-graydarkmodealpha-700     { background-color: var(--ng-color-graydarkmodealpha-700); }
.ng-border-graydarkmodealpha-700 { border-color: var(--ng-color-graydarkmodealpha-700); }
.ng-fill-graydarkmodealpha-700   { fill: var(--ng-color-graydarkmodealpha-700); }
.ng-stroke-graydarkmodealpha-700 { stroke: var(--ng-color-graydarkmodealpha-700); }

/* color-graydarkmodealpha-800: #FFFFFF14 */
.ng-text-graydarkmodealpha-800   { color: var(--ng-color-graydarkmodealpha-800); }
.ng-bg-graydarkmodealpha-800     { background-color: var(--ng-color-graydarkmodealpha-800); }
.ng-border-graydarkmodealpha-800 { border-color: var(--ng-color-graydarkmodealpha-800); }
.ng-fill-graydarkmodealpha-800   { fill: var(--ng-color-graydarkmodealpha-800); }
.ng-stroke-graydarkmodealpha-800 { stroke: var(--ng-color-graydarkmodealpha-800); }

/* color-graydarkmodealpha-900: #FFFFFF0A */
.ng-text-graydarkmodealpha-900   { color: var(--ng-color-graydarkmodealpha-900); }
.ng-bg-graydarkmodealpha-900     { background-color: var(--ng-color-graydarkmodealpha-900); }
.ng-border-graydarkmodealpha-900 { border-color: var(--ng-color-graydarkmodealpha-900); }
.ng-fill-graydarkmodealpha-900   { fill: var(--ng-color-graydarkmodealpha-900); }
.ng-stroke-graydarkmodealpha-900 { stroke: var(--ng-color-graydarkmodealpha-900); }

/* color-graydarkmodealpha-950: #FFFFFF00 */
.ng-text-graydarkmodealpha-950   { color: var(--ng-color-graydarkmodealpha-950); }
.ng-bg-graydarkmodealpha-950     { background-color: var(--ng-color-graydarkmodealpha-950); }
.ng-border-graydarkmodealpha-950 { border-color: var(--ng-color-graydarkmodealpha-950); }
.ng-fill-graydarkmodealpha-950   { fill: var(--ng-color-graydarkmodealpha-950); }
.ng-stroke-graydarkmodealpha-950 { stroke: var(--ng-color-graydarkmodealpha-950); }

/* color-brand-25: #FCFAFFFF */
.ng-text-brand-25   { color: var(--ng-color-brand-25); }
.ng-bg-brand-25     { background-color: var(--ng-color-brand-25); }
.ng-border-brand-25 { border-color: var(--ng-color-brand-25); }
.ng-fill-brand-25   { fill: var(--ng-color-brand-25); }
.ng-stroke-brand-25 { stroke: var(--ng-color-brand-25); }

/* color-brand-50: #F9F5FFFF */
.ng-text-brand-50   { color: var(--ng-color-brand-50); }
.ng-bg-brand-50     { background-color: var(--ng-color-brand-50); }
.ng-border-brand-50 { border-color: var(--ng-color-brand-50); }
.ng-fill-brand-50   { fill: var(--ng-color-brand-50); }
.ng-stroke-brand-50 { stroke: var(--ng-color-brand-50); }

/* color-brand-100: #F4EBFFFF */
.ng-text-brand-100   { color: var(--ng-color-brand-100); }
.ng-bg-brand-100     { background-color: var(--ng-color-brand-100); }
.ng-border-brand-100 { border-color: var(--ng-color-brand-100); }
.ng-fill-brand-100   { fill: var(--ng-color-brand-100); }
.ng-stroke-brand-100 { stroke: var(--ng-color-brand-100); }

/* color-brand-200: #E9D7FEFF */
.ng-text-brand-200   { color: var(--ng-color-brand-200); }
.ng-bg-brand-200     { background-color: var(--ng-color-brand-200); }
.ng-border-brand-200 { border-color: var(--ng-color-brand-200); }
.ng-fill-brand-200   { fill: var(--ng-color-brand-200); }
.ng-stroke-brand-200 { stroke: var(--ng-color-brand-200); }

/* color-brand-300: #D6BBFBFF */
.ng-text-brand-300   { color: var(--ng-color-brand-300); }
.ng-bg-brand-300     { background-color: var(--ng-color-brand-300); }
.ng-border-brand-300 { border-color: var(--ng-color-brand-300); }
.ng-fill-brand-300   { fill: var(--ng-color-brand-300); }
.ng-stroke-brand-300 { stroke: var(--ng-color-brand-300); }

/* color-brand-400: #B692F6FF */
.ng-text-brand-400   { color: var(--ng-color-brand-400); }
.ng-bg-brand-400     { background-color: var(--ng-color-brand-400); }
.ng-border-brand-400 { border-color: var(--ng-color-brand-400); }
.ng-fill-brand-400   { fill: var(--ng-color-brand-400); }
.ng-stroke-brand-400 { stroke: var(--ng-color-brand-400); }

/* color-brand-500: #9E77EDFF */
.ng-text-brand-500   { color: var(--ng-color-brand-500); }
.ng-bg-brand-500     { background-color: var(--ng-color-brand-500); }
.ng-border-brand-500 { border-color: var(--ng-color-brand-500); }
.ng-fill-brand-500   { fill: var(--ng-color-brand-500); }
.ng-stroke-brand-500 { stroke: var(--ng-color-brand-500); }

/* color-brand-600: #7F56D9FF */
.ng-text-brand-600   { color: var(--ng-color-brand-600); }
.ng-bg-brand-600     { background-color: var(--ng-color-brand-600); }
.ng-border-brand-600 { border-color: var(--ng-color-brand-600); }
.ng-fill-brand-600   { fill: var(--ng-color-brand-600); }
.ng-stroke-brand-600 { stroke: var(--ng-color-brand-600); }

/* color-brand-700: #6941C6FF */
.ng-text-brand-700   { color: var(--ng-color-brand-700); }
.ng-bg-brand-700     { background-color: var(--ng-color-brand-700); }
.ng-border-brand-700 { border-color: var(--ng-color-brand-700); }
.ng-fill-brand-700   { fill: var(--ng-color-brand-700); }
.ng-stroke-brand-700 { stroke: var(--ng-color-brand-700); }

/* color-brand-800: #53389EFF */
.ng-text-brand-800   { color: var(--ng-color-brand-800); }
.ng-bg-brand-800     { background-color: var(--ng-color-brand-800); }
.ng-border-brand-800 { border-color: var(--ng-color-brand-800); }
.ng-fill-brand-800   { fill: var(--ng-color-brand-800); }
.ng-stroke-brand-800 { stroke: var(--ng-color-brand-800); }

/* color-brand-900: #42307DFF */
.ng-text-brand-900   { color: var(--ng-color-brand-900); }
.ng-bg-brand-900     { background-color: var(--ng-color-brand-900); }
.ng-border-brand-900 { border-color: var(--ng-color-brand-900); }
.ng-fill-brand-900   { fill: var(--ng-color-brand-900); }
.ng-stroke-brand-900 { stroke: var(--ng-color-brand-900); }

/* color-brand-950: #2C1C5FFF */
.ng-text-brand-950   { color: var(--ng-color-brand-950); }
.ng-bg-brand-950     { background-color: var(--ng-color-brand-950); }
.ng-border-brand-950 { border-color: var(--ng-color-brand-950); }
.ng-fill-brand-950   { fill: var(--ng-color-brand-950); }
.ng-stroke-brand-950 { stroke: var(--ng-color-brand-950); }

/* color-error-25: #FFFBFAFF */
.ng-text-error-25   { color: var(--ng-color-error-25); }
.ng-bg-error-25     { background-color: var(--ng-color-error-25); }
.ng-border-error-25 { border-color: var(--ng-color-error-25); }
.ng-fill-error-25   { fill: var(--ng-color-error-25); }
.ng-stroke-error-25 { stroke: var(--ng-color-error-25); }

/* color-error-50: #FEF3F2FF */
.ng-text-error-50   { color: var(--ng-color-error-50); }
.ng-bg-error-50     { background-color: var(--ng-color-error-50); }
.ng-border-error-50 { border-color: var(--ng-color-error-50); }
.ng-fill-error-50   { fill: var(--ng-color-error-50); }
.ng-stroke-error-50 { stroke: var(--ng-color-error-50); }

/* color-error-100: #FEE4E2FF */
.ng-text-error-100   { color: var(--ng-color-error-100); }
.ng-bg-error-100     { background-color: var(--ng-color-error-100); }
.ng-border-error-100 { border-color: var(--ng-color-error-100); }
.ng-fill-error-100   { fill: var(--ng-color-error-100); }
.ng-stroke-error-100 { stroke: var(--ng-color-error-100); }

/* color-error-200: #FECDCAFF */
.ng-text-error-200   { color: var(--ng-color-error-200); }
.ng-bg-error-200     { background-color: var(--ng-color-error-200); }
.ng-border-error-200 { border-color: var(--ng-color-error-200); }
.ng-fill-error-200   { fill: var(--ng-color-error-200); }
.ng-stroke-error-200 { stroke: var(--ng-color-error-200); }

/* color-error-300: #FDA29BFF */
.ng-text-error-300   { color: var(--ng-color-error-300); }
.ng-bg-error-300     { background-color: var(--ng-color-error-300); }
.ng-border-error-300 { border-color: var(--ng-color-error-300); }
.ng-fill-error-300   { fill: var(--ng-color-error-300); }
.ng-stroke-error-300 { stroke: var(--ng-color-error-300); }

/* color-error-400: #F97066FF */
.ng-text-error-400   { color: var(--ng-color-error-400); }
.ng-bg-error-400     { background-color: var(--ng-color-error-400); }
.ng-border-error-400 { border-color: var(--ng-color-error-400); }
.ng-fill-error-400   { fill: var(--ng-color-error-400); }
.ng-stroke-error-400 { stroke: var(--ng-color-error-400); }

/* color-error-500: #F04438FF */
.ng-text-error-500   { color: var(--ng-color-error-500); }
.ng-bg-error-500     { background-color: var(--ng-color-error-500); }
.ng-border-error-500 { border-color: var(--ng-color-error-500); }
.ng-fill-error-500   { fill: var(--ng-color-error-500); }
.ng-stroke-error-500 { stroke: var(--ng-color-error-500); }

/* color-error-600: #D92D20FF */
.ng-text-error-600   { color: var(--ng-color-error-600); }
.ng-bg-error-600     { background-color: var(--ng-color-error-600); }
.ng-border-error-600 { border-color: var(--ng-color-error-600); }
.ng-fill-error-600   { fill: var(--ng-color-error-600); }
.ng-stroke-error-600 { stroke: var(--ng-color-error-600); }

/* color-error-700: #B42318FF */
.ng-text-error-700   { color: var(--ng-color-error-700); }
.ng-bg-error-700     { background-color: var(--ng-color-error-700); }
.ng-border-error-700 { border-color: var(--ng-color-error-700); }
.ng-fill-error-700   { fill: var(--ng-color-error-700); }
.ng-stroke-error-700 { stroke: var(--ng-color-error-700); }

/* color-error-800: #912018FF */
.ng-text-error-800   { color: var(--ng-color-error-800); }
.ng-bg-error-800     { background-color: var(--ng-color-error-800); }
.ng-border-error-800 { border-color: var(--ng-color-error-800); }
.ng-fill-error-800   { fill: var(--ng-color-error-800); }
.ng-stroke-error-800 { stroke: var(--ng-color-error-800); }

/* color-error-900: #7A271AFF */
.ng-text-error-900   { color: var(--ng-color-error-900); }
.ng-bg-error-900     { background-color: var(--ng-color-error-900); }
.ng-border-error-900 { border-color: var(--ng-color-error-900); }
.ng-fill-error-900   { fill: var(--ng-color-error-900); }
.ng-stroke-error-900 { stroke: var(--ng-color-error-900); }

/* color-error-950: #55160CFF */
.ng-text-error-950   { color: var(--ng-color-error-950); }
.ng-bg-error-950     { background-color: var(--ng-color-error-950); }
.ng-border-error-950 { border-color: var(--ng-color-error-950); }
.ng-fill-error-950   { fill: var(--ng-color-error-950); }
.ng-stroke-error-950 { stroke: var(--ng-color-error-950); }

/* color-warning-25: #FFFCF5FF */
.ng-text-warning-25   { color: var(--ng-color-warning-25); }
.ng-bg-warning-25     { background-color: var(--ng-color-warning-25); }
.ng-border-warning-25 { border-color: var(--ng-color-warning-25); }
.ng-fill-warning-25   { fill: var(--ng-color-warning-25); }
.ng-stroke-warning-25 { stroke: var(--ng-color-warning-25); }

/* color-warning-50: #FFFAEBFF */
.ng-text-warning-50   { color: var(--ng-color-warning-50); }
.ng-bg-warning-50     { background-color: var(--ng-color-warning-50); }
.ng-border-warning-50 { border-color: var(--ng-color-warning-50); }
.ng-fill-warning-50   { fill: var(--ng-color-warning-50); }
.ng-stroke-warning-50 { stroke: var(--ng-color-warning-50); }

/* color-warning-100: #FEF0C7FF */
.ng-text-warning-100   { color: var(--ng-color-warning-100); }
.ng-bg-warning-100     { background-color: var(--ng-color-warning-100); }
.ng-border-warning-100 { border-color: var(--ng-color-warning-100); }
.ng-fill-warning-100   { fill: var(--ng-color-warning-100); }
.ng-stroke-warning-100 { stroke: var(--ng-color-warning-100); }

/* color-warning-200: #FEDF89FF */
.ng-text-warning-200   { color: var(--ng-color-warning-200); }
.ng-bg-warning-200     { background-color: var(--ng-color-warning-200); }
.ng-border-warning-200 { border-color: var(--ng-color-warning-200); }
.ng-fill-warning-200   { fill: var(--ng-color-warning-200); }
.ng-stroke-warning-200 { stroke: var(--ng-color-warning-200); }

/* color-warning-300: #FEC84BFF */
.ng-text-warning-300   { color: var(--ng-color-warning-300); }
.ng-bg-warning-300     { background-color: var(--ng-color-warning-300); }
.ng-border-warning-300 { border-color: var(--ng-color-warning-300); }
.ng-fill-warning-300   { fill: var(--ng-color-warning-300); }
.ng-stroke-warning-300 { stroke: var(--ng-color-warning-300); }

/* color-warning-400: #FDB022FF */
.ng-text-warning-400   { color: var(--ng-color-warning-400); }
.ng-bg-warning-400     { background-color: var(--ng-color-warning-400); }
.ng-border-warning-400 { border-color: var(--ng-color-warning-400); }
.ng-fill-warning-400   { fill: var(--ng-color-warning-400); }
.ng-stroke-warning-400 { stroke: var(--ng-color-warning-400); }

/* color-warning-500: #F79009FF */
.ng-text-warning-500   { color: var(--ng-color-warning-500); }
.ng-bg-warning-500     { background-color: var(--ng-color-warning-500); }
.ng-border-warning-500 { border-color: var(--ng-color-warning-500); }
.ng-fill-warning-500   { fill: var(--ng-color-warning-500); }
.ng-stroke-warning-500 { stroke: var(--ng-color-warning-500); }

/* color-warning-600: #DC6803FF */
.ng-text-warning-600   { color: var(--ng-color-warning-600); }
.ng-bg-warning-600     { background-color: var(--ng-color-warning-600); }
.ng-border-warning-600 { border-color: var(--ng-color-warning-600); }
.ng-fill-warning-600   { fill: var(--ng-color-warning-600); }
.ng-stroke-warning-600 { stroke: var(--ng-color-warning-600); }

/* color-warning-700: #B54708FF */
.ng-text-warning-700   { color: var(--ng-color-warning-700); }
.ng-bg-warning-700     { background-color: var(--ng-color-warning-700); }
.ng-border-warning-700 { border-color: var(--ng-color-warning-700); }
.ng-fill-warning-700   { fill: var(--ng-color-warning-700); }
.ng-stroke-warning-700 { stroke: var(--ng-color-warning-700); }

/* color-warning-800: #93370DFF */
.ng-text-warning-800   { color: var(--ng-color-warning-800); }
.ng-bg-warning-800     { background-color: var(--ng-color-warning-800); }
.ng-border-warning-800 { border-color: var(--ng-color-warning-800); }
.ng-fill-warning-800   { fill: var(--ng-color-warning-800); }
.ng-stroke-warning-800 { stroke: var(--ng-color-warning-800); }

/* color-warning-900: #7A2E0EFF */
.ng-text-warning-900   { color: var(--ng-color-warning-900); }
.ng-bg-warning-900     { background-color: var(--ng-color-warning-900); }
.ng-border-warning-900 { border-color: var(--ng-color-warning-900); }
.ng-fill-warning-900   { fill: var(--ng-color-warning-900); }
.ng-stroke-warning-900 { stroke: var(--ng-color-warning-900); }

/* color-warning-950: #4E1D09FF */
.ng-text-warning-950   { color: var(--ng-color-warning-950); }
.ng-bg-warning-950     { background-color: var(--ng-color-warning-950); }
.ng-border-warning-950 { border-color: var(--ng-color-warning-950); }
.ng-fill-warning-950   { fill: var(--ng-color-warning-950); }
.ng-stroke-warning-950 { stroke: var(--ng-color-warning-950); }

/* color-success-25: #F6FEF9FF */
.ng-text-success-25   { color: var(--ng-color-success-25); }
.ng-bg-success-25     { background-color: var(--ng-color-success-25); }
.ng-border-success-25 { border-color: var(--ng-color-success-25); }
.ng-fill-success-25   { fill: var(--ng-color-success-25); }
.ng-stroke-success-25 { stroke: var(--ng-color-success-25); }

/* color-success-50: #ECFDF3FF */
.ng-text-success-50   { color: var(--ng-color-success-50); }
.ng-bg-success-50     { background-color: var(--ng-color-success-50); }
.ng-border-success-50 { border-color: var(--ng-color-success-50); }
.ng-fill-success-50   { fill: var(--ng-color-success-50); }
.ng-stroke-success-50 { stroke: var(--ng-color-success-50); }

/* color-success-100: #DCFAE6FF */
.ng-text-success-100   { color: var(--ng-color-success-100); }
.ng-bg-success-100     { background-color: var(--ng-color-success-100); }
.ng-border-success-100 { border-color: var(--ng-color-success-100); }
.ng-fill-success-100   { fill: var(--ng-color-success-100); }
.ng-stroke-success-100 { stroke: var(--ng-color-success-100); }

/* color-success-200: #ABEFC6FF */
.ng-text-success-200   { color: var(--ng-color-success-200); }
.ng-bg-success-200     { background-color: var(--ng-color-success-200); }
.ng-border-success-200 { border-color: var(--ng-color-success-200); }
.ng-fill-success-200   { fill: var(--ng-color-success-200); }
.ng-stroke-success-200 { stroke: var(--ng-color-success-200); }

/* color-success-300: #75E0A7FF */
.ng-text-success-300   { color: var(--ng-color-success-300); }
.ng-bg-success-300     { background-color: var(--ng-color-success-300); }
.ng-border-success-300 { border-color: var(--ng-color-success-300); }
.ng-fill-success-300   { fill: var(--ng-color-success-300); }
.ng-stroke-success-300 { stroke: var(--ng-color-success-300); }

/* color-success-400: #47CD89FF */
.ng-text-success-400   { color: var(--ng-color-success-400); }
.ng-bg-success-400     { background-color: var(--ng-color-success-400); }
.ng-border-success-400 { border-color: var(--ng-color-success-400); }
.ng-fill-success-400   { fill: var(--ng-color-success-400); }
.ng-stroke-success-400 { stroke: var(--ng-color-success-400); }

/* color-success-500: #17B26AFF */
.ng-text-success-500   { color: var(--ng-color-success-500); }
.ng-bg-success-500     { background-color: var(--ng-color-success-500); }
.ng-border-success-500 { border-color: var(--ng-color-success-500); }
.ng-fill-success-500   { fill: var(--ng-color-success-500); }
.ng-stroke-success-500 { stroke: var(--ng-color-success-500); }

/* color-success-600: #079455FF */
.ng-text-success-600   { color: var(--ng-color-success-600); }
.ng-bg-success-600     { background-color: var(--ng-color-success-600); }
.ng-border-success-600 { border-color: var(--ng-color-success-600); }
.ng-fill-success-600   { fill: var(--ng-color-success-600); }
.ng-stroke-success-600 { stroke: var(--ng-color-success-600); }

/* color-success-700: #067647FF */
.ng-text-success-700   { color: var(--ng-color-success-700); }
.ng-bg-success-700     { background-color: var(--ng-color-success-700); }
.ng-border-success-700 { border-color: var(--ng-color-success-700); }
.ng-fill-success-700   { fill: var(--ng-color-success-700); }
.ng-stroke-success-700 { stroke: var(--ng-color-success-700); }

/* color-success-800: #085D3AFF */
.ng-text-success-800   { color: var(--ng-color-success-800); }
.ng-bg-success-800     { background-color: var(--ng-color-success-800); }
.ng-border-success-800 { border-color: var(--ng-color-success-800); }
.ng-fill-success-800   { fill: var(--ng-color-success-800); }
.ng-stroke-success-800 { stroke: var(--ng-color-success-800); }

/* color-success-900: #074D31FF */
.ng-text-success-900   { color: var(--ng-color-success-900); }
.ng-bg-success-900     { background-color: var(--ng-color-success-900); }
.ng-border-success-900 { border-color: var(--ng-color-success-900); }
.ng-fill-success-900   { fill: var(--ng-color-success-900); }
.ng-stroke-success-900 { stroke: var(--ng-color-success-900); }

/* color-success-950: #053321FF */
.ng-text-success-950   { color: var(--ng-color-success-950); }
.ng-bg-success-950     { background-color: var(--ng-color-success-950); }
.ng-border-success-950 { border-color: var(--ng-color-success-950); }
.ng-fill-success-950   { fill: var(--ng-color-success-950); }
.ng-stroke-success-950 { stroke: var(--ng-color-success-950); }

/* color-grayblue-25: #FCFCFDFF */
.ng-text-grayblue-25   { color: var(--ng-color-grayblue-25); }
.ng-bg-grayblue-25     { background-color: var(--ng-color-grayblue-25); }
.ng-border-grayblue-25 { border-color: var(--ng-color-grayblue-25); }
.ng-fill-grayblue-25   { fill: var(--ng-color-grayblue-25); }
.ng-stroke-grayblue-25 { stroke: var(--ng-color-grayblue-25); }

/* color-grayblue-50: #F8F9FCFF */
.ng-text-grayblue-50   { color: var(--ng-color-grayblue-50); }
.ng-bg-grayblue-50     { background-color: var(--ng-color-grayblue-50); }
.ng-border-grayblue-50 { border-color: var(--ng-color-grayblue-50); }
.ng-fill-grayblue-50   { fill: var(--ng-color-grayblue-50); }
.ng-stroke-grayblue-50 { stroke: var(--ng-color-grayblue-50); }

/* color-grayblue-100: #EAECF5FF */
.ng-text-grayblue-100   { color: var(--ng-color-grayblue-100); }
.ng-bg-grayblue-100     { background-color: var(--ng-color-grayblue-100); }
.ng-border-grayblue-100 { border-color: var(--ng-color-grayblue-100); }
.ng-fill-grayblue-100   { fill: var(--ng-color-grayblue-100); }
.ng-stroke-grayblue-100 { stroke: var(--ng-color-grayblue-100); }

/* color-grayblue-200: #D5D9EBFF */
.ng-text-grayblue-200   { color: var(--ng-color-grayblue-200); }
.ng-bg-grayblue-200     { background-color: var(--ng-color-grayblue-200); }
.ng-border-grayblue-200 { border-color: var(--ng-color-grayblue-200); }
.ng-fill-grayblue-200   { fill: var(--ng-color-grayblue-200); }
.ng-stroke-grayblue-200 { stroke: var(--ng-color-grayblue-200); }

/* color-grayblue-300: #B3B8DBFF */
.ng-text-grayblue-300   { color: var(--ng-color-grayblue-300); }
.ng-bg-grayblue-300     { background-color: var(--ng-color-grayblue-300); }
.ng-border-grayblue-300 { border-color: var(--ng-color-grayblue-300); }
.ng-fill-grayblue-300   { fill: var(--ng-color-grayblue-300); }
.ng-stroke-grayblue-300 { stroke: var(--ng-color-grayblue-300); }

/* color-grayblue-400: #717BBCFF */
.ng-text-grayblue-400   { color: var(--ng-color-grayblue-400); }
.ng-bg-grayblue-400     { background-color: var(--ng-color-grayblue-400); }
.ng-border-grayblue-400 { border-color: var(--ng-color-grayblue-400); }
.ng-fill-grayblue-400   { fill: var(--ng-color-grayblue-400); }
.ng-stroke-grayblue-400 { stroke: var(--ng-color-grayblue-400); }

/* color-grayblue-500: #4E5BA6FF */
.ng-text-grayblue-500   { color: var(--ng-color-grayblue-500); }
.ng-bg-grayblue-500     { background-color: var(--ng-color-grayblue-500); }
.ng-border-grayblue-500 { border-color: var(--ng-color-grayblue-500); }
.ng-fill-grayblue-500   { fill: var(--ng-color-grayblue-500); }
.ng-stroke-grayblue-500 { stroke: var(--ng-color-grayblue-500); }

/* color-grayblue-600: #3E4784FF */
.ng-text-grayblue-600   { color: var(--ng-color-grayblue-600); }
.ng-bg-grayblue-600     { background-color: var(--ng-color-grayblue-600); }
.ng-border-grayblue-600 { border-color: var(--ng-color-grayblue-600); }
.ng-fill-grayblue-600   { fill: var(--ng-color-grayblue-600); }
.ng-stroke-grayblue-600 { stroke: var(--ng-color-grayblue-600); }

/* color-grayblue-700: #363F72FF */
.ng-text-grayblue-700   { color: var(--ng-color-grayblue-700); }
.ng-bg-grayblue-700     { background-color: var(--ng-color-grayblue-700); }
.ng-border-grayblue-700 { border-color: var(--ng-color-grayblue-700); }
.ng-fill-grayblue-700   { fill: var(--ng-color-grayblue-700); }
.ng-stroke-grayblue-700 { stroke: var(--ng-color-grayblue-700); }

/* color-grayblue-800: #293056FF */
.ng-text-grayblue-800   { color: var(--ng-color-grayblue-800); }
.ng-bg-grayblue-800     { background-color: var(--ng-color-grayblue-800); }
.ng-border-grayblue-800 { border-color: var(--ng-color-grayblue-800); }
.ng-fill-grayblue-800   { fill: var(--ng-color-grayblue-800); }
.ng-stroke-grayblue-800 { stroke: var(--ng-color-grayblue-800); }

/* color-grayblue-900: #101323FF */
.ng-text-grayblue-900   { color: var(--ng-color-grayblue-900); }
.ng-bg-grayblue-900     { background-color: var(--ng-color-grayblue-900); }
.ng-border-grayblue-900 { border-color: var(--ng-color-grayblue-900); }
.ng-fill-grayblue-900   { fill: var(--ng-color-grayblue-900); }
.ng-stroke-grayblue-900 { stroke: var(--ng-color-grayblue-900); }

/* color-grayblue-950: #0D0F1CFF */
.ng-text-grayblue-950   { color: var(--ng-color-grayblue-950); }
.ng-bg-grayblue-950     { background-color: var(--ng-color-grayblue-950); }
.ng-border-grayblue-950 { border-color: var(--ng-color-grayblue-950); }
.ng-fill-grayblue-950   { fill: var(--ng-color-grayblue-950); }
.ng-stroke-grayblue-950 { stroke: var(--ng-color-grayblue-950); }

/* color-graycool-25: #FCFCFDFF */
.ng-text-graycool-25   { color: var(--ng-color-graycool-25); }
.ng-bg-graycool-25     { background-color: var(--ng-color-graycool-25); }
.ng-border-graycool-25 { border-color: var(--ng-color-graycool-25); }
.ng-fill-graycool-25   { fill: var(--ng-color-graycool-25); }
.ng-stroke-graycool-25 { stroke: var(--ng-color-graycool-25); }

/* color-graycool-50: #F9F9FBFF */
.ng-text-graycool-50   { color: var(--ng-color-graycool-50); }
.ng-bg-graycool-50     { background-color: var(--ng-color-graycool-50); }
.ng-border-graycool-50 { border-color: var(--ng-color-graycool-50); }
.ng-fill-graycool-50   { fill: var(--ng-color-graycool-50); }
.ng-stroke-graycool-50 { stroke: var(--ng-color-graycool-50); }

/* color-graycool-100: #EFF1F5FF */
.ng-text-graycool-100   { color: var(--ng-color-graycool-100); }
.ng-bg-graycool-100     { background-color: var(--ng-color-graycool-100); }
.ng-border-graycool-100 { border-color: var(--ng-color-graycool-100); }
.ng-fill-graycool-100   { fill: var(--ng-color-graycool-100); }
.ng-stroke-graycool-100 { stroke: var(--ng-color-graycool-100); }

/* color-graycool-200: #DCDFEAFF */
.ng-text-graycool-200   { color: var(--ng-color-graycool-200); }
.ng-bg-graycool-200     { background-color: var(--ng-color-graycool-200); }
.ng-border-graycool-200 { border-color: var(--ng-color-graycool-200); }
.ng-fill-graycool-200   { fill: var(--ng-color-graycool-200); }
.ng-stroke-graycool-200 { stroke: var(--ng-color-graycool-200); }

/* color-graycool-300: #B9C0D4FF */
.ng-text-graycool-300   { color: var(--ng-color-graycool-300); }
.ng-bg-graycool-300     { background-color: var(--ng-color-graycool-300); }
.ng-border-graycool-300 { border-color: var(--ng-color-graycool-300); }
.ng-fill-graycool-300   { fill: var(--ng-color-graycool-300); }
.ng-stroke-graycool-300 { stroke: var(--ng-color-graycool-300); }

/* color-graycool-400: #7D89B0FF */
.ng-text-graycool-400   { color: var(--ng-color-graycool-400); }
.ng-bg-graycool-400     { background-color: var(--ng-color-graycool-400); }
.ng-border-graycool-400 { border-color: var(--ng-color-graycool-400); }
.ng-fill-graycool-400   { fill: var(--ng-color-graycool-400); }
.ng-stroke-graycool-400 { stroke: var(--ng-color-graycool-400); }

/* color-graycool-500: #5D6B98FF */
.ng-text-graycool-500   { color: var(--ng-color-graycool-500); }
.ng-bg-graycool-500     { background-color: var(--ng-color-graycool-500); }
.ng-border-graycool-500 { border-color: var(--ng-color-graycool-500); }
.ng-fill-graycool-500   { fill: var(--ng-color-graycool-500); }
.ng-stroke-graycool-500 { stroke: var(--ng-color-graycool-500); }

/* color-graycool-600: #4A5578FF */
.ng-text-graycool-600   { color: var(--ng-color-graycool-600); }
.ng-bg-graycool-600     { background-color: var(--ng-color-graycool-600); }
.ng-border-graycool-600 { border-color: var(--ng-color-graycool-600); }
.ng-fill-graycool-600   { fill: var(--ng-color-graycool-600); }
.ng-stroke-graycool-600 { stroke: var(--ng-color-graycool-600); }

/* color-graycool-700: #404968FF */
.ng-text-graycool-700   { color: var(--ng-color-graycool-700); }
.ng-bg-graycool-700     { background-color: var(--ng-color-graycool-700); }
.ng-border-graycool-700 { border-color: var(--ng-color-graycool-700); }
.ng-fill-graycool-700   { fill: var(--ng-color-graycool-700); }
.ng-stroke-graycool-700 { stroke: var(--ng-color-graycool-700); }

/* color-graycool-800: #30374FFF */
.ng-text-graycool-800   { color: var(--ng-color-graycool-800); }
.ng-bg-graycool-800     { background-color: var(--ng-color-graycool-800); }
.ng-border-graycool-800 { border-color: var(--ng-color-graycool-800); }
.ng-fill-graycool-800   { fill: var(--ng-color-graycool-800); }
.ng-stroke-graycool-800 { stroke: var(--ng-color-graycool-800); }

/* color-graycool-900: #111322FF */
.ng-text-graycool-900   { color: var(--ng-color-graycool-900); }
.ng-bg-graycool-900     { background-color: var(--ng-color-graycool-900); }
.ng-border-graycool-900 { border-color: var(--ng-color-graycool-900); }
.ng-fill-graycool-900   { fill: var(--ng-color-graycool-900); }
.ng-stroke-graycool-900 { stroke: var(--ng-color-graycool-900); }

/* color-graycool-950: #0E101BFF */
.ng-text-graycool-950   { color: var(--ng-color-graycool-950); }
.ng-bg-graycool-950     { background-color: var(--ng-color-graycool-950); }
.ng-border-graycool-950 { border-color: var(--ng-color-graycool-950); }
.ng-fill-graycool-950   { fill: var(--ng-color-graycool-950); }
.ng-stroke-graycool-950 { stroke: var(--ng-color-graycool-950); }

/* color-graymodern-25: #FCFCFDFF */
.ng-text-graymodern-25   { color: var(--ng-color-graymodern-25); }
.ng-bg-graymodern-25     { background-color: var(--ng-color-graymodern-25); }
.ng-border-graymodern-25 { border-color: var(--ng-color-graymodern-25); }
.ng-fill-graymodern-25   { fill: var(--ng-color-graymodern-25); }
.ng-stroke-graymodern-25 { stroke: var(--ng-color-graymodern-25); }

/* color-graymodern-50: #F8FAFCFF */
.ng-text-graymodern-50   { color: var(--ng-color-graymodern-50); }
.ng-bg-graymodern-50     { background-color: var(--ng-color-graymodern-50); }
.ng-border-graymodern-50 { border-color: var(--ng-color-graymodern-50); }
.ng-fill-graymodern-50   { fill: var(--ng-color-graymodern-50); }
.ng-stroke-graymodern-50 { stroke: var(--ng-color-graymodern-50); }

/* color-graymodern-100: #EEF2F6FF */
.ng-text-graymodern-100   { color: var(--ng-color-graymodern-100); }
.ng-bg-graymodern-100     { background-color: var(--ng-color-graymodern-100); }
.ng-border-graymodern-100 { border-color: var(--ng-color-graymodern-100); }
.ng-fill-graymodern-100   { fill: var(--ng-color-graymodern-100); }
.ng-stroke-graymodern-100 { stroke: var(--ng-color-graymodern-100); }

/* color-graymodern-200: #E3E8EFFF */
.ng-text-graymodern-200   { color: var(--ng-color-graymodern-200); }
.ng-bg-graymodern-200     { background-color: var(--ng-color-graymodern-200); }
.ng-border-graymodern-200 { border-color: var(--ng-color-graymodern-200); }
.ng-fill-graymodern-200   { fill: var(--ng-color-graymodern-200); }
.ng-stroke-graymodern-200 { stroke: var(--ng-color-graymodern-200); }

/* color-graymodern-300: #CDD5DFFF */
.ng-text-graymodern-300   { color: var(--ng-color-graymodern-300); }
.ng-bg-graymodern-300     { background-color: var(--ng-color-graymodern-300); }
.ng-border-graymodern-300 { border-color: var(--ng-color-graymodern-300); }
.ng-fill-graymodern-300   { fill: var(--ng-color-graymodern-300); }
.ng-stroke-graymodern-300 { stroke: var(--ng-color-graymodern-300); }

/* color-graymodern-400: #9AA4B2FF */
.ng-text-graymodern-400   { color: var(--ng-color-graymodern-400); }
.ng-bg-graymodern-400     { background-color: var(--ng-color-graymodern-400); }
.ng-border-graymodern-400 { border-color: var(--ng-color-graymodern-400); }
.ng-fill-graymodern-400   { fill: var(--ng-color-graymodern-400); }
.ng-stroke-graymodern-400 { stroke: var(--ng-color-graymodern-400); }

/* color-graymodern-500: #697586FF */
.ng-text-graymodern-500   { color: var(--ng-color-graymodern-500); }
.ng-bg-graymodern-500     { background-color: var(--ng-color-graymodern-500); }
.ng-border-graymodern-500 { border-color: var(--ng-color-graymodern-500); }
.ng-fill-graymodern-500   { fill: var(--ng-color-graymodern-500); }
.ng-stroke-graymodern-500 { stroke: var(--ng-color-graymodern-500); }

/* color-graymodern-600: #4B5565FF */
.ng-text-graymodern-600   { color: var(--ng-color-graymodern-600); }
.ng-bg-graymodern-600     { background-color: var(--ng-color-graymodern-600); }
.ng-border-graymodern-600 { border-color: var(--ng-color-graymodern-600); }
.ng-fill-graymodern-600   { fill: var(--ng-color-graymodern-600); }
.ng-stroke-graymodern-600 { stroke: var(--ng-color-graymodern-600); }

/* color-graymodern-700: #364152FF */
.ng-text-graymodern-700   { color: var(--ng-color-graymodern-700); }
.ng-bg-graymodern-700     { background-color: var(--ng-color-graymodern-700); }
.ng-border-graymodern-700 { border-color: var(--ng-color-graymodern-700); }
.ng-fill-graymodern-700   { fill: var(--ng-color-graymodern-700); }
.ng-stroke-graymodern-700 { stroke: var(--ng-color-graymodern-700); }

/* color-graymodern-800: #202939FF */
.ng-text-graymodern-800   { color: var(--ng-color-graymodern-800); }
.ng-bg-graymodern-800     { background-color: var(--ng-color-graymodern-800); }
.ng-border-graymodern-800 { border-color: var(--ng-color-graymodern-800); }
.ng-fill-graymodern-800   { fill: var(--ng-color-graymodern-800); }
.ng-stroke-graymodern-800 { stroke: var(--ng-color-graymodern-800); }

/* color-graymodern-900: #121926FF */
.ng-text-graymodern-900   { color: var(--ng-color-graymodern-900); }
.ng-bg-graymodern-900     { background-color: var(--ng-color-graymodern-900); }
.ng-border-graymodern-900 { border-color: var(--ng-color-graymodern-900); }
.ng-fill-graymodern-900   { fill: var(--ng-color-graymodern-900); }
.ng-stroke-graymodern-900 { stroke: var(--ng-color-graymodern-900); }

/* color-graymodern-950: #0D121CFF */
.ng-text-graymodern-950   { color: var(--ng-color-graymodern-950); }
.ng-bg-graymodern-950     { background-color: var(--ng-color-graymodern-950); }
.ng-border-graymodern-950 { border-color: var(--ng-color-graymodern-950); }
.ng-fill-graymodern-950   { fill: var(--ng-color-graymodern-950); }
.ng-stroke-graymodern-950 { stroke: var(--ng-color-graymodern-950); }

/* color-grayneutral-25: #FCFCFDFF */
.ng-text-grayneutral-25   { color: var(--ng-color-grayneutral-25); }
.ng-bg-grayneutral-25     { background-color: var(--ng-color-grayneutral-25); }
.ng-border-grayneutral-25 { border-color: var(--ng-color-grayneutral-25); }
.ng-fill-grayneutral-25   { fill: var(--ng-color-grayneutral-25); }
.ng-stroke-grayneutral-25 { stroke: var(--ng-color-grayneutral-25); }

/* color-grayneutral-50: #F9FAFBFF */
.ng-text-grayneutral-50   { color: var(--ng-color-grayneutral-50); }
.ng-bg-grayneutral-50     { background-color: var(--ng-color-grayneutral-50); }
.ng-border-grayneutral-50 { border-color: var(--ng-color-grayneutral-50); }
.ng-fill-grayneutral-50   { fill: var(--ng-color-grayneutral-50); }
.ng-stroke-grayneutral-50 { stroke: var(--ng-color-grayneutral-50); }

/* color-grayneutral-100: #F3F4F6FF */
.ng-text-grayneutral-100   { color: var(--ng-color-grayneutral-100); }
.ng-bg-grayneutral-100     { background-color: var(--ng-color-grayneutral-100); }
.ng-border-grayneutral-100 { border-color: var(--ng-color-grayneutral-100); }
.ng-fill-grayneutral-100   { fill: var(--ng-color-grayneutral-100); }
.ng-stroke-grayneutral-100 { stroke: var(--ng-color-grayneutral-100); }

/* color-grayneutral-200: #E5E7EBFF */
.ng-text-grayneutral-200   { color: var(--ng-color-grayneutral-200); }
.ng-bg-grayneutral-200     { background-color: var(--ng-color-grayneutral-200); }
.ng-border-grayneutral-200 { border-color: var(--ng-color-grayneutral-200); }
.ng-fill-grayneutral-200   { fill: var(--ng-color-grayneutral-200); }
.ng-stroke-grayneutral-200 { stroke: var(--ng-color-grayneutral-200); }

/* color-grayneutral-300: #D2D6DBFF */
.ng-text-grayneutral-300   { color: var(--ng-color-grayneutral-300); }
.ng-bg-grayneutral-300     { background-color: var(--ng-color-grayneutral-300); }
.ng-border-grayneutral-300 { border-color: var(--ng-color-grayneutral-300); }
.ng-fill-grayneutral-300   { fill: var(--ng-color-grayneutral-300); }
.ng-stroke-grayneutral-300 { stroke: var(--ng-color-grayneutral-300); }

/* color-grayneutral-400: #9DA4AEFF */
.ng-text-grayneutral-400   { color: var(--ng-color-grayneutral-400); }
.ng-bg-grayneutral-400     { background-color: var(--ng-color-grayneutral-400); }
.ng-border-grayneutral-400 { border-color: var(--ng-color-grayneutral-400); }
.ng-fill-grayneutral-400   { fill: var(--ng-color-grayneutral-400); }
.ng-stroke-grayneutral-400 { stroke: var(--ng-color-grayneutral-400); }

/* color-grayneutral-500: #6C737FFF */
.ng-text-grayneutral-500   { color: var(--ng-color-grayneutral-500); }
.ng-bg-grayneutral-500     { background-color: var(--ng-color-grayneutral-500); }
.ng-border-grayneutral-500 { border-color: var(--ng-color-grayneutral-500); }
.ng-fill-grayneutral-500   { fill: var(--ng-color-grayneutral-500); }
.ng-stroke-grayneutral-500 { stroke: var(--ng-color-grayneutral-500); }

/* color-grayneutral-600: #4D5761FF */
.ng-text-grayneutral-600   { color: var(--ng-color-grayneutral-600); }
.ng-bg-grayneutral-600     { background-color: var(--ng-color-grayneutral-600); }
.ng-border-grayneutral-600 { border-color: var(--ng-color-grayneutral-600); }
.ng-fill-grayneutral-600   { fill: var(--ng-color-grayneutral-600); }
.ng-stroke-grayneutral-600 { stroke: var(--ng-color-grayneutral-600); }

/* color-grayneutral-700: #384250FF */
.ng-text-grayneutral-700   { color: var(--ng-color-grayneutral-700); }
.ng-bg-grayneutral-700     { background-color: var(--ng-color-grayneutral-700); }
.ng-border-grayneutral-700 { border-color: var(--ng-color-grayneutral-700); }
.ng-fill-grayneutral-700   { fill: var(--ng-color-grayneutral-700); }
.ng-stroke-grayneutral-700 { stroke: var(--ng-color-grayneutral-700); }

/* color-grayneutral-800: #1F2A37FF */
.ng-text-grayneutral-800   { color: var(--ng-color-grayneutral-800); }
.ng-bg-grayneutral-800     { background-color: var(--ng-color-grayneutral-800); }
.ng-border-grayneutral-800 { border-color: var(--ng-color-grayneutral-800); }
.ng-fill-grayneutral-800   { fill: var(--ng-color-grayneutral-800); }
.ng-stroke-grayneutral-800 { stroke: var(--ng-color-grayneutral-800); }

/* color-grayneutral-900: #111927FF */
.ng-text-grayneutral-900   { color: var(--ng-color-grayneutral-900); }
.ng-bg-grayneutral-900     { background-color: var(--ng-color-grayneutral-900); }
.ng-border-grayneutral-900 { border-color: var(--ng-color-grayneutral-900); }
.ng-fill-grayneutral-900   { fill: var(--ng-color-grayneutral-900); }
.ng-stroke-grayneutral-900 { stroke: var(--ng-color-grayneutral-900); }

/* color-grayneutral-950: #0D121CFF */
.ng-text-grayneutral-950   { color: var(--ng-color-grayneutral-950); }
.ng-bg-grayneutral-950     { background-color: var(--ng-color-grayneutral-950); }
.ng-border-grayneutral-950 { border-color: var(--ng-color-grayneutral-950); }
.ng-fill-grayneutral-950   { fill: var(--ng-color-grayneutral-950); }
.ng-stroke-grayneutral-950 { stroke: var(--ng-color-grayneutral-950); }

/* color-grayiron-25: #FCFCFCFF */
.ng-text-grayiron-25   { color: var(--ng-color-grayiron-25); }
.ng-bg-grayiron-25     { background-color: var(--ng-color-grayiron-25); }
.ng-border-grayiron-25 { border-color: var(--ng-color-grayiron-25); }
.ng-fill-grayiron-25   { fill: var(--ng-color-grayiron-25); }
.ng-stroke-grayiron-25 { stroke: var(--ng-color-grayiron-25); }

/* color-grayiron-50: #FAFAFAFF */
.ng-text-grayiron-50   { color: var(--ng-color-grayiron-50); }
.ng-bg-grayiron-50     { background-color: var(--ng-color-grayiron-50); }
.ng-border-grayiron-50 { border-color: var(--ng-color-grayiron-50); }
.ng-fill-grayiron-50   { fill: var(--ng-color-grayiron-50); }
.ng-stroke-grayiron-50 { stroke: var(--ng-color-grayiron-50); }

/* color-grayiron-100: #F4F4F5FF */
.ng-text-grayiron-100   { color: var(--ng-color-grayiron-100); }
.ng-bg-grayiron-100     { background-color: var(--ng-color-grayiron-100); }
.ng-border-grayiron-100 { border-color: var(--ng-color-grayiron-100); }
.ng-fill-grayiron-100   { fill: var(--ng-color-grayiron-100); }
.ng-stroke-grayiron-100 { stroke: var(--ng-color-grayiron-100); }

/* color-grayiron-200: #E4E4E7FF */
.ng-text-grayiron-200   { color: var(--ng-color-grayiron-200); }
.ng-bg-grayiron-200     { background-color: var(--ng-color-grayiron-200); }
.ng-border-grayiron-200 { border-color: var(--ng-color-grayiron-200); }
.ng-fill-grayiron-200   { fill: var(--ng-color-grayiron-200); }
.ng-stroke-grayiron-200 { stroke: var(--ng-color-grayiron-200); }

/* color-grayiron-300: #D1D1D6FF */
.ng-text-grayiron-300   { color: var(--ng-color-grayiron-300); }
.ng-bg-grayiron-300     { background-color: var(--ng-color-grayiron-300); }
.ng-border-grayiron-300 { border-color: var(--ng-color-grayiron-300); }
.ng-fill-grayiron-300   { fill: var(--ng-color-grayiron-300); }
.ng-stroke-grayiron-300 { stroke: var(--ng-color-grayiron-300); }

/* color-grayiron-400: #A0A0ABFF */
.ng-text-grayiron-400   { color: var(--ng-color-grayiron-400); }
.ng-bg-grayiron-400     { background-color: var(--ng-color-grayiron-400); }
.ng-border-grayiron-400 { border-color: var(--ng-color-grayiron-400); }
.ng-fill-grayiron-400   { fill: var(--ng-color-grayiron-400); }
.ng-stroke-grayiron-400 { stroke: var(--ng-color-grayiron-400); }

/* color-grayiron-500: #70707BFF */
.ng-text-grayiron-500   { color: var(--ng-color-grayiron-500); }
.ng-bg-grayiron-500     { background-color: var(--ng-color-grayiron-500); }
.ng-border-grayiron-500 { border-color: var(--ng-color-grayiron-500); }
.ng-fill-grayiron-500   { fill: var(--ng-color-grayiron-500); }
.ng-stroke-grayiron-500 { stroke: var(--ng-color-grayiron-500); }

/* color-grayiron-600: #51525CFF */
.ng-text-grayiron-600   { color: var(--ng-color-grayiron-600); }
.ng-bg-grayiron-600     { background-color: var(--ng-color-grayiron-600); }
.ng-border-grayiron-600 { border-color: var(--ng-color-grayiron-600); }
.ng-fill-grayiron-600   { fill: var(--ng-color-grayiron-600); }
.ng-stroke-grayiron-600 { stroke: var(--ng-color-grayiron-600); }

/* color-grayiron-700: #3F3F46FF */
.ng-text-grayiron-700   { color: var(--ng-color-grayiron-700); }
.ng-bg-grayiron-700     { background-color: var(--ng-color-grayiron-700); }
.ng-border-grayiron-700 { border-color: var(--ng-color-grayiron-700); }
.ng-fill-grayiron-700   { fill: var(--ng-color-grayiron-700); }
.ng-stroke-grayiron-700 { stroke: var(--ng-color-grayiron-700); }

/* color-grayiron-800: #26272BFF */
.ng-text-grayiron-800   { color: var(--ng-color-grayiron-800); }
.ng-bg-grayiron-800     { background-color: var(--ng-color-grayiron-800); }
.ng-border-grayiron-800 { border-color: var(--ng-color-grayiron-800); }
.ng-fill-grayiron-800   { fill: var(--ng-color-grayiron-800); }
.ng-stroke-grayiron-800 { stroke: var(--ng-color-grayiron-800); }

/* color-grayiron-900: #1A1A1EFF */
.ng-text-grayiron-900   { color: var(--ng-color-grayiron-900); }
.ng-bg-grayiron-900     { background-color: var(--ng-color-grayiron-900); }
.ng-border-grayiron-900 { border-color: var(--ng-color-grayiron-900); }
.ng-fill-grayiron-900   { fill: var(--ng-color-grayiron-900); }
.ng-stroke-grayiron-900 { stroke: var(--ng-color-grayiron-900); }

/* color-grayiron-950: #131316FF */
.ng-text-grayiron-950   { color: var(--ng-color-grayiron-950); }
.ng-bg-grayiron-950     { background-color: var(--ng-color-grayiron-950); }
.ng-border-grayiron-950 { border-color: var(--ng-color-grayiron-950); }
.ng-fill-grayiron-950   { fill: var(--ng-color-grayiron-950); }
.ng-stroke-grayiron-950 { stroke: var(--ng-color-grayiron-950); }

/* color-graytrue-25: #FCFCFCFF */
.ng-text-graytrue-25   { color: var(--ng-color-graytrue-25); }
.ng-bg-graytrue-25     { background-color: var(--ng-color-graytrue-25); }
.ng-border-graytrue-25 { border-color: var(--ng-color-graytrue-25); }
.ng-fill-graytrue-25   { fill: var(--ng-color-graytrue-25); }
.ng-stroke-graytrue-25 { stroke: var(--ng-color-graytrue-25); }

/* color-graytrue-50: #F7F7F7FF */
.ng-text-graytrue-50   { color: var(--ng-color-graytrue-50); }
.ng-bg-graytrue-50     { background-color: var(--ng-color-graytrue-50); }
.ng-border-graytrue-50 { border-color: var(--ng-color-graytrue-50); }
.ng-fill-graytrue-50   { fill: var(--ng-color-graytrue-50); }
.ng-stroke-graytrue-50 { stroke: var(--ng-color-graytrue-50); }

/* color-graytrue-100: #F5F5F5FF */
.ng-text-graytrue-100   { color: var(--ng-color-graytrue-100); }
.ng-bg-graytrue-100     { background-color: var(--ng-color-graytrue-100); }
.ng-border-graytrue-100 { border-color: var(--ng-color-graytrue-100); }
.ng-fill-graytrue-100   { fill: var(--ng-color-graytrue-100); }
.ng-stroke-graytrue-100 { stroke: var(--ng-color-graytrue-100); }

/* color-graytrue-200: #E5E5E5FF */
.ng-text-graytrue-200   { color: var(--ng-color-graytrue-200); }
.ng-bg-graytrue-200     { background-color: var(--ng-color-graytrue-200); }
.ng-border-graytrue-200 { border-color: var(--ng-color-graytrue-200); }
.ng-fill-graytrue-200   { fill: var(--ng-color-graytrue-200); }
.ng-stroke-graytrue-200 { stroke: var(--ng-color-graytrue-200); }

/* color-graytrue-300: #D6D6D6FF */
.ng-text-graytrue-300   { color: var(--ng-color-graytrue-300); }
.ng-bg-graytrue-300     { background-color: var(--ng-color-graytrue-300); }
.ng-border-graytrue-300 { border-color: var(--ng-color-graytrue-300); }
.ng-fill-graytrue-300   { fill: var(--ng-color-graytrue-300); }
.ng-stroke-graytrue-300 { stroke: var(--ng-color-graytrue-300); }

/* color-graytrue-400: #A3A3A3FF */
.ng-text-graytrue-400   { color: var(--ng-color-graytrue-400); }
.ng-bg-graytrue-400     { background-color: var(--ng-color-graytrue-400); }
.ng-border-graytrue-400 { border-color: var(--ng-color-graytrue-400); }
.ng-fill-graytrue-400   { fill: var(--ng-color-graytrue-400); }
.ng-stroke-graytrue-400 { stroke: var(--ng-color-graytrue-400); }

/* color-graytrue-500: #737373FF */
.ng-text-graytrue-500   { color: var(--ng-color-graytrue-500); }
.ng-bg-graytrue-500     { background-color: var(--ng-color-graytrue-500); }
.ng-border-graytrue-500 { border-color: var(--ng-color-graytrue-500); }
.ng-fill-graytrue-500   { fill: var(--ng-color-graytrue-500); }
.ng-stroke-graytrue-500 { stroke: var(--ng-color-graytrue-500); }

/* color-graytrue-600: #525252FF */
.ng-text-graytrue-600   { color: var(--ng-color-graytrue-600); }
.ng-bg-graytrue-600     { background-color: var(--ng-color-graytrue-600); }
.ng-border-graytrue-600 { border-color: var(--ng-color-graytrue-600); }
.ng-fill-graytrue-600   { fill: var(--ng-color-graytrue-600); }
.ng-stroke-graytrue-600 { stroke: var(--ng-color-graytrue-600); }

/* color-graytrue-700: #424242FF */
.ng-text-graytrue-700   { color: var(--ng-color-graytrue-700); }
.ng-bg-graytrue-700     { background-color: var(--ng-color-graytrue-700); }
.ng-border-graytrue-700 { border-color: var(--ng-color-graytrue-700); }
.ng-fill-graytrue-700   { fill: var(--ng-color-graytrue-700); }
.ng-stroke-graytrue-700 { stroke: var(--ng-color-graytrue-700); }

/* color-graytrue-800: #292929FF */
.ng-text-graytrue-800   { color: var(--ng-color-graytrue-800); }
.ng-bg-graytrue-800     { background-color: var(--ng-color-graytrue-800); }
.ng-border-graytrue-800 { border-color: var(--ng-color-graytrue-800); }
.ng-fill-graytrue-800   { fill: var(--ng-color-graytrue-800); }
.ng-stroke-graytrue-800 { stroke: var(--ng-color-graytrue-800); }

/* color-graytrue-900: #141414FF */
.ng-text-graytrue-900   { color: var(--ng-color-graytrue-900); }
.ng-bg-graytrue-900     { background-color: var(--ng-color-graytrue-900); }
.ng-border-graytrue-900 { border-color: var(--ng-color-graytrue-900); }
.ng-fill-graytrue-900   { fill: var(--ng-color-graytrue-900); }
.ng-stroke-graytrue-900 { stroke: var(--ng-color-graytrue-900); }

/* color-graytrue-950: #0F0F0FFF */
.ng-text-graytrue-950   { color: var(--ng-color-graytrue-950); }
.ng-bg-graytrue-950     { background-color: var(--ng-color-graytrue-950); }
.ng-border-graytrue-950 { border-color: var(--ng-color-graytrue-950); }
.ng-fill-graytrue-950   { fill: var(--ng-color-graytrue-950); }
.ng-stroke-graytrue-950 { stroke: var(--ng-color-graytrue-950); }

/* color-graywarm-25: #FDFDFCFF */
.ng-text-graywarm-25   { color: var(--ng-color-graywarm-25); }
.ng-bg-graywarm-25     { background-color: var(--ng-color-graywarm-25); }
.ng-border-graywarm-25 { border-color: var(--ng-color-graywarm-25); }
.ng-fill-graywarm-25   { fill: var(--ng-color-graywarm-25); }
.ng-stroke-graywarm-25 { stroke: var(--ng-color-graywarm-25); }

/* color-graywarm-50: #FAFAF9FF */
.ng-text-graywarm-50   { color: var(--ng-color-graywarm-50); }
.ng-bg-graywarm-50     { background-color: var(--ng-color-graywarm-50); }
.ng-border-graywarm-50 { border-color: var(--ng-color-graywarm-50); }
.ng-fill-graywarm-50   { fill: var(--ng-color-graywarm-50); }
.ng-stroke-graywarm-50 { stroke: var(--ng-color-graywarm-50); }

/* color-graywarm-100: #F5F5F4FF */
.ng-text-graywarm-100   { color: var(--ng-color-graywarm-100); }
.ng-bg-graywarm-100     { background-color: var(--ng-color-graywarm-100); }
.ng-border-graywarm-100 { border-color: var(--ng-color-graywarm-100); }
.ng-fill-graywarm-100   { fill: var(--ng-color-graywarm-100); }
.ng-stroke-graywarm-100 { stroke: var(--ng-color-graywarm-100); }

/* color-graywarm-200: #E7E5E4FF */
.ng-text-graywarm-200   { color: var(--ng-color-graywarm-200); }
.ng-bg-graywarm-200     { background-color: var(--ng-color-graywarm-200); }
.ng-border-graywarm-200 { border-color: var(--ng-color-graywarm-200); }
.ng-fill-graywarm-200   { fill: var(--ng-color-graywarm-200); }
.ng-stroke-graywarm-200 { stroke: var(--ng-color-graywarm-200); }

/* color-graywarm-300: #D7D3D0FF */
.ng-text-graywarm-300   { color: var(--ng-color-graywarm-300); }
.ng-bg-graywarm-300     { background-color: var(--ng-color-graywarm-300); }
.ng-border-graywarm-300 { border-color: var(--ng-color-graywarm-300); }
.ng-fill-graywarm-300   { fill: var(--ng-color-graywarm-300); }
.ng-stroke-graywarm-300 { stroke: var(--ng-color-graywarm-300); }

/* color-graywarm-400: #A9A29DFF */
.ng-text-graywarm-400   { color: var(--ng-color-graywarm-400); }
.ng-bg-graywarm-400     { background-color: var(--ng-color-graywarm-400); }
.ng-border-graywarm-400 { border-color: var(--ng-color-graywarm-400); }
.ng-fill-graywarm-400   { fill: var(--ng-color-graywarm-400); }
.ng-stroke-graywarm-400 { stroke: var(--ng-color-graywarm-400); }

/* color-graywarm-500: #79716BFF */
.ng-text-graywarm-500   { color: var(--ng-color-graywarm-500); }
.ng-bg-graywarm-500     { background-color: var(--ng-color-graywarm-500); }
.ng-border-graywarm-500 { border-color: var(--ng-color-graywarm-500); }
.ng-fill-graywarm-500   { fill: var(--ng-color-graywarm-500); }
.ng-stroke-graywarm-500 { stroke: var(--ng-color-graywarm-500); }

/* color-graywarm-600: #57534EFF */
.ng-text-graywarm-600   { color: var(--ng-color-graywarm-600); }
.ng-bg-graywarm-600     { background-color: var(--ng-color-graywarm-600); }
.ng-border-graywarm-600 { border-color: var(--ng-color-graywarm-600); }
.ng-fill-graywarm-600   { fill: var(--ng-color-graywarm-600); }
.ng-stroke-graywarm-600 { stroke: var(--ng-color-graywarm-600); }

/* color-graywarm-700: #44403CFF */
.ng-text-graywarm-700   { color: var(--ng-color-graywarm-700); }
.ng-bg-graywarm-700     { background-color: var(--ng-color-graywarm-700); }
.ng-border-graywarm-700 { border-color: var(--ng-color-graywarm-700); }
.ng-fill-graywarm-700   { fill: var(--ng-color-graywarm-700); }
.ng-stroke-graywarm-700 { stroke: var(--ng-color-graywarm-700); }

/* color-graywarm-800: #292524FF */
.ng-text-graywarm-800   { color: var(--ng-color-graywarm-800); }
.ng-bg-graywarm-800     { background-color: var(--ng-color-graywarm-800); }
.ng-border-graywarm-800 { border-color: var(--ng-color-graywarm-800); }
.ng-fill-graywarm-800   { fill: var(--ng-color-graywarm-800); }
.ng-stroke-graywarm-800 { stroke: var(--ng-color-graywarm-800); }

/* color-graywarm-900: #1C1917FF */
.ng-text-graywarm-900   { color: var(--ng-color-graywarm-900); }
.ng-bg-graywarm-900     { background-color: var(--ng-color-graywarm-900); }
.ng-border-graywarm-900 { border-color: var(--ng-color-graywarm-900); }
.ng-fill-graywarm-900   { fill: var(--ng-color-graywarm-900); }
.ng-stroke-graywarm-900 { stroke: var(--ng-color-graywarm-900); }

/* color-graywarm-950: #171412FF */
.ng-text-graywarm-950   { color: var(--ng-color-graywarm-950); }
.ng-bg-graywarm-950     { background-color: var(--ng-color-graywarm-950); }
.ng-border-graywarm-950 { border-color: var(--ng-color-graywarm-950); }
.ng-fill-graywarm-950   { fill: var(--ng-color-graywarm-950); }
.ng-stroke-graywarm-950 { stroke: var(--ng-color-graywarm-950); }

/* color-moss-25: #FAFDF7FF */
.ng-text-moss-25   { color: var(--ng-color-moss-25); }
.ng-bg-moss-25     { background-color: var(--ng-color-moss-25); }
.ng-border-moss-25 { border-color: var(--ng-color-moss-25); }
.ng-fill-moss-25   { fill: var(--ng-color-moss-25); }
.ng-stroke-moss-25 { stroke: var(--ng-color-moss-25); }

/* color-moss-50: #F5FBEEFF */
.ng-text-moss-50   { color: var(--ng-color-moss-50); }
.ng-bg-moss-50     { background-color: var(--ng-color-moss-50); }
.ng-border-moss-50 { border-color: var(--ng-color-moss-50); }
.ng-fill-moss-50   { fill: var(--ng-color-moss-50); }
.ng-stroke-moss-50 { stroke: var(--ng-color-moss-50); }

/* color-moss-100: #E6F4D7FF */
.ng-text-moss-100   { color: var(--ng-color-moss-100); }
.ng-bg-moss-100     { background-color: var(--ng-color-moss-100); }
.ng-border-moss-100 { border-color: var(--ng-color-moss-100); }
.ng-fill-moss-100   { fill: var(--ng-color-moss-100); }
.ng-stroke-moss-100 { stroke: var(--ng-color-moss-100); }

/* color-moss-200: #CEEAB0FF */
.ng-text-moss-200   { color: var(--ng-color-moss-200); }
.ng-bg-moss-200     { background-color: var(--ng-color-moss-200); }
.ng-border-moss-200 { border-color: var(--ng-color-moss-200); }
.ng-fill-moss-200   { fill: var(--ng-color-moss-200); }
.ng-stroke-moss-200 { stroke: var(--ng-color-moss-200); }

/* color-moss-300: #ACDC79FF */
.ng-text-moss-300   { color: var(--ng-color-moss-300); }
.ng-bg-moss-300     { background-color: var(--ng-color-moss-300); }
.ng-border-moss-300 { border-color: var(--ng-color-moss-300); }
.ng-fill-moss-300   { fill: var(--ng-color-moss-300); }
.ng-stroke-moss-300 { stroke: var(--ng-color-moss-300); }

/* color-moss-400: #86CB3CFF */
.ng-text-moss-400   { color: var(--ng-color-moss-400); }
.ng-bg-moss-400     { background-color: var(--ng-color-moss-400); }
.ng-border-moss-400 { border-color: var(--ng-color-moss-400); }
.ng-fill-moss-400   { fill: var(--ng-color-moss-400); }
.ng-stroke-moss-400 { stroke: var(--ng-color-moss-400); }

/* color-moss-500: #669F2AFF */
.ng-text-moss-500   { color: var(--ng-color-moss-500); }
.ng-bg-moss-500     { background-color: var(--ng-color-moss-500); }
.ng-border-moss-500 { border-color: var(--ng-color-moss-500); }
.ng-fill-moss-500   { fill: var(--ng-color-moss-500); }
.ng-stroke-moss-500 { stroke: var(--ng-color-moss-500); }

/* color-moss-600: #4F7A21FF */
.ng-text-moss-600   { color: var(--ng-color-moss-600); }
.ng-bg-moss-600     { background-color: var(--ng-color-moss-600); }
.ng-border-moss-600 { border-color: var(--ng-color-moss-600); }
.ng-fill-moss-600   { fill: var(--ng-color-moss-600); }
.ng-stroke-moss-600 { stroke: var(--ng-color-moss-600); }

/* color-moss-700: #3F621AFF */
.ng-text-moss-700   { color: var(--ng-color-moss-700); }
.ng-bg-moss-700     { background-color: var(--ng-color-moss-700); }
.ng-border-moss-700 { border-color: var(--ng-color-moss-700); }
.ng-fill-moss-700   { fill: var(--ng-color-moss-700); }
.ng-stroke-moss-700 { stroke: var(--ng-color-moss-700); }

/* color-moss-800: #335015FF */
.ng-text-moss-800   { color: var(--ng-color-moss-800); }
.ng-bg-moss-800     { background-color: var(--ng-color-moss-800); }
.ng-border-moss-800 { border-color: var(--ng-color-moss-800); }
.ng-fill-moss-800   { fill: var(--ng-color-moss-800); }
.ng-stroke-moss-800 { stroke: var(--ng-color-moss-800); }

/* color-moss-900: #2B4212FF */
.ng-text-moss-900   { color: var(--ng-color-moss-900); }
.ng-bg-moss-900     { background-color: var(--ng-color-moss-900); }
.ng-border-moss-900 { border-color: var(--ng-color-moss-900); }
.ng-fill-moss-900   { fill: var(--ng-color-moss-900); }
.ng-stroke-moss-900 { stroke: var(--ng-color-moss-900); }

/* color-moss-950: #1A280BFF */
.ng-text-moss-950   { color: var(--ng-color-moss-950); }
.ng-bg-moss-950     { background-color: var(--ng-color-moss-950); }
.ng-border-moss-950 { border-color: var(--ng-color-moss-950); }
.ng-fill-moss-950   { fill: var(--ng-color-moss-950); }
.ng-stroke-moss-950 { stroke: var(--ng-color-moss-950); }

/* color-greenlight-25: #FAFEF5FF */
.ng-text-greenlight-25   { color: var(--ng-color-greenlight-25); }
.ng-bg-greenlight-25     { background-color: var(--ng-color-greenlight-25); }
.ng-border-greenlight-25 { border-color: var(--ng-color-greenlight-25); }
.ng-fill-greenlight-25   { fill: var(--ng-color-greenlight-25); }
.ng-stroke-greenlight-25 { stroke: var(--ng-color-greenlight-25); }

/* color-greenlight-50: #F3FEE7FF */
.ng-text-greenlight-50   { color: var(--ng-color-greenlight-50); }
.ng-bg-greenlight-50     { background-color: var(--ng-color-greenlight-50); }
.ng-border-greenlight-50 { border-color: var(--ng-color-greenlight-50); }
.ng-fill-greenlight-50   { fill: var(--ng-color-greenlight-50); }
.ng-stroke-greenlight-50 { stroke: var(--ng-color-greenlight-50); }

/* color-greenlight-100: #E3FBCCFF */
.ng-text-greenlight-100   { color: var(--ng-color-greenlight-100); }
.ng-bg-greenlight-100     { background-color: var(--ng-color-greenlight-100); }
.ng-border-greenlight-100 { border-color: var(--ng-color-greenlight-100); }
.ng-fill-greenlight-100   { fill: var(--ng-color-greenlight-100); }
.ng-stroke-greenlight-100 { stroke: var(--ng-color-greenlight-100); }

/* color-greenlight-200: #D0F8ABFF */
.ng-text-greenlight-200   { color: var(--ng-color-greenlight-200); }
.ng-bg-greenlight-200     { background-color: var(--ng-color-greenlight-200); }
.ng-border-greenlight-200 { border-color: var(--ng-color-greenlight-200); }
.ng-fill-greenlight-200   { fill: var(--ng-color-greenlight-200); }
.ng-stroke-greenlight-200 { stroke: var(--ng-color-greenlight-200); }

/* color-greenlight-300: #A6EF67FF */
.ng-text-greenlight-300   { color: var(--ng-color-greenlight-300); }
.ng-bg-greenlight-300     { background-color: var(--ng-color-greenlight-300); }
.ng-border-greenlight-300 { border-color: var(--ng-color-greenlight-300); }
.ng-fill-greenlight-300   { fill: var(--ng-color-greenlight-300); }
.ng-stroke-greenlight-300 { stroke: var(--ng-color-greenlight-300); }

/* color-greenlight-400: #85E13AFF */
.ng-text-greenlight-400   { color: var(--ng-color-greenlight-400); }
.ng-bg-greenlight-400     { background-color: var(--ng-color-greenlight-400); }
.ng-border-greenlight-400 { border-color: var(--ng-color-greenlight-400); }
.ng-fill-greenlight-400   { fill: var(--ng-color-greenlight-400); }
.ng-stroke-greenlight-400 { stroke: var(--ng-color-greenlight-400); }

/* color-greenlight-500: #66C61CFF */
.ng-text-greenlight-500   { color: var(--ng-color-greenlight-500); }
.ng-bg-greenlight-500     { background-color: var(--ng-color-greenlight-500); }
.ng-border-greenlight-500 { border-color: var(--ng-color-greenlight-500); }
.ng-fill-greenlight-500   { fill: var(--ng-color-greenlight-500); }
.ng-stroke-greenlight-500 { stroke: var(--ng-color-greenlight-500); }

/* color-greenlight-600: #4CA30DFF */
.ng-text-greenlight-600   { color: var(--ng-color-greenlight-600); }
.ng-bg-greenlight-600     { background-color: var(--ng-color-greenlight-600); }
.ng-border-greenlight-600 { border-color: var(--ng-color-greenlight-600); }
.ng-fill-greenlight-600   { fill: var(--ng-color-greenlight-600); }
.ng-stroke-greenlight-600 { stroke: var(--ng-color-greenlight-600); }

/* color-greenlight-700: #3B7C0FFF */
.ng-text-greenlight-700   { color: var(--ng-color-greenlight-700); }
.ng-bg-greenlight-700     { background-color: var(--ng-color-greenlight-700); }
.ng-border-greenlight-700 { border-color: var(--ng-color-greenlight-700); }
.ng-fill-greenlight-700   { fill: var(--ng-color-greenlight-700); }
.ng-stroke-greenlight-700 { stroke: var(--ng-color-greenlight-700); }

/* color-greenlight-800: #326212FF */
.ng-text-greenlight-800   { color: var(--ng-color-greenlight-800); }
.ng-bg-greenlight-800     { background-color: var(--ng-color-greenlight-800); }
.ng-border-greenlight-800 { border-color: var(--ng-color-greenlight-800); }
.ng-fill-greenlight-800   { fill: var(--ng-color-greenlight-800); }
.ng-stroke-greenlight-800 { stroke: var(--ng-color-greenlight-800); }

/* color-greenlight-900: #2B5314FF */
.ng-text-greenlight-900   { color: var(--ng-color-greenlight-900); }
.ng-bg-greenlight-900     { background-color: var(--ng-color-greenlight-900); }
.ng-border-greenlight-900 { border-color: var(--ng-color-greenlight-900); }
.ng-fill-greenlight-900   { fill: var(--ng-color-greenlight-900); }
.ng-stroke-greenlight-900 { stroke: var(--ng-color-greenlight-900); }

/* color-greenlight-950: #15290AFF */
.ng-text-greenlight-950   { color: var(--ng-color-greenlight-950); }
.ng-bg-greenlight-950     { background-color: var(--ng-color-greenlight-950); }
.ng-border-greenlight-950 { border-color: var(--ng-color-greenlight-950); }
.ng-fill-greenlight-950   { fill: var(--ng-color-greenlight-950); }
.ng-stroke-greenlight-950 { stroke: var(--ng-color-greenlight-950); }

/* color-green-25: #F6FEF9FF */
.ng-text-green-25   { color: var(--ng-color-green-25); }
.ng-bg-green-25     { background-color: var(--ng-color-green-25); }
.ng-border-green-25 { border-color: var(--ng-color-green-25); }
.ng-fill-green-25   { fill: var(--ng-color-green-25); }
.ng-stroke-green-25 { stroke: var(--ng-color-green-25); }

/* color-green-50: #EDFCF2FF */
.ng-text-green-50   { color: var(--ng-color-green-50); }
.ng-bg-green-50     { background-color: var(--ng-color-green-50); }
.ng-border-green-50 { border-color: var(--ng-color-green-50); }
.ng-fill-green-50   { fill: var(--ng-color-green-50); }
.ng-stroke-green-50 { stroke: var(--ng-color-green-50); }

/* color-green-100: #D3F8DFFF */
.ng-text-green-100   { color: var(--ng-color-green-100); }
.ng-bg-green-100     { background-color: var(--ng-color-green-100); }
.ng-border-green-100 { border-color: var(--ng-color-green-100); }
.ng-fill-green-100   { fill: var(--ng-color-green-100); }
.ng-stroke-green-100 { stroke: var(--ng-color-green-100); }

/* color-green-200: #AAF0C4FF */
.ng-text-green-200   { color: var(--ng-color-green-200); }
.ng-bg-green-200     { background-color: var(--ng-color-green-200); }
.ng-border-green-200 { border-color: var(--ng-color-green-200); }
.ng-fill-green-200   { fill: var(--ng-color-green-200); }
.ng-stroke-green-200 { stroke: var(--ng-color-green-200); }

/* color-green-300: #73E2A3FF */
.ng-text-green-300   { color: var(--ng-color-green-300); }
.ng-bg-green-300     { background-color: var(--ng-color-green-300); }
.ng-border-green-300 { border-color: var(--ng-color-green-300); }
.ng-fill-green-300   { fill: var(--ng-color-green-300); }
.ng-stroke-green-300 { stroke: var(--ng-color-green-300); }

/* color-green-400: #3CCB7FFF */
.ng-text-green-400   { color: var(--ng-color-green-400); }
.ng-bg-green-400     { background-color: var(--ng-color-green-400); }
.ng-border-green-400 { border-color: var(--ng-color-green-400); }
.ng-fill-green-400   { fill: var(--ng-color-green-400); }
.ng-stroke-green-400 { stroke: var(--ng-color-green-400); }

/* color-green-500: #16B364FF */
.ng-text-green-500   { color: var(--ng-color-green-500); }
.ng-bg-green-500     { background-color: var(--ng-color-green-500); }
.ng-border-green-500 { border-color: var(--ng-color-green-500); }
.ng-fill-green-500   { fill: var(--ng-color-green-500); }
.ng-stroke-green-500 { stroke: var(--ng-color-green-500); }

/* color-green-600: #099250FF */
.ng-text-green-600   { color: var(--ng-color-green-600); }
.ng-bg-green-600     { background-color: var(--ng-color-green-600); }
.ng-border-green-600 { border-color: var(--ng-color-green-600); }
.ng-fill-green-600   { fill: var(--ng-color-green-600); }
.ng-stroke-green-600 { stroke: var(--ng-color-green-600); }

/* color-green-700: #087443FF */
.ng-text-green-700   { color: var(--ng-color-green-700); }
.ng-bg-green-700     { background-color: var(--ng-color-green-700); }
.ng-border-green-700 { border-color: var(--ng-color-green-700); }
.ng-fill-green-700   { fill: var(--ng-color-green-700); }
.ng-stroke-green-700 { stroke: var(--ng-color-green-700); }

/* color-green-800: #095C37FF */
.ng-text-green-800   { color: var(--ng-color-green-800); }
.ng-bg-green-800     { background-color: var(--ng-color-green-800); }
.ng-border-green-800 { border-color: var(--ng-color-green-800); }
.ng-fill-green-800   { fill: var(--ng-color-green-800); }
.ng-stroke-green-800 { stroke: var(--ng-color-green-800); }

/* color-green-900: #084C2EFF */
.ng-text-green-900   { color: var(--ng-color-green-900); }
.ng-bg-green-900     { background-color: var(--ng-color-green-900); }
.ng-border-green-900 { border-color: var(--ng-color-green-900); }
.ng-fill-green-900   { fill: var(--ng-color-green-900); }
.ng-stroke-green-900 { stroke: var(--ng-color-green-900); }

/* color-green-950: #052E1CFF */
.ng-text-green-950   { color: var(--ng-color-green-950); }
.ng-bg-green-950     { background-color: var(--ng-color-green-950); }
.ng-border-green-950 { border-color: var(--ng-color-green-950); }
.ng-fill-green-950   { fill: var(--ng-color-green-950); }
.ng-stroke-green-950 { stroke: var(--ng-color-green-950); }

/* color-teal-25: #F6FEFCFF */
.ng-text-teal-25   { color: var(--ng-color-teal-25); }
.ng-bg-teal-25     { background-color: var(--ng-color-teal-25); }
.ng-border-teal-25 { border-color: var(--ng-color-teal-25); }
.ng-fill-teal-25   { fill: var(--ng-color-teal-25); }
.ng-stroke-teal-25 { stroke: var(--ng-color-teal-25); }

/* color-teal-50: #F0FDF9FF */
.ng-text-teal-50   { color: var(--ng-color-teal-50); }
.ng-bg-teal-50     { background-color: var(--ng-color-teal-50); }
.ng-border-teal-50 { border-color: var(--ng-color-teal-50); }
.ng-fill-teal-50   { fill: var(--ng-color-teal-50); }
.ng-stroke-teal-50 { stroke: var(--ng-color-teal-50); }

/* color-teal-100: #CCFBEFFF */
.ng-text-teal-100   { color: var(--ng-color-teal-100); }
.ng-bg-teal-100     { background-color: var(--ng-color-teal-100); }
.ng-border-teal-100 { border-color: var(--ng-color-teal-100); }
.ng-fill-teal-100   { fill: var(--ng-color-teal-100); }
.ng-stroke-teal-100 { stroke: var(--ng-color-teal-100); }

/* color-teal-200: #99F6E0FF */
.ng-text-teal-200   { color: var(--ng-color-teal-200); }
.ng-bg-teal-200     { background-color: var(--ng-color-teal-200); }
.ng-border-teal-200 { border-color: var(--ng-color-teal-200); }
.ng-fill-teal-200   { fill: var(--ng-color-teal-200); }
.ng-stroke-teal-200 { stroke: var(--ng-color-teal-200); }

/* color-teal-300: #5FE9D0FF */
.ng-text-teal-300   { color: var(--ng-color-teal-300); }
.ng-bg-teal-300     { background-color: var(--ng-color-teal-300); }
.ng-border-teal-300 { border-color: var(--ng-color-teal-300); }
.ng-fill-teal-300   { fill: var(--ng-color-teal-300); }
.ng-stroke-teal-300 { stroke: var(--ng-color-teal-300); }

/* color-teal-400: #2ED3B7FF */
.ng-text-teal-400   { color: var(--ng-color-teal-400); }
.ng-bg-teal-400     { background-color: var(--ng-color-teal-400); }
.ng-border-teal-400 { border-color: var(--ng-color-teal-400); }
.ng-fill-teal-400   { fill: var(--ng-color-teal-400); }
.ng-stroke-teal-400 { stroke: var(--ng-color-teal-400); }

/* color-teal-500: #15B79EFF */
.ng-text-teal-500   { color: var(--ng-color-teal-500); }
.ng-bg-teal-500     { background-color: var(--ng-color-teal-500); }
.ng-border-teal-500 { border-color: var(--ng-color-teal-500); }
.ng-fill-teal-500   { fill: var(--ng-color-teal-500); }
.ng-stroke-teal-500 { stroke: var(--ng-color-teal-500); }

/* color-teal-600: #0E9384FF */
.ng-text-teal-600   { color: var(--ng-color-teal-600); }
.ng-bg-teal-600     { background-color: var(--ng-color-teal-600); }
.ng-border-teal-600 { border-color: var(--ng-color-teal-600); }
.ng-fill-teal-600   { fill: var(--ng-color-teal-600); }
.ng-stroke-teal-600 { stroke: var(--ng-color-teal-600); }

/* color-teal-700: #107569FF */
.ng-text-teal-700   { color: var(--ng-color-teal-700); }
.ng-bg-teal-700     { background-color: var(--ng-color-teal-700); }
.ng-border-teal-700 { border-color: var(--ng-color-teal-700); }
.ng-fill-teal-700   { fill: var(--ng-color-teal-700); }
.ng-stroke-teal-700 { stroke: var(--ng-color-teal-700); }

/* color-teal-800: #125D56FF */
.ng-text-teal-800   { color: var(--ng-color-teal-800); }
.ng-bg-teal-800     { background-color: var(--ng-color-teal-800); }
.ng-border-teal-800 { border-color: var(--ng-color-teal-800); }
.ng-fill-teal-800   { fill: var(--ng-color-teal-800); }
.ng-stroke-teal-800 { stroke: var(--ng-color-teal-800); }

/* color-teal-900: #134E48FF */
.ng-text-teal-900   { color: var(--ng-color-teal-900); }
.ng-bg-teal-900     { background-color: var(--ng-color-teal-900); }
.ng-border-teal-900 { border-color: var(--ng-color-teal-900); }
.ng-fill-teal-900   { fill: var(--ng-color-teal-900); }
.ng-stroke-teal-900 { stroke: var(--ng-color-teal-900); }

/* color-teal-950: #0A2926FF */
.ng-text-teal-950   { color: var(--ng-color-teal-950); }
.ng-bg-teal-950     { background-color: var(--ng-color-teal-950); }
.ng-border-teal-950 { border-color: var(--ng-color-teal-950); }
.ng-fill-teal-950   { fill: var(--ng-color-teal-950); }
.ng-stroke-teal-950 { stroke: var(--ng-color-teal-950); }

/* color-cyan-25: #F5FEFFFF */
.ng-text-cyan-25   { color: var(--ng-color-cyan-25); }
.ng-bg-cyan-25     { background-color: var(--ng-color-cyan-25); }
.ng-border-cyan-25 { border-color: var(--ng-color-cyan-25); }
.ng-fill-cyan-25   { fill: var(--ng-color-cyan-25); }
.ng-stroke-cyan-25 { stroke: var(--ng-color-cyan-25); }

/* color-cyan-50: #ECFDFFFF */
.ng-text-cyan-50   { color: var(--ng-color-cyan-50); }
.ng-bg-cyan-50     { background-color: var(--ng-color-cyan-50); }
.ng-border-cyan-50 { border-color: var(--ng-color-cyan-50); }
.ng-fill-cyan-50   { fill: var(--ng-color-cyan-50); }
.ng-stroke-cyan-50 { stroke: var(--ng-color-cyan-50); }

/* color-cyan-100: #CFF9FEFF */
.ng-text-cyan-100   { color: var(--ng-color-cyan-100); }
.ng-bg-cyan-100     { background-color: var(--ng-color-cyan-100); }
.ng-border-cyan-100 { border-color: var(--ng-color-cyan-100); }
.ng-fill-cyan-100   { fill: var(--ng-color-cyan-100); }
.ng-stroke-cyan-100 { stroke: var(--ng-color-cyan-100); }

/* color-cyan-200: #A5F0FCFF */
.ng-text-cyan-200   { color: var(--ng-color-cyan-200); }
.ng-bg-cyan-200     { background-color: var(--ng-color-cyan-200); }
.ng-border-cyan-200 { border-color: var(--ng-color-cyan-200); }
.ng-fill-cyan-200   { fill: var(--ng-color-cyan-200); }
.ng-stroke-cyan-200 { stroke: var(--ng-color-cyan-200); }

/* color-cyan-300: #67E3F9FF */
.ng-text-cyan-300   { color: var(--ng-color-cyan-300); }
.ng-bg-cyan-300     { background-color: var(--ng-color-cyan-300); }
.ng-border-cyan-300 { border-color: var(--ng-color-cyan-300); }
.ng-fill-cyan-300   { fill: var(--ng-color-cyan-300); }
.ng-stroke-cyan-300 { stroke: var(--ng-color-cyan-300); }

/* color-cyan-400: #22CCEEFF */
.ng-text-cyan-400   { color: var(--ng-color-cyan-400); }
.ng-bg-cyan-400     { background-color: var(--ng-color-cyan-400); }
.ng-border-cyan-400 { border-color: var(--ng-color-cyan-400); }
.ng-fill-cyan-400   { fill: var(--ng-color-cyan-400); }
.ng-stroke-cyan-400 { stroke: var(--ng-color-cyan-400); }

/* color-cyan-500: #06AED4FF */
.ng-text-cyan-500   { color: var(--ng-color-cyan-500); }
.ng-bg-cyan-500     { background-color: var(--ng-color-cyan-500); }
.ng-border-cyan-500 { border-color: var(--ng-color-cyan-500); }
.ng-fill-cyan-500   { fill: var(--ng-color-cyan-500); }
.ng-stroke-cyan-500 { stroke: var(--ng-color-cyan-500); }

/* color-cyan-600: #088AB2FF */
.ng-text-cyan-600   { color: var(--ng-color-cyan-600); }
.ng-bg-cyan-600     { background-color: var(--ng-color-cyan-600); }
.ng-border-cyan-600 { border-color: var(--ng-color-cyan-600); }
.ng-fill-cyan-600   { fill: var(--ng-color-cyan-600); }
.ng-stroke-cyan-600 { stroke: var(--ng-color-cyan-600); }

/* color-cyan-700: #0E7090FF */
.ng-text-cyan-700   { color: var(--ng-color-cyan-700); }
.ng-bg-cyan-700     { background-color: var(--ng-color-cyan-700); }
.ng-border-cyan-700 { border-color: var(--ng-color-cyan-700); }
.ng-fill-cyan-700   { fill: var(--ng-color-cyan-700); }
.ng-stroke-cyan-700 { stroke: var(--ng-color-cyan-700); }

/* color-cyan-800: #155B75FF */
.ng-text-cyan-800   { color: var(--ng-color-cyan-800); }
.ng-bg-cyan-800     { background-color: var(--ng-color-cyan-800); }
.ng-border-cyan-800 { border-color: var(--ng-color-cyan-800); }
.ng-fill-cyan-800   { fill: var(--ng-color-cyan-800); }
.ng-stroke-cyan-800 { stroke: var(--ng-color-cyan-800); }

/* color-cyan-900: #164C63FF */
.ng-text-cyan-900   { color: var(--ng-color-cyan-900); }
.ng-bg-cyan-900     { background-color: var(--ng-color-cyan-900); }
.ng-border-cyan-900 { border-color: var(--ng-color-cyan-900); }
.ng-fill-cyan-900   { fill: var(--ng-color-cyan-900); }
.ng-stroke-cyan-900 { stroke: var(--ng-color-cyan-900); }

/* color-cyan-950: #0D2D3AFF */
.ng-text-cyan-950   { color: var(--ng-color-cyan-950); }
.ng-bg-cyan-950     { background-color: var(--ng-color-cyan-950); }
.ng-border-cyan-950 { border-color: var(--ng-color-cyan-950); }
.ng-fill-cyan-950   { fill: var(--ng-color-cyan-950); }
.ng-stroke-cyan-950 { stroke: var(--ng-color-cyan-950); }

/* color-bluelight-25: #F5FBFFFF */
.ng-text-bluelight-25   { color: var(--ng-color-bluelight-25); }
.ng-bg-bluelight-25     { background-color: var(--ng-color-bluelight-25); }
.ng-border-bluelight-25 { border-color: var(--ng-color-bluelight-25); }
.ng-fill-bluelight-25   { fill: var(--ng-color-bluelight-25); }
.ng-stroke-bluelight-25 { stroke: var(--ng-color-bluelight-25); }

/* color-bluelight-50: #F0F9FFFF */
.ng-text-bluelight-50   { color: var(--ng-color-bluelight-50); }
.ng-bg-bluelight-50     { background-color: var(--ng-color-bluelight-50); }
.ng-border-bluelight-50 { border-color: var(--ng-color-bluelight-50); }
.ng-fill-bluelight-50   { fill: var(--ng-color-bluelight-50); }
.ng-stroke-bluelight-50 { stroke: var(--ng-color-bluelight-50); }

/* color-bluelight-100: #E0F2FEFF */
.ng-text-bluelight-100   { color: var(--ng-color-bluelight-100); }
.ng-bg-bluelight-100     { background-color: var(--ng-color-bluelight-100); }
.ng-border-bluelight-100 { border-color: var(--ng-color-bluelight-100); }
.ng-fill-bluelight-100   { fill: var(--ng-color-bluelight-100); }
.ng-stroke-bluelight-100 { stroke: var(--ng-color-bluelight-100); }

/* color-bluelight-200: #B9E6FEFF */
.ng-text-bluelight-200   { color: var(--ng-color-bluelight-200); }
.ng-bg-bluelight-200     { background-color: var(--ng-color-bluelight-200); }
.ng-border-bluelight-200 { border-color: var(--ng-color-bluelight-200); }
.ng-fill-bluelight-200   { fill: var(--ng-color-bluelight-200); }
.ng-stroke-bluelight-200 { stroke: var(--ng-color-bluelight-200); }

/* color-bluelight-300: #7CD4FDFF */
.ng-text-bluelight-300   { color: var(--ng-color-bluelight-300); }
.ng-bg-bluelight-300     { background-color: var(--ng-color-bluelight-300); }
.ng-border-bluelight-300 { border-color: var(--ng-color-bluelight-300); }
.ng-fill-bluelight-300   { fill: var(--ng-color-bluelight-300); }
.ng-stroke-bluelight-300 { stroke: var(--ng-color-bluelight-300); }

/* color-bluelight-400: #36BFFAFF */
.ng-text-bluelight-400   { color: var(--ng-color-bluelight-400); }
.ng-bg-bluelight-400     { background-color: var(--ng-color-bluelight-400); }
.ng-border-bluelight-400 { border-color: var(--ng-color-bluelight-400); }
.ng-fill-bluelight-400   { fill: var(--ng-color-bluelight-400); }
.ng-stroke-bluelight-400 { stroke: var(--ng-color-bluelight-400); }

/* color-bluelight-500: #0BA5ECFF */
.ng-text-bluelight-500   { color: var(--ng-color-bluelight-500); }
.ng-bg-bluelight-500     { background-color: var(--ng-color-bluelight-500); }
.ng-border-bluelight-500 { border-color: var(--ng-color-bluelight-500); }
.ng-fill-bluelight-500   { fill: var(--ng-color-bluelight-500); }
.ng-stroke-bluelight-500 { stroke: var(--ng-color-bluelight-500); }

/* color-bluelight-600: #0086C9FF */
.ng-text-bluelight-600   { color: var(--ng-color-bluelight-600); }
.ng-bg-bluelight-600     { background-color: var(--ng-color-bluelight-600); }
.ng-border-bluelight-600 { border-color: var(--ng-color-bluelight-600); }
.ng-fill-bluelight-600   { fill: var(--ng-color-bluelight-600); }
.ng-stroke-bluelight-600 { stroke: var(--ng-color-bluelight-600); }

/* color-bluelight-700: #026AA2FF */
.ng-text-bluelight-700   { color: var(--ng-color-bluelight-700); }
.ng-bg-bluelight-700     { background-color: var(--ng-color-bluelight-700); }
.ng-border-bluelight-700 { border-color: var(--ng-color-bluelight-700); }
.ng-fill-bluelight-700   { fill: var(--ng-color-bluelight-700); }
.ng-stroke-bluelight-700 { stroke: var(--ng-color-bluelight-700); }

/* color-bluelight-800: #065986FF */
.ng-text-bluelight-800   { color: var(--ng-color-bluelight-800); }
.ng-bg-bluelight-800     { background-color: var(--ng-color-bluelight-800); }
.ng-border-bluelight-800 { border-color: var(--ng-color-bluelight-800); }
.ng-fill-bluelight-800   { fill: var(--ng-color-bluelight-800); }
.ng-stroke-bluelight-800 { stroke: var(--ng-color-bluelight-800); }

/* color-bluelight-900: #0B4A6FFF */
.ng-text-bluelight-900   { color: var(--ng-color-bluelight-900); }
.ng-bg-bluelight-900     { background-color: var(--ng-color-bluelight-900); }
.ng-border-bluelight-900 { border-color: var(--ng-color-bluelight-900); }
.ng-fill-bluelight-900   { fill: var(--ng-color-bluelight-900); }
.ng-stroke-bluelight-900 { stroke: var(--ng-color-bluelight-900); }

/* color-bluelight-950: #062C41FF */
.ng-text-bluelight-950   { color: var(--ng-color-bluelight-950); }
.ng-bg-bluelight-950     { background-color: var(--ng-color-bluelight-950); }
.ng-border-bluelight-950 { border-color: var(--ng-color-bluelight-950); }
.ng-fill-bluelight-950   { fill: var(--ng-color-bluelight-950); }
.ng-stroke-bluelight-950 { stroke: var(--ng-color-bluelight-950); }

/* color-blue-25: #F5FAFFFF */
.ng-text-blue-25   { color: var(--ng-color-blue-25); }
.ng-bg-blue-25     { background-color: var(--ng-color-blue-25); }
.ng-border-blue-25 { border-color: var(--ng-color-blue-25); }
.ng-fill-blue-25   { fill: var(--ng-color-blue-25); }
.ng-stroke-blue-25 { stroke: var(--ng-color-blue-25); }

/* color-blue-50: #EFF8FFFF */
.ng-text-blue-50   { color: var(--ng-color-blue-50); }
.ng-bg-blue-50     { background-color: var(--ng-color-blue-50); }
.ng-border-blue-50 { border-color: var(--ng-color-blue-50); }
.ng-fill-blue-50   { fill: var(--ng-color-blue-50); }
.ng-stroke-blue-50 { stroke: var(--ng-color-blue-50); }

/* color-blue-100: #D1E9FFFF */
.ng-text-blue-100   { color: var(--ng-color-blue-100); }
.ng-bg-blue-100     { background-color: var(--ng-color-blue-100); }
.ng-border-blue-100 { border-color: var(--ng-color-blue-100); }
.ng-fill-blue-100   { fill: var(--ng-color-blue-100); }
.ng-stroke-blue-100 { stroke: var(--ng-color-blue-100); }

/* color-blue-200: #B2DDFFFF */
.ng-text-blue-200   { color: var(--ng-color-blue-200); }
.ng-bg-blue-200     { background-color: var(--ng-color-blue-200); }
.ng-border-blue-200 { border-color: var(--ng-color-blue-200); }
.ng-fill-blue-200   { fill: var(--ng-color-blue-200); }
.ng-stroke-blue-200 { stroke: var(--ng-color-blue-200); }

/* color-blue-300: #84CAFFFF */
.ng-text-blue-300   { color: var(--ng-color-blue-300); }
.ng-bg-blue-300     { background-color: var(--ng-color-blue-300); }
.ng-border-blue-300 { border-color: var(--ng-color-blue-300); }
.ng-fill-blue-300   { fill: var(--ng-color-blue-300); }
.ng-stroke-blue-300 { stroke: var(--ng-color-blue-300); }

/* color-blue-400: #53B1FDFF */
.ng-text-blue-400   { color: var(--ng-color-blue-400); }
.ng-bg-blue-400     { background-color: var(--ng-color-blue-400); }
.ng-border-blue-400 { border-color: var(--ng-color-blue-400); }
.ng-fill-blue-400   { fill: var(--ng-color-blue-400); }
.ng-stroke-blue-400 { stroke: var(--ng-color-blue-400); }

/* color-blue-500: #2E90FAFF */
.ng-text-blue-500   { color: var(--ng-color-blue-500); }
.ng-bg-blue-500     { background-color: var(--ng-color-blue-500); }
.ng-border-blue-500 { border-color: var(--ng-color-blue-500); }
.ng-fill-blue-500   { fill: var(--ng-color-blue-500); }
.ng-stroke-blue-500 { stroke: var(--ng-color-blue-500); }

/* color-blue-600: #1570EFFF */
.ng-text-blue-600   { color: var(--ng-color-blue-600); }
.ng-bg-blue-600     { background-color: var(--ng-color-blue-600); }
.ng-border-blue-600 { border-color: var(--ng-color-blue-600); }
.ng-fill-blue-600   { fill: var(--ng-color-blue-600); }
.ng-stroke-blue-600 { stroke: var(--ng-color-blue-600); }

/* color-blue-700: #175CD3FF */
.ng-text-blue-700   { color: var(--ng-color-blue-700); }
.ng-bg-blue-700     { background-color: var(--ng-color-blue-700); }
.ng-border-blue-700 { border-color: var(--ng-color-blue-700); }
.ng-fill-blue-700   { fill: var(--ng-color-blue-700); }
.ng-stroke-blue-700 { stroke: var(--ng-color-blue-700); }

/* color-blue-800: #1849A9FF */
.ng-text-blue-800   { color: var(--ng-color-blue-800); }
.ng-bg-blue-800     { background-color: var(--ng-color-blue-800); }
.ng-border-blue-800 { border-color: var(--ng-color-blue-800); }
.ng-fill-blue-800   { fill: var(--ng-color-blue-800); }
.ng-stroke-blue-800 { stroke: var(--ng-color-blue-800); }

/* color-blue-900: #194185FF */
.ng-text-blue-900   { color: var(--ng-color-blue-900); }
.ng-bg-blue-900     { background-color: var(--ng-color-blue-900); }
.ng-border-blue-900 { border-color: var(--ng-color-blue-900); }
.ng-fill-blue-900   { fill: var(--ng-color-blue-900); }
.ng-stroke-blue-900 { stroke: var(--ng-color-blue-900); }

/* color-blue-950: #102A56FF */
.ng-text-blue-950   { color: var(--ng-color-blue-950); }
.ng-bg-blue-950     { background-color: var(--ng-color-blue-950); }
.ng-border-blue-950 { border-color: var(--ng-color-blue-950); }
.ng-fill-blue-950   { fill: var(--ng-color-blue-950); }
.ng-stroke-blue-950 { stroke: var(--ng-color-blue-950); }

/* color-bluedark-25: #F5F8FFFF */
.ng-text-bluedark-25   { color: var(--ng-color-bluedark-25); }
.ng-bg-bluedark-25     { background-color: var(--ng-color-bluedark-25); }
.ng-border-bluedark-25 { border-color: var(--ng-color-bluedark-25); }
.ng-fill-bluedark-25   { fill: var(--ng-color-bluedark-25); }
.ng-stroke-bluedark-25 { stroke: var(--ng-color-bluedark-25); }

/* color-bluedark-50: #EFF4FFFF */
.ng-text-bluedark-50   { color: var(--ng-color-bluedark-50); }
.ng-bg-bluedark-50     { background-color: var(--ng-color-bluedark-50); }
.ng-border-bluedark-50 { border-color: var(--ng-color-bluedark-50); }
.ng-fill-bluedark-50   { fill: var(--ng-color-bluedark-50); }
.ng-stroke-bluedark-50 { stroke: var(--ng-color-bluedark-50); }

/* color-bluedark-100: #D1E0FFFF */
.ng-text-bluedark-100   { color: var(--ng-color-bluedark-100); }
.ng-bg-bluedark-100     { background-color: var(--ng-color-bluedark-100); }
.ng-border-bluedark-100 { border-color: var(--ng-color-bluedark-100); }
.ng-fill-bluedark-100   { fill: var(--ng-color-bluedark-100); }
.ng-stroke-bluedark-100 { stroke: var(--ng-color-bluedark-100); }

/* color-bluedark-200: #B2CCFFFF */
.ng-text-bluedark-200   { color: var(--ng-color-bluedark-200); }
.ng-bg-bluedark-200     { background-color: var(--ng-color-bluedark-200); }
.ng-border-bluedark-200 { border-color: var(--ng-color-bluedark-200); }
.ng-fill-bluedark-200   { fill: var(--ng-color-bluedark-200); }
.ng-stroke-bluedark-200 { stroke: var(--ng-color-bluedark-200); }

/* color-bluedark-300: #84ADFFFF */
.ng-text-bluedark-300   { color: var(--ng-color-bluedark-300); }
.ng-bg-bluedark-300     { background-color: var(--ng-color-bluedark-300); }
.ng-border-bluedark-300 { border-color: var(--ng-color-bluedark-300); }
.ng-fill-bluedark-300   { fill: var(--ng-color-bluedark-300); }
.ng-stroke-bluedark-300 { stroke: var(--ng-color-bluedark-300); }

/* color-bluedark-400: #528BFFFF */
.ng-text-bluedark-400   { color: var(--ng-color-bluedark-400); }
.ng-bg-bluedark-400     { background-color: var(--ng-color-bluedark-400); }
.ng-border-bluedark-400 { border-color: var(--ng-color-bluedark-400); }
.ng-fill-bluedark-400   { fill: var(--ng-color-bluedark-400); }
.ng-stroke-bluedark-400 { stroke: var(--ng-color-bluedark-400); }

/* color-bluedark-500: #2970FFFF */
.ng-text-bluedark-500   { color: var(--ng-color-bluedark-500); }
.ng-bg-bluedark-500     { background-color: var(--ng-color-bluedark-500); }
.ng-border-bluedark-500 { border-color: var(--ng-color-bluedark-500); }
.ng-fill-bluedark-500   { fill: var(--ng-color-bluedark-500); }
.ng-stroke-bluedark-500 { stroke: var(--ng-color-bluedark-500); }

/* color-bluedark-600: #155EEFFF */
.ng-text-bluedark-600   { color: var(--ng-color-bluedark-600); }
.ng-bg-bluedark-600     { background-color: var(--ng-color-bluedark-600); }
.ng-border-bluedark-600 { border-color: var(--ng-color-bluedark-600); }
.ng-fill-bluedark-600   { fill: var(--ng-color-bluedark-600); }
.ng-stroke-bluedark-600 { stroke: var(--ng-color-bluedark-600); }

/* color-bluedark-700: #004EEBFF */
.ng-text-bluedark-700   { color: var(--ng-color-bluedark-700); }
.ng-bg-bluedark-700     { background-color: var(--ng-color-bluedark-700); }
.ng-border-bluedark-700 { border-color: var(--ng-color-bluedark-700); }
.ng-fill-bluedark-700   { fill: var(--ng-color-bluedark-700); }
.ng-stroke-bluedark-700 { stroke: var(--ng-color-bluedark-700); }

/* color-bluedark-800: #0040C1FF */
.ng-text-bluedark-800   { color: var(--ng-color-bluedark-800); }
.ng-bg-bluedark-800     { background-color: var(--ng-color-bluedark-800); }
.ng-border-bluedark-800 { border-color: var(--ng-color-bluedark-800); }
.ng-fill-bluedark-800   { fill: var(--ng-color-bluedark-800); }
.ng-stroke-bluedark-800 { stroke: var(--ng-color-bluedark-800); }

/* color-bluedark-900: #00359EFF */
.ng-text-bluedark-900   { color: var(--ng-color-bluedark-900); }
.ng-bg-bluedark-900     { background-color: var(--ng-color-bluedark-900); }
.ng-border-bluedark-900 { border-color: var(--ng-color-bluedark-900); }
.ng-fill-bluedark-900   { fill: var(--ng-color-bluedark-900); }
.ng-stroke-bluedark-900 { stroke: var(--ng-color-bluedark-900); }

/* color-bluedark-950: #002266FF */
.ng-text-bluedark-950   { color: var(--ng-color-bluedark-950); }
.ng-bg-bluedark-950     { background-color: var(--ng-color-bluedark-950); }
.ng-border-bluedark-950 { border-color: var(--ng-color-bluedark-950); }
.ng-fill-bluedark-950   { fill: var(--ng-color-bluedark-950); }
.ng-stroke-bluedark-950 { stroke: var(--ng-color-bluedark-950); }

/* color-indigo-25: #F5F8FFFF */
.ng-text-indigo-25   { color: var(--ng-color-indigo-25); }
.ng-bg-indigo-25     { background-color: var(--ng-color-indigo-25); }
.ng-border-indigo-25 { border-color: var(--ng-color-indigo-25); }
.ng-fill-indigo-25   { fill: var(--ng-color-indigo-25); }
.ng-stroke-indigo-25 { stroke: var(--ng-color-indigo-25); }

/* color-indigo-50: #EEF4FFFF */
.ng-text-indigo-50   { color: var(--ng-color-indigo-50); }
.ng-bg-indigo-50     { background-color: var(--ng-color-indigo-50); }
.ng-border-indigo-50 { border-color: var(--ng-color-indigo-50); }
.ng-fill-indigo-50   { fill: var(--ng-color-indigo-50); }
.ng-stroke-indigo-50 { stroke: var(--ng-color-indigo-50); }

/* color-indigo-100: #E0EAFFFF */
.ng-text-indigo-100   { color: var(--ng-color-indigo-100); }
.ng-bg-indigo-100     { background-color: var(--ng-color-indigo-100); }
.ng-border-indigo-100 { border-color: var(--ng-color-indigo-100); }
.ng-fill-indigo-100   { fill: var(--ng-color-indigo-100); }
.ng-stroke-indigo-100 { stroke: var(--ng-color-indigo-100); }

/* color-indigo-200: #C7D7FEFF */
.ng-text-indigo-200   { color: var(--ng-color-indigo-200); }
.ng-bg-indigo-200     { background-color: var(--ng-color-indigo-200); }
.ng-border-indigo-200 { border-color: var(--ng-color-indigo-200); }
.ng-fill-indigo-200   { fill: var(--ng-color-indigo-200); }
.ng-stroke-indigo-200 { stroke: var(--ng-color-indigo-200); }

/* color-indigo-300: #A4BCFDFF */
.ng-text-indigo-300   { color: var(--ng-color-indigo-300); }
.ng-bg-indigo-300     { background-color: var(--ng-color-indigo-300); }
.ng-border-indigo-300 { border-color: var(--ng-color-indigo-300); }
.ng-fill-indigo-300   { fill: var(--ng-color-indigo-300); }
.ng-stroke-indigo-300 { stroke: var(--ng-color-indigo-300); }

/* color-indigo-400: #8098F9FF */
.ng-text-indigo-400   { color: var(--ng-color-indigo-400); }
.ng-bg-indigo-400     { background-color: var(--ng-color-indigo-400); }
.ng-border-indigo-400 { border-color: var(--ng-color-indigo-400); }
.ng-fill-indigo-400   { fill: var(--ng-color-indigo-400); }
.ng-stroke-indigo-400 { stroke: var(--ng-color-indigo-400); }

/* color-indigo-500: #6172F3FF */
.ng-text-indigo-500   { color: var(--ng-color-indigo-500); }
.ng-bg-indigo-500     { background-color: var(--ng-color-indigo-500); }
.ng-border-indigo-500 { border-color: var(--ng-color-indigo-500); }
.ng-fill-indigo-500   { fill: var(--ng-color-indigo-500); }
.ng-stroke-indigo-500 { stroke: var(--ng-color-indigo-500); }

/* color-indigo-600: #444CE7FF */
.ng-text-indigo-600   { color: var(--ng-color-indigo-600); }
.ng-bg-indigo-600     { background-color: var(--ng-color-indigo-600); }
.ng-border-indigo-600 { border-color: var(--ng-color-indigo-600); }
.ng-fill-indigo-600   { fill: var(--ng-color-indigo-600); }
.ng-stroke-indigo-600 { stroke: var(--ng-color-indigo-600); }

/* color-indigo-700: #3538CDFF */
.ng-text-indigo-700   { color: var(--ng-color-indigo-700); }
.ng-bg-indigo-700     { background-color: var(--ng-color-indigo-700); }
.ng-border-indigo-700 { border-color: var(--ng-color-indigo-700); }
.ng-fill-indigo-700   { fill: var(--ng-color-indigo-700); }
.ng-stroke-indigo-700 { stroke: var(--ng-color-indigo-700); }

/* color-indigo-800: #2D31A6FF */
.ng-text-indigo-800   { color: var(--ng-color-indigo-800); }
.ng-bg-indigo-800     { background-color: var(--ng-color-indigo-800); }
.ng-border-indigo-800 { border-color: var(--ng-color-indigo-800); }
.ng-fill-indigo-800   { fill: var(--ng-color-indigo-800); }
.ng-stroke-indigo-800 { stroke: var(--ng-color-indigo-800); }

/* color-indigo-900: #2D3282FF */
.ng-text-indigo-900   { color: var(--ng-color-indigo-900); }
.ng-bg-indigo-900     { background-color: var(--ng-color-indigo-900); }
.ng-border-indigo-900 { border-color: var(--ng-color-indigo-900); }
.ng-fill-indigo-900   { fill: var(--ng-color-indigo-900); }
.ng-stroke-indigo-900 { stroke: var(--ng-color-indigo-900); }

/* color-indigo-950: #1F235BFF */
.ng-text-indigo-950   { color: var(--ng-color-indigo-950); }
.ng-bg-indigo-950     { background-color: var(--ng-color-indigo-950); }
.ng-border-indigo-950 { border-color: var(--ng-color-indigo-950); }
.ng-fill-indigo-950   { fill: var(--ng-color-indigo-950); }
.ng-stroke-indigo-950 { stroke: var(--ng-color-indigo-950); }

/* color-violet-25: #FBFAFFFF */
.ng-text-violet-25   { color: var(--ng-color-violet-25); }
.ng-bg-violet-25     { background-color: var(--ng-color-violet-25); }
.ng-border-violet-25 { border-color: var(--ng-color-violet-25); }
.ng-fill-violet-25   { fill: var(--ng-color-violet-25); }
.ng-stroke-violet-25 { stroke: var(--ng-color-violet-25); }

/* color-violet-50: #F5F3FFFF */
.ng-text-violet-50   { color: var(--ng-color-violet-50); }
.ng-bg-violet-50     { background-color: var(--ng-color-violet-50); }
.ng-border-violet-50 { border-color: var(--ng-color-violet-50); }
.ng-fill-violet-50   { fill: var(--ng-color-violet-50); }
.ng-stroke-violet-50 { stroke: var(--ng-color-violet-50); }

/* color-violet-100: #ECE9FEFF */
.ng-text-violet-100   { color: var(--ng-color-violet-100); }
.ng-bg-violet-100     { background-color: var(--ng-color-violet-100); }
.ng-border-violet-100 { border-color: var(--ng-color-violet-100); }
.ng-fill-violet-100   { fill: var(--ng-color-violet-100); }
.ng-stroke-violet-100 { stroke: var(--ng-color-violet-100); }

/* color-violet-200: #DDD6FEFF */
.ng-text-violet-200   { color: var(--ng-color-violet-200); }
.ng-bg-violet-200     { background-color: var(--ng-color-violet-200); }
.ng-border-violet-200 { border-color: var(--ng-color-violet-200); }
.ng-fill-violet-200   { fill: var(--ng-color-violet-200); }
.ng-stroke-violet-200 { stroke: var(--ng-color-violet-200); }

/* color-violet-300: #C3B5FDFF */
.ng-text-violet-300   { color: var(--ng-color-violet-300); }
.ng-bg-violet-300     { background-color: var(--ng-color-violet-300); }
.ng-border-violet-300 { border-color: var(--ng-color-violet-300); }
.ng-fill-violet-300   { fill: var(--ng-color-violet-300); }
.ng-stroke-violet-300 { stroke: var(--ng-color-violet-300); }

/* color-violet-400: #A48AFBFF */
.ng-text-violet-400   { color: var(--ng-color-violet-400); }
.ng-bg-violet-400     { background-color: var(--ng-color-violet-400); }
.ng-border-violet-400 { border-color: var(--ng-color-violet-400); }
.ng-fill-violet-400   { fill: var(--ng-color-violet-400); }
.ng-stroke-violet-400 { stroke: var(--ng-color-violet-400); }

/* color-violet-500: #875BF7FF */
.ng-text-violet-500   { color: var(--ng-color-violet-500); }
.ng-bg-violet-500     { background-color: var(--ng-color-violet-500); }
.ng-border-violet-500 { border-color: var(--ng-color-violet-500); }
.ng-fill-violet-500   { fill: var(--ng-color-violet-500); }
.ng-stroke-violet-500 { stroke: var(--ng-color-violet-500); }

/* color-violet-600: #7839EEFF */
.ng-text-violet-600   { color: var(--ng-color-violet-600); }
.ng-bg-violet-600     { background-color: var(--ng-color-violet-600); }
.ng-border-violet-600 { border-color: var(--ng-color-violet-600); }
.ng-fill-violet-600   { fill: var(--ng-color-violet-600); }
.ng-stroke-violet-600 { stroke: var(--ng-color-violet-600); }

/* color-violet-700: #6927DAFF */
.ng-text-violet-700   { color: var(--ng-color-violet-700); }
.ng-bg-violet-700     { background-color: var(--ng-color-violet-700); }
.ng-border-violet-700 { border-color: var(--ng-color-violet-700); }
.ng-fill-violet-700   { fill: var(--ng-color-violet-700); }
.ng-stroke-violet-700 { stroke: var(--ng-color-violet-700); }

/* color-violet-800: #5720B7FF */
.ng-text-violet-800   { color: var(--ng-color-violet-800); }
.ng-bg-violet-800     { background-color: var(--ng-color-violet-800); }
.ng-border-violet-800 { border-color: var(--ng-color-violet-800); }
.ng-fill-violet-800   { fill: var(--ng-color-violet-800); }
.ng-stroke-violet-800 { stroke: var(--ng-color-violet-800); }

/* color-violet-900: #491C96FF */
.ng-text-violet-900   { color: var(--ng-color-violet-900); }
.ng-bg-violet-900     { background-color: var(--ng-color-violet-900); }
.ng-border-violet-900 { border-color: var(--ng-color-violet-900); }
.ng-fill-violet-900   { fill: var(--ng-color-violet-900); }
.ng-stroke-violet-900 { stroke: var(--ng-color-violet-900); }

/* color-violet-950: #2E125EFF */
.ng-text-violet-950   { color: var(--ng-color-violet-950); }
.ng-bg-violet-950     { background-color: var(--ng-color-violet-950); }
.ng-border-violet-950 { border-color: var(--ng-color-violet-950); }
.ng-fill-violet-950   { fill: var(--ng-color-violet-950); }
.ng-stroke-violet-950 { stroke: var(--ng-color-violet-950); }

/* color-purple-25: #FAFAFFFF */
.ng-text-purple-25   { color: var(--ng-color-purple-25); }
.ng-bg-purple-25     { background-color: var(--ng-color-purple-25); }
.ng-border-purple-25 { border-color: var(--ng-color-purple-25); }
.ng-fill-purple-25   { fill: var(--ng-color-purple-25); }
.ng-stroke-purple-25 { stroke: var(--ng-color-purple-25); }

/* color-purple-50: #F4F3FFFF */
.ng-text-purple-50   { color: var(--ng-color-purple-50); }
.ng-bg-purple-50     { background-color: var(--ng-color-purple-50); }
.ng-border-purple-50 { border-color: var(--ng-color-purple-50); }
.ng-fill-purple-50   { fill: var(--ng-color-purple-50); }
.ng-stroke-purple-50 { stroke: var(--ng-color-purple-50); }

/* color-purple-100: #EBE9FEFF */
.ng-text-purple-100   { color: var(--ng-color-purple-100); }
.ng-bg-purple-100     { background-color: var(--ng-color-purple-100); }
.ng-border-purple-100 { border-color: var(--ng-color-purple-100); }
.ng-fill-purple-100   { fill: var(--ng-color-purple-100); }
.ng-stroke-purple-100 { stroke: var(--ng-color-purple-100); }

/* color-purple-200: #D9D6FEFF */
.ng-text-purple-200   { color: var(--ng-color-purple-200); }
.ng-bg-purple-200     { background-color: var(--ng-color-purple-200); }
.ng-border-purple-200 { border-color: var(--ng-color-purple-200); }
.ng-fill-purple-200   { fill: var(--ng-color-purple-200); }
.ng-stroke-purple-200 { stroke: var(--ng-color-purple-200); }

/* color-purple-300: #BDB4FEFF */
.ng-text-purple-300   { color: var(--ng-color-purple-300); }
.ng-bg-purple-300     { background-color: var(--ng-color-purple-300); }
.ng-border-purple-300 { border-color: var(--ng-color-purple-300); }
.ng-fill-purple-300   { fill: var(--ng-color-purple-300); }
.ng-stroke-purple-300 { stroke: var(--ng-color-purple-300); }

/* color-purple-400: #9B8AFBFF */
.ng-text-purple-400   { color: var(--ng-color-purple-400); }
.ng-bg-purple-400     { background-color: var(--ng-color-purple-400); }
.ng-border-purple-400 { border-color: var(--ng-color-purple-400); }
.ng-fill-purple-400   { fill: var(--ng-color-purple-400); }
.ng-stroke-purple-400 { stroke: var(--ng-color-purple-400); }

/* color-purple-500: #7A5AF8FF */
.ng-text-purple-500   { color: var(--ng-color-purple-500); }
.ng-bg-purple-500     { background-color: var(--ng-color-purple-500); }
.ng-border-purple-500 { border-color: var(--ng-color-purple-500); }
.ng-fill-purple-500   { fill: var(--ng-color-purple-500); }
.ng-stroke-purple-500 { stroke: var(--ng-color-purple-500); }

/* color-purple-600: #6938EFFF */
.ng-text-purple-600   { color: var(--ng-color-purple-600); }
.ng-bg-purple-600     { background-color: var(--ng-color-purple-600); }
.ng-border-purple-600 { border-color: var(--ng-color-purple-600); }
.ng-fill-purple-600   { fill: var(--ng-color-purple-600); }
.ng-stroke-purple-600 { stroke: var(--ng-color-purple-600); }

/* color-purple-700: #5925DCFF */
.ng-text-purple-700   { color: var(--ng-color-purple-700); }
.ng-bg-purple-700     { background-color: var(--ng-color-purple-700); }
.ng-border-purple-700 { border-color: var(--ng-color-purple-700); }
.ng-fill-purple-700   { fill: var(--ng-color-purple-700); }
.ng-stroke-purple-700 { stroke: var(--ng-color-purple-700); }

/* color-purple-800: #4A1FB8FF */
.ng-text-purple-800   { color: var(--ng-color-purple-800); }
.ng-bg-purple-800     { background-color: var(--ng-color-purple-800); }
.ng-border-purple-800 { border-color: var(--ng-color-purple-800); }
.ng-fill-purple-800   { fill: var(--ng-color-purple-800); }
.ng-stroke-purple-800 { stroke: var(--ng-color-purple-800); }

/* color-purple-900: #3E1C96FF */
.ng-text-purple-900   { color: var(--ng-color-purple-900); }
.ng-bg-purple-900     { background-color: var(--ng-color-purple-900); }
.ng-border-purple-900 { border-color: var(--ng-color-purple-900); }
.ng-fill-purple-900   { fill: var(--ng-color-purple-900); }
.ng-stroke-purple-900 { stroke: var(--ng-color-purple-900); }

/* color-purple-950: #27115FFF */
.ng-text-purple-950   { color: var(--ng-color-purple-950); }
.ng-bg-purple-950     { background-color: var(--ng-color-purple-950); }
.ng-border-purple-950 { border-color: var(--ng-color-purple-950); }
.ng-fill-purple-950   { fill: var(--ng-color-purple-950); }
.ng-stroke-purple-950 { stroke: var(--ng-color-purple-950); }

/* color-fuchsia-25: #FEFAFFFF */
.ng-text-fuchsia-25   { color: var(--ng-color-fuchsia-25); }
.ng-bg-fuchsia-25     { background-color: var(--ng-color-fuchsia-25); }
.ng-border-fuchsia-25 { border-color: var(--ng-color-fuchsia-25); }
.ng-fill-fuchsia-25   { fill: var(--ng-color-fuchsia-25); }
.ng-stroke-fuchsia-25 { stroke: var(--ng-color-fuchsia-25); }

/* color-fuchsia-50: #FDF4FFFF */
.ng-text-fuchsia-50   { color: var(--ng-color-fuchsia-50); }
.ng-bg-fuchsia-50     { background-color: var(--ng-color-fuchsia-50); }
.ng-border-fuchsia-50 { border-color: var(--ng-color-fuchsia-50); }
.ng-fill-fuchsia-50   { fill: var(--ng-color-fuchsia-50); }
.ng-stroke-fuchsia-50 { stroke: var(--ng-color-fuchsia-50); }

/* color-fuchsia-100: #FBE8FFFF */
.ng-text-fuchsia-100   { color: var(--ng-color-fuchsia-100); }
.ng-bg-fuchsia-100     { background-color: var(--ng-color-fuchsia-100); }
.ng-border-fuchsia-100 { border-color: var(--ng-color-fuchsia-100); }
.ng-fill-fuchsia-100   { fill: var(--ng-color-fuchsia-100); }
.ng-stroke-fuchsia-100 { stroke: var(--ng-color-fuchsia-100); }

/* color-fuchsia-200: #F6D0FEFF */
.ng-text-fuchsia-200   { color: var(--ng-color-fuchsia-200); }
.ng-bg-fuchsia-200     { background-color: var(--ng-color-fuchsia-200); }
.ng-border-fuchsia-200 { border-color: var(--ng-color-fuchsia-200); }
.ng-fill-fuchsia-200   { fill: var(--ng-color-fuchsia-200); }
.ng-stroke-fuchsia-200 { stroke: var(--ng-color-fuchsia-200); }

/* color-fuchsia-300: #EEAAFDFF */
.ng-text-fuchsia-300   { color: var(--ng-color-fuchsia-300); }
.ng-bg-fuchsia-300     { background-color: var(--ng-color-fuchsia-300); }
.ng-border-fuchsia-300 { border-color: var(--ng-color-fuchsia-300); }
.ng-fill-fuchsia-300   { fill: var(--ng-color-fuchsia-300); }
.ng-stroke-fuchsia-300 { stroke: var(--ng-color-fuchsia-300); }

/* color-fuchsia-400: #E478FAFF */
.ng-text-fuchsia-400   { color: var(--ng-color-fuchsia-400); }
.ng-bg-fuchsia-400     { background-color: var(--ng-color-fuchsia-400); }
.ng-border-fuchsia-400 { border-color: var(--ng-color-fuchsia-400); }
.ng-fill-fuchsia-400   { fill: var(--ng-color-fuchsia-400); }
.ng-stroke-fuchsia-400 { stroke: var(--ng-color-fuchsia-400); }

/* color-fuchsia-500: #D444F1FF */
.ng-text-fuchsia-500   { color: var(--ng-color-fuchsia-500); }
.ng-bg-fuchsia-500     { background-color: var(--ng-color-fuchsia-500); }
.ng-border-fuchsia-500 { border-color: var(--ng-color-fuchsia-500); }
.ng-fill-fuchsia-500   { fill: var(--ng-color-fuchsia-500); }
.ng-stroke-fuchsia-500 { stroke: var(--ng-color-fuchsia-500); }

/* color-fuchsia-600: #BA24D5FF */
.ng-text-fuchsia-600   { color: var(--ng-color-fuchsia-600); }
.ng-bg-fuchsia-600     { background-color: var(--ng-color-fuchsia-600); }
.ng-border-fuchsia-600 { border-color: var(--ng-color-fuchsia-600); }
.ng-fill-fuchsia-600   { fill: var(--ng-color-fuchsia-600); }
.ng-stroke-fuchsia-600 { stroke: var(--ng-color-fuchsia-600); }

/* color-fuchsia-700: #9F1AB1FF */
.ng-text-fuchsia-700   { color: var(--ng-color-fuchsia-700); }
.ng-bg-fuchsia-700     { background-color: var(--ng-color-fuchsia-700); }
.ng-border-fuchsia-700 { border-color: var(--ng-color-fuchsia-700); }
.ng-fill-fuchsia-700   { fill: var(--ng-color-fuchsia-700); }
.ng-stroke-fuchsia-700 { stroke: var(--ng-color-fuchsia-700); }

/* color-fuchsia-800: #821890FF */
.ng-text-fuchsia-800   { color: var(--ng-color-fuchsia-800); }
.ng-bg-fuchsia-800     { background-color: var(--ng-color-fuchsia-800); }
.ng-border-fuchsia-800 { border-color: var(--ng-color-fuchsia-800); }
.ng-fill-fuchsia-800   { fill: var(--ng-color-fuchsia-800); }
.ng-stroke-fuchsia-800 { stroke: var(--ng-color-fuchsia-800); }

/* color-fuchsia-900: #6F1877FF */
.ng-text-fuchsia-900   { color: var(--ng-color-fuchsia-900); }
.ng-bg-fuchsia-900     { background-color: var(--ng-color-fuchsia-900); }
.ng-border-fuchsia-900 { border-color: var(--ng-color-fuchsia-900); }
.ng-fill-fuchsia-900   { fill: var(--ng-color-fuchsia-900); }
.ng-stroke-fuchsia-900 { stroke: var(--ng-color-fuchsia-900); }

/* color-fuchsia-950: #47104CFF */
.ng-text-fuchsia-950   { color: var(--ng-color-fuchsia-950); }
.ng-bg-fuchsia-950     { background-color: var(--ng-color-fuchsia-950); }
.ng-border-fuchsia-950 { border-color: var(--ng-color-fuchsia-950); }
.ng-fill-fuchsia-950   { fill: var(--ng-color-fuchsia-950); }
.ng-stroke-fuchsia-950 { stroke: var(--ng-color-fuchsia-950); }

/* color-pink-25: #FEF6FBFF */
.ng-text-pink-25   { color: var(--ng-color-pink-25); }
.ng-bg-pink-25     { background-color: var(--ng-color-pink-25); }
.ng-border-pink-25 { border-color: var(--ng-color-pink-25); }
.ng-fill-pink-25   { fill: var(--ng-color-pink-25); }
.ng-stroke-pink-25 { stroke: var(--ng-color-pink-25); }

/* color-pink-50: #FDF2FAFF */
.ng-text-pink-50   { color: var(--ng-color-pink-50); }
.ng-bg-pink-50     { background-color: var(--ng-color-pink-50); }
.ng-border-pink-50 { border-color: var(--ng-color-pink-50); }
.ng-fill-pink-50   { fill: var(--ng-color-pink-50); }
.ng-stroke-pink-50 { stroke: var(--ng-color-pink-50); }

/* color-pink-100: #FCE7F6FF */
.ng-text-pink-100   { color: var(--ng-color-pink-100); }
.ng-bg-pink-100     { background-color: var(--ng-color-pink-100); }
.ng-border-pink-100 { border-color: var(--ng-color-pink-100); }
.ng-fill-pink-100   { fill: var(--ng-color-pink-100); }
.ng-stroke-pink-100 { stroke: var(--ng-color-pink-100); }

/* color-pink-200: #FCCEEEFF */
.ng-text-pink-200   { color: var(--ng-color-pink-200); }
.ng-bg-pink-200     { background-color: var(--ng-color-pink-200); }
.ng-border-pink-200 { border-color: var(--ng-color-pink-200); }
.ng-fill-pink-200   { fill: var(--ng-color-pink-200); }
.ng-stroke-pink-200 { stroke: var(--ng-color-pink-200); }

/* color-pink-300: #FAA7E0FF */
.ng-text-pink-300   { color: var(--ng-color-pink-300); }
.ng-bg-pink-300     { background-color: var(--ng-color-pink-300); }
.ng-border-pink-300 { border-color: var(--ng-color-pink-300); }
.ng-fill-pink-300   { fill: var(--ng-color-pink-300); }
.ng-stroke-pink-300 { stroke: var(--ng-color-pink-300); }

/* color-pink-400: #F670C7FF */
.ng-text-pink-400   { color: var(--ng-color-pink-400); }
.ng-bg-pink-400     { background-color: var(--ng-color-pink-400); }
.ng-border-pink-400 { border-color: var(--ng-color-pink-400); }
.ng-fill-pink-400   { fill: var(--ng-color-pink-400); }
.ng-stroke-pink-400 { stroke: var(--ng-color-pink-400); }

/* color-pink-500: #EE46BCFF */
.ng-text-pink-500   { color: var(--ng-color-pink-500); }
.ng-bg-pink-500     { background-color: var(--ng-color-pink-500); }
.ng-border-pink-500 { border-color: var(--ng-color-pink-500); }
.ng-fill-pink-500   { fill: var(--ng-color-pink-500); }
.ng-stroke-pink-500 { stroke: var(--ng-color-pink-500); }

/* color-pink-600: #DD2590FF */
.ng-text-pink-600   { color: var(--ng-color-pink-600); }
.ng-bg-pink-600     { background-color: var(--ng-color-pink-600); }
.ng-border-pink-600 { border-color: var(--ng-color-pink-600); }
.ng-fill-pink-600   { fill: var(--ng-color-pink-600); }
.ng-stroke-pink-600 { stroke: var(--ng-color-pink-600); }

/* color-pink-700: #C11574FF */
.ng-text-pink-700   { color: var(--ng-color-pink-700); }
.ng-bg-pink-700     { background-color: var(--ng-color-pink-700); }
.ng-border-pink-700 { border-color: var(--ng-color-pink-700); }
.ng-fill-pink-700   { fill: var(--ng-color-pink-700); }
.ng-stroke-pink-700 { stroke: var(--ng-color-pink-700); }

/* color-pink-800: #9E165FFF */
.ng-text-pink-800   { color: var(--ng-color-pink-800); }
.ng-bg-pink-800     { background-color: var(--ng-color-pink-800); }
.ng-border-pink-800 { border-color: var(--ng-color-pink-800); }
.ng-fill-pink-800   { fill: var(--ng-color-pink-800); }
.ng-stroke-pink-800 { stroke: var(--ng-color-pink-800); }

/* color-pink-900: #851651FF */
.ng-text-pink-900   { color: var(--ng-color-pink-900); }
.ng-bg-pink-900     { background-color: var(--ng-color-pink-900); }
.ng-border-pink-900 { border-color: var(--ng-color-pink-900); }
.ng-fill-pink-900   { fill: var(--ng-color-pink-900); }
.ng-stroke-pink-900 { stroke: var(--ng-color-pink-900); }

/* color-pink-950: #4E0D30FF */
.ng-text-pink-950   { color: var(--ng-color-pink-950); }
.ng-bg-pink-950     { background-color: var(--ng-color-pink-950); }
.ng-border-pink-950 { border-color: var(--ng-color-pink-950); }
.ng-fill-pink-950   { fill: var(--ng-color-pink-950); }
.ng-stroke-pink-950 { stroke: var(--ng-color-pink-950); }

/* color-rose-25: #FFF5F6FF */
.ng-text-rose-25   { color: var(--ng-color-rose-25); }
.ng-bg-rose-25     { background-color: var(--ng-color-rose-25); }
.ng-border-rose-25 { border-color: var(--ng-color-rose-25); }
.ng-fill-rose-25   { fill: var(--ng-color-rose-25); }
.ng-stroke-rose-25 { stroke: var(--ng-color-rose-25); }

/* color-rose-50: #FFF1F3FF */
.ng-text-rose-50   { color: var(--ng-color-rose-50); }
.ng-bg-rose-50     { background-color: var(--ng-color-rose-50); }
.ng-border-rose-50 { border-color: var(--ng-color-rose-50); }
.ng-fill-rose-50   { fill: var(--ng-color-rose-50); }
.ng-stroke-rose-50 { stroke: var(--ng-color-rose-50); }

/* color-rose-100: #FFE4E8FF */
.ng-text-rose-100   { color: var(--ng-color-rose-100); }
.ng-bg-rose-100     { background-color: var(--ng-color-rose-100); }
.ng-border-rose-100 { border-color: var(--ng-color-rose-100); }
.ng-fill-rose-100   { fill: var(--ng-color-rose-100); }
.ng-stroke-rose-100 { stroke: var(--ng-color-rose-100); }

/* color-rose-200: #FECDD6FF */
.ng-text-rose-200   { color: var(--ng-color-rose-200); }
.ng-bg-rose-200     { background-color: var(--ng-color-rose-200); }
.ng-border-rose-200 { border-color: var(--ng-color-rose-200); }
.ng-fill-rose-200   { fill: var(--ng-color-rose-200); }
.ng-stroke-rose-200 { stroke: var(--ng-color-rose-200); }

/* color-rose-300: #FEA3B4FF */
.ng-text-rose-300   { color: var(--ng-color-rose-300); }
.ng-bg-rose-300     { background-color: var(--ng-color-rose-300); }
.ng-border-rose-300 { border-color: var(--ng-color-rose-300); }
.ng-fill-rose-300   { fill: var(--ng-color-rose-300); }
.ng-stroke-rose-300 { stroke: var(--ng-color-rose-300); }

/* color-rose-400: #FD6F8EFF */
.ng-text-rose-400   { color: var(--ng-color-rose-400); }
.ng-bg-rose-400     { background-color: var(--ng-color-rose-400); }
.ng-border-rose-400 { border-color: var(--ng-color-rose-400); }
.ng-fill-rose-400   { fill: var(--ng-color-rose-400); }
.ng-stroke-rose-400 { stroke: var(--ng-color-rose-400); }

/* color-rose-500: #F63D68FF */
.ng-text-rose-500   { color: var(--ng-color-rose-500); }
.ng-bg-rose-500     { background-color: var(--ng-color-rose-500); }
.ng-border-rose-500 { border-color: var(--ng-color-rose-500); }
.ng-fill-rose-500   { fill: var(--ng-color-rose-500); }
.ng-stroke-rose-500 { stroke: var(--ng-color-rose-500); }

/* color-rose-600: #E31B54FF */
.ng-text-rose-600   { color: var(--ng-color-rose-600); }
.ng-bg-rose-600     { background-color: var(--ng-color-rose-600); }
.ng-border-rose-600 { border-color: var(--ng-color-rose-600); }
.ng-fill-rose-600   { fill: var(--ng-color-rose-600); }
.ng-stroke-rose-600 { stroke: var(--ng-color-rose-600); }

/* color-rose-700: #C01048FF */
.ng-text-rose-700   { color: var(--ng-color-rose-700); }
.ng-bg-rose-700     { background-color: var(--ng-color-rose-700); }
.ng-border-rose-700 { border-color: var(--ng-color-rose-700); }
.ng-fill-rose-700   { fill: var(--ng-color-rose-700); }
.ng-stroke-rose-700 { stroke: var(--ng-color-rose-700); }

/* color-rose-800: #A11043FF */
.ng-text-rose-800   { color: var(--ng-color-rose-800); }
.ng-bg-rose-800     { background-color: var(--ng-color-rose-800); }
.ng-border-rose-800 { border-color: var(--ng-color-rose-800); }
.ng-fill-rose-800   { fill: var(--ng-color-rose-800); }
.ng-stroke-rose-800 { stroke: var(--ng-color-rose-800); }

/* color-rose-900: #89123EFF */
.ng-text-rose-900   { color: var(--ng-color-rose-900); }
.ng-bg-rose-900     { background-color: var(--ng-color-rose-900); }
.ng-border-rose-900 { border-color: var(--ng-color-rose-900); }
.ng-fill-rose-900   { fill: var(--ng-color-rose-900); }
.ng-stroke-rose-900 { stroke: var(--ng-color-rose-900); }

/* color-rose-950: #510B24FF */
.ng-text-rose-950   { color: var(--ng-color-rose-950); }
.ng-bg-rose-950     { background-color: var(--ng-color-rose-950); }
.ng-border-rose-950 { border-color: var(--ng-color-rose-950); }
.ng-fill-rose-950   { fill: var(--ng-color-rose-950); }
.ng-stroke-rose-950 { stroke: var(--ng-color-rose-950); }

/* color-orangedark-25: #FFF9F5FF */
.ng-text-orangedark-25   { color: var(--ng-color-orangedark-25); }
.ng-bg-orangedark-25     { background-color: var(--ng-color-orangedark-25); }
.ng-border-orangedark-25 { border-color: var(--ng-color-orangedark-25); }
.ng-fill-orangedark-25   { fill: var(--ng-color-orangedark-25); }
.ng-stroke-orangedark-25 { stroke: var(--ng-color-orangedark-25); }

/* color-orangedark-50: #FFF4EDFF */
.ng-text-orangedark-50   { color: var(--ng-color-orangedark-50); }
.ng-bg-orangedark-50     { background-color: var(--ng-color-orangedark-50); }
.ng-border-orangedark-50 { border-color: var(--ng-color-orangedark-50); }
.ng-fill-orangedark-50   { fill: var(--ng-color-orangedark-50); }
.ng-stroke-orangedark-50 { stroke: var(--ng-color-orangedark-50); }

/* color-orangedark-100: #FFE6D5FF */
.ng-text-orangedark-100   { color: var(--ng-color-orangedark-100); }
.ng-bg-orangedark-100     { background-color: var(--ng-color-orangedark-100); }
.ng-border-orangedark-100 { border-color: var(--ng-color-orangedark-100); }
.ng-fill-orangedark-100   { fill: var(--ng-color-orangedark-100); }
.ng-stroke-orangedark-100 { stroke: var(--ng-color-orangedark-100); }

/* color-orangedark-200: #FFD6AEFF */
.ng-text-orangedark-200   { color: var(--ng-color-orangedark-200); }
.ng-bg-orangedark-200     { background-color: var(--ng-color-orangedark-200); }
.ng-border-orangedark-200 { border-color: var(--ng-color-orangedark-200); }
.ng-fill-orangedark-200   { fill: var(--ng-color-orangedark-200); }
.ng-stroke-orangedark-200 { stroke: var(--ng-color-orangedark-200); }

/* color-orangedark-300: #FF9C66FF */
.ng-text-orangedark-300   { color: var(--ng-color-orangedark-300); }
.ng-bg-orangedark-300     { background-color: var(--ng-color-orangedark-300); }
.ng-border-orangedark-300 { border-color: var(--ng-color-orangedark-300); }
.ng-fill-orangedark-300   { fill: var(--ng-color-orangedark-300); }
.ng-stroke-orangedark-300 { stroke: var(--ng-color-orangedark-300); }

/* color-orangedark-400: #FF692EFF */
.ng-text-orangedark-400   { color: var(--ng-color-orangedark-400); }
.ng-bg-orangedark-400     { background-color: var(--ng-color-orangedark-400); }
.ng-border-orangedark-400 { border-color: var(--ng-color-orangedark-400); }
.ng-fill-orangedark-400   { fill: var(--ng-color-orangedark-400); }
.ng-stroke-orangedark-400 { stroke: var(--ng-color-orangedark-400); }

/* color-orangedark-500: #FF4405FF */
.ng-text-orangedark-500   { color: var(--ng-color-orangedark-500); }
.ng-bg-orangedark-500     { background-color: var(--ng-color-orangedark-500); }
.ng-border-orangedark-500 { border-color: var(--ng-color-orangedark-500); }
.ng-fill-orangedark-500   { fill: var(--ng-color-orangedark-500); }
.ng-stroke-orangedark-500 { stroke: var(--ng-color-orangedark-500); }

/* color-orangedark-600: #E62E05FF */
.ng-text-orangedark-600   { color: var(--ng-color-orangedark-600); }
.ng-bg-orangedark-600     { background-color: var(--ng-color-orangedark-600); }
.ng-border-orangedark-600 { border-color: var(--ng-color-orangedark-600); }
.ng-fill-orangedark-600   { fill: var(--ng-color-orangedark-600); }
.ng-stroke-orangedark-600 { stroke: var(--ng-color-orangedark-600); }

/* color-orangedark-700: #BC1B06FF */
.ng-text-orangedark-700   { color: var(--ng-color-orangedark-700); }
.ng-bg-orangedark-700     { background-color: var(--ng-color-orangedark-700); }
.ng-border-orangedark-700 { border-color: var(--ng-color-orangedark-700); }
.ng-fill-orangedark-700   { fill: var(--ng-color-orangedark-700); }
.ng-stroke-orangedark-700 { stroke: var(--ng-color-orangedark-700); }

/* color-orangedark-800: #97180CFF */
.ng-text-orangedark-800   { color: var(--ng-color-orangedark-800); }
.ng-bg-orangedark-800     { background-color: var(--ng-color-orangedark-800); }
.ng-border-orangedark-800 { border-color: var(--ng-color-orangedark-800); }
.ng-fill-orangedark-800   { fill: var(--ng-color-orangedark-800); }
.ng-stroke-orangedark-800 { stroke: var(--ng-color-orangedark-800); }

/* color-orangedark-900: #771A0DFF */
.ng-text-orangedark-900   { color: var(--ng-color-orangedark-900); }
.ng-bg-orangedark-900     { background-color: var(--ng-color-orangedark-900); }
.ng-border-orangedark-900 { border-color: var(--ng-color-orangedark-900); }
.ng-fill-orangedark-900   { fill: var(--ng-color-orangedark-900); }
.ng-stroke-orangedark-900 { stroke: var(--ng-color-orangedark-900); }

/* color-orangedark-950: #57130AFF */
.ng-text-orangedark-950   { color: var(--ng-color-orangedark-950); }
.ng-bg-orangedark-950     { background-color: var(--ng-color-orangedark-950); }
.ng-border-orangedark-950 { border-color: var(--ng-color-orangedark-950); }
.ng-fill-orangedark-950   { fill: var(--ng-color-orangedark-950); }
.ng-stroke-orangedark-950 { stroke: var(--ng-color-orangedark-950); }

/* color-orange-25: #FEFAF5FF */
.ng-text-orange-25   { color: var(--ng-color-orange-25); }
.ng-bg-orange-25     { background-color: var(--ng-color-orange-25); }
.ng-border-orange-25 { border-color: var(--ng-color-orange-25); }
.ng-fill-orange-25   { fill: var(--ng-color-orange-25); }
.ng-stroke-orange-25 { stroke: var(--ng-color-orange-25); }

/* color-orange-50: #FEF6EEFF */
.ng-text-orange-50   { color: var(--ng-color-orange-50); }
.ng-bg-orange-50     { background-color: var(--ng-color-orange-50); }
.ng-border-orange-50 { border-color: var(--ng-color-orange-50); }
.ng-fill-orange-50   { fill: var(--ng-color-orange-50); }
.ng-stroke-orange-50 { stroke: var(--ng-color-orange-50); }

/* color-orange-100: #FDEAD7FF */
.ng-text-orange-100   { color: var(--ng-color-orange-100); }
.ng-bg-orange-100     { background-color: var(--ng-color-orange-100); }
.ng-border-orange-100 { border-color: var(--ng-color-orange-100); }
.ng-fill-orange-100   { fill: var(--ng-color-orange-100); }
.ng-stroke-orange-100 { stroke: var(--ng-color-orange-100); }

/* color-orange-200: #F9DBAFFF */
.ng-text-orange-200   { color: var(--ng-color-orange-200); }
.ng-bg-orange-200     { background-color: var(--ng-color-orange-200); }
.ng-border-orange-200 { border-color: var(--ng-color-orange-200); }
.ng-fill-orange-200   { fill: var(--ng-color-orange-200); }
.ng-stroke-orange-200 { stroke: var(--ng-color-orange-200); }

/* color-orange-300: #F7B27AFF */
.ng-text-orange-300   { color: var(--ng-color-orange-300); }
.ng-bg-orange-300     { background-color: var(--ng-color-orange-300); }
.ng-border-orange-300 { border-color: var(--ng-color-orange-300); }
.ng-fill-orange-300   { fill: var(--ng-color-orange-300); }
.ng-stroke-orange-300 { stroke: var(--ng-color-orange-300); }

/* color-orange-400: #F38744FF */
.ng-text-orange-400   { color: var(--ng-color-orange-400); }
.ng-bg-orange-400     { background-color: var(--ng-color-orange-400); }
.ng-border-orange-400 { border-color: var(--ng-color-orange-400); }
.ng-fill-orange-400   { fill: var(--ng-color-orange-400); }
.ng-stroke-orange-400 { stroke: var(--ng-color-orange-400); }

/* color-orange-500: #EF6820FF */
.ng-text-orange-500   { color: var(--ng-color-orange-500); }
.ng-bg-orange-500     { background-color: var(--ng-color-orange-500); }
.ng-border-orange-500 { border-color: var(--ng-color-orange-500); }
.ng-fill-orange-500   { fill: var(--ng-color-orange-500); }
.ng-stroke-orange-500 { stroke: var(--ng-color-orange-500); }

/* color-orange-600: #E04F16FF */
.ng-text-orange-600   { color: var(--ng-color-orange-600); }
.ng-bg-orange-600     { background-color: var(--ng-color-orange-600); }
.ng-border-orange-600 { border-color: var(--ng-color-orange-600); }
.ng-fill-orange-600   { fill: var(--ng-color-orange-600); }
.ng-stroke-orange-600 { stroke: var(--ng-color-orange-600); }

/* color-orange-700: #B93815FF */
.ng-text-orange-700   { color: var(--ng-color-orange-700); }
.ng-bg-orange-700     { background-color: var(--ng-color-orange-700); }
.ng-border-orange-700 { border-color: var(--ng-color-orange-700); }
.ng-fill-orange-700   { fill: var(--ng-color-orange-700); }
.ng-stroke-orange-700 { stroke: var(--ng-color-orange-700); }

/* color-orange-800: #932F19FF */
.ng-text-orange-800   { color: var(--ng-color-orange-800); }
.ng-bg-orange-800     { background-color: var(--ng-color-orange-800); }
.ng-border-orange-800 { border-color: var(--ng-color-orange-800); }
.ng-fill-orange-800   { fill: var(--ng-color-orange-800); }
.ng-stroke-orange-800 { stroke: var(--ng-color-orange-800); }

/* color-orange-900: #772917FF */
.ng-text-orange-900   { color: var(--ng-color-orange-900); }
.ng-bg-orange-900     { background-color: var(--ng-color-orange-900); }
.ng-border-orange-900 { border-color: var(--ng-color-orange-900); }
.ng-fill-orange-900   { fill: var(--ng-color-orange-900); }
.ng-stroke-orange-900 { stroke: var(--ng-color-orange-900); }

/* color-orange-950: #511C10FF */
.ng-text-orange-950   { color: var(--ng-color-orange-950); }
.ng-bg-orange-950     { background-color: var(--ng-color-orange-950); }
.ng-border-orange-950 { border-color: var(--ng-color-orange-950); }
.ng-fill-orange-950   { fill: var(--ng-color-orange-950); }
.ng-stroke-orange-950 { stroke: var(--ng-color-orange-950); }

/* color-yellow-25: #FEFDF0FF */
.ng-text-yellow-25   { color: var(--ng-color-yellow-25); }
.ng-bg-yellow-25     { background-color: var(--ng-color-yellow-25); }
.ng-border-yellow-25 { border-color: var(--ng-color-yellow-25); }
.ng-fill-yellow-25   { fill: var(--ng-color-yellow-25); }
.ng-stroke-yellow-25 { stroke: var(--ng-color-yellow-25); }

/* color-yellow-50: #FEFBE8FF */
.ng-text-yellow-50   { color: var(--ng-color-yellow-50); }
.ng-bg-yellow-50     { background-color: var(--ng-color-yellow-50); }
.ng-border-yellow-50 { border-color: var(--ng-color-yellow-50); }
.ng-fill-yellow-50   { fill: var(--ng-color-yellow-50); }
.ng-stroke-yellow-50 { stroke: var(--ng-color-yellow-50); }

/* color-yellow-100: #FEF7C3FF */
.ng-text-yellow-100   { color: var(--ng-color-yellow-100); }
.ng-bg-yellow-100     { background-color: var(--ng-color-yellow-100); }
.ng-border-yellow-100 { border-color: var(--ng-color-yellow-100); }
.ng-fill-yellow-100   { fill: var(--ng-color-yellow-100); }
.ng-stroke-yellow-100 { stroke: var(--ng-color-yellow-100); }

/* color-yellow-200: #FEEE95FF */
.ng-text-yellow-200   { color: var(--ng-color-yellow-200); }
.ng-bg-yellow-200     { background-color: var(--ng-color-yellow-200); }
.ng-border-yellow-200 { border-color: var(--ng-color-yellow-200); }
.ng-fill-yellow-200   { fill: var(--ng-color-yellow-200); }
.ng-stroke-yellow-200 { stroke: var(--ng-color-yellow-200); }

/* color-yellow-300: #FDE272FF */
.ng-text-yellow-300   { color: var(--ng-color-yellow-300); }
.ng-bg-yellow-300     { background-color: var(--ng-color-yellow-300); }
.ng-border-yellow-300 { border-color: var(--ng-color-yellow-300); }
.ng-fill-yellow-300   { fill: var(--ng-color-yellow-300); }
.ng-stroke-yellow-300 { stroke: var(--ng-color-yellow-300); }

/* color-yellow-400: #FAC515FF */
.ng-text-yellow-400   { color: var(--ng-color-yellow-400); }
.ng-bg-yellow-400     { background-color: var(--ng-color-yellow-400); }
.ng-border-yellow-400 { border-color: var(--ng-color-yellow-400); }
.ng-fill-yellow-400   { fill: var(--ng-color-yellow-400); }
.ng-stroke-yellow-400 { stroke: var(--ng-color-yellow-400); }

/* color-yellow-500: #EAAA08FF */
.ng-text-yellow-500   { color: var(--ng-color-yellow-500); }
.ng-bg-yellow-500     { background-color: var(--ng-color-yellow-500); }
.ng-border-yellow-500 { border-color: var(--ng-color-yellow-500); }
.ng-fill-yellow-500   { fill: var(--ng-color-yellow-500); }
.ng-stroke-yellow-500 { stroke: var(--ng-color-yellow-500); }

/* color-yellow-600: #CA8504FF */
.ng-text-yellow-600   { color: var(--ng-color-yellow-600); }
.ng-bg-yellow-600     { background-color: var(--ng-color-yellow-600); }
.ng-border-yellow-600 { border-color: var(--ng-color-yellow-600); }
.ng-fill-yellow-600   { fill: var(--ng-color-yellow-600); }
.ng-stroke-yellow-600 { stroke: var(--ng-color-yellow-600); }

/* color-yellow-700: #A15C07FF */
.ng-text-yellow-700   { color: var(--ng-color-yellow-700); }
.ng-bg-yellow-700     { background-color: var(--ng-color-yellow-700); }
.ng-border-yellow-700 { border-color: var(--ng-color-yellow-700); }
.ng-fill-yellow-700   { fill: var(--ng-color-yellow-700); }
.ng-stroke-yellow-700 { stroke: var(--ng-color-yellow-700); }

/* color-yellow-800: #854A0EFF */
.ng-text-yellow-800   { color: var(--ng-color-yellow-800); }
.ng-bg-yellow-800     { background-color: var(--ng-color-yellow-800); }
.ng-border-yellow-800 { border-color: var(--ng-color-yellow-800); }
.ng-fill-yellow-800   { fill: var(--ng-color-yellow-800); }
.ng-stroke-yellow-800 { stroke: var(--ng-color-yellow-800); }

/* color-yellow-900: #713B12FF */
.ng-text-yellow-900   { color: var(--ng-color-yellow-900); }
.ng-bg-yellow-900     { background-color: var(--ng-color-yellow-900); }
.ng-border-yellow-900 { border-color: var(--ng-color-yellow-900); }
.ng-fill-yellow-900   { fill: var(--ng-color-yellow-900); }
.ng-stroke-yellow-900 { stroke: var(--ng-color-yellow-900); }

/* color-yellow-950: #542C0DFF */
.ng-text-yellow-950   { color: var(--ng-color-yellow-950); }
.ng-bg-yellow-950     { background-color: var(--ng-color-yellow-950); }
.ng-border-yellow-950 { border-color: var(--ng-color-yellow-950); }
.ng-fill-yellow-950   { fill: var(--ng-color-yellow-950); }
.ng-stroke-yellow-950 { stroke: var(--ng-color-yellow-950); }


/* ============================================================
   Colors — semantic (text, bg, border, fg, effects)
   ============================================================ */

/* colors-text-primary-900: var(--ng-color-graylightmode-900) */
.ng-text-primary-900 { color: var(--ng-colors-text-primary-900); }

/* colors-text-primary-on-brand: var(--ng-color-base-white) */
.ng-text-primary-on-brand { color: var(--ng-colors-text-primary-on-brand); }

/* colors-text-secondary-700: var(--ng-color-graylightmode-700) */
.ng-text-secondary-700 { color: var(--ng-colors-text-secondary-700); }

/* colors-text-secondary-hover: var(--ng-color-graylightmode-800) */
.ng-text-secondary-hover { color: var(--ng-colors-text-secondary-hover); }

/* colors-text-secondary-on-brand: var(--ng-color-bluedark-200) */
.ng-text-secondary-on-brand { color: var(--ng-colors-text-secondary-on-brand); }

/* colors-text-tertiary-600: var(--ng-color-graylightmode-600) */
.ng-text-tertiary-600 { color: var(--ng-colors-text-tertiary-600); }

/* colors-text-tertiary-hover: var(--ng-color-graylightmode-700) */
.ng-text-tertiary-hover { color: var(--ng-colors-text-tertiary-hover); }

/* colors-text-tertiary-on-brand: var(--ng-color-bluedark-200) */
.ng-text-tertiary-on-brand { color: var(--ng-colors-text-tertiary-on-brand); }

/* colors-text-quaternary-500: var(--ng-color-graylightmode-500) */
.ng-text-quaternary-500 { color: var(--ng-colors-text-quaternary-500); }

/* colors-text-quaternary-on-brand: var(--ng-color-bluedark-300) */
.ng-text-quaternary-on-brand { color: var(--ng-colors-text-quaternary-on-brand); }

/* colors-text-white: var(--ng-color-base-white) */
.ng-text-white { color: var(--ng-colors-text-white); }

/* colors-text-disabled: var(--ng-color-graylightmode-500) */
.ng-text-disabled { color: var(--ng-colors-text-disabled); }

/* colors-text-placeholder: var(--ng-color-graylightmode-500) */
.ng-text-placeholder { color: var(--ng-colors-text-placeholder); }

/* colors-text-placeholder-subtle: var(--ng-color-graylightmode-300) */
.ng-text-placeholder-subtle { color: var(--ng-colors-text-placeholder-subtle); }

/* colors-text-brand-primary-900: var(--ng-color-bluedark-900) */
.ng-text-brand-primary-900 { color: var(--ng-colors-text-brand-primary-900); }

/* colors-text-brand-secondary-700: var(--ng-color-bluedark-700) */
.ng-text-brand-secondary-700 { color: var(--ng-colors-text-brand-secondary-700); }

/* colors-text-brand-secondary-hover: var(--ng-color-bluedark-800) */
.ng-text-brand-secondary-hover { color: var(--ng-colors-text-brand-secondary-hover); }

/* colors-text-brand-tertiary-600: var(--ng-color-bluedark-600) */
.ng-text-brand-tertiary-600 { color: var(--ng-colors-text-brand-tertiary-600); }

/* colors-text-brand-tertiary-alt: var(--ng-color-bluedark-600) */
.ng-text-brand-tertiary-alt { color: var(--ng-colors-text-brand-tertiary-alt); }

/* colors-text-error-primary-600: var(--ng-color-error-600) */
.ng-text-error-primary-600 { color: var(--ng-colors-text-error-primary-600); }

/* colors-text-error-primary-hover: var(--ng-color-error-700) */
.ng-text-error-primary-hover { color: var(--ng-colors-text-error-primary-hover); }

/* colors-text-warning-primary-600: var(--ng-color-warning-600) */
.ng-text-warning-primary-600 { color: var(--ng-colors-text-warning-primary-600); }

/* colors-text-success-primary-600: var(--ng-color-success-600) */
.ng-text-success-primary-600 { color: var(--ng-colors-text-success-primary-600); }

/* colors-border-primary: var(--ng-color-graylightmode-300) */
.ng-border-primary { border-color: var(--ng-colors-border-primary); }

/* colors-border-secondary: var(--ng-color-graylightmode-200) */
.ng-border-secondary { border-color: var(--ng-colors-border-secondary); }

/* colors-border-secondary-alt: #00000014 */
.ng-border-secondary-alt { border-color: var(--ng-colors-border-secondary-alt); }

/* colors-border-tertiary: var(--ng-color-graylightmode-100) */
.ng-border-tertiary { border-color: var(--ng-colors-border-tertiary); }

/* colors-border-neutral: var(--ng-color-graylightmode-400) */
.ng-border-neutral { border-color: var(--ng-colors-border-neutral); }

/* colors-border-disabled: var(--ng-color-graylightmode-300) */
.ng-border-disabled { border-color: var(--ng-colors-border-disabled); }

/* colors-border-disabled-subtle: var(--ng-color-graylightmode-200) */
.ng-border-disabled-subtle { border-color: var(--ng-colors-border-disabled-subtle); }

/* colors-border-brand: var(--ng-color-bluedark-500) */
.ng-border-brand { border-color: var(--ng-colors-border-brand); }

/* colors-border-brand-alt: var(--ng-color-bluedark-600) */
.ng-border-brand-alt { border-color: var(--ng-colors-border-brand-alt); }

/* colors-border-error: var(--ng-color-error-500) */
.ng-border-error { border-color: var(--ng-colors-border-error); }

/* colors-border-error-subtle: var(--ng-color-error-300) */
.ng-border-error-subtle { border-color: var(--ng-colors-border-error-subtle); }

/* colors-border-success: var(--ng-color-success-500) */
.ng-border-success { border-color: var(--ng-colors-border-success); }

/* colors-border-success-subtle: var(--ng-color-success-300) */
.ng-border-success-subtle { border-color: var(--ng-colors-border-success-subtle); }

/* colors-border-warning: var(--ng-color-warning-500) */
.ng-border-warning { border-color: var(--ng-colors-border-warning); }

/* colors-border-warning-subtle: var(--ng-color-warning-300) */
.ng-border-warning-subtle { border-color: var(--ng-colors-border-warning-subtle); }

/* colors-fg-primary-900: var(--ng-color-graylightmode-900) */
.ng-fg-primary-900 { color: var(--ng-colors-fg-primary-900); }

/* colors-fg-secondary-700: var(--ng-color-graylightmode-700) */
.ng-fg-secondary-700 { color: var(--ng-colors-fg-secondary-700); }

/* colors-fg-secondary-hover: var(--ng-color-graylightmode-800) */
.ng-fg-secondary-hover { color: var(--ng-colors-fg-secondary-hover); }

/* colors-fg-tertiary-600: var(--ng-color-graylightmode-600) */
.ng-fg-tertiary-600 { color: var(--ng-colors-fg-tertiary-600); }

/* colors-fg-tertiary-hover: var(--ng-color-graylightmode-700) */
.ng-fg-tertiary-hover { color: var(--ng-colors-fg-tertiary-hover); }

/* colors-fg-quaternary-400: var(--ng-color-graylightmode-400) */
.ng-fg-quaternary-400 { color: var(--ng-colors-fg-quaternary-400); }

/* colors-fg-quaternary-hover: var(--ng-color-graylightmode-500) */
.ng-fg-quaternary-hover { color: var(--ng-colors-fg-quaternary-hover); }

/* colors-fg-white: var(--ng-color-base-white) */
.ng-fg-white { color: var(--ng-colors-fg-white); }

/* colors-fg-disabled: var(--ng-color-graylightmode-400) */
.ng-fg-disabled { color: var(--ng-colors-fg-disabled); }

/* colors-fg-disabled-subtle: var(--ng-color-graylightmode-300) */
.ng-fg-disabled-subtle { color: var(--ng-colors-fg-disabled-subtle); }

/* colors-fg-brand-primary-600: var(--ng-color-bluedark-600) */
.ng-fg-brand-primary-600 { color: var(--ng-colors-fg-brand-primary-600); }

/* colors-fg-brand-primary-alt: var(--ng-colors-fg-brand-primary-600) */
.ng-fg-brand-primary-alt { color: var(--ng-colors-fg-brand-primary-alt); }

/* colors-fg-brand-secondary-500: var(--ng-color-bluedark-500) */
.ng-fg-brand-secondary-500 { color: var(--ng-colors-fg-brand-secondary-500); }

/* colors-fg-brand-secondary-alt: var(--ng-colors-fg-brand-secondary-500) */
.ng-fg-brand-secondary-alt { color: var(--ng-colors-fg-brand-secondary-alt); }

/* colors-fg-brand-secondary-hover: var(--ng-color-bluedark-600) */
.ng-fg-brand-secondary-hover { color: var(--ng-colors-fg-brand-secondary-hover); }

/* colors-fg-error-primary: var(--ng-color-error-600) */
.ng-fg-error-primary { color: var(--ng-colors-fg-error-primary); }

/* colors-fg-error-secondary: var(--ng-color-error-500) */
.ng-fg-error-secondary { color: var(--ng-colors-fg-error-secondary); }

/* colors-fg-warning-primary: var(--ng-color-warning-600) */
.ng-fg-warning-primary { color: var(--ng-colors-fg-warning-primary); }

/* colors-fg-warning-secondary: var(--ng-color-warning-500) */
.ng-fg-warning-secondary { color: var(--ng-colors-fg-warning-secondary); }

/* colors-fg-success-primary: var(--ng-color-success-600) */
.ng-fg-success-primary { color: var(--ng-colors-fg-success-primary); }

/* colors-fg-success-secondary: var(--ng-color-success-500) */
.ng-fg-success-secondary { color: var(--ng-colors-fg-success-secondary); }

/* colors-bg-primary: var(--ng-color-base-white) */
.ng-bg-primary { background-color: var(--ng-colors-bg-primary); }

/* colors-effects-focus-ring: var(--ng-color-bluedark-500) */
.ng-effects-focus-ring { box-shadow: var(--ng-colors-effects-focus-ring); }

/* colors-effects-focus-ring-error: var(--ng-color-error-500) */
.ng-effects-focus-ring-error { box-shadow: var(--ng-colors-effects-focus-ring-error); }

/* colors-effects-shadow-xs: #0A0D120D */
.ng-effects-shadow-xs { box-shadow: var(--ng-colors-effects-shadow-xs); }

/* colors-effects-portfoliomockups-shadow-main-centre-md: #0A0D1224 */
.ng-effects-portfoliomockups-shadow-main-centre-md { box-shadow: var(--ng-colors-effects-portfoliomockups-shadow-main-centre-md); }

/* colors-effects-portfoliomockups-shadow-main-centre-lg: #0A0D122E */
.ng-effects-portfoliomockups-shadow-main-centre-lg { box-shadow: var(--ng-colors-effects-portfoliomockups-shadow-main-centre-lg); }

/* colors-effects-portfoliomockups-shadow-overlay-lg: #0A0D121F */
.ng-effects-portfoliomockups-shadow-overlay-lg { box-shadow: var(--ng-colors-effects-portfoliomockups-shadow-overlay-lg); }

/* colors-effects-portfoliomockups-shadow-grid-md: #0A0D1214 */
.ng-effects-portfoliomockups-shadow-grid-md { box-shadow: var(--ng-colors-effects-portfoliomockups-shadow-grid-md); }

/* colors-effects-shadow-sm-01: #0A0D121A */
.ng-effects-shadow-sm-01 { box-shadow: var(--ng-colors-effects-shadow-sm-01); }

/* colors-effects-shadow-sm-02: #0A0D121A */
.ng-effects-shadow-sm-02 { box-shadow: var(--ng-colors-effects-shadow-sm-02); }

/* colors-effects-shadow-md-01: #0A0D121A */
.ng-effects-shadow-md-01 { box-shadow: var(--ng-colors-effects-shadow-md-01); }

/* colors-effects-shadow-md-02: #0A0D120F */
.ng-effects-shadow-md-02 { box-shadow: var(--ng-colors-effects-shadow-md-02); }

/* colors-effects-shadow-lg-01: #0A0D1214 */
.ng-effects-shadow-lg-01 { box-shadow: var(--ng-colors-effects-shadow-lg-01); }

/* colors-effects-shadow-lg-02: #0A0D1208 */
.ng-effects-shadow-lg-02 { box-shadow: var(--ng-colors-effects-shadow-lg-02); }

/* colors-effects-shadow-lg-03: #0A0D120A */
.ng-effects-shadow-lg-03 { box-shadow: var(--ng-colors-effects-shadow-lg-03); }

/* colors-effects-shadow-xl-01: #0a0d1214 */
.ng-effects-shadow-xl-01 { box-shadow: var(--ng-colors-effects-shadow-xl-01); }

/* colors-effects-shadow-xl-02: #0A0D1208 */
.ng-effects-shadow-xl-02 { box-shadow: var(--ng-colors-effects-shadow-xl-02); }

/* colors-effects-shadow-xl-03: #0A0D120A */
.ng-effects-shadow-xl-03 { box-shadow: var(--ng-colors-effects-shadow-xl-03); }

/* colors-effects-shadow-2xl-01: #0A0D122E */
.ng-effects-shadow-2xl-01 { box-shadow: var(--ng-colors-effects-shadow-2xl-01); }

/* colors-effects-shadow-2xl-02: #0A0D120A */
.ng-effects-shadow-2xl-02 { box-shadow: var(--ng-colors-effects-shadow-2xl-02); }

/* colors-effects-shadow-3xl-01: #0A0D1224 */
.ng-effects-shadow-3xl-01 { box-shadow: var(--ng-colors-effects-shadow-3xl-01); }

/* colors-effects-shadow-3xl-02: #0A0D120A */
.ng-effects-shadow-3xl-02 { box-shadow: var(--ng-colors-effects-shadow-3xl-02); }

/* colors-effects-shadow-skeumorphic-inner: #0A0D120D */
.ng-effects-shadow-skeumorphic-inner { box-shadow: var(--ng-colors-effects-shadow-skeumorphic-inner); }

/* colors-effects-shadow-skeumorphic-inner-border: #0A0D122E */
.ng-effects-shadow-skeumorphic-inner-border { box-shadow: var(--ng-colors-effects-shadow-skeumorphic-inner-border); }

/* colors-bg-primary-alt: var(--ng-color-base-white) */
.ng-bg-primary-alt { background-color: var(--ng-colors-bg-primary-alt); }

/* colors-bg-primary-hover: var(--ng-color-graylightmode-50) */
.ng-bg-primary-hover { background-color: var(--ng-colors-bg-primary-hover); }

/* colors-bg-primary-solid: var(--ng-color-graylightmode-950) */
.ng-bg-primary-solid { background-color: var(--ng-colors-bg-primary-solid); }

/* colors-bg-secondary: var(--ng-color-graylightmode-50) */
.ng-bg-secondary { background-color: var(--ng-colors-bg-secondary); }

/* colors-bg-secondary-alt: var(--ng-color-graylightmode-50) */
.ng-bg-secondary-alt { background-color: var(--ng-colors-bg-secondary-alt); }

/* colors-bg-secondary-hover: var(--ng-color-graylightmode-100) */
.ng-bg-secondary-hover { background-color: var(--ng-colors-bg-secondary-hover); }

/* colors-bg-secondary-subtle: var(--ng-color-graylightmode-25) */
.ng-bg-secondary-subtle { background-color: var(--ng-colors-bg-secondary-subtle); }

/* colors-bg-secondary-solid: var(--ng-color-graylightmode-600) */
.ng-bg-secondary-solid { background-color: var(--ng-colors-bg-secondary-solid); }

/* colors-bg-tertiary: var(--ng-color-graylightmode-100) */
.ng-bg-tertiary { background-color: var(--ng-colors-bg-tertiary); }

/* colors-bg-quaternary: var(--ng-color-graylightmode-200) */
.ng-bg-quaternary { background-color: var(--ng-colors-bg-quaternary); }

/* colors-bg-quaternary-alt: var(--ng-color-graylightmode-300) */
.ng-bg-quaternary-alt { background-color: var(--ng-colors-bg-quaternary-alt); }

/* colors-bg-active: var(--ng-color-graylightmode-50) */
.ng-bg-active { background-color: var(--ng-colors-bg-active); }

/* colors-bg-disabled: var(--ng-color-graylightmode-100) */
.ng-bg-disabled { background-color: var(--ng-colors-bg-disabled); }

/* colors-bg-disabled-subtle: var(--ng-color-graylightmode-50) */
.ng-bg-disabled-subtle { background-color: var(--ng-colors-bg-disabled-subtle); }

/* colors-bg-overlay: var(--ng-color-graylightmode-950) */
.ng-bg-overlay { background-color: var(--ng-colors-bg-overlay); }

/* colors-bg-brand-primary: var(--ng-color-bluedark-50) */
.ng-bg-brand-primary { background-color: var(--ng-colors-bg-brand-primary); }

/* colors-bg-brand-primary-alt: var(--ng-color-bluedark-50) */
.ng-bg-brand-primary-alt { background-color: var(--ng-colors-bg-brand-primary-alt); }

/* colors-bg-brand-secondary: var(--ng-color-bluedark-100) */
.ng-bg-brand-secondary { background-color: var(--ng-colors-bg-brand-secondary); }

/* colors-bg-brand-solid: var(--ng-color-bluedark-600) */
.ng-bg-brand-solid { background-color: var(--ng-colors-bg-brand-solid); }

/* colors-bg-brand-solid-hover: var(--ng-color-bluedark-700) */
.ng-bg-brand-solid-hover { background-color: var(--ng-colors-bg-brand-solid-hover); }

/* colors-bg-brand-section: var(--ng-color-bluedark-800) */
.ng-bg-brand-section { background-color: var(--ng-colors-bg-brand-section); }

/* colors-bg-brand-section-subtle: var(--ng-color-bluedark-700) */
.ng-bg-brand-section-subtle { background-color: var(--ng-colors-bg-brand-section-subtle); }

/* colors-bg-error-primary: var(--ng-color-error-50) */
.ng-bg-error-primary { background-color: var(--ng-colors-bg-error-primary); }

/* colors-bg-error-secondary: var(--ng-color-error-100) */
.ng-bg-error-secondary { background-color: var(--ng-colors-bg-error-secondary); }

/* colors-bg-error-solid: var(--ng-color-error-600) */
.ng-bg-error-solid { background-color: var(--ng-colors-bg-error-solid); }

/* colors-bg-error-solid-hover: var(--ng-color-error-700) */
.ng-bg-error-solid-hover { background-color: var(--ng-colors-bg-error-solid-hover); }

/* colors-bg-warning-primary: var(--ng-color-warning-50) */
.ng-bg-warning-primary { background-color: var(--ng-colors-bg-warning-primary); }

/* colors-bg-warning-secondary: var(--ng-color-warning-100) */
.ng-bg-warning-secondary { background-color: var(--ng-colors-bg-warning-secondary); }

/* colors-bg-warning-solid: var(--ng-color-warning-600) */
.ng-bg-warning-solid { background-color: var(--ng-colors-bg-warning-solid); }

/* colors-bg-success-primary: var(--ng-color-success-50) */
.ng-bg-success-primary { background-color: var(--ng-colors-bg-success-primary); }

/* colors-bg-success-secondary: var(--ng-color-success-100) */
.ng-bg-success-secondary { background-color: var(--ng-colors-bg-success-secondary); }

/* colors-bg-success-solid: var(--ng-color-success-600) */
.ng-bg-success-solid { background-color: var(--ng-colors-bg-success-solid); }


/* ============================================================
   Colors — component colors
   ============================================================ */

/* componentcolors-alpha-white-10: #FFFFFF1A */
.ng-bg-comp-alpha-white-10     { background-color: var(--ng-componentcolors-alpha-white-10); }
.ng-text-comp-alpha-white-10   { color: var(--ng-componentcolors-alpha-white-10); }
.ng-border-comp-alpha-white-10 { border-color: var(--ng-componentcolors-alpha-white-10); }

/* componentcolors-alpha-white-20: #FFFFFF33 */
.ng-bg-comp-alpha-white-20     { background-color: var(--ng-componentcolors-alpha-white-20); }
.ng-text-comp-alpha-white-20   { color: var(--ng-componentcolors-alpha-white-20); }
.ng-border-comp-alpha-white-20 { border-color: var(--ng-componentcolors-alpha-white-20); }

/* componentcolors-alpha-white-30: #FFFFFF4D */
.ng-bg-comp-alpha-white-30     { background-color: var(--ng-componentcolors-alpha-white-30); }
.ng-text-comp-alpha-white-30   { color: var(--ng-componentcolors-alpha-white-30); }
.ng-border-comp-alpha-white-30 { border-color: var(--ng-componentcolors-alpha-white-30); }

/* componentcolors-alpha-white-40: #FFFFFF66 */
.ng-bg-comp-alpha-white-40     { background-color: var(--ng-componentcolors-alpha-white-40); }
.ng-text-comp-alpha-white-40   { color: var(--ng-componentcolors-alpha-white-40); }
.ng-border-comp-alpha-white-40 { border-color: var(--ng-componentcolors-alpha-white-40); }

/* componentcolors-alpha-white-50: #FFFFFF80 */
.ng-bg-comp-alpha-white-50     { background-color: var(--ng-componentcolors-alpha-white-50); }
.ng-text-comp-alpha-white-50   { color: var(--ng-componentcolors-alpha-white-50); }
.ng-border-comp-alpha-white-50 { border-color: var(--ng-componentcolors-alpha-white-50); }

/* componentcolors-alpha-white-60: #FFFFFF99 */
.ng-bg-comp-alpha-white-60     { background-color: var(--ng-componentcolors-alpha-white-60); }
.ng-text-comp-alpha-white-60   { color: var(--ng-componentcolors-alpha-white-60); }
.ng-border-comp-alpha-white-60 { border-color: var(--ng-componentcolors-alpha-white-60); }

/* componentcolors-alpha-white-70: #FFFFFFB2 */
.ng-bg-comp-alpha-white-70     { background-color: var(--ng-componentcolors-alpha-white-70); }
.ng-text-comp-alpha-white-70   { color: var(--ng-componentcolors-alpha-white-70); }
.ng-border-comp-alpha-white-70 { border-color: var(--ng-componentcolors-alpha-white-70); }

/* componentcolors-alpha-white-80: #FFFFFFCC */
.ng-bg-comp-alpha-white-80     { background-color: var(--ng-componentcolors-alpha-white-80); }
.ng-text-comp-alpha-white-80   { color: var(--ng-componentcolors-alpha-white-80); }
.ng-border-comp-alpha-white-80 { border-color: var(--ng-componentcolors-alpha-white-80); }

/* componentcolors-alpha-white-90: #FFFFFFE5 */
.ng-bg-comp-alpha-white-90     { background-color: var(--ng-componentcolors-alpha-white-90); }
.ng-text-comp-alpha-white-90   { color: var(--ng-componentcolors-alpha-white-90); }
.ng-border-comp-alpha-white-90 { border-color: var(--ng-componentcolors-alpha-white-90); }

/* componentcolors-alpha-white-100: #FFFFFFFF */
.ng-bg-comp-alpha-white-100     { background-color: var(--ng-componentcolors-alpha-white-100); }
.ng-text-comp-alpha-white-100   { color: var(--ng-componentcolors-alpha-white-100); }
.ng-border-comp-alpha-white-100 { border-color: var(--ng-componentcolors-alpha-white-100); }

/* componentcolors-alpha-black-10: #0000001A */
.ng-bg-comp-alpha-black-10     { background-color: var(--ng-componentcolors-alpha-black-10); }
.ng-text-comp-alpha-black-10   { color: var(--ng-componentcolors-alpha-black-10); }
.ng-border-comp-alpha-black-10 { border-color: var(--ng-componentcolors-alpha-black-10); }

/* componentcolors-alpha-black-20: #00000033 */
.ng-bg-comp-alpha-black-20     { background-color: var(--ng-componentcolors-alpha-black-20); }
.ng-text-comp-alpha-black-20   { color: var(--ng-componentcolors-alpha-black-20); }
.ng-border-comp-alpha-black-20 { border-color: var(--ng-componentcolors-alpha-black-20); }

/* componentcolors-alpha-black-30: #0000004D */
.ng-bg-comp-alpha-black-30     { background-color: var(--ng-componentcolors-alpha-black-30); }
.ng-text-comp-alpha-black-30   { color: var(--ng-componentcolors-alpha-black-30); }
.ng-border-comp-alpha-black-30 { border-color: var(--ng-componentcolors-alpha-black-30); }

/* componentcolors-alpha-black-40: #00000066 */
.ng-bg-comp-alpha-black-40     { background-color: var(--ng-componentcolors-alpha-black-40); }
.ng-text-comp-alpha-black-40   { color: var(--ng-componentcolors-alpha-black-40); }
.ng-border-comp-alpha-black-40 { border-color: var(--ng-componentcolors-alpha-black-40); }

/* componentcolors-alpha-black-50: #00000080 */
.ng-bg-comp-alpha-black-50     { background-color: var(--ng-componentcolors-alpha-black-50); }
.ng-text-comp-alpha-black-50   { color: var(--ng-componentcolors-alpha-black-50); }
.ng-border-comp-alpha-black-50 { border-color: var(--ng-componentcolors-alpha-black-50); }

/* componentcolors-alpha-black-60: #00000099 */
.ng-bg-comp-alpha-black-60     { background-color: var(--ng-componentcolors-alpha-black-60); }
.ng-text-comp-alpha-black-60   { color: var(--ng-componentcolors-alpha-black-60); }
.ng-border-comp-alpha-black-60 { border-color: var(--ng-componentcolors-alpha-black-60); }

/* componentcolors-alpha-black-70: #000000B2 */
.ng-bg-comp-alpha-black-70     { background-color: var(--ng-componentcolors-alpha-black-70); }
.ng-text-comp-alpha-black-70   { color: var(--ng-componentcolors-alpha-black-70); }
.ng-border-comp-alpha-black-70 { border-color: var(--ng-componentcolors-alpha-black-70); }

/* componentcolors-alpha-black-80: #000000CC */
.ng-bg-comp-alpha-black-80     { background-color: var(--ng-componentcolors-alpha-black-80); }
.ng-text-comp-alpha-black-80   { color: var(--ng-componentcolors-alpha-black-80); }
.ng-border-comp-alpha-black-80 { border-color: var(--ng-componentcolors-alpha-black-80); }

/* componentcolors-alpha-black-90: #000000E5 */
.ng-bg-comp-alpha-black-90     { background-color: var(--ng-componentcolors-alpha-black-90); }
.ng-text-comp-alpha-black-90   { color: var(--ng-componentcolors-alpha-black-90); }
.ng-border-comp-alpha-black-90 { border-color: var(--ng-componentcolors-alpha-black-90); }

/* componentcolors-alpha-black-100: #000000FF */
.ng-bg-comp-alpha-black-100     { background-color: var(--ng-componentcolors-alpha-black-100); }
.ng-text-comp-alpha-black-100   { color: var(--ng-componentcolors-alpha-black-100); }
.ng-border-comp-alpha-black-100 { border-color: var(--ng-componentcolors-alpha-black-100); }

/* componentcolors-utility-gray-50: var(--ng-color-graylightmode-50) */
.ng-bg-comp-utility-gray-50     { background-color: var(--ng-componentcolors-utility-gray-50); }
.ng-text-comp-utility-gray-50   { color: var(--ng-componentcolors-utility-gray-50); }
.ng-border-comp-utility-gray-50 { border-color: var(--ng-componentcolors-utility-gray-50); }

/* componentcolors-components-appstorebadges-app-store-badge-border: #A6A6A6FF */
.ng-bg-comp-components-appstorebadges-app-store-badge-border     { background-color: var(--ng-componentcolors-components-appstorebadges-app-store-badge-border); }
.ng-text-comp-components-appstorebadges-app-store-badge-border   { color: var(--ng-componentcolors-components-appstorebadges-app-store-badge-border); }
.ng-border-comp-components-appstorebadges-app-store-badge-border { border-color: var(--ng-componentcolors-components-appstorebadges-app-store-badge-border); }

/* componentcolors-components-avatars-avatar-styles-bg-neutral: #E0E0E0FF */
.ng-bg-comp-components-avatars-avatar-styles-bg-neutral     { background-color: var(--ng-componentcolors-components-avatars-avatar-styles-bg-neutral); }
.ng-text-comp-components-avatars-avatar-styles-bg-neutral   { color: var(--ng-componentcolors-components-avatars-avatar-styles-bg-neutral); }
.ng-border-comp-components-avatars-avatar-styles-bg-neutral { border-color: var(--ng-componentcolors-components-avatars-avatar-styles-bg-neutral); }

/* componentcolors-components-button-primary-icon: var(--ng-color-bluedark-300) */
.ng-bg-comp-components-button-primary-icon     { background-color: var(--ng-componentcolors-components-button-primary-icon); }
.ng-text-comp-components-button-primary-icon   { color: var(--ng-componentcolors-components-button-primary-icon); }
.ng-border-comp-components-button-primary-icon { border-color: var(--ng-componentcolors-components-button-primary-icon); }

/* componentcolors-components-button-primary-icon-hover: var(--ng-color-bluedark-200) */
.ng-bg-comp-components-button-primary-icon-hover     { background-color: var(--ng-componentcolors-components-button-primary-icon-hover); }
.ng-text-comp-components-button-primary-icon-hover   { color: var(--ng-componentcolors-components-button-primary-icon-hover); }
.ng-border-comp-components-button-primary-icon-hover { border-color: var(--ng-componentcolors-components-button-primary-icon-hover); }

/* componentcolors-components-button-destructive-primary-icon: var(--ng-color-error-300) */
.ng-bg-comp-components-button-destructive-primary-icon     { background-color: var(--ng-componentcolors-components-button-destructive-primary-icon); }
.ng-text-comp-components-button-destructive-primary-icon   { color: var(--ng-componentcolors-components-button-destructive-primary-icon); }
.ng-border-comp-components-button-destructive-primary-icon { border-color: var(--ng-componentcolors-components-button-destructive-primary-icon); }

/* componentcolors-components-button-destructive-primary-icon-hover: var(--ng-color-error-200) */
.ng-bg-comp-components-button-destructive-primary-icon-hover     { background-color: var(--ng-componentcolors-components-button-destructive-primary-icon-hover); }
.ng-text-comp-components-button-destructive-primary-icon-hover   { color: var(--ng-componentcolors-components-button-destructive-primary-icon-hover); }
.ng-border-comp-components-button-destructive-primary-icon-hover { border-color: var(--ng-componentcolors-components-button-destructive-primary-icon-hover); }

/* componentcolors-components-footer-button-fg: var(--ng-color-bluedark-200) */
.ng-bg-comp-components-footer-button-fg     { background-color: var(--ng-componentcolors-components-footer-button-fg); }
.ng-text-comp-components-footer-button-fg   { color: var(--ng-componentcolors-components-footer-button-fg); }
.ng-border-comp-components-footer-button-fg { border-color: var(--ng-componentcolors-components-footer-button-fg); }

/* componentcolors-components-footer-button-fg-hover: var(--ng-color-base-white) */
.ng-bg-comp-components-footer-button-fg-hover     { background-color: var(--ng-componentcolors-components-footer-button-fg-hover); }
.ng-text-comp-components-footer-button-fg-hover   { color: var(--ng-componentcolors-components-footer-button-fg-hover); }
.ng-border-comp-components-footer-button-fg-hover { border-color: var(--ng-componentcolors-components-footer-button-fg-hover); }

/* componentcolors-components-icons-icons-icon-fg-brand: var(--ng-color-bluedark-600) */
.ng-bg-comp-components-icons-icons-icon-fg-brand     { background-color: var(--ng-componentcolors-components-icons-icons-icon-fg-brand); }
.ng-text-comp-components-icons-icons-icon-fg-brand   { color: var(--ng-componentcolors-components-icons-icons-icon-fg-brand); }
.ng-border-comp-components-icons-icons-icon-fg-brand { border-color: var(--ng-componentcolors-components-icons-icons-icon-fg-brand); }

/* componentcolors-components-icons-icons-icon-fg-brand-on-brand: var(--ng-color-bluedark-200) */
.ng-bg-comp-components-icons-icons-icon-fg-brand-on-brand     { background-color: var(--ng-componentcolors-components-icons-icons-icon-fg-brand-on-brand); }
.ng-text-comp-components-icons-icons-icon-fg-brand-on-brand   { color: var(--ng-componentcolors-components-icons-icons-icon-fg-brand-on-brand); }
.ng-border-comp-components-icons-icons-icon-fg-brand-on-brand { border-color: var(--ng-componentcolors-components-icons-icons-icon-fg-brand-on-brand); }

/* componentcolors-components-icons--featured-iconlight-fg-brand: var(--ng-color-bluedark-600) */
.ng-bg-comp-components-icons-featured-iconlight-fg-brand     { background-color: var(--ng-componentcolors-components-icons--featured-iconlight-fg-brand); }
.ng-text-comp-components-icons-featured-iconlight-fg-brand   { color: var(--ng-componentcolors-components-icons--featured-iconlight-fg-brand); }
.ng-border-comp-components-icons-featured-iconlight-fg-brand { border-color: var(--ng-componentcolors-components-icons--featured-iconlight-fg-brand); }

/* componentcolors-components-icons--featured-iconlight-fg-gray: var(--ng-color-graylightmode-500) */
.ng-bg-comp-components-icons-featured-iconlight-fg-gray     { background-color: var(--ng-componentcolors-components-icons--featured-iconlight-fg-gray); }
.ng-text-comp-components-icons-featured-iconlight-fg-gray   { color: var(--ng-componentcolors-components-icons--featured-iconlight-fg-gray); }
.ng-border-comp-components-icons-featured-iconlight-fg-gray { border-color: var(--ng-componentcolors-components-icons--featured-iconlight-fg-gray); }

/* componentcolors-components-icons--featured-iconlight-fg-error: var(--ng-color-error-600) */
.ng-bg-comp-components-icons-featured-iconlight-fg-error     { background-color: var(--ng-componentcolors-components-icons--featured-iconlight-fg-error); }
.ng-text-comp-components-icons-featured-iconlight-fg-error   { color: var(--ng-componentcolors-components-icons--featured-iconlight-fg-error); }
.ng-border-comp-components-icons-featured-iconlight-fg-error { border-color: var(--ng-componentcolors-components-icons--featured-iconlight-fg-error); }

/* componentcolors-components-icons--featured-iconlight-fg-warning: var(--ng-color-warning-600) */
.ng-bg-comp-components-icons-featured-iconlight-fg-warning     { background-color: var(--ng-componentcolors-components-icons--featured-iconlight-fg-warning); }
.ng-text-comp-components-icons-featured-iconlight-fg-warning   { color: var(--ng-componentcolors-components-icons--featured-iconlight-fg-warning); }
.ng-border-comp-components-icons-featured-iconlight-fg-warning { border-color: var(--ng-componentcolors-components-icons--featured-iconlight-fg-warning); }

/* componentcolors-components-icons--featured-iconlight-fg-success: var(--ng-color-success-600) */
.ng-bg-comp-components-icons-featured-iconlight-fg-success     { background-color: var(--ng-componentcolors-components-icons--featured-iconlight-fg-success); }
.ng-text-comp-components-icons-featured-iconlight-fg-success   { color: var(--ng-componentcolors-components-icons--featured-iconlight-fg-success); }
.ng-border-comp-components-icons-featured-iconlight-fg-success { border-color: var(--ng-componentcolors-components-icons--featured-iconlight-fg-success); }

/* componentcolors-components-mockups-screen-mockup-border: var(--ng-color-graylightmode-900) */
.ng-bg-comp-components-mockups-screen-mockup-border     { background-color: var(--ng-componentcolors-components-mockups-screen-mockup-border); }
.ng-text-comp-components-mockups-screen-mockup-border   { color: var(--ng-componentcolors-components-mockups-screen-mockup-border); }
.ng-border-comp-components-mockups-screen-mockup-border { border-color: var(--ng-componentcolors-components-mockups-screen-mockup-border); }

/* componentcolors-components-sliders-slider-handle-bg: var(--ng-color-base-white) */
.ng-bg-comp-components-sliders-slider-handle-bg     { background-color: var(--ng-componentcolors-components-sliders-slider-handle-bg); }
.ng-text-comp-components-sliders-slider-handle-bg   { color: var(--ng-componentcolors-components-sliders-slider-handle-bg); }
.ng-border-comp-components-sliders-slider-handle-bg { border-color: var(--ng-componentcolors-components-sliders-slider-handle-bg); }

/* componentcolors-components-sliders-slider-handle-border: var(--ng-color-bluedark-600) */
.ng-bg-comp-components-sliders-slider-handle-border     { background-color: var(--ng-componentcolors-components-sliders-slider-handle-border); }
.ng-text-comp-components-sliders-slider-handle-border   { color: var(--ng-componentcolors-components-sliders-slider-handle-border); }
.ng-border-comp-components-sliders-slider-handle-border { border-color: var(--ng-componentcolors-components-sliders-slider-handle-border); }

/* componentcolors-components-toggle-button-fg-disabled: var(--ng-color-graylightmode-50) */
.ng-bg-comp-components-toggle-button-fg-disabled     { background-color: var(--ng-componentcolors-components-toggle-button-fg-disabled); }
.ng-text-comp-components-toggle-button-fg-disabled   { color: var(--ng-componentcolors-components-toggle-button-fg-disabled); }
.ng-border-comp-components-toggle-button-fg-disabled { border-color: var(--ng-componentcolors-components-toggle-button-fg-disabled); }

/* componentcolors-components-toggle-border: var(--ng-color-graylightmode-300) */
.ng-bg-comp-components-toggle-border     { background-color: var(--ng-componentcolors-components-toggle-border); }
.ng-text-comp-components-toggle-border   { color: var(--ng-componentcolors-components-toggle-border); }
.ng-border-comp-components-toggle-border { border-color: var(--ng-componentcolors-components-toggle-border); }

/* componentcolors-components-toggle-slim-border-pressed: var(--ng-colors-bg-brand-solid) */
.ng-bg-comp-components-toggle-slim-border-pressed     { background-color: var(--ng-componentcolors-components-toggle-slim-border-pressed); }
.ng-text-comp-components-toggle-slim-border-pressed   { color: var(--ng-componentcolors-components-toggle-slim-border-pressed); }
.ng-border-comp-components-toggle-slim-border-pressed { border-color: var(--ng-componentcolors-components-toggle-slim-border-pressed); }

/* componentcolors-components-toggle-slim-border-pressed-hover: var(--ng-colors-bg-brand-solid-hover) */
.ng-bg-comp-components-toggle-slim-border-pressed-hover     { background-color: var(--ng-componentcolors-components-toggle-slim-border-pressed-hover); }
.ng-text-comp-components-toggle-slim-border-pressed-hover   { color: var(--ng-componentcolors-components-toggle-slim-border-pressed-hover); }
.ng-border-comp-components-toggle-slim-border-pressed-hover { border-color: var(--ng-componentcolors-components-toggle-slim-border-pressed-hover); }

/* componentcolors-components-tooltips-tooltip-supporting-text: var(--ng-color-graylightmode-300) */
.ng-bg-comp-components-tooltips-tooltip-supporting-text     { background-color: var(--ng-componentcolors-components-tooltips-tooltip-supporting-text); }
.ng-text-comp-components-tooltips-tooltip-supporting-text   { color: var(--ng-componentcolors-components-tooltips-tooltip-supporting-text); }
.ng-border-comp-components-tooltips-tooltip-supporting-text { border-color: var(--ng-componentcolors-components-tooltips-tooltip-supporting-text); }

/* componentcolors-components-text-editor-icon-fg: var(--ng-color-graylightmode-400) */
.ng-bg-comp-components-text-editor-icon-fg     { background-color: var(--ng-componentcolors-components-text-editor-icon-fg); }
.ng-text-comp-components-text-editor-icon-fg   { color: var(--ng-componentcolors-components-text-editor-icon-fg); }
.ng-border-comp-components-text-editor-icon-fg { border-color: var(--ng-componentcolors-components-text-editor-icon-fg); }

/* componentcolors-components-text-editor-icon-fg-active: var(--ng-color-graylightmode-500) */
.ng-bg-comp-components-text-editor-icon-fg-active     { background-color: var(--ng-componentcolors-components-text-editor-icon-fg-active); }
.ng-text-comp-components-text-editor-icon-fg-active   { color: var(--ng-componentcolors-components-text-editor-icon-fg-active); }
.ng-border-comp-components-text-editor-icon-fg-active { border-color: var(--ng-componentcolors-components-text-editor-icon-fg-active); }

/* componentcolors-utility-gray-100: var(--ng-color-graylightmode-100) */
.ng-bg-comp-utility-gray-100     { background-color: var(--ng-componentcolors-utility-gray-100); }
.ng-text-comp-utility-gray-100   { color: var(--ng-componentcolors-utility-gray-100); }
.ng-border-comp-utility-gray-100 { border-color: var(--ng-componentcolors-utility-gray-100); }

/* componentcolors-utility-gray-200: var(--ng-color-graylightmode-200) */
.ng-bg-comp-utility-gray-200     { background-color: var(--ng-componentcolors-utility-gray-200); }
.ng-text-comp-utility-gray-200   { color: var(--ng-componentcolors-utility-gray-200); }
.ng-border-comp-utility-gray-200 { border-color: var(--ng-componentcolors-utility-gray-200); }

/* componentcolors-utility-gray-300: var(--ng-color-graylightmode-300) */
.ng-bg-comp-utility-gray-300     { background-color: var(--ng-componentcolors-utility-gray-300); }
.ng-text-comp-utility-gray-300   { color: var(--ng-componentcolors-utility-gray-300); }
.ng-border-comp-utility-gray-300 { border-color: var(--ng-componentcolors-utility-gray-300); }

/* componentcolors-utility-gray-400: var(--ng-color-graylightmode-400) */
.ng-bg-comp-utility-gray-400     { background-color: var(--ng-componentcolors-utility-gray-400); }
.ng-text-comp-utility-gray-400   { color: var(--ng-componentcolors-utility-gray-400); }
.ng-border-comp-utility-gray-400 { border-color: var(--ng-componentcolors-utility-gray-400); }

/* componentcolors-utility-gray-500: var(--ng-color-graylightmode-500) */
.ng-bg-comp-utility-gray-500     { background-color: var(--ng-componentcolors-utility-gray-500); }
.ng-text-comp-utility-gray-500   { color: var(--ng-componentcolors-utility-gray-500); }
.ng-border-comp-utility-gray-500 { border-color: var(--ng-componentcolors-utility-gray-500); }

/* componentcolors-utility-gray-600: var(--ng-color-graylightmode-600) */
.ng-bg-comp-utility-gray-600     { background-color: var(--ng-componentcolors-utility-gray-600); }
.ng-text-comp-utility-gray-600   { color: var(--ng-componentcolors-utility-gray-600); }
.ng-border-comp-utility-gray-600 { border-color: var(--ng-componentcolors-utility-gray-600); }

/* componentcolors-utility-gray-700: var(--ng-color-graylightmode-700) */
.ng-bg-comp-utility-gray-700     { background-color: var(--ng-componentcolors-utility-gray-700); }
.ng-text-comp-utility-gray-700   { color: var(--ng-componentcolors-utility-gray-700); }
.ng-border-comp-utility-gray-700 { border-color: var(--ng-componentcolors-utility-gray-700); }

/* componentcolors-utility-gray-800: var(--ng-color-graylightmode-800) */
.ng-bg-comp-utility-gray-800     { background-color: var(--ng-componentcolors-utility-gray-800); }
.ng-text-comp-utility-gray-800   { color: var(--ng-componentcolors-utility-gray-800); }
.ng-border-comp-utility-gray-800 { border-color: var(--ng-componentcolors-utility-gray-800); }

/* componentcolors-utility-gray-900: var(--ng-color-graylightmode-900) */
.ng-bg-comp-utility-gray-900     { background-color: var(--ng-componentcolors-utility-gray-900); }
.ng-text-comp-utility-gray-900   { color: var(--ng-componentcolors-utility-gray-900); }
.ng-border-comp-utility-gray-900 { border-color: var(--ng-componentcolors-utility-gray-900); }

/* componentcolors-utility-brand-50: var(--ng-color-bluedark-50) */
.ng-bg-comp-utility-brand-50     { background-color: var(--ng-componentcolors-utility-brand-50); }
.ng-text-comp-utility-brand-50   { color: var(--ng-componentcolors-utility-brand-50); }
.ng-border-comp-utility-brand-50 { border-color: var(--ng-componentcolors-utility-brand-50); }

/* componentcolors-utility-brand-50-alt: var(--ng-color-bluedark-50) */
.ng-bg-comp-utility-brand-50-alt     { background-color: var(--ng-componentcolors-utility-brand-50-alt); }
.ng-text-comp-utility-brand-50-alt   { color: var(--ng-componentcolors-utility-brand-50-alt); }
.ng-border-comp-utility-brand-50-alt { border-color: var(--ng-componentcolors-utility-brand-50-alt); }

/* componentcolors-utility-brand-100: var(--ng-color-bluedark-100) */
.ng-bg-comp-utility-brand-100     { background-color: var(--ng-componentcolors-utility-brand-100); }
.ng-text-comp-utility-brand-100   { color: var(--ng-componentcolors-utility-brand-100); }
.ng-border-comp-utility-brand-100 { border-color: var(--ng-componentcolors-utility-brand-100); }

/* componentcolors-utility-brand-100-alt: var(--ng-color-bluedark-100) */
.ng-bg-comp-utility-brand-100-alt     { background-color: var(--ng-componentcolors-utility-brand-100-alt); }
.ng-text-comp-utility-brand-100-alt   { color: var(--ng-componentcolors-utility-brand-100-alt); }
.ng-border-comp-utility-brand-100-alt { border-color: var(--ng-componentcolors-utility-brand-100-alt); }

/* componentcolors-utility-brand-200: var(--ng-color-bluedark-200) */
.ng-bg-comp-utility-brand-200     { background-color: var(--ng-componentcolors-utility-brand-200); }
.ng-text-comp-utility-brand-200   { color: var(--ng-componentcolors-utility-brand-200); }
.ng-border-comp-utility-brand-200 { border-color: var(--ng-componentcolors-utility-brand-200); }

/* componentcolors-utility-brand-200-alt: var(--ng-color-bluedark-200) */
.ng-bg-comp-utility-brand-200-alt     { background-color: var(--ng-componentcolors-utility-brand-200-alt); }
.ng-text-comp-utility-brand-200-alt   { color: var(--ng-componentcolors-utility-brand-200-alt); }
.ng-border-comp-utility-brand-200-alt { border-color: var(--ng-componentcolors-utility-brand-200-alt); }

/* componentcolors-utility-brand-300: var(--ng-color-bluedark-300) */
.ng-bg-comp-utility-brand-300     { background-color: var(--ng-componentcolors-utility-brand-300); }
.ng-text-comp-utility-brand-300   { color: var(--ng-componentcolors-utility-brand-300); }
.ng-border-comp-utility-brand-300 { border-color: var(--ng-componentcolors-utility-brand-300); }

/* componentcolors-utility-brand-300-alt: var(--ng-color-bluedark-300) */
.ng-bg-comp-utility-brand-300-alt     { background-color: var(--ng-componentcolors-utility-brand-300-alt); }
.ng-text-comp-utility-brand-300-alt   { color: var(--ng-componentcolors-utility-brand-300-alt); }
.ng-border-comp-utility-brand-300-alt { border-color: var(--ng-componentcolors-utility-brand-300-alt); }

/* componentcolors-utility-brand-400: var(--ng-color-bluedark-400) */
.ng-bg-comp-utility-brand-400     { background-color: var(--ng-componentcolors-utility-brand-400); }
.ng-text-comp-utility-brand-400   { color: var(--ng-componentcolors-utility-brand-400); }
.ng-border-comp-utility-brand-400 { border-color: var(--ng-componentcolors-utility-brand-400); }

/* componentcolors-utility-brand-400-alt: var(--ng-color-bluedark-400) */
.ng-bg-comp-utility-brand-400-alt     { background-color: var(--ng-componentcolors-utility-brand-400-alt); }
.ng-text-comp-utility-brand-400-alt   { color: var(--ng-componentcolors-utility-brand-400-alt); }
.ng-border-comp-utility-brand-400-alt { border-color: var(--ng-componentcolors-utility-brand-400-alt); }

/* componentcolors-utility-brand-500: var(--ng-color-bluedark-500) */
.ng-bg-comp-utility-brand-500     { background-color: var(--ng-componentcolors-utility-brand-500); }
.ng-text-comp-utility-brand-500   { color: var(--ng-componentcolors-utility-brand-500); }
.ng-border-comp-utility-brand-500 { border-color: var(--ng-componentcolors-utility-brand-500); }

/* componentcolors-utility-brand-500-alt: var(--ng-color-bluedark-500) */
.ng-bg-comp-utility-brand-500-alt     { background-color: var(--ng-componentcolors-utility-brand-500-alt); }
.ng-text-comp-utility-brand-500-alt   { color: var(--ng-componentcolors-utility-brand-500-alt); }
.ng-border-comp-utility-brand-500-alt { border-color: var(--ng-componentcolors-utility-brand-500-alt); }

/* componentcolors-utility-brand-600: var(--ng-color-bluedark-600) */
.ng-bg-comp-utility-brand-600     { background-color: var(--ng-componentcolors-utility-brand-600); }
.ng-text-comp-utility-brand-600   { color: var(--ng-componentcolors-utility-brand-600); }
.ng-border-comp-utility-brand-600 { border-color: var(--ng-componentcolors-utility-brand-600); }

/* componentcolors-utility-brand-600-alt: var(--ng-color-bluedark-600) */
.ng-bg-comp-utility-brand-600-alt     { background-color: var(--ng-componentcolors-utility-brand-600-alt); }
.ng-text-comp-utility-brand-600-alt   { color: var(--ng-componentcolors-utility-brand-600-alt); }
.ng-border-comp-utility-brand-600-alt { border-color: var(--ng-componentcolors-utility-brand-600-alt); }

/* componentcolors-utility-brand-700: var(--ng-color-bluedark-700) */
.ng-bg-comp-utility-brand-700     { background-color: var(--ng-componentcolors-utility-brand-700); }
.ng-text-comp-utility-brand-700   { color: var(--ng-componentcolors-utility-brand-700); }
.ng-border-comp-utility-brand-700 { border-color: var(--ng-componentcolors-utility-brand-700); }

/* componentcolors-utility-brand-700-alt: var(--ng-color-bluedark-700) */
.ng-bg-comp-utility-brand-700-alt     { background-color: var(--ng-componentcolors-utility-brand-700-alt); }
.ng-text-comp-utility-brand-700-alt   { color: var(--ng-componentcolors-utility-brand-700-alt); }
.ng-border-comp-utility-brand-700-alt { border-color: var(--ng-componentcolors-utility-brand-700-alt); }

/* componentcolors-utility-brand-800: var(--ng-color-bluedark-800) */
.ng-bg-comp-utility-brand-800     { background-color: var(--ng-componentcolors-utility-brand-800); }
.ng-text-comp-utility-brand-800   { color: var(--ng-componentcolors-utility-brand-800); }
.ng-border-comp-utility-brand-800 { border-color: var(--ng-componentcolors-utility-brand-800); }

/* componentcolors-utility-brand-800-alt: var(--ng-color-bluedark-800) */
.ng-bg-comp-utility-brand-800-alt     { background-color: var(--ng-componentcolors-utility-brand-800-alt); }
.ng-text-comp-utility-brand-800-alt   { color: var(--ng-componentcolors-utility-brand-800-alt); }
.ng-border-comp-utility-brand-800-alt { border-color: var(--ng-componentcolors-utility-brand-800-alt); }

/* componentcolors-utility-brand-900: var(--ng-color-bluedark-900) */
.ng-bg-comp-utility-brand-900     { background-color: var(--ng-componentcolors-utility-brand-900); }
.ng-text-comp-utility-brand-900   { color: var(--ng-componentcolors-utility-brand-900); }
.ng-border-comp-utility-brand-900 { border-color: var(--ng-componentcolors-utility-brand-900); }

/* componentcolors-utility-brand-900-alt: var(--ng-color-bluedark-900) */
.ng-bg-comp-utility-brand-900-alt     { background-color: var(--ng-componentcolors-utility-brand-900-alt); }
.ng-text-comp-utility-brand-900-alt   { color: var(--ng-componentcolors-utility-brand-900-alt); }
.ng-border-comp-utility-brand-900-alt { border-color: var(--ng-componentcolors-utility-brand-900-alt); }

/* componentcolors-utility-error-50: var(--ng-color-error-50) */
.ng-bg-comp-utility-error-50     { background-color: var(--ng-componentcolors-utility-error-50); }
.ng-text-comp-utility-error-50   { color: var(--ng-componentcolors-utility-error-50); }
.ng-border-comp-utility-error-50 { border-color: var(--ng-componentcolors-utility-error-50); }

/* componentcolors-utility-error-100: var(--ng-color-error-100) */
.ng-bg-comp-utility-error-100     { background-color: var(--ng-componentcolors-utility-error-100); }
.ng-text-comp-utility-error-100   { color: var(--ng-componentcolors-utility-error-100); }
.ng-border-comp-utility-error-100 { border-color: var(--ng-componentcolors-utility-error-100); }

/* componentcolors-utility-error-200: var(--ng-color-error-200) */
.ng-bg-comp-utility-error-200     { background-color: var(--ng-componentcolors-utility-error-200); }
.ng-text-comp-utility-error-200   { color: var(--ng-componentcolors-utility-error-200); }
.ng-border-comp-utility-error-200 { border-color: var(--ng-componentcolors-utility-error-200); }

/* componentcolors-utility-error-300: var(--ng-color-error-300) */
.ng-bg-comp-utility-error-300     { background-color: var(--ng-componentcolors-utility-error-300); }
.ng-text-comp-utility-error-300   { color: var(--ng-componentcolors-utility-error-300); }
.ng-border-comp-utility-error-300 { border-color: var(--ng-componentcolors-utility-error-300); }

/* componentcolors-utility-error-400: var(--ng-color-error-400) */
.ng-bg-comp-utility-error-400     { background-color: var(--ng-componentcolors-utility-error-400); }
.ng-text-comp-utility-error-400   { color: var(--ng-componentcolors-utility-error-400); }
.ng-border-comp-utility-error-400 { border-color: var(--ng-componentcolors-utility-error-400); }

/* componentcolors-utility-error-500: var(--ng-color-error-500) */
.ng-bg-comp-utility-error-500     { background-color: var(--ng-componentcolors-utility-error-500); }
.ng-text-comp-utility-error-500   { color: var(--ng-componentcolors-utility-error-500); }
.ng-border-comp-utility-error-500 { border-color: var(--ng-componentcolors-utility-error-500); }

/* componentcolors-utility-error-600: var(--ng-color-error-600) */
.ng-bg-comp-utility-error-600     { background-color: var(--ng-componentcolors-utility-error-600); }
.ng-text-comp-utility-error-600   { color: var(--ng-componentcolors-utility-error-600); }
.ng-border-comp-utility-error-600 { border-color: var(--ng-componentcolors-utility-error-600); }

/* componentcolors-utility-error-700: var(--ng-color-error-700) */
.ng-bg-comp-utility-error-700     { background-color: var(--ng-componentcolors-utility-error-700); }
.ng-text-comp-utility-error-700   { color: var(--ng-componentcolors-utility-error-700); }
.ng-border-comp-utility-error-700 { border-color: var(--ng-componentcolors-utility-error-700); }

/* componentcolors-utility-warning-50: var(--ng-color-warning-50) */
.ng-bg-comp-utility-warning-50     { background-color: var(--ng-componentcolors-utility-warning-50); }
.ng-text-comp-utility-warning-50   { color: var(--ng-componentcolors-utility-warning-50); }
.ng-border-comp-utility-warning-50 { border-color: var(--ng-componentcolors-utility-warning-50); }

/* componentcolors-utility-warning-100: var(--ng-color-warning-100) */
.ng-bg-comp-utility-warning-100     { background-color: var(--ng-componentcolors-utility-warning-100); }
.ng-text-comp-utility-warning-100   { color: var(--ng-componentcolors-utility-warning-100); }
.ng-border-comp-utility-warning-100 { border-color: var(--ng-componentcolors-utility-warning-100); }

/* componentcolors-utility-warning-200: var(--ng-color-warning-200) */
.ng-bg-comp-utility-warning-200     { background-color: var(--ng-componentcolors-utility-warning-200); }
.ng-text-comp-utility-warning-200   { color: var(--ng-componentcolors-utility-warning-200); }
.ng-border-comp-utility-warning-200 { border-color: var(--ng-componentcolors-utility-warning-200); }

/* componentcolors-utility-warning-300: var(--ng-color-warning-300) */
.ng-bg-comp-utility-warning-300     { background-color: var(--ng-componentcolors-utility-warning-300); }
.ng-text-comp-utility-warning-300   { color: var(--ng-componentcolors-utility-warning-300); }
.ng-border-comp-utility-warning-300 { border-color: var(--ng-componentcolors-utility-warning-300); }

/* componentcolors-utility-warning-400: var(--ng-color-warning-400) */
.ng-bg-comp-utility-warning-400     { background-color: var(--ng-componentcolors-utility-warning-400); }
.ng-text-comp-utility-warning-400   { color: var(--ng-componentcolors-utility-warning-400); }
.ng-border-comp-utility-warning-400 { border-color: var(--ng-componentcolors-utility-warning-400); }

/* componentcolors-utility-warning-500: var(--ng-color-warning-500) */
.ng-bg-comp-utility-warning-500     { background-color: var(--ng-componentcolors-utility-warning-500); }
.ng-text-comp-utility-warning-500   { color: var(--ng-componentcolors-utility-warning-500); }
.ng-border-comp-utility-warning-500 { border-color: var(--ng-componentcolors-utility-warning-500); }

/* componentcolors-utility-warning-600: var(--ng-color-warning-600) */
.ng-bg-comp-utility-warning-600     { background-color: var(--ng-componentcolors-utility-warning-600); }
.ng-text-comp-utility-warning-600   { color: var(--ng-componentcolors-utility-warning-600); }
.ng-border-comp-utility-warning-600 { border-color: var(--ng-componentcolors-utility-warning-600); }

/* componentcolors-utility-warning-700: var(--ng-color-warning-700) */
.ng-bg-comp-utility-warning-700     { background-color: var(--ng-componentcolors-utility-warning-700); }
.ng-text-comp-utility-warning-700   { color: var(--ng-componentcolors-utility-warning-700); }
.ng-border-comp-utility-warning-700 { border-color: var(--ng-componentcolors-utility-warning-700); }

/* componentcolors-utility-success-50: var(--ng-color-success-50) */
.ng-bg-comp-utility-success-50     { background-color: var(--ng-componentcolors-utility-success-50); }
.ng-text-comp-utility-success-50   { color: var(--ng-componentcolors-utility-success-50); }
.ng-border-comp-utility-success-50 { border-color: var(--ng-componentcolors-utility-success-50); }

/* componentcolors-utility-success-100: var(--ng-color-success-100) */
.ng-bg-comp-utility-success-100     { background-color: var(--ng-componentcolors-utility-success-100); }
.ng-text-comp-utility-success-100   { color: var(--ng-componentcolors-utility-success-100); }
.ng-border-comp-utility-success-100 { border-color: var(--ng-componentcolors-utility-success-100); }

/* componentcolors-utility-success-200: var(--ng-color-success-200) */
.ng-bg-comp-utility-success-200     { background-color: var(--ng-componentcolors-utility-success-200); }
.ng-text-comp-utility-success-200   { color: var(--ng-componentcolors-utility-success-200); }
.ng-border-comp-utility-success-200 { border-color: var(--ng-componentcolors-utility-success-200); }

/* componentcolors-utility-success-300: var(--ng-color-success-300) */
.ng-bg-comp-utility-success-300     { background-color: var(--ng-componentcolors-utility-success-300); }
.ng-text-comp-utility-success-300   { color: var(--ng-componentcolors-utility-success-300); }
.ng-border-comp-utility-success-300 { border-color: var(--ng-componentcolors-utility-success-300); }

/* componentcolors-utility-success-400: var(--ng-color-success-400) */
.ng-bg-comp-utility-success-400     { background-color: var(--ng-componentcolors-utility-success-400); }
.ng-text-comp-utility-success-400   { color: var(--ng-componentcolors-utility-success-400); }
.ng-border-comp-utility-success-400 { border-color: var(--ng-componentcolors-utility-success-400); }

/* componentcolors-utility-success-500: var(--ng-color-success-500) */
.ng-bg-comp-utility-success-500     { background-color: var(--ng-componentcolors-utility-success-500); }
.ng-text-comp-utility-success-500   { color: var(--ng-componentcolors-utility-success-500); }
.ng-border-comp-utility-success-500 { border-color: var(--ng-componentcolors-utility-success-500); }

/* componentcolors-utility-success-600: var(--ng-color-success-600) */
.ng-bg-comp-utility-success-600     { background-color: var(--ng-componentcolors-utility-success-600); }
.ng-text-comp-utility-success-600   { color: var(--ng-componentcolors-utility-success-600); }
.ng-border-comp-utility-success-600 { border-color: var(--ng-componentcolors-utility-success-600); }

/* componentcolors-utility-success-700: var(--ng-color-success-700) */
.ng-bg-comp-utility-success-700     { background-color: var(--ng-componentcolors-utility-success-700); }
.ng-text-comp-utility-success-700   { color: var(--ng-componentcolors-utility-success-700); }
.ng-border-comp-utility-success-700 { border-color: var(--ng-componentcolors-utility-success-700); }

/* componentcolors-utility-gray-blue-50: var(--ng-color-grayblue-50) */
.ng-bg-comp-utility-gray-blue-50     { background-color: var(--ng-componentcolors-utility-gray-blue-50); }
.ng-text-comp-utility-gray-blue-50   { color: var(--ng-componentcolors-utility-gray-blue-50); }
.ng-border-comp-utility-gray-blue-50 { border-color: var(--ng-componentcolors-utility-gray-blue-50); }

/* componentcolors-utility-gray-blue-100: var(--ng-color-grayblue-100) */
.ng-bg-comp-utility-gray-blue-100     { background-color: var(--ng-componentcolors-utility-gray-blue-100); }
.ng-text-comp-utility-gray-blue-100   { color: var(--ng-componentcolors-utility-gray-blue-100); }
.ng-border-comp-utility-gray-blue-100 { border-color: var(--ng-componentcolors-utility-gray-blue-100); }

/* componentcolors-utility-gray-blue-200: var(--ng-color-grayblue-200) */
.ng-bg-comp-utility-gray-blue-200     { background-color: var(--ng-componentcolors-utility-gray-blue-200); }
.ng-text-comp-utility-gray-blue-200   { color: var(--ng-componentcolors-utility-gray-blue-200); }
.ng-border-comp-utility-gray-blue-200 { border-color: var(--ng-componentcolors-utility-gray-blue-200); }

/* componentcolors-utility-gray-blue-300: var(--ng-color-grayblue-300) */
.ng-bg-comp-utility-gray-blue-300     { background-color: var(--ng-componentcolors-utility-gray-blue-300); }
.ng-text-comp-utility-gray-blue-300   { color: var(--ng-componentcolors-utility-gray-blue-300); }
.ng-border-comp-utility-gray-blue-300 { border-color: var(--ng-componentcolors-utility-gray-blue-300); }

/* componentcolors-utility-gray-blue-400: var(--ng-color-grayblue-400) */
.ng-bg-comp-utility-gray-blue-400     { background-color: var(--ng-componentcolors-utility-gray-blue-400); }
.ng-text-comp-utility-gray-blue-400   { color: var(--ng-componentcolors-utility-gray-blue-400); }
.ng-border-comp-utility-gray-blue-400 { border-color: var(--ng-componentcolors-utility-gray-blue-400); }

/* componentcolors-utility-gray-blue-500: var(--ng-color-grayblue-500) */
.ng-bg-comp-utility-gray-blue-500     { background-color: var(--ng-componentcolors-utility-gray-blue-500); }
.ng-text-comp-utility-gray-blue-500   { color: var(--ng-componentcolors-utility-gray-blue-500); }
.ng-border-comp-utility-gray-blue-500 { border-color: var(--ng-componentcolors-utility-gray-blue-500); }

/* componentcolors-utility-gray-blue-600: var(--ng-color-grayblue-600) */
.ng-bg-comp-utility-gray-blue-600     { background-color: var(--ng-componentcolors-utility-gray-blue-600); }
.ng-text-comp-utility-gray-blue-600   { color: var(--ng-componentcolors-utility-gray-blue-600); }
.ng-border-comp-utility-gray-blue-600 { border-color: var(--ng-componentcolors-utility-gray-blue-600); }

/* componentcolors-utility-gray-blue-700: var(--ng-color-grayblue-700) */
.ng-bg-comp-utility-gray-blue-700     { background-color: var(--ng-componentcolors-utility-gray-blue-700); }
.ng-text-comp-utility-gray-blue-700   { color: var(--ng-componentcolors-utility-gray-blue-700); }
.ng-border-comp-utility-gray-blue-700 { border-color: var(--ng-componentcolors-utility-gray-blue-700); }

/* componentcolors-utility-green-50: var(--ng-color-green-50) */
.ng-bg-comp-utility-green-50     { background-color: var(--ng-componentcolors-utility-green-50); }
.ng-text-comp-utility-green-50   { color: var(--ng-componentcolors-utility-green-50); }
.ng-border-comp-utility-green-50 { border-color: var(--ng-componentcolors-utility-green-50); }

/* componentcolors-utility-green-100: var(--ng-color-green-100) */
.ng-bg-comp-utility-green-100     { background-color: var(--ng-componentcolors-utility-green-100); }
.ng-text-comp-utility-green-100   { color: var(--ng-componentcolors-utility-green-100); }
.ng-border-comp-utility-green-100 { border-color: var(--ng-componentcolors-utility-green-100); }

/* componentcolors-utility-green-200: var(--ng-color-green-200) */
.ng-bg-comp-utility-green-200     { background-color: var(--ng-componentcolors-utility-green-200); }
.ng-text-comp-utility-green-200   { color: var(--ng-componentcolors-utility-green-200); }
.ng-border-comp-utility-green-200 { border-color: var(--ng-componentcolors-utility-green-200); }

/* componentcolors-utility-green-300: var(--ng-color-green-300) */
.ng-bg-comp-utility-green-300     { background-color: var(--ng-componentcolors-utility-green-300); }
.ng-text-comp-utility-green-300   { color: var(--ng-componentcolors-utility-green-300); }
.ng-border-comp-utility-green-300 { border-color: var(--ng-componentcolors-utility-green-300); }

/* componentcolors-utility-green-400: var(--ng-color-green-400) */
.ng-bg-comp-utility-green-400     { background-color: var(--ng-componentcolors-utility-green-400); }
.ng-text-comp-utility-green-400   { color: var(--ng-componentcolors-utility-green-400); }
.ng-border-comp-utility-green-400 { border-color: var(--ng-componentcolors-utility-green-400); }

/* componentcolors-utility-green-500: var(--ng-color-green-500) */
.ng-bg-comp-utility-green-500     { background-color: var(--ng-componentcolors-utility-green-500); }
.ng-text-comp-utility-green-500   { color: var(--ng-componentcolors-utility-green-500); }
.ng-border-comp-utility-green-500 { border-color: var(--ng-componentcolors-utility-green-500); }

/* componentcolors-utility-green-600: var(--ng-color-green-600) */
.ng-bg-comp-utility-green-600     { background-color: var(--ng-componentcolors-utility-green-600); }
.ng-text-comp-utility-green-600   { color: var(--ng-componentcolors-utility-green-600); }
.ng-border-comp-utility-green-600 { border-color: var(--ng-componentcolors-utility-green-600); }

/* componentcolors-utility-green-700: var(--ng-color-green-700) */
.ng-bg-comp-utility-green-700     { background-color: var(--ng-componentcolors-utility-green-700); }
.ng-text-comp-utility-green-700   { color: var(--ng-componentcolors-utility-green-700); }
.ng-border-comp-utility-green-700 { border-color: var(--ng-componentcolors-utility-green-700); }

/* componentcolors-utility-blue-light-50: var(--ng-color-bluelight-50) */
.ng-bg-comp-utility-blue-light-50     { background-color: var(--ng-componentcolors-utility-blue-light-50); }
.ng-text-comp-utility-blue-light-50   { color: var(--ng-componentcolors-utility-blue-light-50); }
.ng-border-comp-utility-blue-light-50 { border-color: var(--ng-componentcolors-utility-blue-light-50); }

/* componentcolors-utility-blue-light-100: var(--ng-color-bluelight-100) */
.ng-bg-comp-utility-blue-light-100     { background-color: var(--ng-componentcolors-utility-blue-light-100); }
.ng-text-comp-utility-blue-light-100   { color: var(--ng-componentcolors-utility-blue-light-100); }
.ng-border-comp-utility-blue-light-100 { border-color: var(--ng-componentcolors-utility-blue-light-100); }

/* componentcolors-utility-blue-light-200: var(--ng-color-bluelight-200) */
.ng-bg-comp-utility-blue-light-200     { background-color: var(--ng-componentcolors-utility-blue-light-200); }
.ng-text-comp-utility-blue-light-200   { color: var(--ng-componentcolors-utility-blue-light-200); }
.ng-border-comp-utility-blue-light-200 { border-color: var(--ng-componentcolors-utility-blue-light-200); }

/* componentcolors-utility-blue-light-300: var(--ng-color-bluelight-300) */
.ng-bg-comp-utility-blue-light-300     { background-color: var(--ng-componentcolors-utility-blue-light-300); }
.ng-text-comp-utility-blue-light-300   { color: var(--ng-componentcolors-utility-blue-light-300); }
.ng-border-comp-utility-blue-light-300 { border-color: var(--ng-componentcolors-utility-blue-light-300); }

/* componentcolors-utility-blue-light-400: var(--ng-color-bluelight-400) */
.ng-bg-comp-utility-blue-light-400     { background-color: var(--ng-componentcolors-utility-blue-light-400); }
.ng-text-comp-utility-blue-light-400   { color: var(--ng-componentcolors-utility-blue-light-400); }
.ng-border-comp-utility-blue-light-400 { border-color: var(--ng-componentcolors-utility-blue-light-400); }

/* componentcolors-utility-blue-light-500: var(--ng-color-bluelight-500) */
.ng-bg-comp-utility-blue-light-500     { background-color: var(--ng-componentcolors-utility-blue-light-500); }
.ng-text-comp-utility-blue-light-500   { color: var(--ng-componentcolors-utility-blue-light-500); }
.ng-border-comp-utility-blue-light-500 { border-color: var(--ng-componentcolors-utility-blue-light-500); }

/* componentcolors-utility-blue-light-600: var(--ng-color-bluelight-600) */
.ng-bg-comp-utility-blue-light-600     { background-color: var(--ng-componentcolors-utility-blue-light-600); }
.ng-text-comp-utility-blue-light-600   { color: var(--ng-componentcolors-utility-blue-light-600); }
.ng-border-comp-utility-blue-light-600 { border-color: var(--ng-componentcolors-utility-blue-light-600); }

/* componentcolors-utility-blue-light-700: var(--ng-color-bluelight-700) */
.ng-bg-comp-utility-blue-light-700     { background-color: var(--ng-componentcolors-utility-blue-light-700); }
.ng-text-comp-utility-blue-light-700   { color: var(--ng-componentcolors-utility-blue-light-700); }
.ng-border-comp-utility-blue-light-700 { border-color: var(--ng-componentcolors-utility-blue-light-700); }

/* componentcolors-utility-blue-50: var(--ng-color-blue-50) */
.ng-bg-comp-utility-blue-50     { background-color: var(--ng-componentcolors-utility-blue-50); }
.ng-text-comp-utility-blue-50   { color: var(--ng-componentcolors-utility-blue-50); }
.ng-border-comp-utility-blue-50 { border-color: var(--ng-componentcolors-utility-blue-50); }

/* componentcolors-utility-blue-100: var(--ng-color-blue-100) */
.ng-bg-comp-utility-blue-100     { background-color: var(--ng-componentcolors-utility-blue-100); }
.ng-text-comp-utility-blue-100   { color: var(--ng-componentcolors-utility-blue-100); }
.ng-border-comp-utility-blue-100 { border-color: var(--ng-componentcolors-utility-blue-100); }

/* componentcolors-utility-blue-200: var(--ng-color-blue-200) */
.ng-bg-comp-utility-blue-200     { background-color: var(--ng-componentcolors-utility-blue-200); }
.ng-text-comp-utility-blue-200   { color: var(--ng-componentcolors-utility-blue-200); }
.ng-border-comp-utility-blue-200 { border-color: var(--ng-componentcolors-utility-blue-200); }

/* componentcolors-utility-blue-300: var(--ng-color-blue-300) */
.ng-bg-comp-utility-blue-300     { background-color: var(--ng-componentcolors-utility-blue-300); }
.ng-text-comp-utility-blue-300   { color: var(--ng-componentcolors-utility-blue-300); }
.ng-border-comp-utility-blue-300 { border-color: var(--ng-componentcolors-utility-blue-300); }

/* componentcolors-utility-blue-400: var(--ng-color-blue-400) */
.ng-bg-comp-utility-blue-400     { background-color: var(--ng-componentcolors-utility-blue-400); }
.ng-text-comp-utility-blue-400   { color: var(--ng-componentcolors-utility-blue-400); }
.ng-border-comp-utility-blue-400 { border-color: var(--ng-componentcolors-utility-blue-400); }

/* componentcolors-utility-blue-500: var(--ng-color-blue-500) */
.ng-bg-comp-utility-blue-500     { background-color: var(--ng-componentcolors-utility-blue-500); }
.ng-text-comp-utility-blue-500   { color: var(--ng-componentcolors-utility-blue-500); }
.ng-border-comp-utility-blue-500 { border-color: var(--ng-componentcolors-utility-blue-500); }

/* componentcolors-utility-blue-600: var(--ng-color-blue-600) */
.ng-bg-comp-utility-blue-600     { background-color: var(--ng-componentcolors-utility-blue-600); }
.ng-text-comp-utility-blue-600   { color: var(--ng-componentcolors-utility-blue-600); }
.ng-border-comp-utility-blue-600 { border-color: var(--ng-componentcolors-utility-blue-600); }

/* componentcolors-utility-blue-700: var(--ng-color-blue-700) */
.ng-bg-comp-utility-blue-700     { background-color: var(--ng-componentcolors-utility-blue-700); }
.ng-text-comp-utility-blue-700   { color: var(--ng-componentcolors-utility-blue-700); }
.ng-border-comp-utility-blue-700 { border-color: var(--ng-componentcolors-utility-blue-700); }

/* componentcolors-utility-blue-dark-50: var(--ng-color-bluedark-50) */
.ng-bg-comp-utility-blue-dark-50     { background-color: var(--ng-componentcolors-utility-blue-dark-50); }
.ng-text-comp-utility-blue-dark-50   { color: var(--ng-componentcolors-utility-blue-dark-50); }
.ng-border-comp-utility-blue-dark-50 { border-color: var(--ng-componentcolors-utility-blue-dark-50); }

/* componentcolors-utility-blue-dark-100: var(--ng-color-bluedark-100) */
.ng-bg-comp-utility-blue-dark-100     { background-color: var(--ng-componentcolors-utility-blue-dark-100); }
.ng-text-comp-utility-blue-dark-100   { color: var(--ng-componentcolors-utility-blue-dark-100); }
.ng-border-comp-utility-blue-dark-100 { border-color: var(--ng-componentcolors-utility-blue-dark-100); }

/* componentcolors-utility-blue-dark-200: var(--ng-color-bluedark-200) */
.ng-bg-comp-utility-blue-dark-200     { background-color: var(--ng-componentcolors-utility-blue-dark-200); }
.ng-text-comp-utility-blue-dark-200   { color: var(--ng-componentcolors-utility-blue-dark-200); }
.ng-border-comp-utility-blue-dark-200 { border-color: var(--ng-componentcolors-utility-blue-dark-200); }

/* componentcolors-utility-blue-dark-300: var(--ng-color-bluedark-300) */
.ng-bg-comp-utility-blue-dark-300     { background-color: var(--ng-componentcolors-utility-blue-dark-300); }
.ng-text-comp-utility-blue-dark-300   { color: var(--ng-componentcolors-utility-blue-dark-300); }
.ng-border-comp-utility-blue-dark-300 { border-color: var(--ng-componentcolors-utility-blue-dark-300); }

/* componentcolors-utility-blue-dark-400: var(--ng-color-bluedark-400) */
.ng-bg-comp-utility-blue-dark-400     { background-color: var(--ng-componentcolors-utility-blue-dark-400); }
.ng-text-comp-utility-blue-dark-400   { color: var(--ng-componentcolors-utility-blue-dark-400); }
.ng-border-comp-utility-blue-dark-400 { border-color: var(--ng-componentcolors-utility-blue-dark-400); }

/* componentcolors-utility-blue-dark-500: var(--ng-color-bluedark-500) */
.ng-bg-comp-utility-blue-dark-500     { background-color: var(--ng-componentcolors-utility-blue-dark-500); }
.ng-text-comp-utility-blue-dark-500   { color: var(--ng-componentcolors-utility-blue-dark-500); }
.ng-border-comp-utility-blue-dark-500 { border-color: var(--ng-componentcolors-utility-blue-dark-500); }

/* componentcolors-utility-blue-dark-600: var(--ng-color-bluedark-600) */
.ng-bg-comp-utility-blue-dark-600     { background-color: var(--ng-componentcolors-utility-blue-dark-600); }
.ng-text-comp-utility-blue-dark-600   { color: var(--ng-componentcolors-utility-blue-dark-600); }
.ng-border-comp-utility-blue-dark-600 { border-color: var(--ng-componentcolors-utility-blue-dark-600); }

/* componentcolors-utility-blue-dark-700: var(--ng-color-bluedark-700) */
.ng-bg-comp-utility-blue-dark-700     { background-color: var(--ng-componentcolors-utility-blue-dark-700); }
.ng-text-comp-utility-blue-dark-700   { color: var(--ng-componentcolors-utility-blue-dark-700); }
.ng-border-comp-utility-blue-dark-700 { border-color: var(--ng-componentcolors-utility-blue-dark-700); }

/* componentcolors-utility-indigo-50: var(--ng-color-indigo-50) */
.ng-bg-comp-utility-indigo-50     { background-color: var(--ng-componentcolors-utility-indigo-50); }
.ng-text-comp-utility-indigo-50   { color: var(--ng-componentcolors-utility-indigo-50); }
.ng-border-comp-utility-indigo-50 { border-color: var(--ng-componentcolors-utility-indigo-50); }

/* componentcolors-utility-indigo-100: var(--ng-color-indigo-100) */
.ng-bg-comp-utility-indigo-100     { background-color: var(--ng-componentcolors-utility-indigo-100); }
.ng-text-comp-utility-indigo-100   { color: var(--ng-componentcolors-utility-indigo-100); }
.ng-border-comp-utility-indigo-100 { border-color: var(--ng-componentcolors-utility-indigo-100); }

/* componentcolors-utility-indigo-200: var(--ng-color-indigo-200) */
.ng-bg-comp-utility-indigo-200     { background-color: var(--ng-componentcolors-utility-indigo-200); }
.ng-text-comp-utility-indigo-200   { color: var(--ng-componentcolors-utility-indigo-200); }
.ng-border-comp-utility-indigo-200 { border-color: var(--ng-componentcolors-utility-indigo-200); }

/* componentcolors-utility-indigo-300: var(--ng-color-indigo-300) */
.ng-bg-comp-utility-indigo-300     { background-color: var(--ng-componentcolors-utility-indigo-300); }
.ng-text-comp-utility-indigo-300   { color: var(--ng-componentcolors-utility-indigo-300); }
.ng-border-comp-utility-indigo-300 { border-color: var(--ng-componentcolors-utility-indigo-300); }

/* componentcolors-utility-indigo-400: var(--ng-color-indigo-400) */
.ng-bg-comp-utility-indigo-400     { background-color: var(--ng-componentcolors-utility-indigo-400); }
.ng-text-comp-utility-indigo-400   { color: var(--ng-componentcolors-utility-indigo-400); }
.ng-border-comp-utility-indigo-400 { border-color: var(--ng-componentcolors-utility-indigo-400); }

/* componentcolors-utility-indigo-500: var(--ng-color-indigo-500) */
.ng-bg-comp-utility-indigo-500     { background-color: var(--ng-componentcolors-utility-indigo-500); }
.ng-text-comp-utility-indigo-500   { color: var(--ng-componentcolors-utility-indigo-500); }
.ng-border-comp-utility-indigo-500 { border-color: var(--ng-componentcolors-utility-indigo-500); }

/* componentcolors-utility-indigo-600: var(--ng-color-indigo-600) */
.ng-bg-comp-utility-indigo-600     { background-color: var(--ng-componentcolors-utility-indigo-600); }
.ng-text-comp-utility-indigo-600   { color: var(--ng-componentcolors-utility-indigo-600); }
.ng-border-comp-utility-indigo-600 { border-color: var(--ng-componentcolors-utility-indigo-600); }

/* componentcolors-utility-indigo-700: var(--ng-color-indigo-700) */
.ng-bg-comp-utility-indigo-700     { background-color: var(--ng-componentcolors-utility-indigo-700); }
.ng-text-comp-utility-indigo-700   { color: var(--ng-componentcolors-utility-indigo-700); }
.ng-border-comp-utility-indigo-700 { border-color: var(--ng-componentcolors-utility-indigo-700); }

/* componentcolors-utility-purple-50: var(--ng-color-purple-50) */
.ng-bg-comp-utility-purple-50     { background-color: var(--ng-componentcolors-utility-purple-50); }
.ng-text-comp-utility-purple-50   { color: var(--ng-componentcolors-utility-purple-50); }
.ng-border-comp-utility-purple-50 { border-color: var(--ng-componentcolors-utility-purple-50); }

/* componentcolors-utility-purple-100: var(--ng-color-purple-100) */
.ng-bg-comp-utility-purple-100     { background-color: var(--ng-componentcolors-utility-purple-100); }
.ng-text-comp-utility-purple-100   { color: var(--ng-componentcolors-utility-purple-100); }
.ng-border-comp-utility-purple-100 { border-color: var(--ng-componentcolors-utility-purple-100); }

/* componentcolors-utility-purple-200: var(--ng-color-purple-200) */
.ng-bg-comp-utility-purple-200     { background-color: var(--ng-componentcolors-utility-purple-200); }
.ng-text-comp-utility-purple-200   { color: var(--ng-componentcolors-utility-purple-200); }
.ng-border-comp-utility-purple-200 { border-color: var(--ng-componentcolors-utility-purple-200); }

/* componentcolors-utility-purple-300: var(--ng-color-purple-300) */
.ng-bg-comp-utility-purple-300     { background-color: var(--ng-componentcolors-utility-purple-300); }
.ng-text-comp-utility-purple-300   { color: var(--ng-componentcolors-utility-purple-300); }
.ng-border-comp-utility-purple-300 { border-color: var(--ng-componentcolors-utility-purple-300); }

/* componentcolors-utility-purple-400: var(--ng-color-purple-400) */
.ng-bg-comp-utility-purple-400     { background-color: var(--ng-componentcolors-utility-purple-400); }
.ng-text-comp-utility-purple-400   { color: var(--ng-componentcolors-utility-purple-400); }
.ng-border-comp-utility-purple-400 { border-color: var(--ng-componentcolors-utility-purple-400); }

/* componentcolors-utility-purple-500: var(--ng-color-purple-500) */
.ng-bg-comp-utility-purple-500     { background-color: var(--ng-componentcolors-utility-purple-500); }
.ng-text-comp-utility-purple-500   { color: var(--ng-componentcolors-utility-purple-500); }
.ng-border-comp-utility-purple-500 { border-color: var(--ng-componentcolors-utility-purple-500); }

/* componentcolors-utility-purple-600: var(--ng-color-purple-600) */
.ng-bg-comp-utility-purple-600     { background-color: var(--ng-componentcolors-utility-purple-600); }
.ng-text-comp-utility-purple-600   { color: var(--ng-componentcolors-utility-purple-600); }
.ng-border-comp-utility-purple-600 { border-color: var(--ng-componentcolors-utility-purple-600); }

/* componentcolors-utility-purple-700: var(--ng-color-purple-700) */
.ng-bg-comp-utility-purple-700     { background-color: var(--ng-componentcolors-utility-purple-700); }
.ng-text-comp-utility-purple-700   { color: var(--ng-componentcolors-utility-purple-700); }
.ng-border-comp-utility-purple-700 { border-color: var(--ng-componentcolors-utility-purple-700); }

/* componentcolors-utility-fuchsia-50: var(--ng-color-fuchsia-50) */
.ng-bg-comp-utility-fuchsia-50     { background-color: var(--ng-componentcolors-utility-fuchsia-50); }
.ng-text-comp-utility-fuchsia-50   { color: var(--ng-componentcolors-utility-fuchsia-50); }
.ng-border-comp-utility-fuchsia-50 { border-color: var(--ng-componentcolors-utility-fuchsia-50); }

/* componentcolors-utility-fuchsia-100: var(--ng-color-fuchsia-100) */
.ng-bg-comp-utility-fuchsia-100     { background-color: var(--ng-componentcolors-utility-fuchsia-100); }
.ng-text-comp-utility-fuchsia-100   { color: var(--ng-componentcolors-utility-fuchsia-100); }
.ng-border-comp-utility-fuchsia-100 { border-color: var(--ng-componentcolors-utility-fuchsia-100); }

/* componentcolors-utility-fuchsia-200: var(--ng-color-fuchsia-200) */
.ng-bg-comp-utility-fuchsia-200     { background-color: var(--ng-componentcolors-utility-fuchsia-200); }
.ng-text-comp-utility-fuchsia-200   { color: var(--ng-componentcolors-utility-fuchsia-200); }
.ng-border-comp-utility-fuchsia-200 { border-color: var(--ng-componentcolors-utility-fuchsia-200); }

/* componentcolors-utility-fuchsia-300: var(--ng-color-fuchsia-300) */
.ng-bg-comp-utility-fuchsia-300     { background-color: var(--ng-componentcolors-utility-fuchsia-300); }
.ng-text-comp-utility-fuchsia-300   { color: var(--ng-componentcolors-utility-fuchsia-300); }
.ng-border-comp-utility-fuchsia-300 { border-color: var(--ng-componentcolors-utility-fuchsia-300); }

/* componentcolors-utility-fuchsia-400: var(--ng-color-fuchsia-400) */
.ng-bg-comp-utility-fuchsia-400     { background-color: var(--ng-componentcolors-utility-fuchsia-400); }
.ng-text-comp-utility-fuchsia-400   { color: var(--ng-componentcolors-utility-fuchsia-400); }
.ng-border-comp-utility-fuchsia-400 { border-color: var(--ng-componentcolors-utility-fuchsia-400); }

/* componentcolors-utility-fuchsia-500: var(--ng-color-fuchsia-500) */
.ng-bg-comp-utility-fuchsia-500     { background-color: var(--ng-componentcolors-utility-fuchsia-500); }
.ng-text-comp-utility-fuchsia-500   { color: var(--ng-componentcolors-utility-fuchsia-500); }
.ng-border-comp-utility-fuchsia-500 { border-color: var(--ng-componentcolors-utility-fuchsia-500); }

/* componentcolors-utility-fuchsia-600: var(--ng-color-fuchsia-600) */
.ng-bg-comp-utility-fuchsia-600     { background-color: var(--ng-componentcolors-utility-fuchsia-600); }
.ng-text-comp-utility-fuchsia-600   { color: var(--ng-componentcolors-utility-fuchsia-600); }
.ng-border-comp-utility-fuchsia-600 { border-color: var(--ng-componentcolors-utility-fuchsia-600); }

/* componentcolors-utility-fuchsia-700: var(--ng-color-fuchsia-700) */
.ng-bg-comp-utility-fuchsia-700     { background-color: var(--ng-componentcolors-utility-fuchsia-700); }
.ng-text-comp-utility-fuchsia-700   { color: var(--ng-componentcolors-utility-fuchsia-700); }
.ng-border-comp-utility-fuchsia-700 { border-color: var(--ng-componentcolors-utility-fuchsia-700); }

/* componentcolors-utility-pink-50: var(--ng-color-pink-50) */
.ng-bg-comp-utility-pink-50     { background-color: var(--ng-componentcolors-utility-pink-50); }
.ng-text-comp-utility-pink-50   { color: var(--ng-componentcolors-utility-pink-50); }
.ng-border-comp-utility-pink-50 { border-color: var(--ng-componentcolors-utility-pink-50); }

/* componentcolors-utility-pink-100: var(--ng-color-pink-100) */
.ng-bg-comp-utility-pink-100     { background-color: var(--ng-componentcolors-utility-pink-100); }
.ng-text-comp-utility-pink-100   { color: var(--ng-componentcolors-utility-pink-100); }
.ng-border-comp-utility-pink-100 { border-color: var(--ng-componentcolors-utility-pink-100); }

/* componentcolors-utility-pink-200: var(--ng-color-pink-200) */
.ng-bg-comp-utility-pink-200     { background-color: var(--ng-componentcolors-utility-pink-200); }
.ng-text-comp-utility-pink-200   { color: var(--ng-componentcolors-utility-pink-200); }
.ng-border-comp-utility-pink-200 { border-color: var(--ng-componentcolors-utility-pink-200); }

/* componentcolors-utility-pink-300: var(--ng-color-pink-300) */
.ng-bg-comp-utility-pink-300     { background-color: var(--ng-componentcolors-utility-pink-300); }
.ng-text-comp-utility-pink-300   { color: var(--ng-componentcolors-utility-pink-300); }
.ng-border-comp-utility-pink-300 { border-color: var(--ng-componentcolors-utility-pink-300); }

/* componentcolors-utility-pink-400: var(--ng-color-pink-400) */
.ng-bg-comp-utility-pink-400     { background-color: var(--ng-componentcolors-utility-pink-400); }
.ng-text-comp-utility-pink-400   { color: var(--ng-componentcolors-utility-pink-400); }
.ng-border-comp-utility-pink-400 { border-color: var(--ng-componentcolors-utility-pink-400); }

/* componentcolors-utility-pink-500: var(--ng-color-pink-500) */
.ng-bg-comp-utility-pink-500     { background-color: var(--ng-componentcolors-utility-pink-500); }
.ng-text-comp-utility-pink-500   { color: var(--ng-componentcolors-utility-pink-500); }
.ng-border-comp-utility-pink-500 { border-color: var(--ng-componentcolors-utility-pink-500); }

/* componentcolors-utility-pink-600: var(--ng-color-pink-600) */
.ng-bg-comp-utility-pink-600     { background-color: var(--ng-componentcolors-utility-pink-600); }
.ng-text-comp-utility-pink-600   { color: var(--ng-componentcolors-utility-pink-600); }
.ng-border-comp-utility-pink-600 { border-color: var(--ng-componentcolors-utility-pink-600); }

/* componentcolors-utility-pink-700: var(--ng-color-pink-700) */
.ng-bg-comp-utility-pink-700     { background-color: var(--ng-componentcolors-utility-pink-700); }
.ng-text-comp-utility-pink-700   { color: var(--ng-componentcolors-utility-pink-700); }
.ng-border-comp-utility-pink-700 { border-color: var(--ng-componentcolors-utility-pink-700); }

/* componentcolors-utility-orange-dark-50: var(--ng-color-orangedark-50) */
.ng-bg-comp-utility-orange-dark-50     { background-color: var(--ng-componentcolors-utility-orange-dark-50); }
.ng-text-comp-utility-orange-dark-50   { color: var(--ng-componentcolors-utility-orange-dark-50); }
.ng-border-comp-utility-orange-dark-50 { border-color: var(--ng-componentcolors-utility-orange-dark-50); }

/* componentcolors-utility-orange-dark-100: var(--ng-color-orangedark-100) */
.ng-bg-comp-utility-orange-dark-100     { background-color: var(--ng-componentcolors-utility-orange-dark-100); }
.ng-text-comp-utility-orange-dark-100   { color: var(--ng-componentcolors-utility-orange-dark-100); }
.ng-border-comp-utility-orange-dark-100 { border-color: var(--ng-componentcolors-utility-orange-dark-100); }

/* componentcolors-utility-orange-dark-200: var(--ng-color-orangedark-200) */
.ng-bg-comp-utility-orange-dark-200     { background-color: var(--ng-componentcolors-utility-orange-dark-200); }
.ng-text-comp-utility-orange-dark-200   { color: var(--ng-componentcolors-utility-orange-dark-200); }
.ng-border-comp-utility-orange-dark-200 { border-color: var(--ng-componentcolors-utility-orange-dark-200); }

/* componentcolors-utility-orange-dark-300: var(--ng-color-orangedark-300) */
.ng-bg-comp-utility-orange-dark-300     { background-color: var(--ng-componentcolors-utility-orange-dark-300); }
.ng-text-comp-utility-orange-dark-300   { color: var(--ng-componentcolors-utility-orange-dark-300); }
.ng-border-comp-utility-orange-dark-300 { border-color: var(--ng-componentcolors-utility-orange-dark-300); }

/* componentcolors-utility-orange-dark-400: var(--ng-color-orangedark-400) */
.ng-bg-comp-utility-orange-dark-400     { background-color: var(--ng-componentcolors-utility-orange-dark-400); }
.ng-text-comp-utility-orange-dark-400   { color: var(--ng-componentcolors-utility-orange-dark-400); }
.ng-border-comp-utility-orange-dark-400 { border-color: var(--ng-componentcolors-utility-orange-dark-400); }

/* componentcolors-utility-orange-dark-500: var(--ng-color-orangedark-500) */
.ng-bg-comp-utility-orange-dark-500     { background-color: var(--ng-componentcolors-utility-orange-dark-500); }
.ng-text-comp-utility-orange-dark-500   { color: var(--ng-componentcolors-utility-orange-dark-500); }
.ng-border-comp-utility-orange-dark-500 { border-color: var(--ng-componentcolors-utility-orange-dark-500); }

/* componentcolors-utility-orange-dark-600: var(--ng-color-orangedark-600) */
.ng-bg-comp-utility-orange-dark-600     { background-color: var(--ng-componentcolors-utility-orange-dark-600); }
.ng-text-comp-utility-orange-dark-600   { color: var(--ng-componentcolors-utility-orange-dark-600); }
.ng-border-comp-utility-orange-dark-600 { border-color: var(--ng-componentcolors-utility-orange-dark-600); }

/* componentcolors-utility-orange-dark-700: var(--ng-color-orangedark-700) */
.ng-bg-comp-utility-orange-dark-700     { background-color: var(--ng-componentcolors-utility-orange-dark-700); }
.ng-text-comp-utility-orange-dark-700   { color: var(--ng-componentcolors-utility-orange-dark-700); }
.ng-border-comp-utility-orange-dark-700 { border-color: var(--ng-componentcolors-utility-orange-dark-700); }

/* componentcolors-utility-orange-50: var(--ng-color-orange-50) */
.ng-bg-comp-utility-orange-50     { background-color: var(--ng-componentcolors-utility-orange-50); }
.ng-text-comp-utility-orange-50   { color: var(--ng-componentcolors-utility-orange-50); }
.ng-border-comp-utility-orange-50 { border-color: var(--ng-componentcolors-utility-orange-50); }

/* componentcolors-utility-orange-100: var(--ng-color-orange-100) */
.ng-bg-comp-utility-orange-100     { background-color: var(--ng-componentcolors-utility-orange-100); }
.ng-text-comp-utility-orange-100   { color: var(--ng-componentcolors-utility-orange-100); }
.ng-border-comp-utility-orange-100 { border-color: var(--ng-componentcolors-utility-orange-100); }

/* componentcolors-utility-orange-200: var(--ng-color-orange-200) */
.ng-bg-comp-utility-orange-200     { background-color: var(--ng-componentcolors-utility-orange-200); }
.ng-text-comp-utility-orange-200   { color: var(--ng-componentcolors-utility-orange-200); }
.ng-border-comp-utility-orange-200 { border-color: var(--ng-componentcolors-utility-orange-200); }

/* componentcolors-utility-orange-300: var(--ng-color-orange-300) */
.ng-bg-comp-utility-orange-300     { background-color: var(--ng-componentcolors-utility-orange-300); }
.ng-text-comp-utility-orange-300   { color: var(--ng-componentcolors-utility-orange-300); }
.ng-border-comp-utility-orange-300 { border-color: var(--ng-componentcolors-utility-orange-300); }

/* componentcolors-utility-orange-400: var(--ng-color-orange-400) */
.ng-bg-comp-utility-orange-400     { background-color: var(--ng-componentcolors-utility-orange-400); }
.ng-text-comp-utility-orange-400   { color: var(--ng-componentcolors-utility-orange-400); }
.ng-border-comp-utility-orange-400 { border-color: var(--ng-componentcolors-utility-orange-400); }

/* componentcolors-utility-orange-500: var(--ng-color-orange-500) */
.ng-bg-comp-utility-orange-500     { background-color: var(--ng-componentcolors-utility-orange-500); }
.ng-text-comp-utility-orange-500   { color: var(--ng-componentcolors-utility-orange-500); }
.ng-border-comp-utility-orange-500 { border-color: var(--ng-componentcolors-utility-orange-500); }

/* componentcolors-utility-orange-600: var(--ng-color-orange-600) */
.ng-bg-comp-utility-orange-600     { background-color: var(--ng-componentcolors-utility-orange-600); }
.ng-text-comp-utility-orange-600   { color: var(--ng-componentcolors-utility-orange-600); }
.ng-border-comp-utility-orange-600 { border-color: var(--ng-componentcolors-utility-orange-600); }

/* componentcolors-utility-orange-700: var(--ng-color-orange-700) */
.ng-bg-comp-utility-orange-700     { background-color: var(--ng-componentcolors-utility-orange-700); }
.ng-text-comp-utility-orange-700   { color: var(--ng-componentcolors-utility-orange-700); }
.ng-border-comp-utility-orange-700 { border-color: var(--ng-componentcolors-utility-orange-700); }

/* componentcolors-utility-yellow-50: var(--ng-color-yellow-50) */
.ng-bg-comp-utility-yellow-50     { background-color: var(--ng-componentcolors-utility-yellow-50); }
.ng-text-comp-utility-yellow-50   { color: var(--ng-componentcolors-utility-yellow-50); }
.ng-border-comp-utility-yellow-50 { border-color: var(--ng-componentcolors-utility-yellow-50); }

/* componentcolors-utility-yellow-100: var(--ng-color-yellow-100) */
.ng-bg-comp-utility-yellow-100     { background-color: var(--ng-componentcolors-utility-yellow-100); }
.ng-text-comp-utility-yellow-100   { color: var(--ng-componentcolors-utility-yellow-100); }
.ng-border-comp-utility-yellow-100 { border-color: var(--ng-componentcolors-utility-yellow-100); }

/* componentcolors-utility-yellow-200: var(--ng-color-yellow-200) */
.ng-bg-comp-utility-yellow-200     { background-color: var(--ng-componentcolors-utility-yellow-200); }
.ng-text-comp-utility-yellow-200   { color: var(--ng-componentcolors-utility-yellow-200); }
.ng-border-comp-utility-yellow-200 { border-color: var(--ng-componentcolors-utility-yellow-200); }

/* componentcolors-utility-yellow-300: var(--ng-color-yellow-300) */
.ng-bg-comp-utility-yellow-300     { background-color: var(--ng-componentcolors-utility-yellow-300); }
.ng-text-comp-utility-yellow-300   { color: var(--ng-componentcolors-utility-yellow-300); }
.ng-border-comp-utility-yellow-300 { border-color: var(--ng-componentcolors-utility-yellow-300); }

/* componentcolors-utility-yellow-400: var(--ng-color-yellow-400) */
.ng-bg-comp-utility-yellow-400     { background-color: var(--ng-componentcolors-utility-yellow-400); }
.ng-text-comp-utility-yellow-400   { color: var(--ng-componentcolors-utility-yellow-400); }
.ng-border-comp-utility-yellow-400 { border-color: var(--ng-componentcolors-utility-yellow-400); }

/* componentcolors-utility-yellow-500: var(--ng-color-yellow-500) */
.ng-bg-comp-utility-yellow-500     { background-color: var(--ng-componentcolors-utility-yellow-500); }
.ng-text-comp-utility-yellow-500   { color: var(--ng-componentcolors-utility-yellow-500); }
.ng-border-comp-utility-yellow-500 { border-color: var(--ng-componentcolors-utility-yellow-500); }

/* componentcolors-utility-yellow-600: var(--ng-color-yellow-600) */
.ng-bg-comp-utility-yellow-600     { background-color: var(--ng-componentcolors-utility-yellow-600); }
.ng-text-comp-utility-yellow-600   { color: var(--ng-componentcolors-utility-yellow-600); }
.ng-border-comp-utility-yellow-600 { border-color: var(--ng-componentcolors-utility-yellow-600); }

/* componentcolors-utility-yellow-700: var(--ng-color-yellow-700) */
.ng-bg-comp-utility-yellow-700     { background-color: var(--ng-componentcolors-utility-yellow-700); }
.ng-text-comp-utility-yellow-700   { color: var(--ng-componentcolors-utility-yellow-700); }
.ng-border-comp-utility-yellow-700 { border-color: var(--ng-componentcolors-utility-yellow-700); }


/* ============================================================
   Transition — duration
   ============================================================ */

.ng-transition      { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: var(--ng-transition-duration-default, 250ms); }
.ng-transition-none { transition: none; }
.ng-transition-all  { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: var(--ng-transition-duration-default, 250ms); }

/* transition-duration-instant: 0ms */
.ng-duration-instant { transition-duration: var(--ng-transition-duration-instant); }

/* transition-duration-ultra-fast: 50ms */
.ng-duration-ultra-fast { transition-duration: var(--ng-transition-duration-ultra-fast); }

/* transition-duration-fast: 100ms */
.ng-duration-fast { transition-duration: var(--ng-transition-duration-fast); }

/* transition-duration-default: 250ms */
.ng-duration-default { transition-duration: var(--ng-transition-duration-default); }

/* transition-duration-medium: 300ms */
.ng-duration-medium { transition-duration: var(--ng-transition-duration-medium); }

/* transition-duration-slow: 500ms */
.ng-duration-slow { transition-duration: var(--ng-transition-duration-slow); }

/* transition-duration-slower: 700ms */
.ng-duration-slower { transition-duration: var(--ng-transition-duration-slower); }

/* transition-duration-long: 1000ms */
.ng-duration-long { transition-duration: var(--ng-transition-duration-long); }


/* ============================================================
   Focus ring (box-shadow based)
   ============================================================ */

/* focus-ring */
.ng-ring { box-shadow: var(--ng-focus-ring); }

/* focus-ring-error */
.ng-ring-error { box-shadow: var(--ng-focus-ring-error); }

/* focus-ring-shadow-xs */
.ng-ring-shadow-xs { box-shadow: var(--ng-focus-ring-shadow-xs); }

/* focus-ring-shadow-sm */
.ng-ring-shadow-sm { box-shadow: var(--ng-focus-ring-shadow-sm); }

/* focus-ring-error-shadow-xs */
.ng-ring-error-shadow-xs { box-shadow: var(--ng-focus-ring-error-shadow-xs); }

/* focus-ring-shadow-xs-skeumorphic */
.ng-ring-shadow-xs-skeumorphic { box-shadow: var(--ng-focus-ring-shadow-xs-skeumorphic); }

/* focus-ring-error-shadow-xs-skeumorphic */
.ng-ring-error-shadow-xs-skeumorphic { box-shadow: var(--ng-focus-ring-error-shadow-xs-skeumorphic); }


/* ============================================================
   Border style
   ============================================================ */

/* border-style-none: none */
.ng-border-none { border-style: var(--ng-border-style-none); }

/* border-style-solid: solid */
.ng-border-solid { border-style: var(--ng-border-style-solid); }

/* border-style-dashed: dashed */
.ng-border-dashed { border-style: var(--ng-border-style-dashed); }

/* border-style-dotted: dotted */
.ng-border-dotted { border-style: var(--ng-border-style-dotted); }

/* border-style-double: double */
.ng-border-double { border-style: var(--ng-border-style-double); }

/* border-style-groove: groove */
.ng-border-groove { border-style: var(--ng-border-style-groove); }

/* border-style-ridge: ridge */
.ng-border-ridge { border-style: var(--ng-border-style-ridge); }

/* border-style-inset: inset */
.ng-border-inset { border-style: var(--ng-border-style-inset); }

/* border-style-outset: outset */
.ng-border-outset { border-style: var(--ng-border-style-outset); }

/* border-style-hidden: hidden */
.ng-border-hidden { border-style: var(--ng-border-style-hidden); }


/* ============================================================
   Text decoration
   ============================================================ */

/* text-decoration-underline: underline */
.ng-underline { text-decoration-line: var(--ng-text-decoration-underline); }

/* text-decoration-overline: overline */
.ng-overline { text-decoration-line: var(--ng-text-decoration-overline); }

/* text-decoration-line-through: line-through */
.ng-line-through { text-decoration-line: var(--ng-text-decoration-line-through); }

/* text-decoration-none: none */
.ng-no-underline { text-decoration-line: var(--ng-text-decoration-none); }

/* text-decoration-solid: solid */
.ng-decoration-solid { text-decoration-style: var(--ng-text-decoration-solid); }

/* text-decoration-dotted: dotted */
.ng-decoration-dotted { text-decoration-style: var(--ng-text-decoration-dotted); }

/* text-decoration-dashed: dashed */
.ng-decoration-dashed { text-decoration-style: var(--ng-text-decoration-dashed); }

/* text-decoration-wavy: wavy */
.ng-decoration-wavy { text-decoration-style: var(--ng-text-decoration-wavy); }

/* text-decoration-double: double */
.ng-decoration-double { text-decoration-style: var(--ng-text-decoration-double); }

/* text-decoration-thin: thin */
.ng-decoration-thin { text-decoration-thickness: var(--ng-text-decoration-thin); }

/* text-decoration-thick: thick */
.ng-decoration-thick { text-decoration-thickness: var(--ng-text-decoration-thick); }


/* ============================================================
   Background gradients
   ============================================================ */

/* linear-gradient-01 */
.ng-bg-gradient-linear-01 { background: var(--ng-linear-gradient-01); }

/* linear-gradient-02 */
.ng-bg-gradient-linear-02 { background: var(--ng-linear-gradient-02); }

/* linear-gradient-03 */
.ng-bg-gradient-linear-03 { background: var(--ng-linear-gradient-03); }

/* linear-gradient-04 */
.ng-bg-gradient-linear-04 { background: var(--ng-linear-gradient-04); }

/* linear-gradient-05 */
.ng-bg-gradient-linear-05 { background: var(--ng-linear-gradient-05); }

/* linear-gradient-06 */
.ng-bg-gradient-linear-06 { background: var(--ng-linear-gradient-06); }

/* linear-gradient-07 */
.ng-bg-gradient-linear-07 { background: var(--ng-linear-gradient-07); }

/* linear-gradient-20 */
.ng-bg-gradient-linear-20 { background: var(--ng-linear-gradient-20); }

/* primary-gradient-1 */
.ng-bg-gradient-primary-1 { background: var(--ng-primary-gradient-1); }

/* primary-gradient-2 */
.ng-bg-gradient-primary-2 { background: var(--ng-primary-gradient-2); }

/* primary-gradient-3 */
.ng-bg-gradient-primary-3 { background: var(--ng-primary-gradient-3); }

/* primary-gradient-4 */
.ng-bg-gradient-primary-4 { background: var(--ng-primary-gradient-4); }

/* primary-gradient-5 */
.ng-bg-gradient-primary-5 { background: var(--ng-primary-gradient-5); }

/* primary-gradient-6 */
.ng-bg-gradient-primary-6 { background: var(--ng-primary-gradient-6); }

/* primary-gradient-7 */
.ng-bg-gradient-primary-7 { background: var(--ng-primary-gradient-7); }

/* gray-gradient-1 */
.ng-bg-gradient-gray-1 { background: var(--ng-gray-gradient-1); }

/* gray-gradient-2 */
.ng-bg-gradient-gray-2 { background: var(--ng-gray-gradient-2); }

/* gray-gradient-3 */
.ng-bg-gradient-gray-3 { background: var(--ng-gray-gradient-3); }

/* gray-gradient-4 */
.ng-bg-gradient-gray-4 { background: var(--ng-gray-gradient-4); }

/* gray-gradient-5 */
.ng-bg-gradient-gray-5 { background: var(--ng-gray-gradient-5); }

/* gray-gradient-6 */
.ng-bg-gradient-gray-6 { background: var(--ng-gray-gradient-6); }

/* gray-gradient-7 */
.ng-bg-gradient-gray-7 { background: var(--ng-gray-gradient-7); }

/* white-gradient-1 */
.ng-bg-gradient-white-1 { background: var(--ng-white-gradient-1); }

/* white-gradient-2 */
.ng-bg-gradient-white-2 { background: var(--ng-white-gradient-2); }

/* white-gradient-3 */
.ng-bg-gradient-white-3 { background: var(--ng-white-gradient-3); }

/* white-gradient-4 */
.ng-bg-gradient-white-4 { background: var(--ng-white-gradient-4); }

/* white-gradient-5 */
.ng-bg-gradient-white-5 { background: var(--ng-white-gradient-5); }

/* white-gradient-6 */
.ng-bg-gradient-white-6 { background: var(--ng-white-gradient-6); }

/* white-gradient-7 */
.ng-bg-gradient-white-7 { background: var(--ng-white-gradient-7); }

/* skeuemorphic-gradient-border */
.ng-bg-gradient-skeuemorphic-border { background: var(--ng-skeuemorphic-gradient-border); }


/* ============================================================
   Display — extras not in utilities.css
   ============================================================ */

/* display-inline-grid: inline-grid */
.ng-inline-grid { display: var(--ng-display-inline-grid); }

/* display-table: table */
.ng-table { display: var(--ng-display-table); }

/* display-inline-table: inline-table */
.ng-inline-table { display: var(--ng-display-inline-table); }

/* display-table-row: table-row */
.ng-table-row { display: var(--ng-display-table-row); }

/* display-table-cell: table-cell */
.ng-table-cell { display: var(--ng-display-table-cell); }

/* display-list-item: list-item */
.ng-list-item { display: var(--ng-display-list-item); }

/* display-contents: contents */
.ng-contents { display: var(--ng-display-contents); }

/* display-flow-root: flow-root */
.ng-flow-root { display: var(--ng-display-flow-root); }
