:root {
  --primary-100: rgba(250, 216, 213, 1);
  --primary-200: rgba(245, 177, 170, 1);
  --primary-400: rgba(237, 119, 107, 1);
  --primary-500: rgba(218, 43, 27, 1);
  --primary-600: rgba(159, 39, 27, 1);
  --primary-800: rgba(115, 27, 18, 1);
  --primary-900: rgba(92, 24, 17, 1);
  --secondary-100: rgba(206, 227, 241, 1);
  --secondary-200: rgba(158, 199, 227, 1);
  --secondary-400: rgba(85, 158, 206, 1);
  --secondary-500: rgba(12, 116, 185, 1);
  --secondary-600: rgba(4, 91, 148, 1);
  --secondary-800: rgba(3, 69, 111, 1);
  --secondary-900: rgba(0, 44, 74, 1);
  --success-100: rgba(215, 237, 210, 1);
  --success-200: rgba(175, 220, 164, 1);
  --success-400: rgba(114, 193, 96, 1);
  --success-500: rgba(54, 167, 28, 1);
  --success-600: rgba(38, 134, 16, 1);
  --success-800: rgba(25, 100, 9, 1);
  --success-900: rgba(14, 48, 6, 1);
  --error-100: rgba(255, 215, 218, 1);
  --error-200: rgba(255, 174, 181, 1);
  --error-400: rgba(255, 114, 126, 1);
  --error-500: rgba(255, 53, 71, 1);
  --error-600: rgba(204, 31, 47, 1);
  --error-800: rgba(153, 14, 26, 1);
  --error-900: rgba(102, 15, 23, 1);
  --neutral-100: rgba(247, 249, 250, 1);
  --neutral-200: rgba(240, 243, 245, 1);
  --neutral-400: rgba(228, 234, 238, 1);
  --neutral-500: rgba(217, 225, 231, 1);
  --neutral-600: rgba(174, 180, 185, 1);
  --neutral-800: rgba(130, 135, 139, 1);
  --neutral-900: rgba(87, 90, 92, 1);
  --basicwhite: rgba(255, 255, 255, 1);
  --basicdark-grey: rgba(50, 53, 64, 1);
  --basicblack: rgba(0, 0, 0, 1);
  --heading-h1-bold-font-family: "Segoe UI", Helvetica;
  --heading-h1-bold-font-weight: 700;
  --heading-h1-bold-font-size: 60px;
  --heading-h1-bold-letter-spacing: 0px;
  --heading-h1-bold-line-height: normal;
  --heading-h1-bold-font-style: normal;
  --heading-h2-bold-font-family: "Segoe UI", Helvetica;
  --heading-h2-bold-font-weight: 700;
  --heading-h2-bold-font-size: 50px;
  --heading-h2-bold-letter-spacing: 0px;
  --heading-h2-bold-line-height: normal;
  --heading-h2-bold-font-style: normal;
  --heading-h3-bold-font-family: "Segoe UI", Helvetica;
  --heading-h3-bold-font-weight: 700;
  --heading-h3-bold-font-size: 40px;
  --heading-h3-bold-letter-spacing: 0px;
  --heading-h3-bold-line-height: normal;
  --heading-h3-bold-font-style: normal;
  --heading-h4-bold-font-family: "Segoe UI", Helvetica;
  --heading-h4-bold-font-weight: 700;
  --heading-h4-bold-font-size: 24px;
  --heading-h4-bold-letter-spacing: 0px;
  --heading-h4-bold-line-height: normal;
  --heading-h4-bold-font-style: normal;
  --body-intro-text-semibold-font-family: "Segoe UI", Helvetica;
  --body-intro-text-semibold-font-weight: 400;
  --body-intro-text-semibold-font-size: 24px;
  --body-intro-text-semibold-letter-spacing: 0px;
  --body-intro-text-semibold-line-height: normal;
  --body-intro-text-semibold-font-style: normal;
  --body-intro-text-regular-font-family: "Segoe UI", Helvetica;
  --body-intro-text-regular-font-weight: 400;
  --body-intro-text-regular-font-size: 20px;
  --body-intro-text-regular-letter-spacing: 0px;
  --body-intro-text-regular-line-height: normal;
  --body-intro-text-regular-font-style: normal;
  --headline-text-semibold-font-family: "Segoe UI", Helvetica;
  --headline-text-semibold-font-weight: 400;
  --headline-text-semibold-font-size: 17px;
  --headline-text-semibold-letter-spacing: 0px;
  --headline-text-semibold-line-height: normal;
  --headline-text-semibold-font-style: normal;
  --headline-text-regular-font-family: "Segoe UI", Helvetica;
  --headline-text-regular-font-weight: 400;
  --headline-text-regular-font-size: 17px;
  --headline-text-regular-letter-spacing: 0px;
  --headline-text-regular-line-height: normal;
  --headline-text-regular-font-style: normal;
  --caption-1-text-regular-font-family: "Inter", Helvetica;
  --caption-1-text-regular-font-weight: 400;
  --caption-1-text-regular-font-size: 15px;
  --caption-1-text-regular-letter-spacing: 0px;
  --caption-1-text-regular-line-height: normal;
  --caption-1-text-regular-font-style: normal;
  --caption-2-text-regular-font-family: "Segoe UI", Helvetica;
  --caption-2-text-regular-font-weight: 400;
  --caption-2-text-regular-font-size: 13px;
  --caption-2-text-regular-letter-spacing: 0px;
  --caption-2-text-regular-line-height: normal;
  --caption-2-text-regular-font-style: normal;
  --material-theme-schemes-primary: rgba(50, 97, 141, 1);
  --material-theme-schemes-surface-tint: rgba(50, 97, 141, 1);
  --material-theme-schemes-on-primary: rgba(255, 255, 255, 1);
  --material-theme-schemes-primary-container: rgba(208, 228, 255, 1);
  --material-theme-schemes-on-primary-container: rgba(0, 29, 52, 1);
  --material-theme-schemes-secondary: rgba(144, 75, 64, 1);
  --material-theme-schemes-on-secondary: rgba(255, 255, 255, 1);
  --material-theme-schemes-secondary-container: rgba(255, 218, 212, 1);
  --material-theme-schemes-on-secondary-container: rgba(58, 9, 5, 1);
  --material-theme-schemes-tertiary: rgba(0, 104, 116, 1);
  --material-theme-schemes-on-tertiary: rgba(255, 255, 255, 1);
  --material-theme-schemes-tertiary-container: rgba(158, 239, 253, 1);
  --material-theme-schemes-on-tertiary-container: rgba(0, 31, 36, 1);
  --material-theme-schemes-error: rgba(186, 26, 26, 1);
  --material-theme-schemes-on-error: rgba(255, 255, 255, 1);
  --material-theme-schemes-error-container: rgba(255, 218, 214, 1);
  --material-theme-schemes-on-error-container: rgba(65, 0, 2, 1);
  --material-theme-schemes-background: rgba(248, 249, 255, 1);
  --material-theme-schemes-on-background: rgba(25, 28, 32, 1);
  --material-theme-schemes-surface: rgba(245, 250, 251, 1);
  --material-theme-schemes-on-surface: rgba(23, 29, 30, 1);
  --material-theme-schemes-surface-variant: rgba(244, 221, 222, 1);
  --material-theme-schemes-on-surface-variant: rgba(82, 67, 68, 1);
  --material-theme-schemes-outline: rgba(132, 115, 116, 1);
  --material-theme-schemes-outline-variant: rgba(215, 193, 194, 1);
  --material-theme-schemes-shadow: rgba(0, 0, 0, 1);
  --material-theme-schemes-scrim: rgba(0, 0, 0, 1);
  --material-theme-schemes-inverse-surface: rgba(43, 49, 51, 1);
  --material-theme-schemes-inverse-on-surface: rgba(236, 242, 243, 1);
  --material-theme-schemes-inverse-primary: rgba(158, 202, 252, 1);
  --material-theme-schemes-primary-fixed: rgba(208, 228, 255, 1);
  --material-theme-schemes-on-primary-fixed: rgba(0, 29, 52, 1);
  --material-theme-schemes-primary-fixed-dim: rgba(158, 202, 252, 1);
  --material-theme-schemes-on-primary-fixed-variant: rgba(20, 74, 116, 1);
  --material-theme-schemes-secondary-fixed: rgba(255, 218, 212, 1);
  --material-theme-schemes-on-secondary-fixed: rgba(58, 9, 5, 1);
  --material-theme-schemes-secondary-fixed-dim: rgba(255, 180, 168, 1);
  --material-theme-schemes-on-secondary-fixed-variant: rgba(115, 52, 42, 1);
  --material-theme-schemes-tertiary-fixed: rgba(158, 239, 253, 1);
  --material-theme-schemes-on-tertiary-fixed: rgba(0, 31, 36, 1);
  --material-theme-schemes-tertiary-fixed-dim: rgba(130, 211, 224, 1);
  --material-theme-schemes-on-tertiary-fixed-variant: rgba(0, 79, 88, 1);
  --material-theme-schemes-surface-dim: rgba(213, 219, 220, 1);
  --material-theme-schemes-surface-bright: rgba(245, 250, 251, 1);
  --material-theme-schemes-surface-container-lowest: rgba(255, 255, 255, 1);
  --material-theme-schemes-surface-container-low: rgba(239, 245, 246, 1);
  --material-theme-schemes-surface-container: rgba(233, 239, 240, 1);
  --material-theme-schemes-surface-container-high: rgba(227, 233, 234, 1);
  --material-theme-schemes-surface-container-highest: rgba(222, 227, 229, 1);
}

