:root {
  --md-source: #328177;
  /* primary */
  --md-ref-palette-primary0: #000000;
  --md-ref-palette-primary10: #00201c;
  --md-ref-palette-primary20: #003732;
  --md-ref-palette-primary25: #00443d;
  --md-ref-palette-primary30: #005048;
  --md-ref-palette-primary35: #005d54;
  --md-ref-palette-primary40: #006a61;
  --md-ref-palette-primary50: #00867a;
  --md-ref-palette-primary60: #00a294;
  --md-ref-palette-primary70: #2bbfaf;
  --md-ref-palette-primary80: #53dbca;
  --md-ref-palette-primary90: #73f8e6;
  --md-ref-palette-primary95: #b4fff3;
  --md-ref-palette-primary98: #e4fff9;
  --md-ref-palette-primary99: #f2fffb;
  --md-ref-palette-primary100: #ffffff;
  /* secondary */
  --md-ref-palette-secondary0: #000000;
  --md-ref-palette-secondary10: #002113;
  --md-ref-palette-secondary20: #003823;
  --md-ref-palette-secondary25: #00452c;
  --md-ref-palette-secondary30: #005235;
  --md-ref-palette-secondary35: #005f3e;
  --md-ref-palette-secondary40: #006c47;
  --md-ref-palette-secondary50: #05885b;
  --md-ref-palette-secondary60: #35a373;
  --md-ref-palette-secondary70: #54be8c;
  --md-ref-palette-secondary80: #71dba6;
  --md-ref-palette-secondary90: #8df7c1;
  --md-ref-palette-secondary95: #bfffda;
  --md-ref-palette-secondary98: #e8ffef;
  --md-ref-palette-secondary99: #f4fff5;
  --md-ref-palette-secondary100: #ffffff;
  /* tertiary */
  --md-ref-palette-tertiary0: #000000;
  --md-ref-palette-tertiary10: #001d31;
  --md-ref-palette-tertiary20: #153349;
  --md-ref-palette-tertiary25: #223e55;
  --md-ref-palette-tertiary30: #2e4961;
  --md-ref-palette-tertiary35: #3a556d;
  --md-ref-palette-tertiary40: #46617a;
  --md-ref-palette-tertiary50: #5e7a93;
  --md-ref-palette-tertiary60: #7894ae;
  --md-ref-palette-tertiary70: #92aeca;
  --md-ref-palette-tertiary80: #adcae6;
  --md-ref-palette-tertiary90: #cce5ff;
  --md-ref-palette-tertiary95: #e7f2ff;
  --md-ref-palette-tertiary98: #f7f9ff;
  --md-ref-palette-tertiary99: #fcfcff;
  --md-ref-palette-tertiary100: #ffffff;
  /* neutral */
  --md-ref-palette-neutral0: #000000;
  --md-ref-palette-neutral10: #001f25;
  --md-ref-palette-neutral20: #00363f;
  --md-ref-palette-neutral25: #00424d;
  --md-ref-palette-neutral30: #004e5b;
  --md-ref-palette-neutral35: #005b69;
  --md-ref-palette-neutral40: #006878;
  --md-ref-palette-neutral50: #008396;
  --md-ref-palette-neutral60: #009fb6;
  --md-ref-palette-neutral70: #29bbd5;
  --md-ref-palette-neutral80: #53d7f1;
  --md-ref-palette-neutral90: #a6eeff;
  --md-ref-palette-neutral95: #d6f6ff;
  --md-ref-palette-neutral98: #effbff;
  --md-ref-palette-neutral99: #f8fdff;
  --md-ref-palette-neutral100: #ffffff;
  /* neutral-variant */
  --md-ref-palette-neutral-variant0: #000000;
  --md-ref-palette-neutral-variant10: #141d1c;
  --md-ref-palette-neutral-variant20: #293230;
  --md-ref-palette-neutral-variant25: #343d3b;
  --md-ref-palette-neutral-variant30: #3f4947;
  --md-ref-palette-neutral-variant35: #4b5452;
  --md-ref-palette-neutral-variant40: #56605e;
  --md-ref-palette-neutral-variant50: #6f7977;
  --md-ref-palette-neutral-variant60: #899390;
  --md-ref-palette-neutral-variant70: #a3adab;
  --md-ref-palette-neutral-variant80: #bec9c6;
  --md-ref-palette-neutral-variant90: #dae5e2;
  --md-ref-palette-neutral-variant95: #e9f3f0;
  --md-ref-palette-neutral-variant98: #f1fcf8;
  --md-ref-palette-neutral-variant99: #f4fffb;
  --md-ref-palette-neutral-variant100: #ffffff;
  /* error */
  --md-ref-palette-error0: #000000;
  --md-ref-palette-error10: #410002;
  --md-ref-palette-error20: #690005;
  --md-ref-palette-error25: #7e0007;
  --md-ref-palette-error30: #93000a;
  --md-ref-palette-error35: #a80710;
  --md-ref-palette-error40: #ba1a1a;
  --md-ref-palette-error50: #de3730;
  --md-ref-palette-error60: #ff5449;
  --md-ref-palette-error70: #ff897d;
  --md-ref-palette-error80: #ffb4ab;
  --md-ref-palette-error90: #ffdad6;
  --md-ref-palette-error95: #ffedea;
  --md-ref-palette-error98: #fff8f7;
  --md-ref-palette-error99: #fffbff;
  --md-ref-palette-error100: #ffffff;

  /* light */
  --md-sys-rgb-primary-light: 0 ,106 ,97;
  --md-sys-rgb-secondary-light: 52, 52, 52;
  --md-sys-rgb-tertiary-light: 138, 234, 198;

  --md-sys-color-primary-light: #328177;
  --md-sys-color-on-primary-light: #ffffff;
  --md-sys-color-primary-container-light: #73f8e6;
  --md-sys-color-on-primary-container-light: #00201c;

  --md-sys-color-secondary-light: #BDD7AA;
  --md-sys-color-on-secondary-light: #4a642c;
  --md-sys-color-secondary-container-light: #70c2a3;
  --md-sys-color-on-secondary-container-light: #BDD7AA;

  --md-sys-color-tertiary-light: #fa6d00;
  --md-sys-color-on-tertiary-light: #ffb400;

  --md-sys-color-tertiary-container-light: #1e1402;
  --md-sys-color-on-tertiary-container-light: #805100;

  --md-sys-color-item-total-title-light : var(--md-sys-color-on-background-light) ;
  --md-sys-color-item-total-text-light : var(--md-sys-color-primary-light) ;
  --md-sys-color-item-total-background-light : transparent;

  --md-sys-color-group-total-title-text-light: #def8e8;
  --md-sys-color-group-total-text-light: #3e3e3e;
  --md-sys-color-group-total-background-light: #85c588;

  --md-sys-color-grand-total-title-text-light: #343434;
  --md-sys-color-grand-total-text-light: #0b3c1a;
  --md-sys-color-grand-total-background-light: #4caf50;

  --md-sys-color-error-light: #ba1a1a;
  --md-sys-color-error-container-light: #ffdad6;

  --md-sys-color-on-error-light: #ffffff;
  --md-sys-color-on-error-container-light: #410002;

  --md-sys-color-surface-light: #f8fdff;
  --md-sys-color-on-surface-light: #001f25;

  --md-sys-color-surface-variant-light: #dae5e2;
  --md-sys-color-on-surface-variant-light: #3f4947;

  --md-sys-color-outline-light: #c4c4c4;
  --md-sys-color-inverse-on-surface-light: #d6f6ff;
  --md-sys-color-inverse-surface-light: #00363f;
  --md-sys-color-inverse-primary-light: #53dbca;
  --md-sys-color-shadow-light: #000000;
  --md-sys-color-surface-tint-light: #006a61;
  --md-sys-color-outline-variant-light: #bec9c6;
  --md-sys-color-scrim-light: #000000;


  --md-sys-color-background-light: #f8fdff;
  --md-sys-color-on-background-light: #011816;

  --md-sys-color-appbar-background-light: #ebfffa;
  --md-sys-color-appbar-title-light: var(--md-sys-color-primary-light);

  --md-sys-color-editor-background-light: #FFFFFF;
  --md-sys-color-editor-text-light: #1d1d1d;

  --md-sys-color-readonly-editor-background-light: #6b686824;
  --md-sys-color-readonly-editor-text-light: #000000;

  /* dark */
  --md-sys-rgb-primary-dark: 83, 219, 202;
  --md-sys-rgb-secondary-dark: 206, 206, 206;
  --md-sys-rgb-tertiary-dark: 173, 202, 230;

  --md-sys-color-primary-dark: #42ada1;
  --md-sys-color-on-primary-dark: #003732;
  --md-sys-color-primary-container-dark: #005048;
  --md-sys-color-on-primary-container-dark: #73f8e6;

  --md-sys-color-secondary-dark: #258f67;
  --md-sys-color-on-secondary-dark: #bfffe8;
  --md-sys-color-secondary-container-dark: #005235;
  --md-sys-color-on-secondary-container-dark: #00ee95;

  --md-sys-color-tertiary-dark: #f3be47;
  --md-sys-color-on-tertiary-dark: #c08800;
  --md-sys-color-tertiary-container-dark: #624700;
  --md-sys-color-on-tertiary-container-dark: #ffb400;

  --md-sys-color-item-total-title-dark: var(--md-sys-color-on-background-dark);
  --md-sys-color-item-total-text-dark: var(--md-sys-color-primary-dark);
  --md-sys-color-item-total-background-dark: transparent;

  --md-sys-color-group-total-title-text-dark: #001916;
  --md-sys-color-group-total-text-dark: #08413c;
  --md-sys-color-group-total-background-dark: #00fff4;

  --md-sys-color-grand-total-title-text-dark: #343434;
  --md-sys-color-grand-total-text-dark: #676767;
  --md-sys-color-grand-total-background-dark: #001913;

  --md-sys-color-error-dark: #ffb4ab;
  --md-sys-color-error-container-dark: #93000a;
  --md-sys-color-on-error-dark: #690005;
  --md-sys-color-on-error-container-dark: #ffdad6;

  --md-sys-color-surface-dark: #001f25;
  --md-sys-color-on-surface-dark: #a6eeff;
  --md-sys-color-surface-variant-dark: #3f4947;
  --md-sys-color-on-surface-variant-dark: #bec9c6;

  --md-sys-color-outline-dark: #899390;
  --md-sys-color-inverse-on-surface-dark: #001f25;
  --md-sys-color-inverse-surface-dark: #a6eeff;
  --md-sys-color-inverse-primary-dark: #006a61;
  --md-sys-color-shadow-dark: #000000;
  --md-sys-color-surface-tint-dark: #53dbca;
  --md-sys-color-outline-variant-dark: #3f4947;
  --md-sys-color-scrim-dark: #000000;

  --md-sys-color-background-dark: #001f25;
  --md-sys-color-on-background-dark: #a6eeff;

  --md-sys-color-appbar-background-dark: #011e13;
  --md-sys-color-appbar-title-dark: #42ada1;

  --md-sys-color-editor-background-dark: #001f25;
  --md-sys-color-editor-text-dark: #a6eeff;

  --md-sys-color-readonly-editor-background-dark: #2a2a2a;
  --md-sys-color-readonly-editor-text-dark: #a6eeff;


  /* display - large */
  --md-sys-typescale-display-large-font-family-name: Kanit;
  --md-sys-typescale-display-large-font-family-style: Regular;
  --md-sys-typescale-display-large-font-weight: bold;
  --md-sys-typescale-display-large-font-size: 30px;
  --md-sys-typescale-display-large-line-height: 64px;
  --md-sys-typescale-display-large-letter-spacing: -0.25px;

  /* display - medium */
  --md-sys-typescale-display-medium-font-family-name: Kanit;
  --md-sys-typescale-display-medium-font-family-style: Regular;
  --md-sys-typescale-display-medium-font-weight: bold;
  --md-sys-typescale-display-medium-font-size: 45px;
  --md-sys-typescale-display-medium-line-height: 52px;
  --md-sys-typescale-display-medium-letter-spacing: 0px;

  /* display - small */
  --md-sys-typescale-display-small-font-family-name: Kanit;
  --md-sys-typescale-display-small-font-family-style: Regular;
  --md-sys-typescale-display-small-font-weight: 400px;
  --md-sys-typescale-display-small-font-size: 36px;
  --md-sys-typescale-display-small-line-height: 44px;
  --md-sys-typescale-display-small-letter-spacing: 0px;

  /* headline - large */
  --md-sys-typescale-headline-large-font-family-name: Kanit;
  --md-sys-typescale-headline-large-font-family-style: Regular;
  --md-sys-typescale-headline-large-font-weight: 400px;
  --md-sys-typescale-headline-large-font-size: 32px;
  --md-sys-typescale-headline-large-line-height: 40px;
  --md-sys-typescale-headline-large-letter-spacing: 0px;

  /* headline - medium */
  --md-sys-typescale-headline-medium-font-family-name: Kanit;
  --md-sys-typescale-headline-medium-font-family-style: Regular;
  --md-sys-typescale-headline-medium-font-weight: 400px;
  --md-sys-typescale-headline-medium-font-size: 28px;
  --md-sys-typescale-headline-medium-line-height: 36px;
  --md-sys-typescale-headline-medium-letter-spacing: 0px;

  /* headline - small */
  --md-sys-typescale-headline-small-font-family-name: Kanit;
  --md-sys-typescale-headline-small-font-family-style: Regular;
  --md-sys-typescale-headline-small-font-weight: 400px;
  --md-sys-typescale-headline-small-font-size: 24px;
  --md-sys-typescale-headline-small-line-height: 32px;
  --md-sys-typescale-headline-small-letter-spacing: 0px;

  /* body - large */
  --md-sys-typescale-body-large-font-family-name: Kanit;
  --md-sys-typescale-body-large-font-family-style: Regular;
  --md-sys-typescale-body-large-font-weight: 400px;
  --md-sys-typescale-body-large-font-size: 16px;
  --md-sys-typescale-body-large-line-height: 24px;
  --md-sys-typescale-body-large-letter-spacing: 0.50px;

  /* body - medium */
  --md-sys-typescale-body-medium-font-family-name: Kanit;
  --md-sys-typescale-body-medium-font-family-style: Regular;
  --md-sys-typescale-body-medium-font-weight: 400px;
  --md-sys-typescale-body-medium-font-size: 14px;
  --md-sys-typescale-body-medium-line-height: 20px;
  --md-sys-typescale-body-medium-letter-spacing: 0.25;

  /* body - small */
  --md-sys-typescale-body-small-font-family-name: Kanit;
  --md-sys-typescale-body-small-font-family-style: Regular;
  --md-sys-typescale-body-small-font-weight: 400px;
  --md-sys-typescale-body-small-font-size: 12px;
  --md-sys-typescale-body-small-line-height: 16px;
  --md-sys-typescale-body-small-letter-spacing: 0.40px;

  /* label - large */
  --md-sys-typescale-label-large-font-family-name: Kanit;
  --md-sys-typescale-label-large-font-family-style: Medium;
  --md-sys-typescale-label-large-font-weight: 500px;
  --md-sys-typescale-label-large-font-size: 14px;
  --md-sys-typescale-label-large-line-height: 20px;
  --md-sys-typescale-label-large-letter-spacing: 0.10px;

  /* label - medium */
  --md-sys-typescale-label-medium-font-family-name: Kanit;
  --md-sys-typescale-label-medium-font-family-style: Medium;
  --md-sys-typescale-label-medium-font-weight: 500px;
  --md-sys-typescale-label-medium-font-size: 12px;
  --md-sys-typescale-label-medium-line-height: 16px;
  --md-sys-typescale-label-medium-letter-spacing: 0.50px;

  /* label - small */
  --md-sys-typescale-label-small-font-family-name: Kanit;
  --md-sys-typescale-label-small-font-family-style: Medium;
  --md-sys-typescale-label-small-font-weight: 500px;
  --md-sys-typescale-label-small-font-size: 11px;
  --md-sys-typescale-label-small-line-height: 16px;
  --md-sys-typescale-label-small-letter-spacing: 0.50px;

  /* title - large */
  --md-sys-typescale-title-large-font-family-name: Kanit;
  --md-sys-typescale-title-large-font-family-style: Regular;
  --md-sys-typescale-title-large-font-weight: 400px;
  --md-sys-typescale-title-large-font-size: 22px;
  --md-sys-typescale-title-large-line-height: 28px;
  --md-sys-typescale-title-large-letter-spacing: 0px;

  /* title - medium */
  --md-sys-typescale-title-medium-font-family-name: Kanit;
  --md-sys-typescale-title-medium-font-family-style: Medium;
  --md-sys-typescale-title-medium-font-weight: 500px;
  --md-sys-typescale-title-medium-font-size: 16px;
  --md-sys-typescale-title-medium-line-height: 24px;
  --md-sys-typescale-title-medium-letter-spacing: 0.15px;

  /* title - small */
  --md-sys-typescale-title-small-font-family-name: Kanit;
  --md-sys-typescale-title-small-font-family-style: Medium;
  --md-sys-typescale-title-small-font-weight: 500px;
  --md-sys-typescale-title-small-font-size: 14px;
  --md-sys-typescale-title-small-line-height: 20px;
  --md-sys-typescale-title-small-letter-spacing: 0.10px;
}