:root,
:host {
  --md-sys-color-primary: rgb(88 89 146);
  --md-sys-color-surface-tint: rgb(88 89 146);
  --md-sys-color-on-primary: rgb(255 255 255);
  --md-sys-color-primary-container: rgb(225 223 255);
  --md-sys-color-on-primary-container: rgb(19 20 74);
  --md-sys-color-secondary: rgb(93 92 114);
  --md-sys-color-on-secondary: rgb(255 255 255);
  --md-sys-color-secondary-container: rgb(226 224 249);
  --md-sys-color-on-secondary-container: rgb(26 26 44);
  --md-sys-color-tertiary: rgb(121 83 105);
  --md-sys-color-on-tertiary: rgb(255 255 255);
  --md-sys-color-tertiary-container: rgb(255 216 236);
  --md-sys-color-on-tertiary-container: rgb(46 17 37);
  --md-sys-color-error: rgb(186 26 26);
  --md-sys-color-on-error: rgb(255 255 255);
  --md-sys-color-error-container: rgb(255 218 214);
  --md-sys-color-on-error-container: rgb(65 0 2);
  --md-sys-color-background: rgb(252 248 255);
  --md-sys-color-on-background: rgb(27 27 33);
  --md-sys-color-surface: rgb(252 248 255);
  --md-sys-color-on-surface: rgb(27 27 33);
  --md-sys-color-surface-variant: rgb(228 225 236);
  --md-sys-color-on-surface-variant: rgb(71 70 79);
  --md-sys-color-outline: rgb(119 118 128);
  --md-sys-color-outline-variant: rgb(200 197 208);
  --md-sys-color-shadow: rgb(0 0 0);
  --md-sys-color-scrim: rgb(0 0 0);
  --md-sys-color-inverse-surface: rgb(48 48 54);
  --md-sys-color-inverse-on-surface: rgb(243 239 247);
  --md-sys-color-inverse-primary: rgb(193 193 255);
  --md-sys-color-primary-fixed: rgb(225 223 255);
  --md-sys-color-on-primary-fixed: rgb(19 20 74);
  --md-sys-color-primary-fixed-dim: rgb(193 193 255);
  --md-sys-color-on-primary-fixed-variant: rgb(64 65 120);
  --md-sys-color-secondary-fixed: rgb(226 224 249);
  --md-sys-color-on-secondary-fixed: rgb(26 26 44);
  --md-sys-color-secondary-fixed-dim: rgb(198 196 221);
  --md-sys-color-on-secondary-fixed-variant: rgb(69 69 89);
  --md-sys-color-tertiary-fixed: rgb(255 216 236);
  --md-sys-color-on-tertiary-fixed: rgb(46 17 37);
  --md-sys-color-tertiary-fixed-dim: rgb(233 185 211);
  --md-sys-color-on-tertiary-fixed-variant: rgb(95 60 81);
  --md-sys-color-surface-dim: rgb(220 217 224);
  --md-sys-color-surface-bright: rgb(252 248 255);
  --md-sys-color-surface-container-lowest: rgb(255 255 255);
  --md-sys-color-surface-container-low: rgb(246 242 250);
  --md-sys-color-surface-container: rgb(240 236 244);
  --md-sys-color-surface-container-high: rgb(234 231 239);
  --md-sys-color-surface-container-highest: rgb(228 225 233);
  /* Metarial You Colors */
  --md-source: #5455a9;
  /* primary */
  --md-ref-palette-primary0: #000000;
  --md-ref-palette-primary10: #0c0664;
  --md-ref-palette-primary20: #242478;
  --md-ref-palette-primary25: #303083;
  --md-ref-palette-primary30: #3c3d8f;
  --md-ref-palette-primary35: #48499c;
  --md-ref-palette-primary40: #5455a9;
  --md-ref-palette-primary50: #6d6ec4;
  --md-ref-palette-primary60: #8788e0;
  --md-ref-palette-primary70: #a1a3fc;
  --md-ref-palette-primary80: #c1c1ff;
  --md-ref-palette-primary90: #e1dfff;
  --md-ref-palette-primary95: #f2efff;
  --md-ref-palette-primary98: #fcf8ff;
  --md-ref-palette-primary99: #fffbff;
  --md-ref-palette-primary100: #ffffff;
  /* secondary */
  --md-ref-palette-secondary0: #000000;
  --md-ref-palette-secondary10: #1a1a2c;
  --md-ref-palette-secondary20: #2f2f42;
  --md-ref-palette-secondary25: #3a3a4d;
  --md-ref-palette-secondary30: #454559;
  --md-ref-palette-secondary35: #515165;
  --md-ref-palette-secondary40: #5d5c72;
  --md-ref-palette-secondary50: #76758b;
  --md-ref-palette-secondary60: #908fa5;
  --md-ref-palette-secondary70: #aaa9c1;
  --md-ref-palette-secondary80: #c6c4dd;
  --md-ref-palette-secondary90: #e2e0f9;
  --md-ref-palette-secondary95: #f2efff;
  --md-ref-palette-secondary98: #fcf8ff;
  --md-ref-palette-secondary99: #fffbff;
  --md-ref-palette-secondary100: #ffffff;
  /* tertiary */
  --md-ref-palette-tertiary0: #000000;
  --md-ref-palette-tertiary10: #2e1124;
  --md-ref-palette-tertiary20: #46263a;
  --md-ref-palette-tertiary25: #533145;
  --md-ref-palette-tertiary30: #5f3c51;
  --md-ref-palette-tertiary35: #6c475d;
  --md-ref-palette-tertiary40: #795369;
  --md-ref-palette-tertiary50: #946b82;
  --md-ref-palette-tertiary60: #af849c;
  --md-ref-palette-tertiary70: #cc9eb7;
  --md-ref-palette-tertiary80: #e9b9d3;
  --md-ref-palette-tertiary90: #ffd8ec;
  --md-ref-palette-tertiary95: #ffecf4;
  --md-ref-palette-tertiary98: #fff8f9;
  --md-ref-palette-tertiary99: #fffbff;
  --md-ref-palette-tertiary100: #ffffff;
  /* neutral */
  --md-ref-palette-neutral0: #000000;
  --md-ref-palette-neutral10: #1c1b1f;
  --md-ref-palette-neutral20: #313034;
  --md-ref-palette-neutral25: #3c3b3f;
  --md-ref-palette-neutral30: #47464a;
  --md-ref-palette-neutral35: #535256;
  --md-ref-palette-neutral40: #5f5e62;
  --md-ref-palette-neutral50: #78767a;
  --md-ref-palette-neutral60: #929094;
  --md-ref-palette-neutral70: #adaaaf;
  --md-ref-palette-neutral80: #c8c5ca;
  --md-ref-palette-neutral90: #e5e1e6;
  --md-ref-palette-neutral95: #f3eff4;
  --md-ref-palette-neutral98: #fcf8fd;
  --md-ref-palette-neutral99: #fffbff;
  --md-ref-palette-neutral100: #ffffff;
  /* neutral-variant */
  --md-ref-palette-neutral-variant0: #000000;
  --md-ref-palette-neutral-variant10: #1b1b23;
  --md-ref-palette-neutral-variant20: #303038;
  --md-ref-palette-neutral-variant25: #3b3a43;
  --md-ref-palette-neutral-variant30: #47464f;
  --md-ref-palette-neutral-variant35: #52515b;
  --md-ref-palette-neutral-variant40: #5e5d67;
  --md-ref-palette-neutral-variant50: #777680;
  --md-ref-palette-neutral-variant60: #918f9a;
  --md-ref-palette-neutral-variant70: #acaab4;
  --md-ref-palette-neutral-variant80: #c8c5d0;
  --md-ref-palette-neutral-variant90: #e4e1ec;
  --md-ref-palette-neutral-variant95: #f2effa;
  --md-ref-palette-neutral-variant98: #fcf8ff;
  --md-ref-palette-neutral-variant99: #fffbff;
  --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-color-primary-light: #5455a9;
  --md-sys-color-on-primary-light: #ffffff;
  --md-sys-color-primary-container-light: #e1dfff;
  --md-sys-color-on-primary-container-light: #0c0664;
  --md-sys-color-secondary-light: #5d5c72;
  --md-sys-color-on-secondary-light: #ffffff;
  --md-sys-color-secondary-container-light: #e2e0f9;
  --md-sys-color-on-secondary-container-light: #1a1a2c;
  --md-sys-color-tertiary-light: #795369;
  --md-sys-color-on-tertiary-light: #ffffff;
  --md-sys-color-tertiary-container-light: #ffd8ec;
  --md-sys-color-on-tertiary-container-light: #2e1124;
  --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-background-light: #fffbff;
  --md-sys-color-on-background-light: #1c1b1f;
  --md-sys-color-surface-light: #fffbff;
  --md-sys-color-on-surface-light: #1c1b1f;
  --md-sys-color-surface-variant-light: #e4e1ec;
  --md-sys-color-on-surface-variant-light: #47464f;
  --md-sys-color-outline-light: #777680;
  --md-sys-color-inverse-on-surface-light: #f3eff4;
  --md-sys-color-inverse-surface-light: #313034;
  --md-sys-color-inverse-primary-light: #c1c1ff;
  --md-sys-color-shadow-light: #000000;
  --md-sys-color-surface-tint-light: #fffbff;
  --md-sys-color-outline-variant-light: #c8c5d0;
  --md-sys-color-scrim-light: #000000;
  /* dark */
  --md-sys-color-primary-dark: #c1c1ff;
  --md-sys-color-on-primary-dark: #242478;
  --md-sys-color-primary-container-dark: #3c3d8f;
  --md-sys-color-on-primary-container-dark: #e1dfff;
  --md-sys-color-secondary-dark: #c6c4dd;
  --md-sys-color-on-secondary-dark: #2f2f42;
  --md-sys-color-secondary-container-dark: #454559;
  --md-sys-color-on-secondary-container-dark: #e2e0f9;
  --md-sys-color-tertiary-dark: #e9b9d3;
  --md-sys-color-on-tertiary-dark: #46263a;
  --md-sys-color-tertiary-container-dark: #5f3c51;
  --md-sys-color-on-tertiary-container-dark: #ffd8ec;
  --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: #ffb4ab;
  --md-sys-color-background-dark: #1c1b1f;
  --md-sys-color-on-background-dark: #e5e1e6;
  --md-sys-color-surface-dark: #1c1b1f;
  --md-sys-color-on-surface-dark: #e5e1e6;
  --md-sys-color-surface-variant-dark: #47464f;
  --md-sys-color-on-surface-variant-dark: #c8c5d0;
  --md-sys-color-outline-dark: #918f9a;
  --md-sys-color-inverse-on-surface-dark: #313034;
  --md-sys-color-inverse-surface-dark: #e5e1e6;
  --md-sys-color-inverse-primary-dark: #5455a9;
  --md-sys-color-shadow-dark: #000000;
  --md-sys-color-surface-tint-dark: #1c1b1f;
  --md-sys-color-outline-variant-dark: #47464f;
  --md-sys-color-scrim-dark: #000000;
/* display-large */
  --md-sys-typescale-display-large-font-family-name: Roboto;
  --md-sys-typescale-display-large-font-family-style: Regular;
  --md-sys-typescale-display-large-font-weight: 400px;
  --md-sys-typescale-display-large-font-size: 57px;
  --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: Roboto;
  --md-sys-typescale-display-medium-font-family-style: Regular;
  --md-sys-typescale-display-medium-font-weight: 400px;
  --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: Roboto;
  --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: Roboto;
  --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: Roboto;
  --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: Roboto;
  --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: Roboto;
  --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: Roboto;
  --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.25px;
/* body-small */
  --md-sys-typescale-body-small-font-family-name: Roboto;
  --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: Roboto;
  --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: Roboto;
  --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: Roboto;
  --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: Roboto;
  --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: Roboto;
  --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: Roboto;
  --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;
}