/*

To enable a theme in your HTML, simply add one of the following data attributes to an HTML element, like so:

<body data-material-theme-mode="light">
    <!-- the rest of your content -->
</body>

You can apply the theme on any DOM node, not just the `body`

*/

[data-material-theme-mode="light"] {
  --material-theme-schemes-primary: rgba(50, 97, 141, 1);
  --material-theme-schemes-surface-tint: rgba(50, 97, 141, 1);
  --material-theme-schemes-on-primary: rgba(255, 255, 255, 1);
  --material-theme-schemes-primary-container: rgba(208, 228, 255, 1);
  --material-theme-schemes-on-primary-container: rgba(0, 29, 52, 1);
  --material-theme-schemes-secondary: rgba(144, 75, 64, 1);
  --material-theme-schemes-on-secondary: rgba(255, 255, 255, 1);
  --material-theme-schemes-secondary-container: rgba(255, 218, 212, 1);
  --material-theme-schemes-on-secondary-container: rgba(58, 9, 5, 1);
  --material-theme-schemes-tertiary: rgba(0, 104, 116, 1);
  --material-theme-schemes-on-tertiary: rgba(255, 255, 255, 1);
  --material-theme-schemes-tertiary-container: rgba(158, 239, 253, 1);
  --material-theme-schemes-on-tertiary-container: rgba(0, 31, 36, 1);
  --material-theme-schemes-error: rgba(186, 26, 26, 1);
  --material-theme-schemes-on-error: rgba(255, 255, 255, 1);
  --material-theme-schemes-error-container: rgba(255, 218, 214, 1);
  --material-theme-schemes-on-error-container: rgba(65, 0, 2, 1);
  --material-theme-schemes-background: rgba(248, 249, 255, 1);
  --material-theme-schemes-on-background: rgba(25, 28, 32, 1);
  --material-theme-schemes-surface: rgba(245, 250, 251, 1);
  --material-theme-schemes-on-surface: rgba(23, 29, 30, 1);
  --material-theme-schemes-surface-variant: rgba(244, 221, 222, 1);
  --material-theme-schemes-on-surface-variant: rgba(82, 67, 68, 1);
  --material-theme-schemes-outline: rgba(132, 115, 116, 1);
  --material-theme-schemes-outline-variant: rgba(215, 193, 194, 1);
  --material-theme-schemes-inverse-surface: rgba(43, 49, 51, 1);
  --material-theme-schemes-inverse-on-surface: rgba(236, 242, 243, 1);
  --material-theme-schemes-inverse-primary: rgba(158, 202, 252, 1);
  --material-theme-schemes-primary-fixed: rgba(208, 228, 255, 1);
  --material-theme-schemes-on-primary-fixed: rgba(0, 29, 52, 1);
  --material-theme-schemes-primary-fixed-dim: rgba(158, 202, 252, 1);
  --material-theme-schemes-on-primary-fixed-variant: rgba(20, 74, 116, 1);
  --material-theme-schemes-secondary-fixed: rgba(255, 218, 212, 1);
  --material-theme-schemes-on-secondary-fixed: rgba(58, 9, 5, 1);
  --material-theme-schemes-secondary-fixed-dim: rgba(255, 180, 168, 1);
  --material-theme-schemes-on-secondary-fixed-variant: rgba(115, 52, 42, 1);
  --material-theme-schemes-tertiary-fixed: rgba(158, 239, 253, 1);
  --material-theme-schemes-on-tertiary-fixed: rgba(0, 31, 36, 1);
  --material-theme-schemes-tertiary-fixed-dim: rgba(130, 211, 224, 1);
  --material-theme-schemes-on-tertiary-fixed-variant: rgba(0, 79, 88, 1);
  --material-theme-schemes-surface-dim: rgba(213, 219, 220, 1);
  --material-theme-schemes-surface-bright: rgba(245, 250, 251, 1);
  --material-theme-schemes-surface-container-lowest: rgba(255, 255, 255, 1);
  --material-theme-schemes-surface-container-low: rgba(239, 245, 246, 1);
  --material-theme-schemes-surface-container: rgba(233, 239, 240, 1);
  --material-theme-schemes-surface-container-high: rgba(227, 233, 234, 1);
  --material-theme-schemes-surface-container-highest: rgba(222, 227, 229, 1);
}

[data-material-theme-mode="light-high-contrast"] {
  --material-theme-schemes-primary: rgba(0, 36, 63, 1);
  --material-theme-schemes-surface-tint: rgba(50, 97, 141, 1);
  --material-theme-schemes-on-primary: rgba(255, 255, 255, 1);
  --material-theme-schemes-primary-container: rgba(13, 70, 112, 1);
  --material-theme-schemes-on-primary-container: rgba(255, 255, 255, 1);
  --material-theme-schemes-secondary: rgba(68, 16, 10, 1);
  --material-theme-schemes-on-secondary: rgba(255, 255, 255, 1);
  --material-theme-schemes-secondary-container: rgba(110, 48, 39, 1);
  --material-theme-schemes-on-secondary-container: rgba(255, 255, 255, 1);
  --material-theme-schemes-tertiary: rgba(0, 39, 44, 1);
  --material-theme-schemes-on-tertiary: rgba(255, 255, 255, 1);
  --material-theme-schemes-tertiary-container: rgba(0, 74, 83, 1);
  --material-theme-schemes-on-tertiary-container: rgba(255, 255, 255, 1);
  --material-theme-schemes-error: rgba(78, 0, 2, 1);
  --material-theme-schemes-on-error: rgba(255, 255, 255, 1);
  --material-theme-schemes-error-container: rgba(140, 0, 9, 1);
  --material-theme-schemes-on-error-container: rgba(255, 255, 255, 1);
  --material-theme-schemes-background: rgba(248, 249, 255, 1);
  --material-theme-schemes-on-background: rgba(25, 28, 32, 1);
  --material-theme-schemes-surface: rgba(245, 250, 251, 1);
  --material-theme-schemes-on-surface: rgba(0, 0, 0, 1);
  --material-theme-schemes-surface-variant: rgba(244, 221, 222, 1);
  --material-theme-schemes-on-surface-variant: rgba(45, 33, 34, 1);
  --material-theme-schemes-outline: rgba(78, 63, 64, 1);
  --material-theme-schemes-outline-variant: rgba(78, 63, 64, 1);
  --material-theme-schemes-inverse-surface: rgba(43, 49, 51, 1);
  --material-theme-schemes-inverse-on-surface: rgba(255, 255, 255, 1);
  --material-theme-schemes-inverse-primary: rgba(225, 237, 255, 1);
  --material-theme-schemes-primary-fixed: rgba(13, 70, 112, 1);
  --material-theme-schemes-on-primary-fixed: rgba(255, 255, 255, 1);
  --material-theme-schemes-primary-fixed-dim: rgba(0, 47, 80, 1);
  --material-theme-schemes-on-primary-fixed-variant: rgba(255, 255, 255, 1);
  --material-theme-schemes-secondary-fixed: rgba(110, 48, 39, 1);
  --material-theme-schemes-on-secondary-fixed: rgba(255, 255, 255, 1);
  --material-theme-schemes-secondary-fixed-dim: rgba(82, 27, 19, 1);
  --material-theme-schemes-on-secondary-fixed-variant: rgba(255, 255, 255, 1);
  --material-theme-schemes-tertiary-fixed: rgba(0, 74, 83, 1);
  --material-theme-schemes-on-tertiary-fixed: rgba(255, 255, 255, 1);
  --material-theme-schemes-tertiary-fixed-dim: rgba(0, 50, 56, 1);
  --material-theme-schemes-on-tertiary-fixed-variant: rgba(255, 255, 255, 1);
  --material-theme-schemes-surface-dim: rgba(213, 219, 220, 1);
  --material-theme-schemes-surface-bright: rgba(245, 250, 251, 1);
  --material-theme-schemes-surface-container-lowest: rgba(255, 255, 255, 1);
  --material-theme-schemes-surface-container-low: rgba(239, 245, 246, 1);
  --material-theme-schemes-surface-container: rgba(233, 239, 240, 1);
  --material-theme-schemes-surface-container-high: rgba(227, 233, 234, 1);
  --material-theme-schemes-surface-container-highest: rgba(222, 227, 229, 1);
}