:root[theme=dark],
:host[theme=dark] {
  --md-sys-color-primary: rgb(193 193 255);
  --md-sys-color-surface-tint: rgb(193 193 255);
  --md-sys-color-on-primary: rgb(41 42 96);
  --md-sys-color-primary-container: rgb(64 65 120);
  --md-sys-color-on-primary-container: rgb(225 223 255);
  --md-sys-color-secondary: rgb(198 196 221);
  --md-sys-color-on-secondary: rgb(47 47 66);
  --md-sys-color-secondary-container: rgb(69 69 89);
  --md-sys-color-on-secondary-container: rgb(226 224 249);
  --md-sys-color-tertiary: rgb(233 185 211);
  --md-sys-color-on-tertiary: rgb(70 38 58);
  --md-sys-color-tertiary-container: rgb(95 60 81);
  --md-sys-color-on-tertiary-container: rgb(255 216 236);
  --md-sys-color-error: rgb(255 180 171);
  --md-sys-color-on-error: rgb(105 0 5);
  --md-sys-color-error-container: rgb(147 0 10);
  --md-sys-color-on-error-container: rgb(255 218 214);
  --md-sys-color-background: rgb(19 19 24);
  --md-sys-color-on-background: rgb(228 225 233);
  --md-sys-color-surface: rgb(19 19 24);
  --md-sys-color-on-surface: rgb(228 225 233);
  --md-sys-color-surface-variant: rgb(71 70 79);
  --md-sys-color-on-surface-variant: rgb(200 197 208);
  --md-sys-color-outline: rgb(145 143 154);
  --md-sys-color-outline-variant: rgb(71 70 79);
  --md-sys-color-shadow: rgb(0 0 0);
  --md-sys-color-scrim: rgb(0 0 0);
  --md-sys-color-inverse-surface: rgb(228 225 233);
  --md-sys-color-inverse-on-surface: rgb(48 48 54);
  --md-sys-color-inverse-primary: rgb(88 89 146);
  --md-sys-color-primary-fixed: rgb(225 223 255);
  --md-sys-color-on-primary-fixed: rgb(19 20 74);
  --md-sys-color-primary-fixed-dim: rgb(193 193 255);
  --md-sys-color-on-primary-fixed-variant: rgb(64 65 120);
  --md-sys-color-secondary-fixed: rgb(226 224 249);
  --md-sys-color-on-secondary-fixed: rgb(26 26 44);
  --md-sys-color-secondary-fixed-dim: rgb(198 196 221);
  --md-sys-color-on-secondary-fixed-variant: rgb(69 69 89);
  --md-sys-color-tertiary-fixed: rgb(255 216 236);
  --md-sys-color-on-tertiary-fixed: rgb(46 17 37);
  --md-sys-color-tertiary-fixed-dim: rgb(233 185 211);
  --md-sys-color-on-tertiary-fixed-variant: rgb(95 60 81);
  --md-sys-color-surface-dim: rgb(19 19 24);
  --md-sys-color-surface-bright: rgb(57 56 63);
  --md-sys-color-surface-container-lowest: rgb(14 14 19);
  --md-sys-color-surface-container-low: rgb(27 27 33);
  --md-sys-color-surface-container: rgb(31 31 37);
  --md-sys-color-surface-container-high: rgb(42 41 47);
  --md-sys-color-surface-container-highest: rgb(53 52 58);
  /* Metarial You Colors */
  --md-source: #5455a9;
  /* primary */
  --md-ref-palette-primary0: #000000;
  --md-ref-palette-primary10: #0c0664;
  --md-ref-palette-primary20: #242478;
  --md-ref-palette-primary25: #303083;
  --md-ref-palette-primary30: #3c3d8f;
  --md-ref-palette-primary35: #48499c;
  --md-ref-palette-primary40: #5455a9;
  --md-ref-palette-primary50: #6d6ec4;
  --md-ref-palette-primary60: #8788e0;
  --md-ref-palette-primary70: #a1a3fc;
  --md-ref-palette-primary80: #c1c1ff;
  --md-ref-palette-primary90: #e1dfff;
  --md-ref-palette-primary95: #f2efff;
  --md-ref-palette-primary98: #fcf8ff;
  --md-ref-palette-primary99: #fffbff;
  --md-ref-palette-primary100: #ffffff;
  /* secondary */
  --md-ref-palette-secondary0: #000000;
  --md-ref-palette-secondary10: #1a1a2c;
  --md-ref-palette-secondary20: #2f2f42;
  --md-ref-palette-secondary25: #3a3a4d;
  --md-ref-palette-secondary30: #454559;
  --md-ref-palette-secondary35: #515165;
  --md-ref-palette-secondary40: #5d5c72;
  --md-ref-palette-secondary50: #76758b;
  --md-ref-palette-secondary60: #908ea5;
  --md-ref-palette-secondary70: #aaa9c1;
  --md-ref-palette-secondary80: #c6c4dd;
  --md-ref-palette-secondary90: #e2e0f9;
  --md-ref-palette-secondary95: #f2efff;
  --md-ref-palette-secondary98: #fcf8ff;
  --md-ref-palette-secondary99: #fffbff;
  --md-ref-palette-secondary100: #ffffff;
  /* tertiary */
  --md-ref-palette-tertiary0: #000000;
  --md-ref-palette-tertiary10: #2f1124;
  --md-ref-palette-tertiary20: #46263a;
  --md-ref-palette-tertiary25: #533145;
  --md-ref-palette-tertiary30: #5f3c51;
  --md-ref-palette-tertiary35: #6c475d;
  --md-ref-palette-tertiary40: #795369;
  --md-ref-palette-tertiary50: #946b82;
  --md-ref-palette-tertiary60: #b0849c;
  --md-ref-palette-tertiary70: #cc9eb7;
  --md-ref-palette-tertiary80: #e9b9d3;
  --md-ref-palette-tertiary90: #ffd8ec;
  --md-ref-palette-tertiary95: #ffecf4;
  --md-ref-palette-tertiary98: #fff8f8;
  --md-ref-palette-tertiary99: #fffbff;
  --md-ref-palette-tertiary100: #ffffff;
  /* neutral */
  --md-ref-palette-neutral0: #000000;
  --md-ref-palette-neutral10: #1c1b1f;
  --md-ref-palette-neutral20: #313034;
  --md-ref-palette-neutral25: #3c3b3f;
  --md-ref-palette-neutral30: #47464a;
  --md-ref-palette-neutral35: #535256;
  --md-ref-palette-neutral40: #5f5e62;
  --md-ref-palette-neutral50: #78767a;
  --md-ref-palette-neutral60: #929094;
  --md-ref-palette-neutral70: #adaaaf;
  --md-ref-palette-neutral80: #c8c5ca;
  --md-ref-palette-neutral90: #e5e1e6;
  --md-ref-palette-neutral95: #f3eff4;
  --md-ref-palette-neutral98: #fcf8fd;
  --md-ref-palette-neutral99: #fffbff;
  --md-ref-palette-neutral100: #ffffff;
  /* neutral-variant */
  --md-ref-palette-neutral-variant0: #000000;
  --md-ref-palette-neutral-variant10: #1b1b23;
  --md-ref-palette-neutral-variant20: #303038;
  --md-ref-palette-neutral-variant25: #3b3a43;
  --md-ref-palette-neutral-variant30: #47464f;
  --md-ref-palette-neutral-variant35: #52515b;
  --md-ref-palette-neutral-variant40: #5e5d67;
  --md-ref-palette-neutral-variant50: #777680;
  --md-ref-palette-neutral-variant60: #918f9a;
  --md-ref-palette-neutral-variant70: #acaab4;
  --md-ref-palette-neutral-variant80: #c8c5d0;
  --md-ref-palette-neutral-variant90: #e4e1ec;
  --md-ref-palette-neutral-variant95: #f2effa;
  --md-ref-palette-neutral-variant98: #fcf8ff;
  --md-ref-palette-neutral-variant99: #fffbff;
  --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-color-primary-light: #5455a9;
  --md-sys-color-on-primary-light: #ffffff;
  --md-sys-color-primary-container-light: #e1dfff;
  --md-sys-color-on-primary-container-light: #0c0664;
  --md-sys-color-secondary-light: #5d5c72;
  --md-sys-color-on-secondary-light: #ffffff;
  --md-sys-color-secondary-container-light: #e2e0f9;
  --md-sys-color-on-secondary-container-light: #1a1a2c;
  --md-sys-color-tertiary-light: #795369;
  --md-sys-color-on-tertiary-light: #ffffff;
  --md-sys-color-tertiary-container-light: #ffd8ec;
  --md-sys-color-on-tertiary-container-light: #2f1124;
  --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-background-light: #fffbff;
  --md-sys-color-on-background-light: #1c1b1f;
  --md-sys-color-surface-light: #fffbff;
  --md-sys-color-on-surface-light: #1c1b1f;
  --md-sys-color-surface-variant-light: #e4e1ec;
  --md-sys-color-on-surface-variant-light: #47464f;
  --md-sys-color-outline-light: #777680;
  --md-sys-color-inverse-on-surface-light: #f3eff4;
  --md-sys-color-inverse-surface-light: #313034;
  --md-sys-color-inverse-primary-light: #c1c1ff;
  --md-sys-color-shadow-light: #000000;
  --md-sys-color-surface-tint-light: #fffbff;
  --md-sys-color-outline-variant-light: #c8c5d0;
  --md-sys-color-scrim-light: #000000;
  /* dark */
  --md-sys-color-primary-dark: #c1c1ff;
  --md-sys-color-on-primary-dark: #242478;
  --md-sys-color-primary-container-dark: #3c3d8f;
  --md-sys-color-on-primary-container-dark: #e1dfff;
  --md-sys-color-secondary-dark: #c6c4dd;
  --md-sys-color-on-secondary-dark: #2f2f42;
  --md-sys-color-secondary-container-dark: #454559;
  --md-sys-color-on-secondary-container-dark: #e2e0f9;
  --md-sys-color-tertiary-dark: #e9b9d3;
  --md-sys-color-on-tertiary-dark: #46263a;
  --md-sys-color-tertiary-container-dark: #5f3c51;
  --md-sys-color-on-tertiary-container-dark: #ffd8ec;
  --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: #ffb4ab;
  --md-sys-color-background-dark: #1c1b1f;
  --md-sys-color-on-background-dark: #e5e1e6;
  --md-sys-color-surface-dark: #1c1b1f;
  --md-sys-color-on-surface-dark: #e5e1e6;
  --md-sys-color-surface-variant-dark: #47464f;
  --md-sys-color-on-surface-variant-dark: #c8c5d0;
  --md-sys-color-outline-dark: #918f9a;
  --md-sys-color-inverse-on-surface-dark: #313034;
  --md-sys-color-inverse-surface-dark: #e5e1e6;
  --md-sys-color-inverse-primary-dark: #5455a9;
  --md-sys-color-shadow-dark: #000000;
  --md-sys-color-surface-tint-dark: #1c1b1f;
  --md-sys-color-outline-variant-dark: #47464f;
  --md-sys-color-scrim-dark: #000000;
/* display-large */
  --md-sys-typescale-display-large-font-family-name: Roboto;
  --md-sys-typescale-display-large-font-family-style: Regular;
  --md-sys-typescale-display-large-font-weight: 400px;
  --md-sys-typescale-display-large-font-size: 57px;
  --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: Roboto;
  --md-sys-typescale-display-medium-font-family-style: Regular;
  --md-sys-typescale-display-medium-font-weight: 400px;
  --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: Roboto;
  --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: Roboto;
  --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: Roboto;
  --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: Roboto;
  --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: Roboto;
  --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: Roboto;
  --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.25px;
/* body-small */
  --md-sys-typescale-body-small-font-family-name: Roboto;
  --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: Roboto;
  --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: Roboto;
  --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: Roboto;
  --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: Roboto;
  --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: Roboto;
  --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: Roboto;
  --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;
}