[data-material-theme-mode="light-medium-contrast"] {
  --material-theme-schemes-primary: rgba(13, 70, 112, 1);
  --material-theme-schemes-surface-tint: rgba(50, 97, 141, 1);
  --material-theme-schemes-on-primary: rgba(255, 255, 255, 1);
  --material-theme-schemes-primary-container: rgba(74, 120, 165, 1);
  --material-theme-schemes-on-primary-container: rgba(255, 255, 255, 1);
  --material-theme-schemes-secondary: rgba(110, 48, 39, 1);
  --material-theme-schemes-on-secondary: rgba(255, 255, 255, 1);
  --material-theme-schemes-secondary-container: rgba(170, 96, 84, 1);
  --material-theme-schemes-on-secondary-container: rgba(255, 255, 255, 1);
  --material-theme-schemes-tertiary: rgba(0, 74, 83, 1);
  --material-theme-schemes-on-tertiary: rgba(255, 255, 255, 1);
  --material-theme-schemes-tertiary-container: rgba(37, 128, 140, 1);
  --material-theme-schemes-on-tertiary-container: rgba(255, 255, 255, 1);
  --material-theme-schemes-error: rgba(140, 0, 9, 1);
  --material-theme-schemes-on-error: rgba(255, 255, 255, 1);
  --material-theme-schemes-error-container: rgba(218, 52, 46, 1);
  --material-theme-schemes-on-error-container: rgba(255, 255, 255, 1);
  --material-theme-schemes-background: rgba(248, 249, 255, 1);
  --material-theme-schemes-on-background: rgba(25, 28, 32, 1);
  --material-theme-schemes-surface: rgba(245, 250, 251, 1);
  --material-theme-schemes-on-surface: rgba(23, 29, 30, 1);
  --material-theme-schemes-surface-variant: rgba(244, 221, 222, 1);
  --material-theme-schemes-on-surface-variant: rgba(78, 63, 64, 1);
  --material-theme-schemes-outline: rgba(107, 91, 92, 1);
  --material-theme-schemes-outline-variant: rgba(136, 118, 119, 1);
  --material-theme-schemes-inverse-surface: rgba(43, 49, 51, 1);
  --material-theme-schemes-inverse-on-surface: rgba(236, 242, 243, 1);
  --material-theme-schemes-inverse-primary: rgba(158, 202, 252, 1);
  --material-theme-schemes-primary-fixed: rgba(74, 120, 165, 1);
  --material-theme-schemes-on-primary-fixed: rgba(255, 255, 255, 1);
  --material-theme-schemes-primary-fixed-dim: rgba(48, 95, 138, 1);
  --material-theme-schemes-on-primary-fixed-variant: rgba(255, 255, 255, 1);
  --material-theme-schemes-secondary-fixed: rgba(170, 96, 84, 1);
  --material-theme-schemes-on-secondary-fixed: rgba(255, 255, 255, 1);
  --material-theme-schemes-secondary-fixed-dim: rgba(141, 72, 62, 1);
  --material-theme-schemes-on-secondary-fixed-variant: rgba(255, 255, 255, 1);
  --material-theme-schemes-tertiary-fixed: rgba(37, 128, 140, 1);
  --material-theme-schemes-on-tertiary-fixed: rgba(255, 255, 255, 1);
  --material-theme-schemes-tertiary-fixed-dim: rgba(0, 102, 113, 1);
  --material-theme-schemes-on-tertiary-fixed-variant: rgba(255, 255, 255, 1);
  --material-theme-schemes-surface-dim: rgba(213, 219, 220, 1);
  --material-theme-schemes-surface-bright: rgba(245, 250, 251, 1);
  --material-theme-schemes-surface-container-lowest: rgba(255, 255, 255, 1);
  --material-theme-schemes-surface-container-low: rgba(239, 245, 246, 1);
  --material-theme-schemes-surface-container: rgba(233, 239, 240, 1);
  --material-theme-schemes-surface-container-high: rgba(227, 233, 234, 1);
  --material-theme-schemes-surface-container-highest: rgba(222, 227, 229, 1);
}

[data-material-theme-mode="dark"] {
  --material-theme-schemes-primary: rgba(158, 202, 252, 1);
  --material-theme-schemes-surface-tint: rgba(158, 202, 252, 1);
  --material-theme-schemes-on-primary: rgba(0, 51, 85, 1);
  --material-theme-schemes-primary-container: rgba(20, 74, 116, 1);
  --material-theme-schemes-on-primary-container: rgba(208, 228, 255, 1);
  --material-theme-schemes-secondary: rgba(255, 180, 168, 1);
  --material-theme-schemes-on-secondary: rgba(86, 30, 22, 1);
  --material-theme-schemes-secondary-container: rgba(115, 52, 42, 1);
  --material-theme-schemes-on-secondary-container: rgba(255, 218, 212, 1);
  --material-theme-schemes-tertiary: rgba(130, 211, 224, 1);
  --material-theme-schemes-on-tertiary: rgba(0, 54, 61, 1);
  --material-theme-schemes-tertiary-container: rgba(0, 79, 88, 1);
  --material-theme-schemes-on-tertiary-container: rgba(158, 239, 253, 1);
  --material-theme-schemes-error: rgba(255, 180, 171, 1);
  --material-theme-schemes-on-error: rgba(105, 0, 5, 1);
  --material-theme-schemes-error-container: rgba(147, 0, 10, 1);
  --material-theme-schemes-on-error-container: rgba(255, 218, 214, 1);
  --material-theme-schemes-background: rgba(16, 20, 24, 1);
  --material-theme-schemes-on-background: rgba(224, 226, 232, 1);
  --material-theme-schemes-surface: rgba(14, 20, 21, 1);
  --material-theme-schemes-on-surface: rgba(222, 227, 229, 1);
  --material-theme-schemes-surface-variant: rgba(82, 67, 68, 1);
  --material-theme-schemes-on-surface-variant: rgba(215, 193, 194, 1);
  --material-theme-schemes-outline: rgba(159, 140, 141, 1);
  --material-theme-schemes-outline-variant: rgba(82, 67, 68, 1);
  --material-theme-schemes-inverse-surface: rgba(222, 227, 229, 1);
  --material-theme-schemes-inverse-on-surface: rgba(43, 49, 51, 1);
  --material-theme-schemes-inverse-primary: rgba(50, 97, 141, 1);
  --material-theme-schemes-primary-fixed: rgba(208, 228, 255, 1);
  --material-theme-schemes-on-primary-fixed: rgba(0, 29, 52, 1);
  --material-theme-schemes-primary-fixed-dim: rgba(158, 202, 252, 1);
  --material-theme-schemes-on-primary-fixed-variant: rgba(20, 74, 116, 1);
  --material-theme-schemes-secondary-fixed: rgba(255, 218, 212, 1);
  --material-theme-schemes-on-secondary-fixed: rgba(58, 9, 5, 1);
  --material-theme-schemes-secondary-fixed-dim: rgba(255, 180, 168, 1);
  --material-theme-schemes-on-secondary-fixed-variant: rgba(115, 52, 42, 1);
  --material-theme-schemes-tertiary-fixed: rgba(158, 239, 253, 1);
  --material-theme-schemes-on-tertiary-fixed: rgba(0, 31, 36, 1);
  --material-theme-schemes-tertiary-fixed-dim: rgba(130, 211, 224, 1);
  --material-theme-schemes-on-tertiary-fixed-variant: rgba(0, 79, 88, 1);
  --material-theme-schemes-surface-dim: rgba(14, 20, 21, 1);
  --material-theme-schemes-surface-bright: rgba(52, 58, 59, 1);
  --material-theme-schemes-surface-container-lowest: rgba(9, 15, 16, 1);
  --material-theme-schemes-surface-container-low: rgba(23, 29, 30, 1);
  --material-theme-schemes-surface-container: rgba(27, 33, 34, 1);
  --material-theme-schemes-surface-container-high: rgba(37, 43, 44, 1);
  --material-theme-schemes-surface-container-highest: rgba(48, 54, 55, 1);
}