/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@fontsource/poppins/400.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
/* poppins-latin-ext-400-normal */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('poppins-latin-ext-400-normal.woff2') format('woff2'), url('poppins-latin-ext-400-normal.woff') format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* poppins-latin-400-normal */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('poppins-latin-400-normal.woff2') format('woff2'), url('poppins-latin-400-normal.woff') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@fontsource/poppins/400-italic.css ***!
  \*****************************************************************************************************************************************************************************************************************************************/
/* poppins-latin-ext-400-italic */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url('poppins-latin-ext-400-italic.woff2') format('woff2'), url('poppins-latin-ext-400-italic.woff') format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* poppins-latin-400-italic */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url('poppins-latin-400-italic.woff2') format('woff2'), url('poppins-latin-400-italic.woff') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@fontsource/poppins/600.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
/* poppins-latin-ext-600-normal */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('poppins-latin-ext-600-normal.woff2') format('woff2'), url('poppins-latin-ext-600-normal.woff') format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* poppins-latin-600-normal */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('poppins-latin-600-normal.woff2') format('woff2'), url('poppins-latin-600-normal.woff') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@fontsource/poppins/600-italic.css ***!
  \*****************************************************************************************************************************************************************************************************************************************/
/* poppins-latin-ext-600-italic */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src: url('poppins-latin-ext-600-italic.woff2') format('woff2'), url('poppins-latin-ext-600-italic.woff') format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* poppins-latin-600-italic */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src: url('poppins-latin-600-italic.woff2') format('woff2'), url('poppins-latin-600-italic.woff') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@fontsource/poppins/900-italic.css ***!
  \*****************************************************************************************************************************************************************************************************************************************/
/* poppins-latin-ext-900-italic */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-display: swap;
  font-weight: 900;
  src: url('poppins-latin-ext-900-italic.woff2') format('woff2'), url('poppins-latin-ext-900-italic.woff') format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* poppins-latin-900-italic */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-display: swap;
  font-weight: 900;
  src: url('poppins-latin-900-italic.woff2') format('woff2'), url('poppins-latin-900-italic.woff') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/main.scss?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --md-ref-palette-primary0: #000000;
  --md-ref-palette-primary5: #0a1400;
  --md-ref-palette-primary10: #121f00;
  --md-ref-palette-primary15: #1a2a00;
  --md-ref-palette-primary20: #223600;
  --md-ref-palette-primary25: #2b4200;
  --md-ref-palette-primary30: #334f00;
  --md-ref-palette-primary35: #3c5b00;
  --md-ref-palette-primary40: #456800;
  --md-ref-palette-primary50: #588300;
  --md-ref-palette-primary60: #6c9f00;
  --md-ref-palette-primary70: #82bc16;
  --md-ref-palette-primary80: #9cd837;
  --md-ref-palette-primary90: #b7f652;
  --md-ref-palette-primary95: #cbff84;
  --md-ref-palette-primary98: #f1ffd4;
  --md-ref-palette-primary99: #f9ffe7;
  --md-ref-palette-primary100: #ffffff;
  --md-ref-palette-secondary0: #000000;
  --md-ref-palette-secondary5: #0a1400;
  --md-ref-palette-secondary10: #131f02;
  --md-ref-palette-secondary15: #1d2a09;
  --md-ref-palette-secondary20: #223600;
  --md-ref-palette-secondary25: #2b4201;
  --md-ref-palette-secondary30: #364e0b;
  --md-ref-palette-secondary35: #405a14;
  --md-ref-palette-secondary40: #4c6623;
  --md-ref-palette-secondary50: #65803a;
  --md-ref-palette-secondary60: #809c52;
  --md-ref-palette-secondary70: #99b669;
  --md-ref-palette-secondary80: #b2d180;
  --md-ref-palette-secondary90: #d2f29e;
  --md-ref-palette-secondary95: #e6f7c5;
  --md-ref-palette-secondary98: #f1ffd4;
  --md-ref-palette-secondary99: #f9ffe7;
  --md-ref-palette-secondary100: #ffffff;
  --md-ref-palette-tertiary0: #000000;
  --md-ref-palette-tertiary5: #041413;
  --md-ref-palette-tertiary10: #081f1e;
  --md-ref-palette-tertiary15: #0d2a29;
  --md-ref-palette-tertiary20: #133635;
  --md-ref-palette-tertiary25: #1f4140;
  --md-ref-palette-tertiary30: #2b4d4b;
  --md-ref-palette-tertiary35: #375957;
  --md-ref-palette-tertiary40: #436563;
  --md-ref-palette-tertiary50: #5b7e7c;
  --md-ref-palette-tertiary60: #759895;
  --md-ref-palette-tertiary70: #8eb3b0;
  --md-ref-palette-tertiary80: #a9cecb;
  --md-ref-palette-tertiary90: #c5eae7;
  --md-ref-palette-tertiary95: #d3f8f6;
  --md-ref-palette-tertiary98: #e8fefc;
  --md-ref-palette-tertiary99: #f4fefd;
  --md-ref-palette-tertiary100: #ffffff;
  --md-ref-palette-neutral100: #ffffff;
  --md-ref-palette-neutral99: #fcfef5;
  --md-ref-palette-neutral98: #f8fbe9;
  --md-ref-palette-neutral96: #f2f5e4;
  --md-ref-palette-neutral95: #f0f3e2;
  --md-ref-palette-neutral94: #ecf0de;
  --md-ref-palette-neutral92: #e7ead8;
  --md-ref-palette-neutral90: #e1e4d3;
  --md-ref-palette-neutral87: #d8dccb;
  --md-ref-palette-neutral80: #cacdbc;
  --md-ref-palette-neutral70: #adb1a1;
  --md-ref-palette-neutral60: #939788;
  --md-ref-palette-neutral50: #7a7e70;
  --md-ref-palette-neutral40: #606457;
  --md-ref-palette-neutral35: #55584b;
  --md-ref-palette-neutral30: #474b3e;
  --md-ref-palette-neutral25: #383b30;
  --md-ref-palette-neutral24: #32362a;
  --md-ref-palette-neutral20: #2e3226;
  --md-ref-palette-neutral17: #272b20;
  --md-ref-palette-neutral15: #23271b;
  --md-ref-palette-neutral12: #1d2116;
  --md-ref-palette-neutral10: #191d12;
  --md-ref-palette-neutral6: #11150b;
  --md-ref-palette-neutral5: #0e1108;
  --md-ref-palette-neutral4: #0c0f06;
  --md-ref-palette-neutral0: #000000;
  --md-ref-palette-neutral-variant100: #ffffff;
  --md-ref-palette-neutral-variant99: #fbfeee;
  --md-ref-palette-neutral-variant98: #f8fbeb;
  --md-ref-palette-neutral-variant95: #f0f2e2;
  --md-ref-palette-neutral-variant90: #e1e4d5;
  --md-ref-palette-neutral-variant80: #c5c8b9;
  --md-ref-palette-neutral-variant70: #aaad9e;
  --md-ref-palette-neutral-variant60: #8f9285;
  --md-ref-palette-neutral-variant50: #75786c;
  --md-ref-palette-neutral-variant40: #5c6054;
  --md-ref-palette-neutral-variant35: #505448;
  --md-ref-palette-neutral-variant30: #45483d;
  --md-ref-palette-neutral-variant25: #393d32;
  --md-ref-palette-neutral-variant20: #2e3227;
  --md-ref-palette-neutral-variant15: #24271d;
  --md-ref-palette-neutral-variant10: #191d13;
  --md-ref-palette-neutral-variant5: #0f1209;
  --md-ref-palette-neutral-variant0: #000000;
  --md-ref-palette-error0: #000000;
  --md-ref-palette-error5: #2d0001;
  --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;
  --md-ref-palette-success0: #000000;
  --md-ref-palette-success5: #0a1400;
  --md-ref-palette-success10: #131f02;
  --md-ref-palette-success15: #1d2a09;
  --md-ref-palette-success20: #223600;
  --md-ref-palette-success25: #2b4201;
  --md-ref-palette-success30: #364e0b;
  --md-ref-palette-success35: #405a14;
  --md-ref-palette-success40: #4c6623;
  --md-ref-palette-success50: #65803a;
  --md-ref-palette-success60: #809c52;
  --md-ref-palette-success70: #99b669;
  --md-ref-palette-success80: #b2d180;
  --md-ref-palette-success90: #d2f29e;
  --md-ref-palette-success95: #e6f7c5;
  --md-ref-palette-success98: #f1ffd4;
  --md-ref-palette-success99: #f9ffe7;
  --md-ref-palette-success100: #ffffff;
}

:root {
  --md-ref-typeface-dm-sans: "DM Sans Variable", Poppins, sans-serif;
  --md-ref-typeface-poppins: "Poppins-Variable", Poppins, sans-serif;
  --md-ref-typeface-poppins-italic: "Poppins-VariableItalic", Poppins,
    sans-serif;
  --md-ref-typeface-weight-light: 300;
  --md-ref-typeface-weight-light--on-light: 300;
  --md-ref-typeface-weight-light--on-dark: 225;
  --md-ref-typeface-weight-regular: 400;
  --md-ref-typeface-weight-regular--on-light: 400;
  --md-ref-typeface-weight-regular--on-dark: 325;
  --md-ref-typeface-weight-medium: 500;
  --md-ref-typeface-weight-medium--on-light: 500;
  --md-ref-typeface-weight-medium--on-dark: 425;
  --md-ref-typeface-weight-semibold: 600;
  --md-ref-typeface-weight-semibold--on-light: 600;
  --md-ref-typeface-weight-semibold--on-dark: 525;
  --md-ref-typeface-weight-bold: 700;
  --md-ref-typeface-weight-bold--on-light: 700;
  --md-ref-typeface-weight-bold--on-dark: 625;
  --md-ref-typeface-weight-extrabold: 800;
  --md-ref-typeface-weight-extrabold--on-light: 800;
  --md-ref-typeface-weight-extrabold--on-dark: 725;
  --md-ref-typeface-weight-black: 900;
  --md-ref-typeface-weight-black--on-light: 900;
  --md-ref-typeface-weight-black--on-dark: 825;
}

:root {
  --md-sys-shape-corner-none: 0;
  --md-sys-shape-corner-extra-small: 4px;
  --md-sys-shape-corner-extra-small-top: 4px 4px 0 0;
  --md-sys-shape-corner-extra-small-right: 0 4px 4px 0;
  --md-sys-shape-corner-extra-small-bottom: 0 0 4px 4px;
  --md-sys-shape-corner-extra-small-left: 4px 0 0 4px;
  --md-sys-shape-corner-small: 8px;
  --md-sys-shape-corner-small-top: 8px 8px 0 0;
  --md-sys-shape-corner-small-right: 0 8px 8px 0;
  --md-sys-shape-corner-small-bottom: 0 0 8px 8px;
  --md-sys-shape-corner-small-left: 8px 0 0 8px;
  --md-sys-shape-corner-medium: 12px;
  --md-sys-shape-corner-medium-top: 12px 12px 0 0;
  --md-sys-shape-corner-medium-right: 0 12px 12px 0;
  --md-sys-shape-corner-medium-bottom: 0 0 12px 12px;
  --md-sys-shape-corner-medium-left: 12px 0 0 12px;
  --md-sys-shape-corner-large: 16px;
  --md-sys-shape-corner-large-top: 16px 16px 0 0;
  --md-sys-shape-corner-large-right: 0 16px 16px 0;
  --md-sys-shape-corner-large-bottom: 0 0 16px 16px;
  --md-sys-shape-corner-large-left: 16px 0 0 16px;
  --md-sys-shape-corner-extra-large: 24px;
  --md-sys-shape-corner-extra-large-top: 24px 24px 0 0;
  --md-sys-shape-corner-extra-large-right: 0 24px 24px 0;
  --md-sys-shape-corner-extra-large-bottom: 0 0 24px 24px;
  --md-sys-shape-corner-extra-large-left: 24px 0 0 24px;
  --md-sys-shape-corner-extra-extra-large: 32px;
  --md-sys-shape-corner-extra-extra-large-top: 32px 32px 0 0;
  --md-sys-shape-corner-extra-extra-large-right: 0 32px 32px 0;
  --md-sys-shape-corner-extra-extra-large-bottom: 0 0 32px 32px;
  --md-sys-shape-corner-extra-extra-large-left: 32px 0 0 32px;
  --md-sys-shape-corner-huge: 40px;
  --md-sys-shape-corner-huge-top: 40px 40px 0 0;
  --md-sys-shape-corner-huge-right: 0 40px 40px 0;
  --md-sys-shape-corner-huge-bottom: 0 0 40px 40px;
  --md-sys-shape-corner-huge-left: 40px 0 0 40px;
  --md-sys-shape-corner-full: 100rem;
}

:root {
  --step--2: clamp(0.6914rem, 0.6281rem + 0.3162vi, 0.8681rem);
  --step--1: clamp(0.7778rem, 0.6833rem + 0.4723vi, 1.0417rem);
  --step-0: clamp(0.875rem, 0.7408rem + 0.6711vi, 1.25rem);
  --step-1: clamp(0.9844rem, 0.7998rem + 0.9228vi, 1.5rem);
  --step-2: clamp(1.1074rem, 0.8595rem + 1.2395vi, 1.8rem);
  --step-3: clamp(1.2458rem, 0.9186rem + 1.6361vi, 2.16rem);
  --step-4: clamp(1.4016rem, 0.9755rem + 2.1305vi, 2.592rem);
  --step-5: clamp(1.5768rem, 1.0278rem + 2.7447vi, 3.1104rem);
  --hero-step--2: clamp(0.6914rem, 0.6554rem + 0.1796vi, 0.8681rem);
  --hero-step--1: clamp(0.7778rem, 0.7241rem + 0.2682vi, 1.0417rem);
  --hero-step-0: clamp(0.875rem, 0.7988rem + 0.3812vi, 1.25rem);
  --hero-step-1: clamp(0.9844rem, 0.8795rem + 0.5241vi, 1.5rem);
  --hero-step-2: clamp(1.1074rem, 0.9666rem + 0.704vi, 1.8rem);
  --hero-step-3: clamp(1.2458rem, 1.06rem + 0.9293vi, 2.16rem);
  --hero-step-4: clamp(1.4016rem, 1.1596rem + 1.2101vi, 2.592rem);
  --hero-step-5: clamp(1.5768rem, 1.265rem + 1.559vi, 3.1104rem);
  --cq-step--1: clamp(0.7778rem, 0.6709rem + 0.5345cqi, 1.0417rem);
  --cq-step-0: clamp(0.875rem, 0.7231rem + 0.7595cqi, 1.25rem);
  --cq-step-1: clamp(0.9844rem, 0.7755rem + 1.0443cqi, 1.5rem);
  --cq-step-2: clamp(1.1074rem, 0.8269rem + 1.4027cqi, 1.8rem);
  --cq-step-3: clamp(1.2458rem, 0.8756rem + 1.8514cqi, 2.16rem);
  --cq-step-4: clamp(1.4016rem, 0.9194rem + 2.411cqi, 2.592rem);
  --cq-step-5: clamp(1.5768rem, 0.9556rem + 3.1061cqi, 3.1104rem);
  --space-3xs: clamp(4px, 2.5682px + 0.4474vw, 8px);
  --space-2xs: clamp(8px, 5.1365px + 0.8949vw, 16px);
  --space-xs: clamp(12px, 7.7047px + 1.3423vw, 24px);
  --space-s: clamp(16px, 10.2729px + 1.7897vw, 32px);
  --space-m: clamp(24px, 15.4094px + 2.6846vw, 48px);
  --space-l: clamp(32px, 20.5459px + 3.5794vw, 64px);
  --space-xl: clamp(48px, 30.8188px + 5.3691vw, 96px);
  --space-2xl: clamp(64px, 41.0917px + 7.1588vw, 128px);
  --space-3xl: clamp(96px, 61.6376px + 10.7383vw, 192px);
  --space-3xs-2xs: clamp(4px, -0.2953px + 1.3423vw, 16px);
  --space-2xs-xs: clamp(8px, 2.2729px + 1.7897vw, 24px);
  --space-xs-s: clamp(12px, 4.8412px + 2.2371vw, 32px);
  --space-s-m: clamp(16px, 4.5459px + 3.5794vw, 48px);
  --space-m-l: clamp(24px, 9.6823px + 4.4743vw, 64px);
  --space-l-xl: clamp(32px, 9.0917px + 7.1588vw, 96px);
  --space-xl-2xl: clamp(48px, 19.3647px + 8.9485vw, 128px);
  --space-2xl-3xl: clamp(64px, 18.1834px + 14.3177vw, 192px);
  --space-s-l: clamp(16px, -1.1812px + 5.3691vw, 64px);
}

:root {
  --md-sys-typescale-display-large-font: var(--md-ref-typeface-poppins);
  --md-sys-typescale-display-large-line-height: 64px;
  --md-sys-typescale-display-large-size: 57px;
  --md-sys-typescale-display-large-tracking: -0.75px;
  --md-sys-typescale-display-large-weight: var(
    --md-ref-typeface-weight-semibold
  );
  --md-sys-typescale-display-medium-font: var(--md-ref-typeface-poppins);
  --md-sys-typescale-display-medium-line-height: 52px;
  --md-sys-typescale-display-medium-size: 45px;
  --md-sys-typescale-display-medium-tracking: -0.5px;
  --md-sys-typescale-display-medium-weight: var(
    --md-ref-typeface-weight-semibold
  );
  --md-sys-typescale-display-small-font: var(--md-ref-typeface-poppins);
  --md-sys-typescale-display-small-line-height: 44px;
  --md-sys-typescale-display-small-size: 36px;
  --md-sys-typescale-display-small-tracking: 0;
  --md-sys-typescale-display-small-weight: var(
    --md-ref-typeface-weight-semibold
  );
  --md-sys-typescale-headline-large-font: var(--md-ref-typeface-poppins);
  --md-sys-typescale-headline-large-line-height: 40px;
  --md-sys-typescale-headline-large-size: 32px;
  --md-sys-typescale-headline-large-tracking: 0;
  --md-sys-typescale-headline-large-weight: var(
    --md-ref-typeface-weight-semibold
  );
  --md-sys-typescale-headline-medium-font: var(--md-ref-typeface-poppins);
  --md-sys-typescale-headline-medium-line-height: 36px;
  --md-sys-typescale-headline-medium-size: 28px;
  --md-sys-typescale-headline-medium-tracking: 0;
  --md-sys-typescale-headline-medium-weight: var(
    --md-ref-typeface-weight-semibold
  );
  --md-sys-typescale-headline-small-font: var(--md-ref-typeface-poppins);
  --md-sys-typescale-headline-small-line-height: 32px;
  --md-sys-typescale-headline-small-size: 24px;
  --md-sys-typescale-headline-small-tracking: 0;
  --md-sys-typescale-headline-small-weight: var(
    --md-ref-typeface-weight-semibold
  );
  --md-sys-typescale-title-large-font: var(--md-ref-typeface-poppins);
  --md-sys-typescale-title-large-line-height: 28px;
  --md-sys-typescale-title-large-size: 22px;
  --md-sys-typescale-title-large-tracking: 0;
  --md-sys-typescale-title-large-weight: var(--md-ref-typeface-weight-semibold);
  --md-sys-typescale-title-medium-font: var(--md-ref-typeface-poppins);
  --md-sys-typescale-title-medium-line-height: 24px;
  --md-sys-typescale-title-medium-size: 16px;
  --md-sys-typescale-title-medium-tracking: 0;
  --md-sys-typescale-title-medium-weight: var(
    --md-ref-typeface-weight-semibold
  );
  --md-sys-typescale-title-small-font: var(--md-ref-typeface-poppins);
  --md-sys-typescale-title-small-line-height: 20px;
  --md-sys-typescale-title-small-size: 14px;
  --md-sys-typescale-title-small-tracking: 0;
  --md-sys-typescale-title-small-weight: var(--md-ref-typeface-weight-semibold);
  --md-sys-typescale-label-large-font: var(--md-ref-typeface-poppins);
  --md-sys-typescale-label-large-line-height: 20px;
  --md-sys-typescale-label-large-size: 14px;
  --md-sys-typescale-label-large-tracking: 0.1px;
  --md-sys-typescale-label-large-weight: var(--md-ref-typeface-weight-medium);
  --md-sys-typescale-label-medium-font: var(--md-ref-typeface-poppins);
  --md-sys-typescale-label-medium-line-height: 16px;
  --md-sys-typescale-label-medium-size: 12px;
  --md-sys-typescale-label-medium-tracking: 0.5px;
  --md-sys-typescale-label-medium-weight: var(--md-ref-typeface-weight-medium);
  --md-sys-typescale-label-small-font: var(--md-ref-typeface-poppins);
  --md-sys-typescale-label-small-line-height: 16px;
  --md-sys-typescale-label-small-size: 11px;
  --md-sys-typescale-label-small-tracking: 0.5px;
  --md-sys-typescale-label-small-weight: var(--md-ref-typeface-weight-medium);
  --md-sys-typescale-body-large-font: var(--md-ref-typeface-poppins);
  --md-sys-typescale-body-large-line-height: 24px;
  --md-sys-typescale-body-large-size: 16px;
  --md-sys-typescale-body-large-tracking: 0;
  --md-sys-typescale-body-large-weight: var(--md-ref-typeface-weight-regular);
  --md-sys-typescale-body-medium-font: var(--md-ref-typeface-poppins);
  --md-sys-typescale-body-medium-line-height: 20px;
  --md-sys-typescale-body-medium-size: 14px;
  --md-sys-typescale-body-medium-tracking: 0;
  --md-sys-typescale-body-medium-weight: var(--md-ref-typeface-weight-regular);
  --md-sys-typescale-body-small-font: var(--md-ref-typeface-poppins);
  --md-sys-typescale-body-small-line-height: 16px;
  --md-sys-typescale-body-small-size: 12px;
  --md-sys-typescale-body-small-tracking: 0;
  --md-sys-typescale-body-small-weight: var(--md-ref-typeface-weight-regular);
}

:root {
  --md-sys-size-1: 4px;
  --md-sys-size-2: 8px;
  --md-sys-size-3: 12px;
  --md-sys-size-4: 16px;
  --md-sys-size-5: 20px;
  --md-sys-size-6: 24px;
  --md-sys-size-7: 28px;
  --md-sys-size-8: 32px;
  --md-sys-size-9: 40px;
  --md-sys-size-10: 48px;
  --md-sys-size-11: 56px;
  --md-sys-size-12: 64px;
  --md-sys-size-13: 80px;
  --md-sys-size-14: 120px;
  --md-sys-size-15: 160px;
}

:root {
  --md-sys-state-enabled-state-layer-opacity: 0;
  --md-sys-state-hover-state-layer-opacity: 0.08;
  --md-sys-state-pressed-state-layer-opacity: 0.12;
  --md-sys-state-dragged-state-layer-opacity: 0.16;
  --md-sys-state-focused-state-layer-opacity: 0.12;
  --md-sys-state-selected-state-layer-opacity: 0.16;
  --md-sys-state-disabled-state-layer-opacity: 0.38;
}

.theme-dark {
  --md-sys-color-primary: rgb(179 240 77);
  --md-sys-color-surface-tint: rgb(156 216 55);
  --md-sys-color-on-primary: rgb(34 54 0);
  --md-sys-color-primary-container: rgb(139 197 34);
  --md-sys-color-on-primary-container: rgb(28 45 0);
  --md-sys-color-inverse-primary: rgb(69 104 0);
  --md-sys-color-primary-fixed: rgb(183 246 82);
  --md-sys-color-on-primary-fixed: rgb(18 31 0);
  --md-sys-color-primary-fixed-dim: rgb(156 216 55);
  --md-sys-color-on-primary-fixed-variant: rgb(51 79 0);
  --md-sys-color-secondary: rgb(178 209 128);
  --md-sys-color-on-secondary: rgb(34 54 0);
  --md-sys-color-secondary-container: rgb(46 70 3);
  --md-sys-color-on-secondary-container: rgb(191 222 140);
  --md-sys-color-secondary-fixed: rgb(206 238 154);
  --md-sys-color-on-secondary-fixed: rgb(18 31 0);
  --md-sys-color-secondary-fixed-dim: rgb(178 209 128);
  --md-sys-color-on-secondary-fixed-variant: rgb(54 78 11);
  --md-sys-color-tertiary: rgb(160 208 203);
  --md-sys-color-on-tertiary: rgb(0 55 53);
  --md-sys-color-tertiary-container: rgb(31 78 75);
  --md-sys-color-on-tertiary-container: rgb(188 236 231);
  --md-sys-color-tertiary-fixed: rgb(188 236 231);
  --md-sys-color-on-tertiary-fixed: rgb(0 32 30);
  --md-sys-color-tertiary-fixed-dim: rgb(160 208 203);
  --md-sys-color-on-tertiary-fixed-variant: rgb(31 78 75);
  --md-sys-color-error: var(--md-ref-palette-error80);
  --md-sys-color-on-error: var(--md-ref-palette-error20);
  --md-sys-color-error-container: var(--md-ref-palette-error30);
  --md-sys-color-on-error-container: var(--md-ref-palette-error90);
  --md-sys-color-error-fixed: var(--md-ref-palette-error90);
  --md-sys-color-on-error-fixed: var(--md-ref-palette-error10);
  --md-sys-color-error-fixed-dim: var(--md-ref-palette-error80);
  --md-sys-color-on-error-fixed-variant: var(--md-ref-palette-error30);
  --md-sys-color-success: var(--md-ref-palette-success80);
  --md-sys-color-on-success: var(--md-ref-palette-success20);
  --md-sys-color-success-container: var(--md-ref-palette-success30);
  --md-sys-color-on-success-container: var(--md-ref-palette-success90);
  --md-sys-color-success-fixed: var(--md-ref-palette-success90);
  --md-sys-color-on-success-fixed: var(--md-ref-palette-success10);
  --md-sys-color-success-fixed-dim: var(--md-ref-palette-success80);
  --md-sys-color-on-success-fixed-variant: var(--md-ref-palette-success30);
  --md-sys-color-background: rgb(17 21 11);
  --md-sys-color-on-background: rgb(225 228 211);
  --md-sys-color-surface: rgb(17 21 11);
  --md-sys-color-on-surface: rgb(225 228 211);
  --md-sys-color-surface-variant: rgb(66 73 54);
  --md-sys-color-on-surface-variant: rgb(194 201 177);
  --md-sys-color-outline: rgb(140 148 125);
  --md-sys-color-outline-variant: rgb(66 73 54);
  --md-sys-color-shadow: rgb(0 0 0);
  --md-sys-color-scrim: rgb(0 0 0);
  --md-sys-color-inverse-surface: rgb(225 228 211);
  --md-sys-color-inverse-on-surface: rgb(46 50 38);
  --md-sys-color-surface-dim: rgb(17 21 11);
  --md-sys-color-surface-bright: rgb(55 59 47);
  --md-sys-color-surface-container-lowest: rgb(12 15 6);
  --md-sys-color-surface-container-low: rgb(25 29 18);
  --md-sys-color-surface-container: rgb(29 33 22);
  --md-sys-color-surface-container-high: rgb(39 43 32);
  --md-sys-color-surface-container-highest: rgb(50 54 42);
  --md-sys-color-surface-always-bright: var(--md-ref-palette-neutral60);
}
@supports (font-variation-settings: normal) {
  .theme-dark {
    --md-ref-typeface-weight-light: var(
      --md-ref-typeface-weight-light--on-dark
    );
    --md-ref-typeface-weight-regular: var(
      --md-ref-typeface-weight-regular--on-dark
    );
    --md-ref-typeface-weight-medium: var(
      --md-ref-typeface-weight-medium--on-dark
    );
    --md-ref-typeface-weight-semibold: var(
      --md-ref-typeface-weight-semibold--on-dark
    );
    --md-ref-typeface-weight-bold: var(--md-ref-typeface-weight-bold--on-dark);
    --md-ref-typeface-weight-exrtabold: var(
      --md-ref-typeface-weight-exrtabold--on-dark
    );
    --md-ref-typeface-weight-black: var(
      --md-ref-typeface-weight-black--on-dark
    );
    --md-ref-typeface-inverse-weight-black: var(
      --md-ref-typeface-weight-black--on-light
    );
  }
}

.theme-light {
  --md-sys-color-primary: rgb(69 104 0);
  --md-sys-color-surface-tint: rgb(69 104 0);
  --md-sys-color-on-primary: rgb(255 255 255);
  --md-sys-color-primary-container: rgb(154 214 52);
  --md-sys-color-on-primary-container: rgb(37 59 0);
  --md-sys-color-inverse-primary: rgb(156 216 55);
  --md-sys-color-primary-fixed: rgb(183 246 82);
  --md-sys-color-on-primary-fixed: rgb(18 31 0);
  --md-sys-color-primary-fixed-dim: rgb(156 216 55);
  --md-sys-color-on-primary-fixed-variant: rgb(51 79 0);
  --md-sys-color-secondary: rgb(76 102 35);
  --md-sys-color-on-secondary: rgb(255 255 255);
  --md-sys-color-secondary-container: rgb(210 242 158);
  --md-sys-color-on-secondary-container: rgb(57 82 15);
  --md-sys-color-secondary-fixed: rgb(206 238 154);
  --md-sys-color-on-secondary-fixed: rgb(18 31 0);
  --md-sys-color-secondary-fixed-dim: rgb(178 209 128);
  --md-sys-color-on-secondary-fixed-variant: rgb(54 78 11);
  --md-sys-color-tertiary: rgb(56 102 99);
  --md-sys-color-on-tertiary: rgb(255 255 255);
  --md-sys-color-tertiary-container: rgb(188 236 231);
  --md-sys-color-on-tertiary-container: rgb(0 32 30);
  --md-sys-color-tertiary-fixed: rgb(188 236 231);
  --md-sys-color-on-tertiary-fixed: rgb(0 32 30);
  --md-sys-color-tertiary-fixed-dim: rgb(160 208 203);
  --md-sys-color-on-tertiary-fixed-variant: rgb(31 78 75);
  --md-sys-color-error: var(--md-ref-palette-error40);
  --md-sys-color-on-error: var(--md-ref-palette-error100);
  --md-sys-color-error-container: var(--md-ref-palette-error90);
  --md-sys-color-on-error-container: var(--md-ref-palette-error10);
  --md-sys-color-error-fixed: var(--md-ref-palette-error90);
  --md-sys-color-on-error-fixed: var(--md-ref-palette-error10);
  --md-sys-color-error-fixed-dim: var(--md-ref-palette-error80);
  --md-sys-color-on-error-fixed-variant: var(--md-ref-palette-error30);
  --md-sys-color-success: var(--md-ref-palette-success40);
  --md-sys-color-on-success: var(--md-ref-palette-success100);
  --md-sys-color-success-container: var(--md-ref-palette-success90);
  --md-sys-color-on-success-container: var(--md-ref-palette-success10);
  --md-sys-color-success-fixed: var(--md-ref-palette-success90);
  --md-sys-color-on-success-fixed: var(--md-ref-palette-success10);
  --md-sys-color-success-fixed-dim: var(--md-ref-palette-success80);
  --md-sys-color-on-success-fixed-variant: var(--md-ref-palette-success30);
  --md-sys-color-background: rgb(248 251 233);
  --md-sys-color-on-background: rgb(25 29 18);
  --md-sys-color-surface: var(--md-ref-palette-neutral99);
  --md-sys-color-on-surface: rgb(25 29 18);
  --md-sys-color-surface-variant: rgb(223 230 204);
  --md-sys-color-on-surface-variant: rgb(66 73 54);
  --md-sys-color-outline: rgb(115 122 100);
  --md-sys-color-outline-variant: rgb(194 201 177);
  --md-sys-color-shadow: rgb(0 0 0);
  --md-sys-color-scrim: rgb(0 0 0);
  --md-sys-color-inverse-surface: rgb(46 50 38);
  --md-sys-color-inverse-on-surface: rgb(239 242 225);
  --md-sys-color-surface-dim: rgb(216 220 203);
  --md-sys-color-surface-bright: var(
    --md-ref-palette-neutral99
  );
  --md-sys-color-surface-container-lowest: rgb(255 255 255);
  --md-sys-color-surface-container-low: var(
    --md-ref-palette-neutral98
  );
  --md-sys-color-surface-container: var(
    --md-ref-palette-neutral96
  );
  --md-sys-color-surface-container-high: var(
    --md-ref-palette-neutral94
  );
  --md-sys-color-surface-container-highest: var(
    --md-ref-palette-neutral90
  );
  --md-sys-color-surface-always-bright: var(--md-ref-palette-neutral99);
}
@supports (font-variation-settings: normal) {
  .theme-light {
    --md-ref-typeface-weight-light: var(
      --md-ref-typeface-weight-light--on-light
    );
    --md-ref-typeface-weight-regular: var(
      --md-ref-typeface-weight-regular--on-light
    );
    --md-ref-typeface-weight-medium: var(
      --md-ref-typeface-weight-medium--on-light
    );
    --md-ref-typeface-weight-semibold: var(
      --md-ref-typeface-weight-semibold--on-light
    );
    --md-ref-typeface-weight-bold: var(--md-ref-typeface-weight-bold--on-light);
    --md-ref-typeface-weight-exrtabold: var(
      --md-ref-typeface-weight-exrtabold--on-light
    );
    --md-ref-typeface-weight-black: var(
      --md-ref-typeface-weight-black--on-light
    );
    --md-ref-typeface-inverse-weight-black: var(
      --md-ref-typeface-weight-black--on-dark
    );
  }
}

.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-app-background {
  background-color: var(--mat-app-background-color, transparent);
  color: var(--mat-app-text-color, inherit);
}

.theme-light {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-option-selected-state-label-text-color: var(--md-sys-color-primary);
  --mat-option-label-text-color: var(--md-sys-color-on-surface);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-optgroup-label-text-color: var(--md-sys-color-on-surface);
  --mat-full-pseudo-checkbox-selected-icon-color: var(--md-sys-color-primary);
  --mat-full-pseudo-checkbox-selected-checkmark-color: var(--md-sys-color-surface);
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: var(--md-sys-color-surface);
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--md-sys-color-primary);
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
  --mat-app-background-color: var(--md-sys-color-surface);
  --mat-app-text-color: var(--md-sys-color-on-surface);
  --mat-option-label-text-font: var(--md-sys-typescale-body-large-font);
  --mat-option-label-text-line-height: var(--md-sys-typescale-body-large-line-height);
  --mat-option-label-text-size: var(--md-sys-typescale-body-large-size);
  --mat-option-label-text-tracking: var(--md-sys-typescale-body-large-tracking);
  --mat-option-label-text-weight: var(--md-sys-typescale-body-large-weight);
  --mat-optgroup-label-text-font: var(--md-sys-typescale-body-large-font);
  --mat-optgroup-label-text-line-height: var(--md-sys-typescale-body-large-line-height);
  --mat-optgroup-label-text-size: var(--md-sys-typescale-body-large-size);
  --mat-optgroup-label-text-tracking: var(--md-sys-typescale-body-large-tracking);
  --mat-optgroup-label-text-weight: var(--md-sys-typescale-body-large-weight);
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-title-text-font: var(--md-sys-typescale-headline-small-font);
  --mat-card-title-text-line-height: var(--md-sys-typescale-headline-small-line-height);
  --mat-card-title-text-size: var(--md-sys-typescale-headline-small-size);
  --mat-card-title-text-tracking: var(--md-sys-typescale-headline-small-tracking);
  --mat-card-title-text-weight: var(--md-sys-typescale-headline-small-weight);
  --mat-card-subtitle-text-font: var(--md-sys-typescale-title-small-font);
  --mat-card-subtitle-text-line-height: var(--md-sys-typescale-title-small-line-height);
  --mat-card-subtitle-text-size: var(--md-sys-typescale-title-small-size);
  --mat-card-subtitle-text-tracking: var(--md-sys-typescale-title-small-tracking);
  --mat-card-subtitle-text-weight: var(--md-sys-typescale-title-small-weight);
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
  --mdc-plain-tooltip-supporting-text-font: var(--md-sys-typescale-body-large-font);
  --mdc-plain-tooltip-supporting-text-size: var(--md-sys-typescale-body-large-size);
  --mdc-plain-tooltip-supporting-text-weight: var(--md-sys-typescale-body-large-weight);
  --mdc-plain-tooltip-supporting-text-tracking: var(--md-sys-typescale-body-large-tracking);
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
  --mdc-filled-text-field-caret-color: var(--md-sys-color-primary);
  --mdc-filled-text-field-focus-active-indicator-color: var(--md-sys-color-primary);
  --mdc-filled-text-field-focus-label-text-color: var(--md-sys-color-primary);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: var(--md-sys-color-on-surface);
  --mdc-filled-text-field-hover-label-text-color: var(--md-sys-color-on-surface);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: var(--md-sys-color-on-surface);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: var(--md-sys-color-on-surface);
  --mdc-filled-text-field-error-hover-label-text-color: #f44336;
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
  --mdc-outlined-text-field-caret-color: var(--md-sys-color-primary);
  --mdc-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);
  --mdc-outlined-text-field-focus-label-text-color: var(--md-sys-color-primary);
  --mdc-outlined-text-field-label-text-color: var(--md-sys-color-on-surface);
  --mdc-outlined-text-field-hover-label-text-color: var(--md-sys-color-on-surface);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: var(--md-sys-color-on-surface);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: var(--md-sys-color-on-surface);
  --mdc-outlined-text-field-error-caret-color: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
  --mat-form-field-focus-select-arrow-color: var(--md-sys-color-primary);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mdc-filled-text-field-label-text-font: var(--md-sys-typescale-body-large-font);
  --mdc-filled-text-field-label-text-size: var(--md-sys-typescale-body-large-size);
  --mdc-filled-text-field-label-text-tracking: var(--md-sys-typescale-body-large-tracking);
  --mdc-filled-text-field-label-text-weight: var(--md-sys-typescale-body-large-weight);
  --mdc-outlined-text-field-label-text-font: var(--md-sys-typescale-body-large-font);
  --mdc-outlined-text-field-label-text-size: var(--md-sys-typescale-body-large-size);
  --mdc-outlined-text-field-label-text-tracking: var(--md-sys-typescale-body-large-tracking);
  --mdc-outlined-text-field-label-text-weight: var(--md-sys-typescale-body-large-weight);
  --mat-form-field-container-text-font: var(--md-sys-typescale-body-large-font);
  --mat-form-field-container-text-line-height: var(--md-sys-typescale-body-large-line-height);
  --mat-form-field-container-text-size: var(--md-sys-typescale-body-large-size);
  --mat-form-field-container-text-tracking: var(--md-sys-typescale-body-large-tracking);
  --mat-form-field-container-text-weight: var(--md-sys-typescale-body-large-weight);
  --mat-form-field-outlined-label-text-populated-size: var(--md-sys-typescale-body-large-size);
  --mat-form-field-subscript-text-font: var(--md-sys-typescale-body-large-font);
  --mat-form-field-subscript-text-line-height: var(--md-sys-typescale-body-large-line-height);
  --mat-form-field-subscript-text-size: var(--md-sys-typescale-body-large-size);
  --mat-form-field-subscript-text-tracking: var(--md-sys-typescale-body-large-tracking);
  --mat-form-field-subscript-text-weight: var(--md-sys-typescale-body-large-weight);
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: var(--md-sys-color-on-surface);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: var(--md-sys-color-on-surface);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: var(--md-sys-color-on-surface);
  --mat-select-focused-arrow-color: var(--md-sys-color-primary);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: var(--md-sys-typescale-body-large-font);
  --mat-select-trigger-text-line-height: var(--md-sys-typescale-body-large-line-height);
  --mat-select-trigger-text-size: var(--md-sys-typescale-body-large-size);
  --mat-select-trigger-text-tracking: var(--md-sys-typescale-body-large-tracking);
  --mat-select-trigger-text-weight: var(--md-sys-typescale-body-large-weight);
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: white;
  --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mdc-dialog-container-color: var(--md-sys-color-surface-container-low);
  --mdc-dialog-subhead-color: var(--md-sys-color-on-surface);
  --mdc-dialog-supporting-text-color: var(--md-sys-color-on-surface);
  --mdc-dialog-subhead-font: var(--md-sys-typescale-headline-small-font);
  --mdc-dialog-subhead-line-height: var(--md-sys-typescale-headline-small-line-height);
  --mdc-dialog-subhead-size: var(--md-sys-typescale-headline-small-size);
  --mdc-dialog-subhead-weight: var(--md-sys-typescale-headline-small-weight);
  --mdc-dialog-subhead-tracking: var(--md-sys-typescale-headline-small-tracking);
  --mdc-dialog-supporting-text-font: var(--md-sys-typescale-body-large-font);
  --mdc-dialog-supporting-text-line-height: var(--md-sys-typescale-body-large-line-height);
  --mdc-dialog-supporting-text-size: var(--md-sys-typescale-body-large-size);
  --mdc-dialog-supporting-text-weight: var(--md-sys-typescale-body-large-weight);
  --mdc-dialog-supporting-text-tracking: var(--md-sys-typescale-body-large-tracking);
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
  --mdc-switch-selected-focus-state-layer-color: #3949ab;
  --mdc-switch-selected-handle-color: #3949ab;
  --mdc-switch-selected-hover-state-layer-color: #3949ab;
  --mdc-switch-selected-pressed-state-layer-color: #3949ab;
  --mdc-switch-selected-focus-handle-color: #1a237e;
  --mdc-switch-selected-hover-handle-color: #1a237e;
  --mdc-switch-selected-pressed-handle-color: #1a237e;
  --mdc-switch-selected-focus-track-color: #7986cb;
  --mdc-switch-selected-hover-track-color: #7986cb;
  --mdc-switch-selected-pressed-track-color: #7986cb;
  --mdc-switch-selected-track-color: #7986cb;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-switch-state-layer-size: 40px;
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-color: var(--md-sys-color-primary);
  --mdc-slider-focus-handle-color: var(--md-sys-color-primary);
  --mdc-slider-hover-handle-color: var(--md-sys-color-primary);
  --mdc-slider-active-track-color: var(--md-sys-color-primary);
  --mdc-slider-inactive-track-color: var(--md-sys-color-primary);
  --mdc-slider-with-tick-marks-inactive-container-color: var(--md-sys-color-primary);
  --mdc-slider-with-tick-marks-active-container-color: var(--md-sys-color-on-primary);
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-ripple-color: var(--md-sys-color-primary);
  --mat-slider-hover-state-layer-color: rgba(var(--md-sys-color-primary), 0.05);
  --mat-slider-focus-state-layer-color: rgba(var(--md-sys-color-primary), 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
  --mdc-slider-label-label-text-font: var(--md-sys-typescale-title-small-font);
  --mdc-slider-label-label-text-size: var(--md-sys-typescale-title-small-size);
  --mdc-slider-label-label-text-line-height: var(--md-sys-typescale-title-small-line-height);
  --mdc-slider-label-label-text-tracking: var(--md-sys-typescale-title-small-tracking);
  --mdc-slider-label-label-text-weight: var(--md-sys-typescale-title-small-weight);
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-item-label-text-color: var(--md-sys-color-on-surface);
  --mat-menu-item-icon-color: var(--md-sys-color-on-surface);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: var(--md-sys-typescale-body-large-font);
  --mat-menu-item-label-text-size: var(--md-sys-typescale-body-large-size);
  --mat-menu-item-label-text-tracking: var(--md-sys-typescale-body-large-tracking);
  --mat-menu-item-label-text-line-height: var(--md-sys-typescale-body-large-line-height);
  --mat-menu-item-label-text-weight: var(--md-sys-typescale-body-large-weight);
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mdc-list-list-item-label-text-color: var(--md-sys-color-on-surface);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: var(--md-sys-color-on-surface);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: var(--md-sys-color-on-surface);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mdc-list-list-item-label-text-font: var(--md-sys-typescale-body-large-font);
  --mdc-list-list-item-label-text-line-height: var(--md-sys-typescale-body-large-line-height);
  --mdc-list-list-item-label-text-size: var(--md-sys-typescale-body-large-size);
  --mdc-list-list-item-label-text-tracking: var(--md-sys-typescale-body-large-tracking);
  --mdc-list-list-item-label-text-weight: var(--md-sys-typescale-body-large-weight);
  --mdc-list-list-item-supporting-text-font: var(--md-sys-typescale-body-medium-font);
  --mdc-list-list-item-supporting-text-line-height: var(--md-sys-typescale-body-medium-line-height);
  --mdc-list-list-item-supporting-text-size: var(--md-sys-typescale-body-medium-size);
  --mdc-list-list-item-supporting-text-tracking: var(--md-sys-typescale-body-medium-tracking);
  --mdc-list-list-item-supporting-text-weight: var(--md-sys-typescale-body-medium-weight);
  --mdc-list-list-item-trailing-supporting-text-font: var(--md-sys-typescale-body-large-font);
  --mdc-list-list-item-trailing-supporting-text-line-height: var(--md-sys-typescale-body-large-line-height);
  --mdc-list-list-item-trailing-supporting-text-size: var(--md-sys-typescale-body-large-size);
  --mdc-list-list-item-trailing-supporting-text-tracking: var(--md-sys-typescale-body-large-tracking);
  --mdc-list-list-item-trailing-supporting-text-weight: var(--md-sys-typescale-body-large-weight);
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-container-text-font: var(--md-sys-typescale-body-large-font);
  --mat-paginator-container-text-line-height: var(--md-sys-typescale-body-large-line-height);
  --mat-paginator-container-text-size: var(--md-sys-typescale-body-large-size);
  --mat-paginator-container-text-tracking: var(--md-sys-typescale-body-large-tracking);
  --mat-paginator-container-text-weight: var(--md-sys-typescale-body-large-weight);
  --mat-paginator-select-trigger-text-size: var(--md-sys-typescale-body-large-size);
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: var(--md-sys-color-on-primary);
  --mdc-checkbox-selected-focus-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-hover-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-pressed-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-hover-state-layer-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--md-sys-color-primary);
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-keep-touch-target: false;
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
  --mdc-text-button-label-text-color: var(--md-sys-color-on-surface);
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: var(--md-sys-color-on-surface);
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: var(--md-sys-color-on-surface);
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-container-shadow-color: #000;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: var(--md-sys-color-on-surface);
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
  --mdc-text-button-label-text-font: var(--md-sys-typescale-label-large-font);
  --mdc-text-button-label-text-size: var(--md-sys-typescale-label-large-size);
  --mdc-text-button-label-text-tracking: var(--md-sys-typescale-label-large-tracking);
  --mdc-text-button-label-text-weight: var(--md-sys-typescale-label-large-weight);
  --mdc-text-button-label-text-transform: none;
  --mdc-filled-button-label-text-font: var(--md-sys-typescale-label-large-font);
  --mdc-filled-button-label-text-size: var(--md-sys-typescale-label-large-size);
  --mdc-filled-button-label-text-tracking: var(--md-sys-typescale-label-large-tracking);
  --mdc-filled-button-label-text-weight: var(--md-sys-typescale-label-large-weight);
  --mdc-filled-button-label-text-transform: none;
  --mdc-outlined-button-label-text-font: var(--md-sys-typescale-label-large-font);
  --mdc-outlined-button-label-text-size: var(--md-sys-typescale-label-large-size);
  --mdc-outlined-button-label-text-tracking: var(--md-sys-typescale-label-large-tracking);
  --mdc-outlined-button-label-text-weight: var(--md-sys-typescale-label-large-weight);
  --mdc-outlined-button-label-text-transform: none;
  --mdc-protected-button-label-text-font: var(--md-sys-typescale-label-large-font);
  --mdc-protected-button-label-text-size: var(--md-sys-typescale-label-large-size);
  --mdc-protected-button-label-text-tracking: var(--md-sys-typescale-label-large-tracking);
  --mdc-protected-button-label-text-weight: var(--md-sys-typescale-label-large-weight);
  --mdc-protected-button-label-text-transform: none;
  --mdc-icon-button-icon-size: 24px;
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-touch-target-display: block;
  --mdc-fab-container-shape: 50%;
  --mdc-fab-icon-size: 24px;
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-icon-size: 24px;
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-fab-container-color: white;
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-shadow-color: #000;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-fab-small-container-color: white;
  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shadow-color: #000;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-shadow-color: #000;
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
  --mdc-extended-fab-label-text-font: var(--md-sys-typescale-label-large-font);
  --mdc-extended-fab-label-text-size: var(--md-sys-typescale-label-large-size);
  --mdc-extended-fab-label-text-tracking: var(--md-sys-typescale-label-large-tracking);
  --mdc-extended-fab-label-text-weight: var(--md-sys-typescale-label-large-weight);
  --mdc-snackbar-container-shape: 4px;
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: var(--md-sys-color-primary);
  --mdc-snackbar-supporting-text-font: var(--md-sys-typescale-body-medium-font);
  --mdc-snackbar-supporting-text-line-height: var(--md-sys-typescale-body-medium-line-height);
  --mdc-snackbar-supporting-text-size: var(--md-sys-typescale-body-medium-size);
  --mdc-snackbar-supporting-text-weight: var(--md-sys-typescale-body-medium-weight);
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: white;
  --mat-table-header-headline-color: var(--md-sys-color-on-surface);
  --mat-table-row-item-label-text-color: var(--md-sys-color-on-surface);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-table-header-headline-font: var(--md-sys-typescale-title-small-font);
  --mat-table-header-headline-line-height: var(--md-sys-typescale-title-small-line-height);
  --mat-table-header-headline-size: var(--md-sys-typescale-title-small-size);
  --mat-table-header-headline-weight: var(--md-sys-typescale-title-small-weight);
  --mat-table-header-headline-tracking: var(--md-sys-typescale-title-small-tracking);
  --mat-table-row-item-label-text-font: var(--md-sys-typescale-body-medium-font);
  --mat-table-row-item-label-text-line-height: var(--md-sys-typescale-body-medium-line-height);
  --mat-table-row-item-label-text-size: var(--md-sys-typescale-body-medium-size);
  --mat-table-row-item-label-text-weight: var(--md-sys-typescale-body-medium-weight);
  --mat-table-row-item-label-text-tracking: var(--md-sys-typescale-body-medium-tracking);
  --mat-table-footer-supporting-text-font: var(--md-sys-typescale-body-medium-font);
  --mat-table-footer-supporting-text-line-height: var(--md-sys-typescale-body-medium-line-height);
  --mat-table-footer-supporting-text-size: var(--md-sys-typescale-body-medium-size);
  --mat-table-footer-supporting-text-weight: var(--md-sys-typescale-body-medium-weight);
  --mat-table-footer-supporting-text-tracking: var(--md-sys-typescale-body-medium-tracking);
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
  --mdc-circular-progress-active-indicator-color: var(--md-sys-color-primary);
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: var(--md-sys-color-primary);
  --mat-badge-text-color: var(--md-sys-color-on-primary);
  --mat-badge-disabled-state-background-color: rgba(0, 0, 0, 0.26);
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-badge-text-font: var(--md-sys-typescale-body-medium-font);
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: var(--md-sys-color-on-surface);
  --mat-bottom-sheet-container-background-color: var(--md-sys-color-surface-container-low);
  --mat-bottom-sheet-container-text-font: var(--md-sys-typescale-body-medium-font);
  --mat-bottom-sheet-container-text-line-height: var(--md-sys-typescale-body-medium-line-height);
  --mat-bottom-sheet-container-text-size: var(--md-sys-typescale-body-medium-size);
  --mat-bottom-sheet-container-text-tracking: var(--md-sys-typescale-body-medium-tracking);
  --mat-bottom-sheet-container-text-weight: var(--md-sys-typescale-body-medium-weight);
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: var(--md-sys-color-on-surface);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: var(--md-sys-color-on-surface);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: var(--md-sys-color-on-surface);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
  --mat-standard-button-toggle-height: 48px;
  --mat-legacy-button-toggle-label-text-font: var(--md-sys-typescale-body-large-font);
  --mat-legacy-button-toggle-label-text-line-height: var(--md-sys-typescale-body-large-line-height);
  --mat-legacy-button-toggle-label-text-size: var(--md-sys-typescale-body-large-size);
  --mat-legacy-button-toggle-label-text-tracking: var(--md-sys-typescale-body-large-tracking);
  --mat-legacy-button-toggle-label-text-weight: var(--md-sys-typescale-body-large-weight);
  --mat-standard-button-toggle-label-text-font: var(--md-sys-typescale-body-large-font);
  --mat-standard-button-toggle-label-text-line-height: var(--md-sys-typescale-body-large-line-height);
  --mat-standard-button-toggle-label-text-size: var(--md-sys-typescale-body-large-size);
  --mat-standard-button-toggle-label-text-tracking: var(--md-sys-typescale-body-large-tracking);
  --mat-standard-button-toggle-label-text-weight: var(--md-sys-typescale-body-large-weight);
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--md-sys-color-on-primary);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--md-sys-color-primary);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 0, 0, 0.26);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--md-sys-color-on-primary);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--md-sys-color-primary);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--md-sys-color-primary);
  --mat-datepicker-toggle-active-state-icon-color: var(--md-sys-color-primary);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--md-sys-color-primary), 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: var(--md-sys-color-on-surface);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: var(--md-sys-color-on-surface);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: var(--md-sys-color-on-surface);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: var(--md-sys-color-on-surface);
  --mat-datepicker-calendar-text-font: var(--md-sys-typescale-body-large-font);
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: var(--md-sys-typescale-label-large-size);
  --mat-datepicker-calendar-body-label-text-weight: var(--md-sys-typescale-label-large-weight);
  --mat-datepicker-calendar-period-button-text-size: var(--md-sys-typescale-label-large-size);
  --mat-datepicker-calendar-period-button-text-weight: var(--md-sys-typescale-label-large-weight);
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: var(--md-sys-typescale-body-large-weight);
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: var(--md-sys-color-on-surface);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: var(--md-sys-color-on-surface);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-expansion-header-text-font: var(--md-sys-typescale-title-small-font);
  --mat-expansion-header-text-size: var(--md-sys-typescale-title-small-size);
  --mat-expansion-header-text-weight: var(--md-sys-typescale-title-small-weight);
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: var(--md-sys-typescale-body-medium-font);
  --mat-expansion-container-text-line-height: var(--md-sys-typescale-body-medium-line-height);
  --mat-expansion-container-text-size: var(--md-sys-typescale-body-medium-size);
  --mat-expansion-container-text-tracking: var(--md-sys-typescale-body-medium-tracking);
  --mat-expansion-container-text-weight: var(--md-sys-typescale-body-medium-weight);
  --mat-grid-list-tile-header-primary-text-size: var(--md-sys-typescale-body-medium-size);
  --mat-grid-list-tile-header-secondary-text-size: var(--md-sys-typescale-body-large-size);
  --mat-grid-list-tile-footer-primary-text-size: var(--md-sys-typescale-body-medium-size);
  --mat-grid-list-tile-footer-secondary-text-size: var(--md-sys-typescale-body-large-size);
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: var(--md-sys-color-surface-container-low);
  --mat-sidenav-container-text-color: var(--md-sys-color-on-surface);
  --mat-sidenav-content-background-color: var(--md-sys-color-surface);
  --mat-sidenav-content-text-color: var(--md-sys-color-on-surface);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-icon-foreground-color: var(--md-sys-color-on-primary);
  --mat-stepper-header-selected-state-icon-background-color: var(--md-sys-color-primary);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--md-sys-color-on-primary);
  --mat-stepper-header-done-state-icon-background-color: var(--md-sys-color-primary);
  --mat-stepper-header-done-state-icon-foreground-color: var(--md-sys-color-on-primary);
  --mat-stepper-header-edit-state-icon-background-color: var(--md-sys-color-primary);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--md-sys-color-on-primary);
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: var(--md-sys-color-on-surface);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: var(--md-sys-typescale-body-medium-font);
  --mat-stepper-header-label-text-font: var(--md-sys-typescale-body-medium-font);
  --mat-stepper-header-label-text-size: var(--md-sys-typescale-body-medium-size);
  --mat-stepper-header-label-text-weight: var(--md-sys-typescale-body-medium-weight);
  --mat-stepper-header-error-state-label-text-size: var(--md-sys-typescale-body-large-size);
  --mat-stepper-header-selected-state-label-text-size: var(--md-sys-typescale-body-large-size);
  --mat-stepper-header-selected-state-label-text-weight: var(--md-sys-typescale-body-large-weight);
  --mat-sort-arrow-color: #757575;
  --mat-toolbar-container-background-color: var(--md-sys-color-surface);
  --mat-toolbar-container-text-color: var(--md-sys-color-on-surface);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: var(--md-sys-typescale-headline-small-font);
  --mat-toolbar-title-text-line-height: var(--md-sys-typescale-headline-small-line-height);
  --mat-toolbar-title-text-size: var(--md-sys-typescale-headline-small-size);
  --mat-toolbar-title-text-tracking: var(--md-sys-typescale-headline-small-tracking);
  --mat-toolbar-title-text-weight: var(--md-sys-typescale-headline-small-weight);
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: var(--md-sys-color-on-surface);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: var(--md-sys-typescale-body-medium-font);
  --mat-tree-node-text-size: var(--md-sys-typescale-body-medium-size);
  --mat-tree-node-text-weight: var(--md-sys-typescale-body-medium-weight);
}
.theme-light .mat-accent {
  --mat-option-selected-state-label-text-color: var(--md-sys-color-primary);
  --mat-option-label-text-color: var(--md-sys-color-on-surface);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.theme-light .mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: var(--md-sys-color-on-surface);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.theme-light .mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: var(--md-sys-color-primary);
  --mat-full-pseudo-checkbox-selected-checkmark-color: var(--md-sys-color-surface);
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: var(--md-sys-color-surface);
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--md-sys-color-primary);
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.theme-light .mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: var(--md-sys-color-primary);
  --mat-full-pseudo-checkbox-selected-checkmark-color: var(--md-sys-color-surface);
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: var(--md-sys-color-surface);
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--md-sys-color-primary);
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.theme-light .mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color: var(--md-sys-color-surface);
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: var(--md-sys-color-surface);
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.theme-light .mat-elevation-z0, .theme-light .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.theme-light .mat-elevation-z1, .theme-light .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.theme-light .mat-elevation-z2, .theme-light .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.theme-light .mat-elevation-z3, .theme-light .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.theme-light .mat-elevation-z4, .theme-light .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.theme-light .mat-elevation-z5, .theme-light .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.theme-light .mat-elevation-z6, .theme-light .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.theme-light .mat-elevation-z7, .theme-light .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.theme-light .mat-elevation-z8, .theme-light .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.theme-light .mat-elevation-z9, .theme-light .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.theme-light .mat-elevation-z10, .theme-light .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.theme-light .mat-elevation-z11, .theme-light .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.theme-light .mat-elevation-z12, .theme-light .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.theme-light .mat-elevation-z13, .theme-light .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.theme-light .mat-elevation-z14, .theme-light .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.theme-light .mat-elevation-z15, .theme-light .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.theme-light .mat-elevation-z16, .theme-light .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.theme-light .mat-elevation-z17, .theme-light .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.theme-light .mat-elevation-z18, .theme-light .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.theme-light .mat-elevation-z19, .theme-light .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.theme-light .mat-elevation-z20, .theme-light .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.theme-light .mat-elevation-z21, .theme-light .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.theme-light .mat-elevation-z22, .theme-light .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.theme-light .mat-elevation-z23, .theme-light .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.theme-light .mat-elevation-z24, .theme-light .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
  display: none;
}

.theme-light .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: var(--md-sys-color-primary);
  --mdc-linear-progress-track-color: var(--md-sys-color-primary);
}
.theme-light .mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: var(--md-sys-color-primary);
  --mdc-linear-progress-track-color: var(--md-sys-color-primary);
}
.theme-light .mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #f44336;
  --mdc-linear-progress-track-color: rgba(244, 67, 54, 0.25);
}
.theme-light .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: var(--md-sys-color-primary);
  --mdc-filled-text-field-focus-active-indicator-color: var(--md-sys-color-primary);
  --mdc-filled-text-field-focus-label-text-color: var(--md-sys-color-primary);
  --mdc-outlined-text-field-caret-color: var(--md-sys-color-primary);
  --mdc-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);
  --mdc-outlined-text-field-focus-label-text-color: var(--md-sys-color-primary);
  --mat-form-field-focus-select-arrow-color: var(--md-sys-color-primary);
}
.theme-light .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #f44336;
  --mdc-filled-text-field-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
  --mdc-outlined-text-field-caret-color: #f44336;
  --mdc-outlined-text-field-focus-outline-color: #f44336;
  --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, 0.87);
}
.theme-light .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: var(--md-sys-color-on-surface);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: var(--md-sys-color-on-surface);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: var(--md-sys-color-on-surface);
  --mat-select-focused-arrow-color: var(--md-sys-color-primary);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
.theme-light .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: var(--md-sys-color-on-surface);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: var(--md-sys-color-on-surface);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: var(--md-sys-color-on-surface);
  --mat-select-focused-arrow-color: rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
.theme-light .mat-mdc-standard-chip {
  --mdc-chip-container-shape-family: rounded;
  --mdc-chip-container-shape-radius: 16px 16px 16px 16px;
  --mdc-chip-with-avatar-avatar-shape-family: rounded;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}
.theme-light .mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-selected-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.theme-light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .theme-light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: var(--md-sys-color-on-primary);
  --mdc-chip-elevated-container-color: var(--md-sys-color-primary);
  --mdc-chip-elevated-selected-container-color: var(--md-sys-color-primary);
  --mdc-chip-elevated-disabled-container-color: var(--md-sys-color-primary);
  --mdc-chip-flat-disabled-selected-container-color: var(--md-sys-color-primary);
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: var(--md-sys-color-on-primary);
  --mdc-chip-selected-label-text-color: var(--md-sys-color-on-primary);
  --mdc-chip-with-icon-icon-color: var(--md-sys-color-on-primary);
  --mdc-chip-with-icon-disabled-icon-color: var(--md-sys-color-on-primary);
  --mdc-chip-with-icon-selected-icon-color: var(--md-sys-color-on-primary);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: var(--md-sys-color-on-primary);
  --mdc-chip-with-trailing-icon-trailing-icon-color: var(--md-sys-color-on-primary);
  --mat-chip-selected-disabled-trailing-icon-color: var(--md-sys-color-on-primary);
  --mat-chip-selected-trailing-icon-color: var(--md-sys-color-on-primary);
}
.theme-light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .theme-light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: var(--md-sys-color-on-primary);
  --mdc-chip-elevated-container-color: var(--md-sys-color-primary);
  --mdc-chip-elevated-selected-container-color: var(--md-sys-color-primary);
  --mdc-chip-elevated-disabled-container-color: var(--md-sys-color-primary);
  --mdc-chip-flat-disabled-selected-container-color: var(--md-sys-color-primary);
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: var(--md-sys-color-on-primary);
  --mdc-chip-selected-label-text-color: var(--md-sys-color-on-primary);
  --mdc-chip-with-icon-icon-color: var(--md-sys-color-on-primary);
  --mdc-chip-with-icon-disabled-icon-color: var(--md-sys-color-on-primary);
  --mdc-chip-with-icon-selected-icon-color: var(--md-sys-color-on-primary);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: var(--md-sys-color-on-primary);
  --mdc-chip-with-trailing-icon-trailing-icon-color: var(--md-sys-color-on-primary);
  --mat-chip-selected-disabled-trailing-icon-color: var(--md-sys-color-on-primary);
  --mat-chip-selected-trailing-icon-color: var(--md-sys-color-on-primary);
}
.theme-light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .theme-light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f44336;
  --mdc-chip-elevated-selected-container-color: #f44336;
  --mdc-chip-elevated-disabled-container-color: #f44336;
  --mdc-chip-flat-disabled-selected-container-color: #f44336;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.theme-light .mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}
.theme-light .mat-mdc-standard-chip {
  --mdc-chip-label-text-font: var(--md-sys-typescale-body-medium-font);
  --mdc-chip-label-text-line-height: var(--md-sys-typescale-body-medium-line-height);
  --mdc-chip-label-text-size: var(--md-sys-typescale-body-medium-size);
  --mdc-chip-label-text-tracking: var(--md-sys-typescale-body-medium-tracking);
  --mdc-chip-label-text-weight: var(--md-sys-typescale-body-medium-weight);
}
.theme-light .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-color: var(--md-sys-color-on-surface);
}
.theme-light .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #3949ab;
  --mdc-switch-selected-handle-color: #3949ab;
  --mdc-switch-selected-hover-state-layer-color: #3949ab;
  --mdc-switch-selected-pressed-state-layer-color: #3949ab;
  --mdc-switch-selected-focus-handle-color: #1a237e;
  --mdc-switch-selected-hover-handle-color: #1a237e;
  --mdc-switch-selected-pressed-handle-color: #1a237e;
  --mdc-switch-selected-focus-track-color: #7986cb;
  --mdc-switch-selected-hover-track-color: #7986cb;
  --mdc-switch-selected-pressed-track-color: #7986cb;
  --mdc-switch-selected-track-color: #7986cb;
}
.theme-light .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e53935;
  --mdc-switch-selected-handle-color: #e53935;
  --mdc-switch-selected-hover-state-layer-color: #e53935;
  --mdc-switch-selected-pressed-state-layer-color: #e53935;
  --mdc-switch-selected-focus-handle-color: #b71c1c;
  --mdc-switch-selected-hover-handle-color: #b71c1c;
  --mdc-switch-selected-pressed-handle-color: #b71c1c;
  --mdc-switch-selected-focus-track-color: #e57373;
  --mdc-switch-selected-hover-track-color: #e57373;
  --mdc-switch-selected-pressed-track-color: #e57373;
  --mdc-switch-selected-track-color: #e57373;
}
.theme-light .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-font: var(--md-sys-typescale-body-medium-font);
  --mdc-form-field-label-text-line-height: var(--md-sys-typescale-body-medium-line-height);
  --mdc-form-field-label-text-size: var(--md-sys-typescale-body-medium-size);
  --mdc-form-field-label-text-tracking: var(--md-sys-typescale-body-medium-tracking);
  --mdc-form-field-label-text-weight: var(--md-sys-typescale-body-medium-weight);
}
.theme-light .mat-mdc-radio-button {
  --mdc-form-field-label-text-color: var(--md-sys-color-on-surface);
}
.theme-light .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--md-sys-color-primary);
  --mdc-radio-selected-hover-icon-color: var(--md-sys-color-primary);
  --mdc-radio-selected-icon-color: var(--md-sys-color-primary);
  --mdc-radio-selected-pressed-icon-color: var(--md-sys-color-primary);
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: var(--md-sys-color-primary);
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.theme-light .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--md-sys-color-primary);
  --mdc-radio-selected-hover-icon-color: var(--md-sys-color-primary);
  --mdc-radio-selected-icon-color: var(--md-sys-color-primary);
  --mdc-radio-selected-pressed-icon-color: var(--md-sys-color-primary);
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: var(--md-sys-color-primary);
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.theme-light .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.theme-light .mat-mdc-radio-button {
  --mdc-form-field-label-text-font: var(--md-sys-typescale-body-medium-font);
  --mdc-form-field-label-text-line-height: var(--md-sys-typescale-body-medium-line-height);
  --mdc-form-field-label-text-size: var(--md-sys-typescale-body-medium-size);
  --mdc-form-field-label-text-tracking: var(--md-sys-typescale-body-medium-tracking);
  --mdc-form-field-label-text-weight: var(--md-sys-typescale-body-medium-weight);
}
.theme-light .mat-accent {
  --mat-slider-ripple-color: var(--md-sys-color-primary);
  --mat-slider-hover-state-layer-color: rgba(var(--md-sys-color-primary), 0.05);
  --mat-slider-focus-state-layer-color: rgba(var(--md-sys-color-primary), 0.2);
  --mdc-slider-handle-color: var(--md-sys-color-primary);
  --mdc-slider-focus-handle-color: var(--md-sys-color-primary);
  --mdc-slider-hover-handle-color: var(--md-sys-color-primary);
  --mdc-slider-active-track-color: var(--md-sys-color-primary);
  --mdc-slider-inactive-track-color: var(--md-sys-color-primary);
  --mdc-slider-with-tick-marks-inactive-container-color: var(--md-sys-color-primary);
  --mdc-slider-with-tick-marks-active-container-color: var(--md-sys-color-on-primary);
}
.theme-light .mat-warn {
  --mat-slider-ripple-color: #f44336;
  --mat-slider-hover-state-layer-color: rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color: rgba(244, 67, 54, 0.2);
  --mdc-slider-handle-color: #f44336;
  --mdc-slider-focus-handle-color: #f44336;
  --mdc-slider-hover-handle-color: #f44336;
  --mdc-slider-active-track-color: #f44336;
  --mdc-slider-inactive-track-color: #f44336;
  --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.theme-light .mdc-list-item__start,
.theme-light .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--md-sys-color-primary);
  --mdc-radio-selected-hover-icon-color: var(--md-sys-color-primary);
  --mdc-radio-selected-icon-color: var(--md-sys-color-primary);
  --mdc-radio-selected-pressed-icon-color: var(--md-sys-color-primary);
}
.theme-light .mat-accent .mdc-list-item__start,
.theme-light .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--md-sys-color-primary);
  --mdc-radio-selected-hover-icon-color: var(--md-sys-color-primary);
  --mdc-radio-selected-icon-color: var(--md-sys-color-primary);
  --mdc-radio-selected-pressed-icon-color: var(--md-sys-color-primary);
}
.theme-light .mat-warn .mdc-list-item__start,
.theme-light .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}
.theme-light .mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: var(--md-sys-color-on-primary);
  --mdc-checkbox-selected-focus-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-hover-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-pressed-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-hover-state-layer-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--md-sys-color-primary);
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.theme-light .mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: var(--md-sys-color-on-primary);
  --mdc-checkbox-selected-focus-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-hover-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-pressed-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-hover-state-layer-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--md-sys-color-primary);
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.theme-light .mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.theme-light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.theme-light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: var(--md-sys-color-primary);
}
.theme-light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.theme-light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: var(--md-sys-color-primary);
}
.theme-light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.theme-light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.theme-light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.theme-light .mdc-list-item__start,
.theme-light .mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}
.theme-light .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .theme-light .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .theme-light .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.theme-light .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .theme-light .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .theme-light .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.theme-light .mdc-list-group__subheader {
  font: var(--md-sys-typescale-title-large-weight) var(--md-sys-typescale-title-large-size) / var(--md-sys-typescale-title-large-line-height) var(--md-sys-typescale-title-large-font);
  letter-spacing: var(--md-sys-typescale-title-large-tracking);
}
.theme-light .mat-mdc-tab-group, .theme-light .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: var(--md-sys-color-primary);
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: var(--md-sys-color-on-surface);
  --mat-tab-header-active-label-text-color: var(--md-sys-color-primary);
  --mat-tab-header-active-ripple-color: var(--md-sys-color-primary);
  --mat-tab-header-inactive-ripple-color: var(--md-sys-color-primary);
  --mat-tab-header-inactive-focus-label-text-color: var(--md-sys-color-on-surface);
  --mat-tab-header-inactive-hover-label-text-color: var(--md-sys-color-on-surface);
  --mat-tab-header-active-focus-label-text-color: var(--md-sys-color-primary);
  --mat-tab-header-active-hover-label-text-color: var(--md-sys-color-primary);
  --mat-tab-header-active-focus-indicator-color: var(--md-sys-color-primary);
  --mat-tab-header-active-hover-indicator-color: var(--md-sys-color-primary);
}
.theme-light .mat-mdc-tab-group.mat-accent, .theme-light .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: var(--md-sys-color-primary);
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: var(--md-sys-color-on-surface);
  --mat-tab-header-active-label-text-color: var(--md-sys-color-primary);
  --mat-tab-header-active-ripple-color: var(--md-sys-color-primary);
  --mat-tab-header-inactive-ripple-color: var(--md-sys-color-primary);
  --mat-tab-header-inactive-focus-label-text-color: var(--md-sys-color-on-surface);
  --mat-tab-header-inactive-hover-label-text-color: var(--md-sys-color-on-surface);
  --mat-tab-header-active-focus-label-text-color: var(--md-sys-color-primary);
  --mat-tab-header-active-hover-label-text-color: var(--md-sys-color-primary);
  --mat-tab-header-active-focus-indicator-color: var(--md-sys-color-primary);
  --mat-tab-header-active-hover-indicator-color: var(--md-sys-color-primary);
}
.theme-light .mat-mdc-tab-group.mat-warn, .theme-light .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #f44336;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: var(--md-sys-color-on-surface);
  --mat-tab-header-active-label-text-color: #f44336;
  --mat-tab-header-active-ripple-color: #f44336;
  --mat-tab-header-inactive-ripple-color: #f44336;
  --mat-tab-header-inactive-focus-label-text-color: var(--md-sys-color-on-surface);
  --mat-tab-header-inactive-hover-label-text-color: var(--md-sys-color-on-surface);
  --mat-tab-header-active-focus-label-text-color: #f44336;
  --mat-tab-header-active-hover-label-text-color: #f44336;
  --mat-tab-header-active-focus-indicator-color: #f44336;
  --mat-tab-header-active-hover-indicator-color: #f44336;
}
.theme-light .mat-mdc-tab-group.mat-background-primary, .theme-light .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: var(--md-sys-color-primary);
  --mat-tab-header-with-background-foreground-color: var(--md-sys-color-on-primary);
}
.theme-light .mat-mdc-tab-group.mat-background-accent, .theme-light .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: var(--md-sys-color-primary);
  --mat-tab-header-with-background-foreground-color: var(--md-sys-color-on-primary);
}
.theme-light .mat-mdc-tab-group.mat-background-warn, .theme-light .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #f44336;
  --mat-tab-header-with-background-foreground-color: white;
}
.theme-light .mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
.theme-light .mat-mdc-tab-header {
  --mat-tab-header-label-text-font: var(--md-sys-typescale-label-large-font);
  --mat-tab-header-label-text-size: var(--md-sys-typescale-label-large-size);
  --mat-tab-header-label-text-tracking: var(--md-sys-typescale-label-large-tracking);
  --mat-tab-header-label-text-line-height: var(--md-sys-typescale-label-large-line-height);
  --mat-tab-header-label-text-weight: var(--md-sys-typescale-label-large-weight);
}
.theme-light .mat-mdc-checkbox {
  --mdc-form-field-label-text-color: var(--md-sys-color-on-surface);
}
.theme-light .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: var(--md-sys-color-on-primary);
  --mdc-checkbox-selected-focus-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-hover-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-pressed-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-hover-state-layer-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--md-sys-color-primary);
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.theme-light .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.theme-light .mat-mdc-checkbox {
  --mdc-form-field-label-text-font: var(--md-sys-typescale-body-medium-font);
  --mdc-form-field-label-text-line-height: var(--md-sys-typescale-body-medium-line-height);
  --mdc-form-field-label-text-size: var(--md-sys-typescale-body-medium-size);
  --mdc-form-field-label-text-tracking: var(--md-sys-typescale-body-medium-tracking);
  --mdc-form-field-label-text-weight: var(--md-sys-typescale-body-medium-weight);
}
.theme-light .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: var(--md-sys-color-primary);
  --mat-text-button-state-layer-color: var(--md-sys-color-primary);
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.theme-light .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: var(--md-sys-color-primary);
  --mat-text-button-state-layer-color: var(--md-sys-color-primary);
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.theme-light .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
  --mat-text-button-state-layer-color: #f44336;
  --mat-text-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.theme-light .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: var(--md-sys-color-primary);
  --mdc-filled-button-label-text-color: var(--md-sys-color-on-primary);
  --mat-filled-button-state-layer-color: #000;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.theme-light .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: var(--md-sys-color-primary);
  --mdc-filled-button-label-text-color: var(--md-sys-color-on-primary);
  --mat-filled-button-state-layer-color: #000;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.theme-light .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.theme-light .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: var(--md-sys-color-primary);
  --mdc-protected-button-label-text-color: var(--md-sys-color-on-primary);
  --mat-protected-button-state-layer-color: #000;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.theme-light .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: var(--md-sys-color-primary);
  --mdc-protected-button-label-text-color: var(--md-sys-color-on-primary);
  --mat-protected-button-state-layer-color: #000;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.theme-light .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.theme-light .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: var(--md-sys-color-primary);
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: var(--md-sys-color-primary);
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.theme-light .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: var(--md-sys-color-primary);
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: var(--md-sys-color-primary);
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.theme-light .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #f44336;
  --mat-outlined-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.theme-light .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: var(--md-sys-color-primary);
  --mat-icon-button-state-layer-color: var(--md-sys-color-primary);
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.theme-light .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: var(--md-sys-color-primary);
  --mat-icon-button-state-layer-color: var(--md-sys-color-primary);
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.theme-light .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.theme-light .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
.theme-light .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: var(--md-sys-color-primary);
  --mat-fab-foreground-color: #000;
  --mat-fab-state-layer-color: #000;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
}
.theme-light .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: var(--md-sys-color-primary);
  --mat-fab-foreground-color: #000;
  --mat-fab-state-layer-color: #000;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
}
.theme-light .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.theme-light .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: var(--md-sys-color-primary);
  --mat-fab-small-foreground-color: #000;
  --mat-fab-small-state-layer-color: #000;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
}
.theme-light .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: var(--md-sys-color-primary);
  --mat-fab-small-foreground-color: #000;
  --mat-fab-small-state-layer-color: #000;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
}
.theme-light .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.theme-light .mat-accent {
  --mdc-circular-progress-active-indicator-color: var(--md-sys-color-primary);
}
.theme-light .mat-warn {
  --mdc-circular-progress-active-indicator-color: #f44336;
}
.theme-light .mat-badge-accent {
  --mat-badge-background-color: var(--md-sys-color-primary);
  --mat-badge-text-color: var(--md-sys-color-on-primary);
}
.theme-light .mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
.theme-light .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: var(--md-sys-color-on-primary);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--md-sys-color-primary);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 0, 0, 0.26);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--md-sys-color-on-primary);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--md-sys-color-primary);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--md-sys-color-primary);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--md-sys-color-primary), 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.theme-light .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.theme-light .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: var(--md-sys-color-primary);
}
.theme-light .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}
.theme-light .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.theme-light .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.theme-light .mat-icon.mat-primary {
  --mat-icon-color: var(--md-sys-color-primary);
}
.theme-light .mat-icon.mat-accent {
  --mat-icon-color: var(--md-sys-color-primary);
}
.theme-light .mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
.theme-light .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: var(--md-sys-color-on-primary);
  --mat-stepper-header-selected-state-icon-background-color: var(--md-sys-color-primary);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--md-sys-color-on-primary);
  --mat-stepper-header-done-state-icon-background-color: var(--md-sys-color-primary);
  --mat-stepper-header-done-state-icon-foreground-color: var(--md-sys-color-on-primary);
  --mat-stepper-header-edit-state-icon-background-color: var(--md-sys-color-primary);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--md-sys-color-on-primary);
}
.theme-light .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.theme-light .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: var(--md-sys-color-primary);
  --mat-toolbar-container-text-color: var(--md-sys-color-on-primary);
}
.theme-light .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: var(--md-sys-color-primary);
  --mat-toolbar-container-text-color: var(--md-sys-color-on-primary);
}
.theme-light .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}

.theme-dark {
  --mat-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-option-selected-state-label-text-color: var(--md-sys-color-primary);
  --mat-option-label-text-color: var(--md-sys-color-on-surface);
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-optgroup-label-text-color: var(--md-sys-color-on-surface);
  --mat-full-pseudo-checkbox-selected-icon-color: var(--md-sys-color-primary);
  --mat-full-pseudo-checkbox-selected-checkmark-color: var(--md-sys-color-surface);
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: var(--md-sys-color-surface);
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--md-sys-color-primary);
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
  --mat-app-background-color: var(--md-sys-color-surface);
  --mat-app-text-color: var(--md-sys-color-on-surface);
  --mat-option-label-text-font: var(--md-sys-typescale-body-large-font);
  --mat-option-label-text-line-height: var(--md-sys-typescale-body-large-line-height);
  --mat-option-label-text-size: var(--md-sys-typescale-body-large-size);
  --mat-option-label-text-tracking: var(--md-sys-typescale-body-large-tracking);
  --mat-option-label-text-weight: var(--md-sys-typescale-body-large-weight);
  --mat-optgroup-label-text-font: var(--md-sys-typescale-body-large-font);
  --mat-optgroup-label-text-line-height: var(--md-sys-typescale-body-large-line-height);
  --mat-optgroup-label-text-size: var(--md-sys-typescale-body-large-size);
  --mat-optgroup-label-text-tracking: var(--md-sys-typescale-body-large-tracking);
  --mat-optgroup-label-text-weight: var(--md-sys-typescale-body-large-weight);
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
  --mdc-elevated-card-container-color: #424242;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: #424242;
  --mdc-outlined-card-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);
  --mat-card-title-text-font: var(--md-sys-typescale-headline-small-font);
  --mat-card-title-text-line-height: var(--md-sys-typescale-headline-small-line-height);
  --mat-card-title-text-size: var(--md-sys-typescale-headline-small-size);
  --mat-card-title-text-tracking: var(--md-sys-typescale-headline-small-tracking);
  --mat-card-title-text-weight: var(--md-sys-typescale-headline-small-weight);
  --mat-card-subtitle-text-font: var(--md-sys-typescale-title-small-font);
  --mat-card-subtitle-text-line-height: var(--md-sys-typescale-title-small-line-height);
  --mat-card-subtitle-text-size: var(--md-sys-typescale-title-small-size);
  --mat-card-subtitle-text-tracking: var(--md-sys-typescale-title-small-tracking);
  --mat-card-subtitle-text-weight: var(--md-sys-typescale-title-small-weight);
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
  --mdc-plain-tooltip-supporting-text-font: var(--md-sys-typescale-body-large-font);
  --mdc-plain-tooltip-supporting-text-size: var(--md-sys-typescale-body-large-size);
  --mdc-plain-tooltip-supporting-text-weight: var(--md-sys-typescale-body-large-weight);
  --mdc-plain-tooltip-supporting-text-tracking: var(--md-sys-typescale-body-large-tracking);
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
  --mdc-filled-text-field-caret-color: var(--md-sys-color-primary);
  --mdc-filled-text-field-focus-active-indicator-color: var(--md-sys-color-primary);
  --mdc-filled-text-field-focus-label-text-color: var(--md-sys-color-primary);
  --mdc-filled-text-field-container-color: #4a4a4a;
  --mdc-filled-text-field-disabled-container-color: #464646;
  --mdc-filled-text-field-label-text-color: var(--md-sys-color-on-surface);
  --mdc-filled-text-field-hover-label-text-color: var(--md-sys-color-on-surface);
  --mdc-filled-text-field-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mdc-filled-text-field-input-text-color: var(--md-sys-color-on-surface);
  --mdc-filled-text-field-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: var(--md-sys-color-on-surface);
  --mdc-filled-text-field-error-hover-label-text-color: #f44336;
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --mdc-filled-text-field-active-indicator-color: rgba(255, 255, 255, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(255, 255, 255, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
  --mdc-outlined-text-field-caret-color: var(--md-sys-color-primary);
  --mdc-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);
  --mdc-outlined-text-field-focus-label-text-color: var(--md-sys-color-primary);
  --mdc-outlined-text-field-label-text-color: var(--md-sys-color-on-surface);
  --mdc-outlined-text-field-hover-label-text-color: var(--md-sys-color-on-surface);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-input-text-color: var(--md-sys-color-on-surface);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: var(--md-sys-color-on-surface);
  --mdc-outlined-text-field-error-caret-color: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
  --mdc-outlined-text-field-outline-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(255, 255, 255, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
  --mat-form-field-focus-select-arrow-color: var(--md-sys-color-primary);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-focus-state-layer-opacity: 0.24;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mdc-filled-text-field-label-text-font: var(--md-sys-typescale-body-large-font);
  --mdc-filled-text-field-label-text-size: var(--md-sys-typescale-body-large-size);
  --mdc-filled-text-field-label-text-tracking: var(--md-sys-typescale-body-large-tracking);
  --mdc-filled-text-field-label-text-weight: var(--md-sys-typescale-body-large-weight);
  --mdc-outlined-text-field-label-text-font: var(--md-sys-typescale-body-large-font);
  --mdc-outlined-text-field-label-text-size: var(--md-sys-typescale-body-large-size);
  --mdc-outlined-text-field-label-text-tracking: var(--md-sys-typescale-body-large-tracking);
  --mdc-outlined-text-field-label-text-weight: var(--md-sys-typescale-body-large-weight);
  --mat-form-field-container-text-font: var(--md-sys-typescale-body-large-font);
  --mat-form-field-container-text-line-height: var(--md-sys-typescale-body-large-line-height);
  --mat-form-field-container-text-size: var(--md-sys-typescale-body-large-size);
  --mat-form-field-container-text-tracking: var(--md-sys-typescale-body-large-tracking);
  --mat-form-field-container-text-weight: var(--md-sys-typescale-body-large-weight);
  --mat-form-field-outlined-label-text-populated-size: var(--md-sys-typescale-body-large-size);
  --mat-form-field-subscript-text-font: var(--md-sys-typescale-body-large-font);
  --mat-form-field-subscript-text-line-height: var(--md-sys-typescale-body-large-line-height);
  --mat-form-field-subscript-text-size: var(--md-sys-typescale-body-large-size);
  --mat-form-field-subscript-text-tracking: var(--md-sys-typescale-body-large-tracking);
  --mat-form-field-subscript-text-weight: var(--md-sys-typescale-body-large-weight);
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: var(--md-sys-color-on-surface);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: var(--md-sys-color-on-surface);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: var(--md-sys-color-on-surface);
  --mat-select-focused-arrow-color: var(--md-sys-color-primary);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: var(--md-sys-typescale-body-large-font);
  --mat-select-trigger-text-line-height: var(--md-sys-typescale-body-large-line-height);
  --mat-select-trigger-text-size: var(--md-sys-typescale-body-large-size);
  --mat-select-trigger-text-tracking: var(--md-sys-typescale-body-large-tracking);
  --mat-select-trigger-text-weight: var(--md-sys-typescale-body-large-weight);
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: #424242;
  --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mdc-dialog-container-color: var(--md-sys-color-surface-container-low);
  --mdc-dialog-subhead-color: var(--md-sys-color-on-surface);
  --mdc-dialog-supporting-text-color: var(--md-sys-color-on-surface);
  --mdc-dialog-subhead-font: var(--md-sys-typescale-headline-small-font);
  --mdc-dialog-subhead-line-height: var(--md-sys-typescale-headline-small-line-height);
  --mdc-dialog-subhead-size: var(--md-sys-typescale-headline-small-size);
  --mdc-dialog-subhead-weight: var(--md-sys-typescale-headline-small-weight);
  --mdc-dialog-subhead-tracking: var(--md-sys-typescale-headline-small-tracking);
  --mdc-dialog-supporting-text-font: var(--md-sys-typescale-body-large-font);
  --mdc-dialog-supporting-text-line-height: var(--md-sys-typescale-body-large-line-height);
  --mdc-dialog-supporting-text-size: var(--md-sys-typescale-body-large-size);
  --mdc-dialog-supporting-text-weight: var(--md-sys-typescale-body-large-weight);
  --mdc-dialog-supporting-text-tracking: var(--md-sys-typescale-body-large-tracking);
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
  --mdc-switch-selected-focus-state-layer-color: #7986cb;
  --mdc-switch-selected-handle-color: #7986cb;
  --mdc-switch-selected-hover-state-layer-color: #7986cb;
  --mdc-switch-selected-pressed-state-layer-color: #7986cb;
  --mdc-switch-selected-focus-handle-color: #9fa8da;
  --mdc-switch-selected-hover-handle-color: #9fa8da;
  --mdc-switch-selected-pressed-handle-color: #9fa8da;
  --mdc-switch-selected-focus-track-color: #3949ab;
  --mdc-switch-selected-hover-track-color: #3949ab;
  --mdc-switch-selected-pressed-track-color: #3949ab;
  --mdc-switch-selected-track-color: #3949ab;
  --mdc-switch-disabled-selected-handle-color: #000;
  --mdc-switch-disabled-selected-icon-color: #212121;
  --mdc-switch-disabled-selected-track-color: #f5f5f5;
  --mdc-switch-disabled-unselected-handle-color: #000;
  --mdc-switch-disabled-unselected-icon-color: #212121;
  --mdc-switch-disabled-unselected-track-color: #f5f5f5;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #212121;
  --mdc-switch-unselected-focus-handle-color: #fafafa;
  --mdc-switch-unselected-focus-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-focus-track-color: #616161;
  --mdc-switch-unselected-handle-color: #9e9e9e;
  --mdc-switch-unselected-hover-handle-color: #fafafa;
  --mdc-switch-unselected-hover-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-hover-track-color: #616161;
  --mdc-switch-unselected-icon-color: #212121;
  --mdc-switch-unselected-pressed-handle-color: #fafafa;
  --mdc-switch-unselected-pressed-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-pressed-track-color: #616161;
  --mdc-switch-unselected-track-color: #616161;
  --mdc-switch-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mdc-switch-state-layer-size: 40px;
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-color: var(--md-sys-color-primary);
  --mdc-slider-focus-handle-color: var(--md-sys-color-primary);
  --mdc-slider-hover-handle-color: var(--md-sys-color-primary);
  --mdc-slider-active-track-color: var(--md-sys-color-primary);
  --mdc-slider-inactive-track-color: var(--md-sys-color-primary);
  --mdc-slider-with-tick-marks-inactive-container-color: var(--md-sys-color-primary);
  --mdc-slider-with-tick-marks-active-container-color: var(--md-sys-color-on-primary);
  --mdc-slider-disabled-active-track-color: #fff;
  --mdc-slider-disabled-handle-color: #fff;
  --mdc-slider-disabled-inactive-track-color: #fff;
  --mdc-slider-label-container-color: #fff;
  --mdc-slider-label-label-text-color: #000;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #fff;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-ripple-color: var(--md-sys-color-primary);
  --mat-slider-hover-state-layer-color: rgba(var(--md-sys-color-primary), 0.05);
  --mat-slider-focus-state-layer-color: rgba(var(--md-sys-color-primary), 0.2);
  --mat-slider-value-indicator-opacity: 0.9;
  --mdc-slider-label-label-text-font: var(--md-sys-typescale-title-small-font);
  --mdc-slider-label-label-text-size: var(--md-sys-typescale-title-small-size);
  --mdc-slider-label-label-text-line-height: var(--md-sys-typescale-title-small-line-height);
  --mdc-slider-label-label-text-tracking: var(--md-sys-typescale-title-small-tracking);
  --mdc-slider-label-label-text-weight: var(--md-sys-typescale-title-small-weight);
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-item-label-text-color: var(--md-sys-color-on-surface);
  --mat-menu-item-icon-color: var(--md-sys-color-on-surface);
  --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-container-color: #424242;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
  --mat-menu-item-label-text-font: var(--md-sys-typescale-body-large-font);
  --mat-menu-item-label-text-size: var(--md-sys-typescale-body-large-size);
  --mat-menu-item-label-text-tracking: var(--md-sys-typescale-body-large-tracking);
  --mat-menu-item-label-text-line-height: var(--md-sys-typescale-body-large-line-height);
  --mat-menu-item-label-text-weight: var(--md-sys-typescale-body-large-weight);
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mdc-list-list-item-label-text-color: var(--md-sys-color-on-surface);
  --mdc-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mdc-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-disabled-label-text-color: white;
  --mdc-list-list-item-disabled-leading-icon-color: white;
  --mdc-list-list-item-disabled-trailing-icon-color: white;
  --mdc-list-list-item-hover-label-text-color: var(--md-sys-color-on-surface);
  --mdc-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-focus-label-text-color: var(--md-sys-color-on-surface);
  --mdc-list-list-item-hover-state-layer-color: white;
  --mdc-list-list-item-hover-state-layer-opacity: 0.08;
  --mdc-list-list-item-focus-state-layer-color: white;
  --mdc-list-list-item-focus-state-layer-opacity: 0.24;
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mdc-list-list-item-label-text-font: var(--md-sys-typescale-body-large-font);
  --mdc-list-list-item-label-text-line-height: var(--md-sys-typescale-body-large-line-height);
  --mdc-list-list-item-label-text-size: var(--md-sys-typescale-body-large-size);
  --mdc-list-list-item-label-text-tracking: var(--md-sys-typescale-body-large-tracking);
  --mdc-list-list-item-label-text-weight: var(--md-sys-typescale-body-large-weight);
  --mdc-list-list-item-supporting-text-font: var(--md-sys-typescale-body-medium-font);
  --mdc-list-list-item-supporting-text-line-height: var(--md-sys-typescale-body-medium-line-height);
  --mdc-list-list-item-supporting-text-size: var(--md-sys-typescale-body-medium-size);
  --mdc-list-list-item-supporting-text-tracking: var(--md-sys-typescale-body-medium-tracking);
  --mdc-list-list-item-supporting-text-weight: var(--md-sys-typescale-body-medium-weight);
  --mdc-list-list-item-trailing-supporting-text-font: var(--md-sys-typescale-body-large-font);
  --mdc-list-list-item-trailing-supporting-text-line-height: var(--md-sys-typescale-body-large-line-height);
  --mdc-list-list-item-trailing-supporting-text-size: var(--md-sys-typescale-body-large-size);
  --mdc-list-list-item-trailing-supporting-text-tracking: var(--md-sys-typescale-body-large-tracking);
  --mdc-list-list-item-trailing-supporting-text-weight: var(--md-sys-typescale-body-large-weight);
  --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87);
  --mat-paginator-container-background-color: #424242;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54);
  --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-container-text-font: var(--md-sys-typescale-body-large-font);
  --mat-paginator-container-text-line-height: var(--md-sys-typescale-body-large-line-height);
  --mat-paginator-container-text-size: var(--md-sys-typescale-body-large-size);
  --mat-paginator-container-text-tracking: var(--md-sys-typescale-body-large-tracking);
  --mat-paginator-container-text-weight: var(--md-sys-typescale-body-large-weight);
  --mat-paginator-select-trigger-text-size: var(--md-sys-typescale-body-large-size);
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: var(--md-sys-color-on-primary);
  --mdc-checkbox-selected-focus-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-hover-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-pressed-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-hover-state-layer-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--md-sys-color-primary);
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-keep-touch-target: false;
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
  --mdc-text-button-label-text-color: var(--md-sys-color-on-surface);
  --mdc-text-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-text-button-state-layer-color: white;
  --mat-text-button-disabled-state-layer-color: white;
  --mat-text-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.08;
  --mat-text-button-focus-state-layer-opacity: 0.24;
  --mat-text-button-pressed-state-layer-opacity: 0.24;
  --mdc-filled-button-container-color: #424242;
  --mdc-filled-button-label-text-color: var(--md-sys-color-on-surface);
  --mdc-filled-button-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-disabled-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.08;
  --mat-filled-button-focus-state-layer-opacity: 0.24;
  --mat-filled-button-pressed-state-layer-opacity: 0.24;
  --mdc-protected-button-container-color: #424242;
  --mdc-protected-button-label-text-color: var(--md-sys-color-on-surface);
  --mdc-protected-button-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-container-shadow-color: #000;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-disabled-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.08;
  --mat-protected-button-focus-state-layer-opacity: 0.24;
  --mat-protected-button-pressed-state-layer-opacity: 0.24;
  --mdc-outlined-button-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mdc-outlined-button-label-text-color: var(--md-sys-color-on-surface);
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: white;
  --mat-outlined-button-disabled-state-layer-color: white;
  --mat-outlined-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.08;
  --mat-outlined-button-focus-state-layer-opacity: 0.24;
  --mat-outlined-button-pressed-state-layer-opacity: 0.24;
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
  --mdc-text-button-label-text-font: var(--md-sys-typescale-label-large-font);
  --mdc-text-button-label-text-size: var(--md-sys-typescale-label-large-size);
  --mdc-text-button-label-text-tracking: var(--md-sys-typescale-label-large-tracking);
  --mdc-text-button-label-text-weight: var(--md-sys-typescale-label-large-weight);
  --mdc-text-button-label-text-transform: none;
  --mdc-filled-button-label-text-font: var(--md-sys-typescale-label-large-font);
  --mdc-filled-button-label-text-size: var(--md-sys-typescale-label-large-size);
  --mdc-filled-button-label-text-tracking: var(--md-sys-typescale-label-large-tracking);
  --mdc-filled-button-label-text-weight: var(--md-sys-typescale-label-large-weight);
  --mdc-filled-button-label-text-transform: none;
  --mdc-outlined-button-label-text-font: var(--md-sys-typescale-label-large-font);
  --mdc-outlined-button-label-text-size: var(--md-sys-typescale-label-large-size);
  --mdc-outlined-button-label-text-tracking: var(--md-sys-typescale-label-large-tracking);
  --mdc-outlined-button-label-text-weight: var(--md-sys-typescale-label-large-weight);
  --mdc-outlined-button-label-text-transform: none;
  --mdc-protected-button-label-text-font: var(--md-sys-typescale-label-large-font);
  --mdc-protected-button-label-text-size: var(--md-sys-typescale-label-large-size);
  --mdc-protected-button-label-text-tracking: var(--md-sys-typescale-label-large-tracking);
  --mdc-protected-button-label-text-weight: var(--md-sys-typescale-label-large-weight);
  --mdc-protected-button-label-text-transform: none;
  --mdc-icon-button-icon-size: 24px;
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5);
  --mat-icon-button-state-layer-color: white;
  --mat-icon-button-disabled-state-layer-color: white;
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-focus-state-layer-opacity: 0.24;
  --mat-icon-button-pressed-state-layer-opacity: 0.24;
  --mat-icon-button-touch-target-display: block;
  --mdc-fab-container-shape: 50%;
  --mdc-fab-icon-size: 24px;
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-icon-size: 24px;
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-fab-container-color: #424242;
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-shadow-color: #000;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-disabled-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-focus-state-layer-opacity: 0.24;
  --mat-fab-pressed-state-layer-opacity: 0.24;
  --mat-fab-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mdc-fab-small-container-color: #424242;
  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shadow-color: #000;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-disabled-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-focus-state-layer-opacity: 0.24;
  --mat-fab-small-pressed-state-layer-opacity: 0.24;
  --mat-fab-small-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-shadow-color: #000;
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
  --mdc-extended-fab-label-text-font: var(--md-sys-typescale-label-large-font);
  --mdc-extended-fab-label-text-size: var(--md-sys-typescale-label-large-size);
  --mdc-extended-fab-label-text-tracking: var(--md-sys-typescale-label-large-tracking);
  --mdc-extended-fab-label-text-weight: var(--md-sys-typescale-label-large-weight);
  --mdc-snackbar-container-shape: 4px;
  --mdc-snackbar-container-color: #d9d9d9;
  --mdc-snackbar-supporting-text-color: rgba(66, 66, 66, 0.87);
  --mat-snack-bar-button-color: rgba(0, 0, 0, 0.87);
  --mdc-snackbar-supporting-text-font: var(--md-sys-typescale-body-medium-font);
  --mdc-snackbar-supporting-text-line-height: var(--md-sys-typescale-body-medium-line-height);
  --mdc-snackbar-supporting-text-size: var(--md-sys-typescale-body-medium-size);
  --mdc-snackbar-supporting-text-weight: var(--md-sys-typescale-body-medium-weight);
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: #424242;
  --mat-table-header-headline-color: var(--md-sys-color-on-surface);
  --mat-table-row-item-label-text-color: var(--md-sys-color-on-surface);
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-table-header-headline-font: var(--md-sys-typescale-title-small-font);
  --mat-table-header-headline-line-height: var(--md-sys-typescale-title-small-line-height);
  --mat-table-header-headline-size: var(--md-sys-typescale-title-small-size);
  --mat-table-header-headline-weight: var(--md-sys-typescale-title-small-weight);
  --mat-table-header-headline-tracking: var(--md-sys-typescale-title-small-tracking);
  --mat-table-row-item-label-text-font: var(--md-sys-typescale-body-medium-font);
  --mat-table-row-item-label-text-line-height: var(--md-sys-typescale-body-medium-line-height);
  --mat-table-row-item-label-text-size: var(--md-sys-typescale-body-medium-size);
  --mat-table-row-item-label-text-weight: var(--md-sys-typescale-body-medium-weight);
  --mat-table-row-item-label-text-tracking: var(--md-sys-typescale-body-medium-tracking);
  --mat-table-footer-supporting-text-font: var(--md-sys-typescale-body-medium-font);
  --mat-table-footer-supporting-text-line-height: var(--md-sys-typescale-body-medium-line-height);
  --mat-table-footer-supporting-text-size: var(--md-sys-typescale-body-medium-size);
  --mat-table-footer-supporting-text-weight: var(--md-sys-typescale-body-medium-weight);
  --mat-table-footer-supporting-text-tracking: var(--md-sys-typescale-body-medium-tracking);
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
  --mdc-circular-progress-active-indicator-color: var(--md-sys-color-primary);
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: var(--md-sys-color-primary);
  --mat-badge-text-color: var(--md-sys-color-on-primary);
  --mat-badge-disabled-state-background-color: rgba(255, 255, 255, 0.3);
  --mat-badge-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-badge-text-font: var(--md-sys-typescale-body-medium-font);
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: var(--md-sys-color-on-surface);
  --mat-bottom-sheet-container-background-color: var(--md-sys-color-surface-container-low);
  --mat-bottom-sheet-container-text-font: var(--md-sys-typescale-body-medium-font);
  --mat-bottom-sheet-container-text-line-height: var(--md-sys-typescale-body-medium-line-height);
  --mat-bottom-sheet-container-text-size: var(--md-sys-typescale-body-medium-size);
  --mat-bottom-sheet-container-text-tracking: var(--md-sys-typescale-body-medium-tracking);
  --mat-bottom-sheet-container-text-weight: var(--md-sys-typescale-body-medium-weight);
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-legacy-button-toggle-text-color: rgba(255, 255, 255, 0.5);
  --mat-legacy-button-toggle-state-layer-color: rgba(255, 255, 255, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(255, 255, 255, 0.7);
  --mat-legacy-button-toggle-selected-state-background-color: #212121;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-legacy-button-toggle-disabled-state-background-color: black;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #424242;
  --mat-standard-button-toggle-text-color: var(--md-sys-color-on-surface);
  --mat-standard-button-toggle-background-color: #424242;
  --mat-standard-button-toggle-state-layer-color: white;
  --mat-standard-button-toggle-selected-state-background-color: #212121;
  --mat-standard-button-toggle-selected-state-text-color: var(--md-sys-color-on-surface);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-standard-button-toggle-disabled-state-background-color: #424242;
  --mat-standard-button-toggle-disabled-selected-state-text-color: var(--md-sys-color-on-surface);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #424242;
  --mat-standard-button-toggle-divider-color: #595959;
  --mat-standard-button-toggle-height: 48px;
  --mat-legacy-button-toggle-label-text-font: var(--md-sys-typescale-body-large-font);
  --mat-legacy-button-toggle-label-text-line-height: var(--md-sys-typescale-body-large-line-height);
  --mat-legacy-button-toggle-label-text-size: var(--md-sys-typescale-body-large-size);
  --mat-legacy-button-toggle-label-text-tracking: var(--md-sys-typescale-body-large-tracking);
  --mat-legacy-button-toggle-label-text-weight: var(--md-sys-typescale-body-large-weight);
  --mat-standard-button-toggle-label-text-font: var(--md-sys-typescale-body-large-font);
  --mat-standard-button-toggle-label-text-line-height: var(--md-sys-typescale-body-large-line-height);
  --mat-standard-button-toggle-label-text-size: var(--md-sys-typescale-body-large-size);
  --mat-standard-button-toggle-label-text-tracking: var(--md-sys-typescale-body-large-tracking);
  --mat-standard-button-toggle-label-text-weight: var(--md-sys-typescale-body-large-weight);
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--md-sys-color-on-primary);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--md-sys-color-primary);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--md-sys-color-on-primary);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--md-sys-color-primary);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--md-sys-color-primary);
  --mat-datepicker-toggle-active-state-icon-color: var(--md-sys-color-primary);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--md-sys-color-primary), 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: white;
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: var(--md-sys-color-on-surface);
  --mat-datepicker-calendar-period-button-icon-color: white;
  --mat-datepicker-calendar-navigation-button-icon-color: white;
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-text-color: var(--md-sys-color-on-surface);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.24);
  --mat-datepicker-range-input-separator-color: var(--md-sys-color-on-surface);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: var(--md-sys-color-on-surface);
  --mat-datepicker-calendar-text-font: var(--md-sys-typescale-body-large-font);
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: var(--md-sys-typescale-label-large-size);
  --mat-datepicker-calendar-body-label-text-weight: var(--md-sys-typescale-label-large-weight);
  --mat-datepicker-calendar-period-button-text-size: var(--md-sys-typescale-label-large-size);
  --mat-datepicker-calendar-period-button-text-weight: var(--md-sys-typescale-label-large-weight);
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: var(--md-sys-typescale-body-large-weight);
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-container-background-color: #424242;
  --mat-expansion-container-text-color: var(--md-sys-color-on-surface);
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-expansion-header-text-color: var(--md-sys-color-on-surface);
  --mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-expansion-header-text-font: var(--md-sys-typescale-title-small-font);
  --mat-expansion-header-text-size: var(--md-sys-typescale-title-small-size);
  --mat-expansion-header-text-weight: var(--md-sys-typescale-title-small-weight);
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: var(--md-sys-typescale-body-medium-font);
  --mat-expansion-container-text-line-height: var(--md-sys-typescale-body-medium-line-height);
  --mat-expansion-container-text-size: var(--md-sys-typescale-body-medium-size);
  --mat-expansion-container-text-tracking: var(--md-sys-typescale-body-medium-tracking);
  --mat-expansion-container-text-weight: var(--md-sys-typescale-body-medium-weight);
  --mat-grid-list-tile-header-primary-text-size: var(--md-sys-typescale-body-medium-size);
  --mat-grid-list-tile-header-secondary-text-size: var(--md-sys-typescale-body-large-size);
  --mat-grid-list-tile-footer-primary-text-size: var(--md-sys-typescale-body-medium-size);
  --mat-grid-list-tile-footer-secondary-text-size: var(--md-sys-typescale-body-large-size);
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: var(--md-sys-color-surface-container-low);
  --mat-sidenav-container-text-color: var(--md-sys-color-on-surface);
  --mat-sidenav-content-background-color: var(--md-sys-color-surface);
  --mat-sidenav-content-text-color: var(--md-sys-color-on-surface);
  --mat-sidenav-scrim-color: rgba(189, 189, 189, 0.6);
  --mat-stepper-header-icon-foreground-color: var(--md-sys-color-on-primary);
  --mat-stepper-header-selected-state-icon-background-color: var(--md-sys-color-primary);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--md-sys-color-on-primary);
  --mat-stepper-header-done-state-icon-background-color: var(--md-sys-color-primary);
  --mat-stepper-header-done-state-icon-foreground-color: var(--md-sys-color-on-primary);
  --mat-stepper-header-edit-state-icon-background-color: var(--md-sys-color-primary);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--md-sys-color-on-primary);
  --mat-stepper-container-color: #424242;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-selected-state-label-text-color: var(--md-sys-color-on-surface);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: var(--md-sys-typescale-body-medium-font);
  --mat-stepper-header-label-text-font: var(--md-sys-typescale-body-medium-font);
  --mat-stepper-header-label-text-size: var(--md-sys-typescale-body-medium-size);
  --mat-stepper-header-label-text-weight: var(--md-sys-typescale-body-medium-weight);
  --mat-stepper-header-error-state-label-text-size: var(--md-sys-typescale-body-large-size);
  --mat-stepper-header-selected-state-label-text-size: var(--md-sys-typescale-body-large-size);
  --mat-stepper-header-selected-state-label-text-weight: var(--md-sys-typescale-body-large-weight);
  --mat-sort-arrow-color: #c6c6c6;
  --mat-toolbar-container-background-color: var(--md-sys-color-surface);
  --mat-toolbar-container-text-color: var(--md-sys-color-on-surface);
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: var(--md-sys-typescale-headline-small-font);
  --mat-toolbar-title-text-line-height: var(--md-sys-typescale-headline-small-line-height);
  --mat-toolbar-title-text-size: var(--md-sys-typescale-headline-small-size);
  --mat-toolbar-title-text-tracking: var(--md-sys-typescale-headline-small-tracking);
  --mat-toolbar-title-text-weight: var(--md-sys-typescale-headline-small-weight);
  --mat-tree-container-background-color: #424242;
  --mat-tree-node-text-color: var(--md-sys-color-on-surface);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: var(--md-sys-typescale-body-medium-font);
  --mat-tree-node-text-size: var(--md-sys-typescale-body-medium-size);
  --mat-tree-node-text-weight: var(--md-sys-typescale-body-medium-weight);
}
.theme-dark .mat-accent {
  --mat-option-selected-state-label-text-color: var(--md-sys-color-primary);
  --mat-option-label-text-color: var(--md-sys-color-on-surface);
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.theme-dark .mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: var(--md-sys-color-on-surface);
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.theme-dark .mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: var(--md-sys-color-primary);
  --mat-full-pseudo-checkbox-selected-checkmark-color: var(--md-sys-color-surface);
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: var(--md-sys-color-surface);
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--md-sys-color-primary);
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.theme-dark .mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: var(--md-sys-color-primary);
  --mat-full-pseudo-checkbox-selected-checkmark-color: var(--md-sys-color-surface);
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: var(--md-sys-color-surface);
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--md-sys-color-primary);
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.theme-dark .mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color: var(--md-sys-color-surface);
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: var(--md-sys-color-surface);
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.theme-dark .mat-elevation-z0, .theme-dark .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.theme-dark .mat-elevation-z1, .theme-dark .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.theme-dark .mat-elevation-z2, .theme-dark .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.theme-dark .mat-elevation-z3, .theme-dark .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.theme-dark .mat-elevation-z4, .theme-dark .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.theme-dark .mat-elevation-z5, .theme-dark .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.theme-dark .mat-elevation-z6, .theme-dark .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.theme-dark .mat-elevation-z7, .theme-dark .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.theme-dark .mat-elevation-z8, .theme-dark .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.theme-dark .mat-elevation-z9, .theme-dark .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.theme-dark .mat-elevation-z10, .theme-dark .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.theme-dark .mat-elevation-z11, .theme-dark .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.theme-dark .mat-elevation-z12, .theme-dark .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.theme-dark .mat-elevation-z13, .theme-dark .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.theme-dark .mat-elevation-z14, .theme-dark .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.theme-dark .mat-elevation-z15, .theme-dark .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.theme-dark .mat-elevation-z16, .theme-dark .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.theme-dark .mat-elevation-z17, .theme-dark .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.theme-dark .mat-elevation-z18, .theme-dark .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.theme-dark .mat-elevation-z19, .theme-dark .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.theme-dark .mat-elevation-z20, .theme-dark .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.theme-dark .mat-elevation-z21, .theme-dark .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.theme-dark .mat-elevation-z22, .theme-dark .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.theme-dark .mat-elevation-z23, .theme-dark .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.theme-dark .mat-elevation-z24, .theme-dark .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
  display: none;
}

.theme-dark .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: var(--md-sys-color-primary);
  --mdc-linear-progress-track-color: var(--md-sys-color-primary);
}
.theme-dark .mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: var(--md-sys-color-primary);
  --mdc-linear-progress-track-color: var(--md-sys-color-primary);
}
.theme-dark .mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #f44336;
  --mdc-linear-progress-track-color: rgba(244, 67, 54, 0.25);
}
.theme-dark .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: var(--md-sys-color-primary);
  --mdc-filled-text-field-focus-active-indicator-color: var(--md-sys-color-primary);
  --mdc-filled-text-field-focus-label-text-color: var(--md-sys-color-primary);
  --mdc-outlined-text-field-caret-color: var(--md-sys-color-primary);
  --mdc-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);
  --mdc-outlined-text-field-focus-label-text-color: var(--md-sys-color-primary);
  --mat-form-field-focus-select-arrow-color: var(--md-sys-color-primary);
}
.theme-dark .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #f44336;
  --mdc-filled-text-field-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
  --mdc-outlined-text-field-caret-color: #f44336;
  --mdc-outlined-text-field-focus-outline-color: #f44336;
  --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, 0.87);
}
.theme-dark .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: var(--md-sys-color-on-surface);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: var(--md-sys-color-on-surface);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: var(--md-sys-color-on-surface);
  --mat-select-focused-arrow-color: var(--md-sys-color-primary);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
.theme-dark .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: var(--md-sys-color-on-surface);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: var(--md-sys-color-on-surface);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: var(--md-sys-color-on-surface);
  --mat-select-focused-arrow-color: rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
.theme-dark .mat-mdc-standard-chip {
  --mdc-chip-container-shape-family: rounded;
  --mdc-chip-container-shape-radius: 16px 16px 16px 16px;
  --mdc-chip-with-avatar-avatar-shape-family: rounded;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}
.theme-dark .mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #fafafa;
  --mdc-chip-elevated-container-color: #595959;
  --mdc-chip-elevated-selected-container-color: #595959;
  --mdc-chip-elevated-disabled-container-color: #595959;
  --mdc-chip-flat-disabled-selected-container-color: #595959;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #fafafa;
  --mdc-chip-selected-label-text-color: #fafafa;
  --mdc-chip-with-icon-icon-color: #fafafa;
  --mdc-chip-with-icon-disabled-icon-color: #fafafa;
  --mdc-chip-with-icon-selected-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #fafafa;
  --mat-chip-selected-disabled-trailing-icon-color: #fafafa;
  --mat-chip-selected-trailing-icon-color: #fafafa;
}
.theme-dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .theme-dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: var(--md-sys-color-on-primary);
  --mdc-chip-elevated-container-color: var(--md-sys-color-primary);
  --mdc-chip-elevated-selected-container-color: var(--md-sys-color-primary);
  --mdc-chip-elevated-disabled-container-color: var(--md-sys-color-primary);
  --mdc-chip-flat-disabled-selected-container-color: var(--md-sys-color-primary);
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: var(--md-sys-color-on-primary);
  --mdc-chip-selected-label-text-color: var(--md-sys-color-on-primary);
  --mdc-chip-with-icon-icon-color: var(--md-sys-color-on-primary);
  --mdc-chip-with-icon-disabled-icon-color: var(--md-sys-color-on-primary);
  --mdc-chip-with-icon-selected-icon-color: var(--md-sys-color-on-primary);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: var(--md-sys-color-on-primary);
  --mdc-chip-with-trailing-icon-trailing-icon-color: var(--md-sys-color-on-primary);
  --mat-chip-selected-disabled-trailing-icon-color: var(--md-sys-color-on-primary);
  --mat-chip-selected-trailing-icon-color: var(--md-sys-color-on-primary);
}
.theme-dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .theme-dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: var(--md-sys-color-on-primary);
  --mdc-chip-elevated-container-color: var(--md-sys-color-primary);
  --mdc-chip-elevated-selected-container-color: var(--md-sys-color-primary);
  --mdc-chip-elevated-disabled-container-color: var(--md-sys-color-primary);
  --mdc-chip-flat-disabled-selected-container-color: var(--md-sys-color-primary);
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: var(--md-sys-color-on-primary);
  --mdc-chip-selected-label-text-color: var(--md-sys-color-on-primary);
  --mdc-chip-with-icon-icon-color: var(--md-sys-color-on-primary);
  --mdc-chip-with-icon-disabled-icon-color: var(--md-sys-color-on-primary);
  --mdc-chip-with-icon-selected-icon-color: var(--md-sys-color-on-primary);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: var(--md-sys-color-on-primary);
  --mdc-chip-with-trailing-icon-trailing-icon-color: var(--md-sys-color-on-primary);
  --mat-chip-selected-disabled-trailing-icon-color: var(--md-sys-color-on-primary);
  --mat-chip-selected-trailing-icon-color: var(--md-sys-color-on-primary);
}
.theme-dark .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .theme-dark .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f44336;
  --mdc-chip-elevated-selected-container-color: #f44336;
  --mdc-chip-elevated-disabled-container-color: #f44336;
  --mdc-chip-flat-disabled-selected-container-color: #f44336;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.theme-dark .mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}
.theme-dark .mat-mdc-standard-chip {
  --mdc-chip-label-text-font: var(--md-sys-typescale-body-medium-font);
  --mdc-chip-label-text-line-height: var(--md-sys-typescale-body-medium-line-height);
  --mdc-chip-label-text-size: var(--md-sys-typescale-body-medium-size);
  --mdc-chip-label-text-tracking: var(--md-sys-typescale-body-medium-tracking);
  --mdc-chip-label-text-weight: var(--md-sys-typescale-body-medium-weight);
}
.theme-dark .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-color: var(--md-sys-color-on-surface);
}
.theme-dark .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #7986cb;
  --mdc-switch-selected-handle-color: #7986cb;
  --mdc-switch-selected-hover-state-layer-color: #7986cb;
  --mdc-switch-selected-pressed-state-layer-color: #7986cb;
  --mdc-switch-selected-focus-handle-color: #9fa8da;
  --mdc-switch-selected-hover-handle-color: #9fa8da;
  --mdc-switch-selected-pressed-handle-color: #9fa8da;
  --mdc-switch-selected-focus-track-color: #3949ab;
  --mdc-switch-selected-hover-track-color: #3949ab;
  --mdc-switch-selected-pressed-track-color: #3949ab;
  --mdc-switch-selected-track-color: #3949ab;
}
.theme-dark .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e57373;
  --mdc-switch-selected-handle-color: #e57373;
  --mdc-switch-selected-hover-state-layer-color: #e57373;
  --mdc-switch-selected-pressed-state-layer-color: #e57373;
  --mdc-switch-selected-focus-handle-color: #ef9a9a;
  --mdc-switch-selected-hover-handle-color: #ef9a9a;
  --mdc-switch-selected-pressed-handle-color: #ef9a9a;
  --mdc-switch-selected-focus-track-color: #e53935;
  --mdc-switch-selected-hover-track-color: #e53935;
  --mdc-switch-selected-pressed-track-color: #e53935;
  --mdc-switch-selected-track-color: #e53935;
}
.theme-dark .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-font: var(--md-sys-typescale-body-medium-font);
  --mdc-form-field-label-text-line-height: var(--md-sys-typescale-body-medium-line-height);
  --mdc-form-field-label-text-size: var(--md-sys-typescale-body-medium-size);
  --mdc-form-field-label-text-tracking: var(--md-sys-typescale-body-medium-tracking);
  --mdc-form-field-label-text-weight: var(--md-sys-typescale-body-medium-weight);
}
.theme-dark .mat-mdc-radio-button {
  --mdc-form-field-label-text-color: var(--md-sys-color-on-surface);
}
.theme-dark .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--md-sys-color-primary);
  --mdc-radio-selected-hover-icon-color: var(--md-sys-color-primary);
  --mdc-radio-selected-icon-color: var(--md-sys-color-primary);
  --mdc-radio-selected-pressed-icon-color: var(--md-sys-color-primary);
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: var(--md-sys-color-primary);
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
}
.theme-dark .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--md-sys-color-primary);
  --mdc-radio-selected-hover-icon-color: var(--md-sys-color-primary);
  --mdc-radio-selected-icon-color: var(--md-sys-color-primary);
  --mdc-radio-selected-pressed-icon-color: var(--md-sys-color-primary);
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: var(--md-sys-color-primary);
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
}
.theme-dark .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
}
.theme-dark .mat-mdc-radio-button {
  --mdc-form-field-label-text-font: var(--md-sys-typescale-body-medium-font);
  --mdc-form-field-label-text-line-height: var(--md-sys-typescale-body-medium-line-height);
  --mdc-form-field-label-text-size: var(--md-sys-typescale-body-medium-size);
  --mdc-form-field-label-text-tracking: var(--md-sys-typescale-body-medium-tracking);
  --mdc-form-field-label-text-weight: var(--md-sys-typescale-body-medium-weight);
}
.theme-dark .mat-accent {
  --mat-slider-ripple-color: var(--md-sys-color-primary);
  --mat-slider-hover-state-layer-color: rgba(var(--md-sys-color-primary), 0.05);
  --mat-slider-focus-state-layer-color: rgba(var(--md-sys-color-primary), 0.2);
  --mdc-slider-handle-color: var(--md-sys-color-primary);
  --mdc-slider-focus-handle-color: var(--md-sys-color-primary);
  --mdc-slider-hover-handle-color: var(--md-sys-color-primary);
  --mdc-slider-active-track-color: var(--md-sys-color-primary);
  --mdc-slider-inactive-track-color: var(--md-sys-color-primary);
  --mdc-slider-with-tick-marks-inactive-container-color: var(--md-sys-color-primary);
  --mdc-slider-with-tick-marks-active-container-color: var(--md-sys-color-on-primary);
}
.theme-dark .mat-warn {
  --mat-slider-ripple-color: #f44336;
  --mat-slider-hover-state-layer-color: rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color: rgba(244, 67, 54, 0.2);
  --mdc-slider-handle-color: #f44336;
  --mdc-slider-focus-handle-color: #f44336;
  --mdc-slider-hover-handle-color: #f44336;
  --mdc-slider-active-track-color: #f44336;
  --mdc-slider-inactive-track-color: #f44336;
  --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.theme-dark .mdc-list-item__start,
.theme-dark .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--md-sys-color-primary);
  --mdc-radio-selected-hover-icon-color: var(--md-sys-color-primary);
  --mdc-radio-selected-icon-color: var(--md-sys-color-primary);
  --mdc-radio-selected-pressed-icon-color: var(--md-sys-color-primary);
}
.theme-dark .mat-accent .mdc-list-item__start,
.theme-dark .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--md-sys-color-primary);
  --mdc-radio-selected-hover-icon-color: var(--md-sys-color-primary);
  --mdc-radio-selected-icon-color: var(--md-sys-color-primary);
  --mdc-radio-selected-pressed-icon-color: var(--md-sys-color-primary);
}
.theme-dark .mat-warn .mdc-list-item__start,
.theme-dark .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}
.theme-dark .mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: var(--md-sys-color-on-primary);
  --mdc-checkbox-selected-focus-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-hover-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-pressed-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-hover-state-layer-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--md-sys-color-primary);
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.theme-dark .mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: var(--md-sys-color-on-primary);
  --mdc-checkbox-selected-focus-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-hover-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-pressed-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-hover-state-layer-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--md-sys-color-primary);
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.theme-dark .mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.theme-dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.theme-dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: var(--md-sys-color-primary);
}
.theme-dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.theme-dark .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: var(--md-sys-color-primary);
}
.theme-dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.theme-dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.theme-dark .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.theme-dark .mdc-list-item__start,
.theme-dark .mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}
.theme-dark .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .theme-dark .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .theme-dark .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.theme-dark .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .theme-dark .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .theme-dark .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.theme-dark .mdc-list-group__subheader {
  font: var(--md-sys-typescale-title-large-weight) var(--md-sys-typescale-title-large-size) / var(--md-sys-typescale-title-large-line-height) var(--md-sys-typescale-title-large-font);
  letter-spacing: var(--md-sys-typescale-title-large-tracking);
}
.theme-dark .mat-mdc-tab-group, .theme-dark .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: var(--md-sys-color-primary);
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: var(--md-sys-color-on-surface);
  --mat-tab-header-active-label-text-color: var(--md-sys-color-primary);
  --mat-tab-header-active-ripple-color: var(--md-sys-color-primary);
  --mat-tab-header-inactive-ripple-color: var(--md-sys-color-primary);
  --mat-tab-header-inactive-focus-label-text-color: var(--md-sys-color-on-surface);
  --mat-tab-header-inactive-hover-label-text-color: var(--md-sys-color-on-surface);
  --mat-tab-header-active-focus-label-text-color: var(--md-sys-color-primary);
  --mat-tab-header-active-hover-label-text-color: var(--md-sys-color-primary);
  --mat-tab-header-active-focus-indicator-color: var(--md-sys-color-primary);
  --mat-tab-header-active-hover-indicator-color: var(--md-sys-color-primary);
}
.theme-dark .mat-mdc-tab-group.mat-accent, .theme-dark .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: var(--md-sys-color-primary);
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: var(--md-sys-color-on-surface);
  --mat-tab-header-active-label-text-color: var(--md-sys-color-primary);
  --mat-tab-header-active-ripple-color: var(--md-sys-color-primary);
  --mat-tab-header-inactive-ripple-color: var(--md-sys-color-primary);
  --mat-tab-header-inactive-focus-label-text-color: var(--md-sys-color-on-surface);
  --mat-tab-header-inactive-hover-label-text-color: var(--md-sys-color-on-surface);
  --mat-tab-header-active-focus-label-text-color: var(--md-sys-color-primary);
  --mat-tab-header-active-hover-label-text-color: var(--md-sys-color-primary);
  --mat-tab-header-active-focus-indicator-color: var(--md-sys-color-primary);
  --mat-tab-header-active-hover-indicator-color: var(--md-sys-color-primary);
}
.theme-dark .mat-mdc-tab-group.mat-warn, .theme-dark .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #f44336;
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: var(--md-sys-color-on-surface);
  --mat-tab-header-active-label-text-color: #f44336;
  --mat-tab-header-active-ripple-color: #f44336;
  --mat-tab-header-inactive-ripple-color: #f44336;
  --mat-tab-header-inactive-focus-label-text-color: var(--md-sys-color-on-surface);
  --mat-tab-header-inactive-hover-label-text-color: var(--md-sys-color-on-surface);
  --mat-tab-header-active-focus-label-text-color: #f44336;
  --mat-tab-header-active-hover-label-text-color: #f44336;
  --mat-tab-header-active-focus-indicator-color: #f44336;
  --mat-tab-header-active-hover-indicator-color: #f44336;
}
.theme-dark .mat-mdc-tab-group.mat-background-primary, .theme-dark .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: var(--md-sys-color-primary);
  --mat-tab-header-with-background-foreground-color: var(--md-sys-color-on-primary);
}
.theme-dark .mat-mdc-tab-group.mat-background-accent, .theme-dark .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: var(--md-sys-color-primary);
  --mat-tab-header-with-background-foreground-color: var(--md-sys-color-on-primary);
}
.theme-dark .mat-mdc-tab-group.mat-background-warn, .theme-dark .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #f44336;
  --mat-tab-header-with-background-foreground-color: white;
}
.theme-dark .mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
.theme-dark .mat-mdc-tab-header {
  --mat-tab-header-label-text-font: var(--md-sys-typescale-label-large-font);
  --mat-tab-header-label-text-size: var(--md-sys-typescale-label-large-size);
  --mat-tab-header-label-text-tracking: var(--md-sys-typescale-label-large-tracking);
  --mat-tab-header-label-text-line-height: var(--md-sys-typescale-label-large-line-height);
  --mat-tab-header-label-text-weight: var(--md-sys-typescale-label-large-weight);
}
.theme-dark .mat-mdc-checkbox {
  --mdc-form-field-label-text-color: var(--md-sys-color-on-surface);
}
.theme-dark .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: var(--md-sys-color-on-primary);
  --mdc-checkbox-selected-focus-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-hover-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-pressed-icon-color: var(--md-sys-color-primary);
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-hover-state-layer-color: var(--md-sys-color-primary);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--md-sys-color-primary);
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.theme-dark .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.theme-dark .mat-mdc-checkbox {
  --mdc-form-field-label-text-font: var(--md-sys-typescale-body-medium-font);
  --mdc-form-field-label-text-line-height: var(--md-sys-typescale-body-medium-line-height);
  --mdc-form-field-label-text-size: var(--md-sys-typescale-body-medium-size);
  --mdc-form-field-label-text-tracking: var(--md-sys-typescale-body-medium-tracking);
  --mdc-form-field-label-text-weight: var(--md-sys-typescale-body-medium-weight);
}
.theme-dark .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: var(--md-sys-color-primary);
  --mat-text-button-state-layer-color: var(--md-sys-color-primary);
  --mat-text-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.theme-dark .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: var(--md-sys-color-primary);
  --mat-text-button-state-layer-color: var(--md-sys-color-primary);
  --mat-text-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.theme-dark .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
  --mat-text-button-state-layer-color: #f44336;
  --mat-text-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.theme-dark .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: var(--md-sys-color-primary);
  --mdc-filled-button-label-text-color: var(--md-sys-color-on-primary);
  --mat-filled-button-state-layer-color: #fff;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.theme-dark .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: var(--md-sys-color-primary);
  --mdc-filled-button-label-text-color: var(--md-sys-color-on-primary);
  --mat-filled-button-state-layer-color: #fff;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.theme-dark .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.theme-dark .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: var(--md-sys-color-primary);
  --mdc-protected-button-label-text-color: var(--md-sys-color-on-primary);
  --mat-protected-button-state-layer-color: #fff;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.theme-dark .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: var(--md-sys-color-primary);
  --mdc-protected-button-label-text-color: var(--md-sys-color-on-primary);
  --mat-protected-button-state-layer-color: #fff;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.theme-dark .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.theme-dark .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: var(--md-sys-color-primary);
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: var(--md-sys-color-primary);
  --mat-outlined-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.theme-dark .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: var(--md-sys-color-primary);
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: var(--md-sys-color-primary);
  --mat-outlined-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.theme-dark .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #f44336;
  --mat-outlined-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.theme-dark .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: var(--md-sys-color-primary);
  --mat-icon-button-state-layer-color: var(--md-sys-color-primary);
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.theme-dark .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: var(--md-sys-color-primary);
  --mat-icon-button-state-layer-color: var(--md-sys-color-primary);
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.theme-dark .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.theme-dark .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
.theme-dark .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: var(--md-sys-color-primary);
  --mat-fab-foreground-color: #fff;
  --mat-fab-state-layer-color: #fff;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.theme-dark .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: var(--md-sys-color-primary);
  --mat-fab-foreground-color: #fff;
  --mat-fab-state-layer-color: #fff;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.theme-dark .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.theme-dark .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: var(--md-sys-color-primary);
  --mat-fab-small-foreground-color: #fff;
  --mat-fab-small-state-layer-color: #fff;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.theme-dark .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: var(--md-sys-color-primary);
  --mat-fab-small-foreground-color: #fff;
  --mat-fab-small-state-layer-color: #fff;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.theme-dark .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.theme-dark .mat-accent {
  --mdc-circular-progress-active-indicator-color: var(--md-sys-color-primary);
}
.theme-dark .mat-warn {
  --mdc-circular-progress-active-indicator-color: #f44336;
}
.theme-dark .mat-badge-accent {
  --mat-badge-background-color: var(--md-sys-color-primary);
  --mat-badge-text-color: var(--md-sys-color-on-primary);
}
.theme-dark .mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
.theme-dark .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: var(--md-sys-color-on-primary);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--md-sys-color-primary);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--md-sys-color-on-primary);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--md-sys-color-primary);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--md-sys-color-primary);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--md-sys-color-primary), 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.theme-dark .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.theme-dark .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: var(--md-sys-color-primary);
}
.theme-dark .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}
.theme-dark .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.theme-dark .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.theme-dark .mat-icon.mat-primary {
  --mat-icon-color: var(--md-sys-color-primary);
}
.theme-dark .mat-icon.mat-accent {
  --mat-icon-color: var(--md-sys-color-primary);
}
.theme-dark .mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
.theme-dark .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: var(--md-sys-color-on-primary);
  --mat-stepper-header-selected-state-icon-background-color: var(--md-sys-color-primary);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--md-sys-color-on-primary);
  --mat-stepper-header-done-state-icon-background-color: var(--md-sys-color-primary);
  --mat-stepper-header-done-state-icon-foreground-color: var(--md-sys-color-on-primary);
  --mat-stepper-header-edit-state-icon-background-color: var(--md-sys-color-primary);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--md-sys-color-on-primary);
}
.theme-dark .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.theme-dark .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: var(--md-sys-color-primary);
  --mat-toolbar-container-text-color: var(--md-sys-color-on-primary);
}
.theme-dark .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: var(--md-sys-color-primary);
  --mat-toolbar-container-text-color: var(--md-sys-color-on-primary);
}
.theme-dark .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-track-color: var(
    --md-sys-color-surface-container-highest
  ) !important;
}

.mat-mdc-list-base {
  --mdc-list-list-item-container-shape: var(
    --md-sys-shape-corner-full
  ) !important;
}

.mat-drawer {
  --mat-sidenav-container-background-color: var(
    --md-sys-color-surface-container
  );
}

.mat-drawer-backdrop {
  transition-property: opacity, visibility !important;
  background-color: var(--md-sys-color-scrim) !important;
  opacity: 0;
}
.mat-drawer-backdrop.mat-drawer-shown {
  opacity: 0.4;
  transition-property: opacity, visibility !important;
}

.theme-light,
.theme-dark {
  --mat-select-panel-background-color: var(--md-sys-color-surface-container);
}

.theme-light {
  --mdc-outlined-text-field-error-hover-label-text-color: var(
    --md-ref-palette-error30
  ) !important;
}

.theme-dark {
  --mdc-outlined-text-field-error-hover-label-text-color: var(
    --md-ref-palette-error90
  ) !important;
}

.mat-mdc-form-field-error,
.mat-mdc-form-field-hint {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mat-mdc-form-field {
  --mdc-outlined-text-field-caret-color: var(--md-sys-color-primary);
  --mdc-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);
  --mdc-outlined-text-field-focus-label-text-color: var(--md-sys-color-primary);
  --mdc-outlined-text-field-label-text-color: var(
    --md-sys-color-on-surface-variant
  ) !important;
  --mdc-outlined-text-field-disabled-label-text-color: var(
    --md-sys-color-outline-variant
  ) !important;
  --mdc-outlined-text-field-input-text-color: var(
    --md-sys-color-on-surface
  ) !important;
  --mdc-outlined-text-field-disabled-input-text-color: var(
    --md-sys-color-outline-variant
  ) !important;
  --mdc-outlined-text-field-input-text-placeholder-color: var(
    --md-sys-color-on-surface-variant
  ) !important;
  --mdc-outlined-text-field-error-caret-color: var(
    --md-sys-color-error
  ) !important;
  --mdc-outlined-text-field-error-focus-label-text-color: var(
    --md-sys-color-error
  ) !important;
  --mdc-outlined-text-field-error-label-text-color: var(
    --md-sys-color-error
  ) !important;
  --mdc-outlined-text-field-outline-color: var(
    --md-sys-color-outline-variant
  ) !important;
  --mdc-outlined-text-field-disabled-outline-color: var(
    --md-sys-color-on-surface-variant
  ) !important;
  --mdc-outlined-text-field-hover-outline-color: var(
    --md-sys-color-on-surface
  ) !important;
  --mdc-outlined-text-field-error-focus-outline-color: var(
    --md-sys-color-error
  ) !important;
  --mdc-outlined-text-field-error-hover-outline-color: var(
    --md-sys-color-error
  ) !important;
  --mdc-outlined-text-field-error-outline-color: var(
    --md-sys-color-error
  ) !important;
  --mat-form-field-focus-select-arrow-color: var(md-sys-color-primary);
  --mat-form-field-disabled-input-text-placeholder-color: var(
    --md-sys-color-outline-variant
  ) !important;
  --mat-form-field-state-layer-color: var(
    --md-sys-color-on-surface
  ) !important;
  --mat-form-field-error-text-color: var(
    --md-sys-color-error
  ) !important;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-enabled-select-arrow-color: var(
    --md-sys-color-outline
  ) !important;
  --mat-form-field-disabled-select-arrow-color: var(
    --md-sys-color-outline-variant
  ) !important;
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-subscript-text-font: var(
    --md-sys-typescale-label-small-font
  );
  --mat-form-field-subscript-text-line-height: var(
    --md-sys-typescale-label-small-line-height
  );
  --mat-form-field-subscript-text-size: var(
    --md-sys-typescale-label-small-size
  );
  --mat-form-field-subscript-text-tracking: var(
    --md-sys-typescale-label-small-tracking
  );
  --mat-form-field-subscript-text-weight: var(
    --md-sys-typescale-label-small-weight
  );
}
@supports selector(:has(*)) {
  .mat-mdc-form-field-subscript-wrapper {
    height: 0;
    transition: height 120ms ease-out;
  }
  .mat-mdc-form-field:has(.mat-mdc-form-field-hint) .mat-mdc-form-field-subscript-wrapper, .mat-mdc-form-field.mat-form-field-invalid .mat-mdc-form-field-subscript-wrapper {
    height: var(--md-sys-size-5);
    transition: height 120ms ease-in;
  }
}
.mat-mdc-form-field .mat-mdc-form-field-hint-wrapper,
.mat-mdc-form-field .mat-mdc-form-field-error-wrapper {
  padding: 0 var(--md-sys-size-3);
}

.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-selected-checkmark-color: var(
    --md-sys-color-on-primary
  ) !important;
  --mdc-checkbox-selected-icon-color: var(--md-sys-color-primary) !important;
  --mdc-checkbox-selected-hover-icon-color: var(
    --md-sys-color-primary
  ) !important;
  --mdc-checkbox-selected-hover-state-layer-color: var(
    --md-sys-color-primary
  ) !important;
  --mdc-checkbox-selected-focus-icon-color: var(
    --md-sys-color-primary
  ) !important;
  --mdc-checkbox-selected-focus-state-layer-color: var(
    --md-sys-color-primary
  ) !important;
  --mdc-checkbox-selected-pressed-icon-color: var(
    --md-sys-color-primary
  ) !important;
  --mdc-checkbox-selected-pressed-state-layer-color: var(
    --md-sys-color-primary
  ) !important;
}
.mat-mdc-checkbox.mat-secondary {
  --mdc-checkbox-selected-checkmark-color: var(
    --md-sys-color-on-secondary
  ) !important;
  --mdc-checkbox-selected-icon-color: var(
    --md-sys-color-secondary
  ) !important;
  --mdc-checkbox-selected-hover-icon-color: var(
    --md-sys-color-secondary
  ) !important;
  --mdc-checkbox-selected-hover-state-layer-color: var(
    --md-sys-color-secondary
  ) !important;
  --mdc-checkbox-selected-focus-icon-color: var(
    --md-sys-color-secondary
  ) !important;
  --mdc-checkbox-selected-focus-state-layer-color: var(
    --md-sys-color-secondary
  ) !important;
  --mdc-checkbox-selected-pressed-icon-color: var(
    --md-sys-color-secondary
  ) !important;
  --mdc-checkbox-selected-pressed-state-layer-color: var(
    --md-sys-color-secondary
  ) !important;
}
.mat-mdc-checkbox.mat-tertiary {
  --mdc-checkbox-selected-checkmark-color: var(
    --md-sys-color-on-tertiary
  ) !important;
  --mdc-checkbox-selected-icon-color: var(--md-sys-color-tertiary) !important;
  --mdc-checkbox-selected-hover-icon-color: var(
    --md-sys-color-tertiary
  ) !important;
  --mdc-checkbox-selected-hover-state-layer-color: var(
    --md-sys-color-tertiary
  ) !important;
  --mdc-checkbox-selected-focus-icon-color: var(
    --md-sys-color-tertiary
  ) !important;
  --mdc-checkbox-selected-focus-state-layer-color: var(
    --md-sys-color-tertiary
  ) !important;
  --mdc-checkbox-selected-pressed-icon-color: var(
    --md-sys-color-tertiary
  ) !important;
  --mdc-checkbox-selected-pressed-state-layer-color: var(
    --md-sys-color-tertiary
  ) !important;
}
.mat-mdc-checkbox.mat-error {
  --mdc-checkbox-selected-checkmark-color: var(
    --md-sys-color-on-error
  ) !important;
  --mdc-checkbox-selected-icon-color: var(--md-sys-color-error) !important;
  --mdc-checkbox-selected-hover-icon-color: var(
    --md-sys-color-error
  ) !important;
  --mdc-checkbox-selected-hover-state-layer-color: var(
    --md-sys-color-error
  ) !important;
  --mdc-checkbox-selected-focus-icon-color: var(
    --md-sys-color-error
  ) !important;
  --mdc-checkbox-selected-focus-state-layer-color: var(
    --md-sys-color-error
  ) !important;
  --mdc-checkbox-selected-pressed-icon-color: var(
    --md-sys-color-error
  ) !important;
  --mdc-checkbox-selected-pressed-state-layer-color: var(
    --md-sys-color-error
  ) !important;
}
.mat-mdc-checkbox.mat-success {
  --mdc-checkbox-selected-checkmark-color: var(
    --md-sys-color-on-success
  ) !important;
  --mdc-checkbox-selected-icon-color: var(--md-sys-color-success) !important;
  --mdc-checkbox-selected-hover-icon-color: var(
    --md-sys-color-success
  ) !important;
  --mdc-checkbox-selected-hover-state-layer-color: var(
    --md-sys-color-success
  ) !important;
  --mdc-checkbox-selected-focus-icon-color: var(
    --md-sys-color-success
  ) !important;
  --mdc-checkbox-selected-focus-state-layer-color: var(
    --md-sys-color-success
  ) !important;
  --mdc-checkbox-selected-pressed-icon-color: var(
    --md-sys-color-success
  ) !important;
  --mdc-checkbox-selected-pressed-state-layer-color: var(
    --md-sys-color-success
  ) !important;
}

.theme-light,
.theme-dark {
  --button-inner-gap: var(--md-sys-size-1);
  --button-icon-label-inline-padding: var(--md-sys-size-5);
  --button-icon-label-reduced-inline-padding: calc(
    var(--button-icon-label-inline-padding) - var(--md-sys-size-2)
  );
  --mdc-protected-button-container-height: 40px;
}
.theme-light .mat-mdc-button,
.theme-light .mat-mdc-outlined-button,
.theme-light .mat-mdc-unelevated-button,
.theme-dark .mat-mdc-button,
.theme-dark .mat-mdc-outlined-button,
.theme-dark .mat-mdc-unelevated-button {
  padding-inline: var(--button-icon-label-inline-padding);
}
.theme-light .mat-mdc-button:has(.material-icons, mat-icon, [matButtonIcon]),
.theme-light .mat-mdc-outlined-button:has(.material-icons, mat-icon, [matButtonIcon]),
.theme-light .mat-mdc-unelevated-button:has(.material-icons, mat-icon, [matButtonIcon]),
.theme-dark .mat-mdc-button:has(.material-icons, mat-icon, [matButtonIcon]),
.theme-dark .mat-mdc-outlined-button:has(.material-icons, mat-icon, [matButtonIcon]),
.theme-dark .mat-mdc-unelevated-button:has(.material-icons, mat-icon, [matButtonIcon]) {
  gap: var(--button-inner-gap);
  padding-inline-start: var(--button-icon-label-reduced-inline-padding);
  padding-inline-end: var(--button-icon-label-inline-padding);
}
.theme-light .mat-mdc-button:has(.material-icons, mat-icon, [matButtonIcon]) .mat-icon,
.theme-light .mat-mdc-outlined-button:has(.material-icons, mat-icon, [matButtonIcon]) .mat-icon,
.theme-light .mat-mdc-unelevated-button:has(.material-icons, mat-icon, [matButtonIcon]) .mat-icon,
.theme-dark .mat-mdc-button:has(.material-icons, mat-icon, [matButtonIcon]) .mat-icon,
.theme-dark .mat-mdc-outlined-button:has(.material-icons, mat-icon, [matButtonIcon]) .mat-icon,
.theme-dark .mat-mdc-unelevated-button:has(.material-icons, mat-icon, [matButtonIcon]) .mat-icon {
  flex: 0 0 auto;
  margin: 0;
}
.theme-light .mat-mdc-button:has(.material-icons, mat-icon, [matButtonIcon]).icon-end,
.theme-light .mat-mdc-outlined-button:has(.material-icons, mat-icon, [matButtonIcon]).icon-end,
.theme-light .mat-mdc-unelevated-button:has(.material-icons, mat-icon, [matButtonIcon]).icon-end,
.theme-dark .mat-mdc-button:has(.material-icons, mat-icon, [matButtonIcon]).icon-end,
.theme-dark .mat-mdc-outlined-button:has(.material-icons, mat-icon, [matButtonIcon]).icon-end,
.theme-dark .mat-mdc-unelevated-button:has(.material-icons, mat-icon, [matButtonIcon]).icon-end {
  padding-inline-start: var(--button-icon-label-inline-padding);
  padding-inline-end: var(--button-icon-label-reduced-inline-padding);
}
.theme-light .mat-mdc-button:has(.material-icons, mat-icon, [matButtonIcon]).icon-end .mat-icon,
.theme-light .mat-mdc-outlined-button:has(.material-icons, mat-icon, [matButtonIcon]).icon-end .mat-icon,
.theme-light .mat-mdc-unelevated-button:has(.material-icons, mat-icon, [matButtonIcon]).icon-end .mat-icon,
.theme-dark .mat-mdc-button:has(.material-icons, mat-icon, [matButtonIcon]).icon-end .mat-icon,
.theme-dark .mat-mdc-outlined-button:has(.material-icons, mat-icon, [matButtonIcon]).icon-end .mat-icon,
.theme-dark .mat-mdc-unelevated-button:has(.material-icons, mat-icon, [matButtonIcon]).icon-end .mat-icon {
  order: 2;
}
.theme-light .mdc-button__label,
.theme-dark .mdc-button__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.theme-light .mat-mdc-button,
.theme-dark .mat-mdc-button {
  --mdc-text-button-label-text-font: var(--md-sys-typescale-label-large-font);
  --mdc-text-button-label-text-size: var(--md-sys-typescale-label-large-size);
  --mdc-text-button-label-text-tracking: var(
    --md-sys-typescale-label-large-tracking
  );
  --mdc-text-button-label-text-weight: var(
    --md-sys-typescale-label-large-weight
  );
  --mdc-text-button-container-shape: 50rem;
  --mat-text-button-horizontal-padding: var(--md-sys-size-6);
  --mdc-text-button-container-height: 40px;
  --mat-text-button-state-layer-color: var(--md-sys-color-primary);
}
.theme-light .mat-mdc-unelevated-button,
.theme-dark .mat-mdc-unelevated-button {
  --mdc-filled-button-container-height: 40px;
  --mat-filled-button-horizontal-padding: var(--md-sys-size-6);
  --mat-filled-button-with-icon-horizontal-padding-start: var(
    --md-sys-size-4
  );
  --mat-filled-button-with-icon-horizontal-padding-end: var(--md-sys-size-6);
  border-radius: var(--md-sys-shape-corner-full) !important;
}
.theme-light .mat-mdc-unelevated-button:not(.disabled):not([disabled]),
.theme-dark .mat-mdc-unelevated-button:not(.disabled):not([disabled]) {
  color: var(--md-sys-color-on-primary);
  background-color: var(--md-sys-color-primary);
}
.theme-light .mat-mdc-unelevated-button.mat-primary:not(.disabled):not([disabled]),
.theme-dark .mat-mdc-unelevated-button.mat-primary:not(.disabled):not([disabled]) {
  color: var(--md-sys-color-on-primary) !important;
  background-color: var(--md-sys-color-primary) !important;
}
.theme-light .mat-mdc-unelevated-button.mat-primary.tonal-button:not(.disabled):not([disabled]),
.theme-dark .mat-mdc-unelevated-button.mat-primary.tonal-button:not(.disabled):not([disabled]) {
  color: var(--md-sys-color-on-primary-container) !important;
  background-color: var(--md-sys-color-primary-container) !important;
}
.theme-light .mat-mdc-unelevated-button.mat-secondary:not(.disabled):not([disabled]),
.theme-dark .mat-mdc-unelevated-button.mat-secondary:not(.disabled):not([disabled]) {
  color: var(--md-sys-color-on-secondary) !important;
  background-color: var(--md-sys-color-secondary) !important;
}
.theme-light .mat-mdc-unelevated-button.mat-secondary.tonal-button:not(.disabled):not([disabled]),
.theme-dark .mat-mdc-unelevated-button.mat-secondary.tonal-button:not(.disabled):not([disabled]) {
  color: var(--md-sys-color-on-secondary-container) !important;
  background-color: var(--md-sys-color-secondary-container) !important;
}
.theme-light .mat-mdc-unelevated-button.mat-tertiary:not(.disabled):not([disabled]),
.theme-dark .mat-mdc-unelevated-button.mat-tertiary:not(.disabled):not([disabled]) {
  color: var(--md-sys-color-on-tertiary) !important;
  background-color: var(--md-sys-color-tertiary) !important;
}
.theme-light .mat-mdc-unelevated-button.mat-tertiary.tonal-button:not(.disabled):not([disabled]),
.theme-dark .mat-mdc-unelevated-button.mat-tertiary.tonal-button:not(.disabled):not([disabled]) {
  color: var(--md-sys-color-on-tertiary-container) !important;
  background-color: var(--md-sys-color-tertiary-container) !important;
}
.theme-light .mat-mdc-unelevated-button.mat-tertiary-fixed:not(.disabled):not([disabled]),
.theme-dark .mat-mdc-unelevated-button.mat-tertiary-fixed:not(.disabled):not([disabled]) {
  color: var(--md-sys-color-on-tertiary-fixed) !important;
  background-color: var(--md-sys-color-tertiary-fixed-dim) !important;
}
.theme-light .mat-mdc-unelevated-button.mat-error:not(.disabled):not([disabled]),
.theme-dark .mat-mdc-unelevated-button.mat-error:not(.disabled):not([disabled]) {
  color: var(--md-sys-color-on-error) !important;
  background-color: var(--md-sys-color-error) !important;
}
.theme-light .mat-mdc-unelevated-button.mat-error.tonal-button:not(.disabled):not([disabled]),
.theme-dark .mat-mdc-unelevated-button.mat-error.tonal-button:not(.disabled):not([disabled]) {
  color: var(--md-sys-color-on-error-container) !important;
  background-color: var(--md-sys-color-error-container) !important;
}
.theme-light .mat-mdc-unelevated-button.mat-success:not(.disabled):not([disabled]),
.theme-dark .mat-mdc-unelevated-button.mat-success:not(.disabled):not([disabled]) {
  color: var(--md-sys-color-on-success) !important;
  background-color: var(--md-sys-color-success) !important;
}
.theme-light .mat-mdc-unelevated-button.mat-success.tonal-button:not(.disabled):not([disabled]),
.theme-dark .mat-mdc-unelevated-button.mat-success.tonal-button:not(.disabled):not([disabled]) {
  color: var(--md-sys-color-on-success-container) !important;
  background-color: var(--md-sys-color-success-container) !important;
}
.theme-light .mat-mdc-outlined-button,
.theme-dark .mat-mdc-outlined-button {
  --mdc-outlined-button-container-height: 40px;
  --mdc-outlined-button-container-shape: var(--md-sys-shape-corner-full);
  --mdc-outlined-button-disabled-outline-color: var(
    --md-sys-color-outline-variant
  );
  --mdc-outlined-button-disabled-label-text-color: var(
    --md-sys-color-outline
  );
  --mdc-outlined-button-label-text-color: var(--md-sys-color-on-surface);
  --mdc-outlined-button-outline-color: var(--md-sys-color-outline);
  --mat-outlined-button-state-layer-color: white;
  --mat-outlined-button-disabled-state-layer-color: white;
  --mat-outlined-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.08;
  --mat-outlined-button-focus-state-layer-opacity: 0.24;
  --mat-outlined-button-state-layer-color: var(--md-sys-color-primary);
}
.theme-light .mat-mdc-outlined-button.mat-primary:not(.disabled):not([disabled]),
.theme-dark .mat-mdc-outlined-button.mat-primary:not(.disabled):not([disabled]) {
  --mdc-outlined-button-outline-color: var(
    --md-sys-color-outline-variant
  );
}
.theme-light .mat-mdc-outlined-button.mat-secondary:not(.disabled):not([disabled]),
.theme-dark .mat-mdc-outlined-button.mat-secondary:not(.disabled):not([disabled]) {
  --mdc-outlined-button-label-text-color: var(--md-sys-color-secondary);
  --mat-outlined-button-state-layer-color: var(--md-sys-color-secondary);
}
.theme-light .mat-mdc-outlined-button.mat-tertiary:not(.disabled):not([disabled]),
.theme-dark .mat-mdc-outlined-button.mat-tertiary:not(.disabled):not([disabled]) {
  --mdc-outlined-button-outline-color: var(
    --md-sys-color-outline-variant
  );
  --mdc-outlined-button-label-text-color: var(--md-sys-color-tertiary);
  --mat-outlined-button-state-layer-color: var(--md-sys-color-tertiary);
}
.theme-light .mat-mdc-outlined-button.mat-error:not(.disabled):not([disabled]),
.theme-dark .mat-mdc-outlined-button.mat-error:not(.disabled):not([disabled]) {
  --mdc-outlined-button-outline-color: var(
    --md-sys-color-outline-variant
  );
  --mdc-outlined-button-label-text-color: var(--md-sys-color-error);
  --mat-outlined-button-state-layer-color: var(--md-sys-color-error);
}
.theme-light .mat-mdc-outlined-button.mat-success:not(.disabled):not([disabled]),
.theme-dark .mat-mdc-outlined-button.mat-success:not(.disabled):not([disabled]) {
  --mdc-outlined-button-outline-color: var(
    --md-sys-color-outline-variant
  );
  --mdc-outlined-button-label-text-color: var(--md-sys-color-success);
  --mat-outlined-button-state-layer-color: var(--md-sys-color-success);
}
.mdc-button .mat-icon {
  --mat-icon-size: 20;
}

.mat-mdc-button.mat-success {
  --mdc-text-button-label-text-color: var(--md-sys-color-primary);
  --mat-text-button-state-layer-color: var(--md-sys-color-primary);
}

.mat-mdc-icon-button {
  padding: calc((var(--mdc-icon-button-state-layer-size, 48px) - var(--mdc-icon-button-icon-size, 24px)) / 2) !important;
}
.mat-mdc-icon-button .mat-mdc-button-ripple {
  opacity: 0.15;
}

.m3-icon-button {
  --m3-icon-button-color: var(--md-sys-color-on-surface-variant);
}
.m3-icon-button.mat-mdc-icon-button {
  --mdc-icon-button-icon-color: var(--m3-icon-button-color);
  background-color: var(--m3-icon-button-background-color);
}
.m3-icon-button.--filled {
  --m3-icon-button-color: var(--md-sys-color-on-primary);
  --m3-icon-button-background-color: var(--md-sys-color-primary);
}
.m3-icon-button.--tonal {
  --m3-icon-button-color: var(--md-sys-color-on-secondary-container);
  --m3-icon-button-background-color: var(
    --md-sys-color-secondary-container
  );
}
.m3-icon-button.--outlined {
  --m3-icon-button-color: var(--md-sys-color-on-surface-variant);
  --m3-icon-button-background-color: transparent;
  box-shadow: 0 0 0 1px var(--md-sys-color-outline);
}
.m3-icon-toggle-button {
  --m3-icon-button-color: var(--md-sys-color-on-surface-variant);
}
.m3-icon-toggle-button.mat-mdc-icon-button {
  --mdc-icon-button-icon-color: var(--m3-icon-button-color);
  background-color: var(--m3-icon-button-background-color);
  transition-property: color, background-color;
  transition-timing-function: 0.15s;
  transition-timing-function: linear;
}
.m3-icon-toggle-button.--selected {
  color: var(--md-sys-color-on-secondary-container);
  background-color: var(--md-sys-color-secondary-container);
  cursor: default;
}
.m3-icon-toggle-button.--selected .mat-icon {
  color: var(--md-sys-color-on-secondary-container);
}
.m3-icon-toggle-button.--selected .mat-icon.--selected-fill {
  --mat-icon-fill: 1;
}
.m3-icon-toggle-button.--filled {
  --m3-icon-button-color: var(--md-sys-color-primary);
  --m3-icon-button-background-color: var(
    --md-sys-color-surface-container-highest
  );
}
.m3-icon-toggle-button.--filled.--selected {
  --m3-icon-button-color: var(--md-sys-color-on-primary);
  --m3-icon-button-background-color: var(--md-sys-color-primary);
}
.m3-icon-toggle-button.--tonal {
  --m3-icon-button-color: var(--md-sys-color-on-surface-variant);
  --m3-icon-button-background-color: var(
    --md-sys-color-surface-container-highest
  );
}
.m3-icon-toggle-button.--tonal.--selected {
  --m3-icon-button-color: var(--md-sys-color-on-secondary-container);
  --m3-icon-button-background-color: var(
    --md-sys-color-secondary-container
  );
}
.m3-icon-toggle-button.--outlined {
  --m3-icon-button-color: var(--md-sys-color-on-surface-variant);
  --m3-icon-button-background-color: transparent;
  box-shadow: 0 0 0 1px var(--md-sys-color-outline);
}
.m3-icon-toggle-button.--outlined.--selected {
  --m3-icon-button-color: var(--md-sys-color-inverse-on-surface);
  --m3-icon-button-background-color: var(--md-sys-color-inverse-surface);
  box-shadow: none;
}

.mat-mdc-button-ripple {
  opacity: 0.1;
}
.mat-mdc-mini-fab {
  --mdc-fab-small-container-shape: var(
    --md-sys-shape-corner-medium
  ) !important;
  --mdc-fab-small-container-color: var(
    --md-sys-color-primary-container
  ) !important;
  --mat-fab-small-foreground-color: var(
    --md-sys-color-on-primary-container
  ) !important;
}
.mat-mdc-fab {
  --mdc-fab-container-shape: var(--md-sys-shape-corner-large) !important;
}
.mat-mdc-fab.unelevated, .mat-mdc-fab.unelevated:hover, .mat-mdc-fab.unelevated:focus, .mat-mdc-fab.unelevated:active, .mat-mdc-fab.unelevated:focus:active {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-mdc-extended-fab {
  border-radius: var(--mdc-fab-container-shape) !important;
  height: var(--md-sys-size-11) !important;
  padding: 0 var(--md-sys-size-5) 0 var(--md-sys-size-4) !important;
}
.mat-mdc-extended-fab > .mat-icon, .mat-mdc-extended-fab > .material-icons {
  margin-left: 0 !important;
}
.mat-mdc-extended-fab.unelevated, .mat-mdc-extended-fab.unelevated:hover, .mat-mdc-extended-fab.unelevated:focus, .mat-mdc-extended-fab.unelevated:active, .mat-mdc-extended-fab.unelevated:focus:active {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-mdc-mini-fab.mat-primary, .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: var(
    --md-sys-color-primary-container
  ) !important;
  --mat-fab-foreground-color: var(
    --md-sys-color-on-primary-container
  ) !important;
}
.mat-mdc-mini-fab.mat-secondary, .mat-mdc-fab.mat-secondary {
  --mdc-fab-container-color: var(
    --md-sys-color-secondary-container
  ) !important;
  --mat-fab-foreground-color: var(
    --md-sys-color-on-secondary-container
  ) !important;
}
.mat-mdc-mini-fab.mat-tertiary, .mat-mdc-fab.mat-tertiary {
  --mdc-fab-container-color: var(
    --md-sys-color-tertiary-container
  ) !important;
  --mat-fab-foreground-color: var(
    --md-sys-color-on-tertiary-container
  ) !important;
}

.mat-mdc-tooltip {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
  --mdc-plain-tooltip-container-color: var(--md-sys-color-inverse-surface);
  --mdc-plain-tooltip-supporting-text-color: var(
    --md-sys-color-inverse-on-surface
  );
  --mdc-plain-tooltip-supporting-text-font: var(
    --md-sys-typescale-body-small-font
  );
  --mdc-plain-tooltip-supporting-text-size: var(
    --md-sys-typescale-body-small-size
  );
  --mdc-plain-tooltip-supporting-text-weight: var(
    --md-sys-typescale-body-small-weight
  );
  --mdc-plain-tooltip-supporting-text-tracking: var(
    --md-sys-typescale-body-small-tracking
  );
}

.theme-light,
.theme-dark {
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: var(--md-sys-shape-corner-extra-large);
  --mat-dialog-container-max-width: calc(100% - var(--md-sys-size-2));
  --mat-dialog-container-small-max-width: calc(100% - var(--md-sys-size-2));
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: end;
  --mat-dialog-actions-padding: var(
    --md-sys-size-6,
    24px
  );
  --mat-dialog-content-padding: var(--md-sys-size-6, 24px);
  --mat-dialog-with-actions-content-padding: var(--md-sys-size-4, 16px)
    var(--md-sys-size-6, 24px) 0;
  --mat-dialog-headline-padding: 6px 24px 13px;
  --mdc-dialog-container-color: var(--md-sys-color-surface-container-high);
  --mdc-dialog-subhead-color: var(--md-sys-color-on-surface-variant);
  --mdc-dialog-supporting-text-color: var(--md-sys-color-on-surface);
  --mdc-dialog-supporting-text-font: var(--md-sys-typescale-body-medium-font);
  --mdc-dialog-supporting-text-line-height: var(
    --md-sys-typescale-body-medium-line-height
  );
  --mdc-dialog-supporting-text-size: var(--md-sys-typescale-body-medium-size);
  --mdc-dialog-supporting-text-weight: var(
    --md-sys-typescale-body-medium-weight
  );
  --mdc-dialog-supporting-text-tracking: var(
    --md-sys-typescale-body-medium-tracking
  );
  --m3-dialog-header-padding-y: var(--md-sys-size-6);
  --m3-dialog-header-padding-x: var(--md-sys-size-6);
  --m3-dialog-icon-color: var(--md-sys-color-secondary);
}
.theme-light .mat-mdc-dialog-content,
.theme-dark .mat-mdc-dialog-content {
  max-height: none;
}
.theme-light .mat-mdc-dialog-actions,
.theme-dark .mat-mdc-dialog-actions {
  gap: var(--md-sys-size-1);
}
.theme-light .mat-mdc-dialog-actions .mat-mdc-button-base,
.theme-dark .mat-mdc-dialog-actions .mat-mdc-button-base {
  margin: 0 !important;
}
.theme-light .mdc-dialog__container,
.theme-dark .mdc-dialog__container {
  max-width: 100% !important;
  flex: 1;
}
.theme-light .cdk-overlay-pane.mat-mdc-dialog-panel,
.theme-dark .cdk-overlay-pane.mat-mdc-dialog-panel {
  justify-content: center;
}
.theme-light .dialog__wrapper,
.theme-dark .dialog__wrapper {
  max-height: calc(var(--app-height, 100vh) - var(--md-sys-size-4));
  display: flex;
  flex-direction: column;
}
.theme-light .dialog__wrapper.--divider .mat-mdc-dialog-title:not(.m3-dialog-headline),
.theme-light .dialog__wrapper.--divider .m3-dialog-header,
.theme-dark .dialog__wrapper.--divider .mat-mdc-dialog-title:not(.m3-dialog-headline),
.theme-dark .dialog__wrapper.--divider .m3-dialog-header {
  border-bottom: 1px solid var(--md-sys-color-outline-variant);
}
.theme-light .dialog__wrapper.--divider .mat-mdc-dialog-actions,
.theme-dark .dialog__wrapper.--divider .mat-mdc-dialog-actions {
  border-top: 1px solid var(--md-sys-color-outline-variant);
}
.theme-light .dialog__wrapper:has(.m3-dialog-supporting-text) .m3-dialog-headline,
.theme-dark .dialog__wrapper:has(.m3-dialog-supporting-text) .m3-dialog-headline {
  margin-bottom: var(--md-sys-size-1);
}
.theme-light .dialog__wrapper:has(.mat-icon),
.theme-dark .dialog__wrapper:has(.mat-icon) {
  align-items: center;
}
.theme-light .dialog__wrapper:has(.mat-icon) .m3-dialog-headline,
.theme-light .dialog__wrapper:has(.mat-icon) .m3-dialog-supporting-text,
.theme-dark .dialog__wrapper:has(.mat-icon) .m3-dialog-headline,
.theme-dark .dialog__wrapper:has(.mat-icon) .m3-dialog-supporting-text {
  text-align: center;
}
.theme-light .dialog__header,
.theme-dark .dialog__header {
  display: flex;
  flex-direction: column;
  padding: var(--m3-dialog-header-padding-y) var(--m3-dialog-header-padding-x) 0;
}
.theme-light .dialog__top-icon,
.theme-dark .dialog__top-icon {
  margin-bottom: var(--md-sys-size-2);
}
.theme-light .dialog__headline,
.theme-dark .dialog__headline {
  font: var(--md-sys-typescale-headline-small-weight) var(--md-sys-typescale-headline-small-size)/var(--md-sys-typescale-headline-small-line-height) var(--md-sys-typescale-headline-small-font);
  letter-spacing: var(--md-sys-typescale-headline-small-tracking);
  margin-bottom: var(--md-sys-size-3);
}
.theme-light .dialog__supporting-text,
.theme-dark .dialog__supporting-text {
  color: var(--mdc-dialog-supporting-text-color);
  font-family: var(--mdc-dialog-supporting-text-font);
  line-height: var(--mdc-dialog-supporting-text-line-height);
  font-size: var(--mdc-dialog-supporting-text-size);
  font-weight: var(--mdc-dialog-supporting-text-weight);
  letter-spacing: var(--mdc-dialog-supporting-text-tracking);
  -webkit-hyphens: auto;
          hyphens: auto;
  hyphenate-limit-chars: 6 4 4;
  text-wrap: pretty;
  margin-bottom: var(--md-sys-size-3);
}
.theme-light .m3-dialog-header,
.theme-dark .m3-dialog-header {
  display: flex;
  flex-direction: column;
  padding: var(--m3-dialog-header-padding-y) var(--m3-dialog-header-padding-x) 0;
}
.theme-light .m3-dialog-header .m3-dialog-icon,
.theme-dark .m3-dialog-header .m3-dialog-icon {
  margin-bottom: var(--md-sys-size-2);
  color: var(--md-sys-color-secondary);
}
.theme-light .m3-dialog-header .m3-dialog-headline,
.theme-dark .m3-dialog-header .m3-dialog-headline {
  font: var(--md-sys-typescale-headline-small-weight) var(--md-sys-typescale-headline-small-size)/var(--md-sys-typescale-headline-small-line-height) var(--md-sys-typescale-headline-small-font);
  letter-spacing: var(--md-sys-typescale-headline-small-tracking);
  margin-bottom: var(--md-sys-size-3);
}
.theme-light .m3-dialog-header .m3-dialog-supporting-text,
.theme-dark .m3-dialog-header .m3-dialog-supporting-text {
  color: var(--mdc-dialog-supporting-text-color);
  font-family: var(--mdc-dialog-supporting-text-font);
  line-height: var(--mdc-dialog-supporting-text-line-height);
  font-size: var(--mdc-dialog-supporting-text-size);
  font-weight: var(--mdc-dialog-supporting-text-weight);
  letter-spacing: var(--mdc-dialog-supporting-text-tracking);
  -webkit-hyphens: auto;
          hyphens: auto;
  hyphenate-limit-chars: 6 4 4;
  text-wrap: pretty;
  margin-bottom: var(--md-sys-size-3);
}
.theme-light .m3-dialog-header:has(.m3-dialog-supporting-text) .m3-dialog-headline,
.theme-dark .m3-dialog-header:has(.m3-dialog-supporting-text) .m3-dialog-headline {
  margin-bottom: var(--md-sys-size-1);
}
.theme-light .m3-dialog-header:has(.mat-icon),
.theme-dark .m3-dialog-header:has(.mat-icon) {
  align-items: center;
}
.theme-light .m3-dialog-header:has(.mat-icon) .m3-dialog-headline,
.theme-light .m3-dialog-header:has(.mat-icon) .m3-dialog-supporting-text,
.theme-dark .m3-dialog-header:has(.mat-icon) .m3-dialog-headline,
.theme-dark .m3-dialog-header:has(.mat-icon) .m3-dialog-supporting-text {
  text-align: center;
}
.theme-light .m3-dialog-close-button,
.theme-dark .m3-dialog-close-button {
  position: absolute;
  top: var(--md-sys-size-2);
  right: var(--md-sys-size-2);
  z-index: 2;
}
.theme-light .sc-dialog-wrapper,
.theme-dark .sc-dialog-wrapper {
  position: relative;
  max-height: calc(var(--app-height, 100vh) - var(--md-sys-size-4));
  display: flex;
  flex-direction: column;
}
.theme-light .sc-dialog-wrapper.--divider .mat-mdc-dialog-title:not(.m3-dialog-headline),
.theme-light .sc-dialog-wrapper.--divider .m3-dialog-header,
.theme-dark .sc-dialog-wrapper.--divider .mat-mdc-dialog-title:not(.m3-dialog-headline),
.theme-dark .sc-dialog-wrapper.--divider .m3-dialog-header {
  border-bottom: 1px solid var(--md-sys-color-outline-variant);
}
.theme-light .sc-dialog-wrapper.--divider .mat-mdc-dialog-actions,
.theme-dark .sc-dialog-wrapper.--divider .mat-mdc-dialog-actions {
  border-top: 1px solid var(--md-sys-color-outline-variant);
}

.theme-light,
.theme-dark {
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: var(--md-sys-color-surface);
  --mat-table-header-headline-color: var(--md-sys-color-on-surface);
  --mat-table-row-item-label-text-color: var(--md-sys-color-on-surface);
  --mat-table-row-item-outline-color: var(--md-sys-color-outline-variant);
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-table-header-headline-font: var(--md-sys-typescale-title-small-font);
  --mat-table-header-headline-line-height: var(
    --md-sys-typescale-title-small-line-height
  );
  --mat-table-header-headline-size: var(--md-sys-typescale-title-small-size);
  --mat-table-header-headline-weight: var(
    --md-sys-typescale-title-small-weight
  );
  --mat-table-header-headline-tracking: var(
    --md-sys-typescale-title-small-tracking
  );
  --mat-table-row-item-label-text-font: var(
    --md-sys-typescale-body-medium-font
  );
  --mat-table-row-item-label-text-line-height: var(
    --md-sys-typescale-body-medium-line-height
  );
  --mat-table-row-item-label-text-size: var(
    --md-sys-typescale-body-medium-size
  );
  --mat-table-row-item-label-text-weight: var(
    --md-sys-typescale-body-medium-weight
  );
  --mat-table-row-item-label-text-tracking: var(
    --md-sys-typescale-body-medium-tracking
  );
  --mat-table-footer-supporting-text-font: var(
    --md-sys-typescale-body-medium-font
  );
  --mat-table-footer-supporting-text-line-height: var(
    --md-sys-typescale-body-medium-line-height
  );
  --mat-table-footer-supporting-text-size: var(
    --md-sys-typescale-body-medium-size
  );
  --mat-table-footer-supporting-text-weight: var(
    --md-sys-typescale-body-medium-weight
  );
  --mat-table-footer-supporting-text-tracking: var(
    --md-sys-typescale-body-medium-tracking
  );
}
.theme-light .mat-mdc-header-cell,
.theme-dark .mat-mdc-header-cell {
  --mat-table-row-item-outline-width: 2px;
}
.theme-light .mat-mdc-cell,
.theme-dark .mat-mdc-cell {
  padding-top: var(--md-sys-size-2);
  padding-bottom: var(--md-sys-size-2);
}
.theme-light .mat-mdc-footer-cell,
.theme-dark .mat-mdc-footer-cell {
  --mat-table-row-item-outline-width: 2px;
  border-top: var(--mat-table-row-item-outline-width) solid var(--md-sys-color-outline-variant);
  font-weight: var(--md-ref-typeface-weight-medium);
}

.theme-light,
.theme-dark {
  --mat-menu-container-shape: var(--md-sys-shape-corner-large);
  --mat-menu-container-color: var(--md-sys-color-surface-container-high);
}
.theme-light .mat-mdc-menu-panel,
.theme-dark .mat-mdc-menu-panel {
  max-width: 304px !important;
}
.theme-light .mat-mdc-menu-panel.remove-menu-spacing-y .mat-mdc-menu-content,
.theme-dark .mat-mdc-menu-panel.remove-menu-spacing-y .mat-mdc-menu-content {
  --mat-menu-spacing-y: 0;
}
.theme-light .mat-mdc-menu-content,
.theme-dark .mat-mdc-menu-content {
  --mat-menu-spacing-y: var(--md-sys-size-4);
  padding: var(--mat-menu-spacing-y) 0;
}

.theme-light,
.theme-dark {
  --mdc-snackbar-container-shape: var(--md-sys-shape-corner-medium);
  --mdc-snackbar-container-color: var(--md-sys-color-inverse-surface);
  --mdc-snackbar-supporting-text-color: var(--md-sys-color-inverse-on-surface);
  --mat-snack-bar-button-color: var(--md-sys-color-inverse-primary);
  --mdc-snackbar-supporting-text-font: var(--md-sys-typescale-body-medium-font);
  --mdc-snackbar-supporting-text-line-height: var(
    --md-sys-typescale-body-medium-line-height
  );
  --mdc-snackbar-supporting-text-size: var(--md-sys-typescale-body-medium-size);
  --mdc-snackbar-supporting-text-weight: var(
    --md-sys-typescale-body-medium-weight
  );
}

.mdc-snackbar__surface {
  padding-right: var(--md-sys-size-3) !important;
}
.mdc-snackbar__label {
  padding: var(--md-sys-size-5) var(--md-sys-size-3) var(--md-sys-size-5) var(--md-sys-size-5) !important;
}

/* stylelint-enable */
.mat-typography {
  font: var(--md-sys-typescale-body-medium-weight) var(--md-sys-typescale-body-medium-size)/var(--md-sys-typescale-body-medium-line-height) var(--md-sys-typescale-body-medium-font);
  letter-spacing: var(--md-sys-typescale-body-medium-tracking);
}
.mat-typography .mat-headline-1 {
  font: var(--md-sys-typescale-display-large-weight) var(--md-sys-typescale-display-large-size)/var(--md-sys-typescale-display-large-line-height) var(--md-sys-typescale-display-large-font);
  letter-spacing: var(--md-sys-typescale-display-large-tracking);
}
.mat-typography .mat-headline-2 {
  font: var(--md-sys-typescale-display-medium-weight) var(--md-sys-typescale-display-medium-size)/var(--md-sys-typescale-display-medium-line-height) var(--md-sys-typescale-display-medium-font);
  letter-spacing: var(--md-sys-typescale-display-medium-tracking);
}
.mat-typography .mat-headline-3 {
  font: var(--md-sys-typescale-display-small-weight) var(--md-sys-typescale-display-small-size)/var(--md-sys-typescale-display-small-line-height) var(--md-sys-typescale-display-small-font);
  letter-spacing: var(--md-sys-typescale-display-small-tracking);
}
.mat-typography .mat-headline-4 {
  font: var(--md-sys-typescale-headline-large-weight) var(--md-sys-typescale-headline-large-size)/var(--md-sys-typescale-headline-large-line-height) var(--md-sys-typescale-headline-large-font);
  letter-spacing: var(--md-sys-typescale-headline-large-tracking);
}
.mat-typography h1,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5 {
  font: var(--md-sys-typescale-headline-medium-weight) var(--md-sys-typescale-headline-medium-size)/var(--md-sys-typescale-headline-medium-line-height) var(--md-sys-typescale-headline-medium-font);
  letter-spacing: var(--md-sys-typescale-headline-medium-tracking);
  margin: 0;
}
.mat-typography h2,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6 {
  font: var(--md-sys-typescale-headline-small-weight) var(--md-sys-typescale-headline-small-size)/var(--md-sys-typescale-headline-small-line-height) var(--md-sys-typescale-headline-small-font);
  letter-spacing: var(--md-sys-typescale-headline-small-tracking);
  margin: 0;
}
.mat-typography h3,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1 {
  font: var(--md-sys-typescale-title-large-weight) var(--md-sys-typescale-title-large-size)/var(--md-sys-typescale-title-large-line-height) var(--md-sys-typescale-title-large-font);
  letter-spacing: var(--md-sys-typescale-title-large-tracking);
  margin: 0;
}
.mat-typography h4,
.mat-typography .mat-h4,
.mat-typography .mat-subtitle-2 {
  font: var(--md-sys-typescale-title-small-weight) var(--md-sys-typescale-title-small-size)/var(--md-sys-typescale-title-small-line-height) var(--md-sys-typescale-title-small-font);
  letter-spacing: var(--md-sys-typescale-title-small-tracking);
  margin: 0;
}
.mat-typography .mat-body-1 {
  font: var(--md-sys-typescale-body-large-weight) var(--md-sys-typescale-body-large-size)/var(--md-sys-typescale-body-large-line-height) var(--md-sys-typescale-body-large-font);
  letter-spacing: var(--md-sys-typescale-body-large-tracking);
}
.mat-typography .mat-body,
.mat-typography .mat-body-2 {
  font: var(--md-sys-typescale-body-medium-weight) var(--md-sys-typescale-body-medium-size)/var(--md-sys-typescale-body-medium-line-height) var(--md-sys-typescale-body-medium-font);
  letter-spacing: var(--md-sys-typescale-body-medium-tracking);
}
.mat-typography .mat-caption {
  font: var(--md-sys-typescale-body-small-weight) var(--md-sys-typescale-body-small-size)/var(--md-sys-typescale-body-small-line-height) var(--md-sys-typescale-body-small-font);
  letter-spacing: var(--md-sys-typescale-body-small-tracking);
}
.mat-typography .display-large {
  font: var(--md-sys-typescale-display-large-weight) var(--md-sys-typescale-display-large-size)/var(--md-sys-typescale-display-large-line-height) var(--md-sys-typescale-display-large-font);
  letter-spacing: var(--md-sys-typescale-display-large-tracking);
}
.mat-typography .display-medium {
  font: var(--md-sys-typescale-display-medium-weight) var(--md-sys-typescale-display-medium-size)/var(--md-sys-typescale-display-medium-line-height) var(--md-sys-typescale-display-medium-font);
  letter-spacing: var(--md-sys-typescale-display-medium-tracking);
}
.mat-typography .display-small {
  font: var(--md-sys-typescale-display-small-weight) var(--md-sys-typescale-display-small-size)/var(--md-sys-typescale-display-small-line-height) var(--md-sys-typescale-display-small-font);
  letter-spacing: var(--md-sys-typescale-display-small-tracking);
}
.mat-typography .headline-large {
  font: var(--md-sys-typescale-headline-large-weight) var(--md-sys-typescale-headline-large-size)/var(--md-sys-typescale-headline-large-line-height) var(--md-sys-typescale-headline-large-font);
  letter-spacing: var(--md-sys-typescale-headline-large-tracking);
}
.mat-typography .headline-medium {
  font: var(--md-sys-typescale-headline-medium-weight) var(--md-sys-typescale-headline-medium-size)/var(--md-sys-typescale-headline-medium-line-height) var(--md-sys-typescale-headline-medium-font);
  letter-spacing: var(--md-sys-typescale-headline-medium-tracking);
}
.mat-typography .headline-small {
  font: var(--md-sys-typescale-headline-small-weight) var(--md-sys-typescale-headline-small-size)/var(--md-sys-typescale-headline-small-line-height) var(--md-sys-typescale-headline-small-font);
  letter-spacing: var(--md-sys-typescale-headline-small-tracking);
}
.mat-typography .title-large {
  font: var(--md-sys-typescale-title-large-weight) var(--md-sys-typescale-title-large-size)/var(--md-sys-typescale-title-large-line-height) var(--md-sys-typescale-title-large-font);
  letter-spacing: var(--md-sys-typescale-title-large-tracking);
}
.mat-typography .title-medium {
  font: var(--md-sys-typescale-title-medium-weight) var(--md-sys-typescale-title-medium-size)/var(--md-sys-typescale-title-medium-line-height) var(--md-sys-typescale-title-medium-font);
  letter-spacing: var(--md-sys-typescale-title-medium-tracking);
}
.mat-typography .title-small {
  font: var(--md-sys-typescale-title-small-weight) var(--md-sys-typescale-title-small-size)/var(--md-sys-typescale-title-small-line-height) var(--md-sys-typescale-title-small-font);
  letter-spacing: var(--md-sys-typescale-title-small-tracking);
}
.mat-typography .label-large {
  font: var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size)/var(--md-sys-typescale-label-large-line-height) var(--md-sys-typescale-label-large-font);
  letter-spacing: var(--md-sys-typescale-label-large-tracking);
}
.mat-typography .label-medium {
  font: var(--md-sys-typescale-label-medium-weight) var(--md-sys-typescale-label-medium-size)/var(--md-sys-typescale-label-medium-line-height) var(--md-sys-typescale-label-medium-font);
  letter-spacing: var(--md-sys-typescale-label-medium-tracking);
}
.mat-typography .label-small {
  font: var(--md-sys-typescale-label-small-weight) var(--md-sys-typescale-label-small-size)/var(--md-sys-typescale-label-small-line-height) var(--md-sys-typescale-label-small-font);
  letter-spacing: var(--md-sys-typescale-label-small-tracking);
}
.mat-typography .body-large {
  font: var(--md-sys-typescale-body-large-weight) var(--md-sys-typescale-body-large-size)/var(--md-sys-typescale-body-large-line-height) var(--md-sys-typescale-body-large-font);
  letter-spacing: var(--md-sys-typescale-body-large-tracking);
}
.mat-typography .body-medium {
  font: var(--md-sys-typescale-body-medium-weight) var(--md-sys-typescale-body-medium-size)/var(--md-sys-typescale-body-medium-line-height) var(--md-sys-typescale-body-medium-font);
  letter-spacing: var(--md-sys-typescale-body-medium-tracking);
}
.mat-typography .body-small {
  font: var(--md-sys-typescale-body-small-weight) var(--md-sys-typescale-body-small-size)/var(--md-sys-typescale-body-small-line-height) var(--md-sys-typescale-body-small-font);
  letter-spacing: var(--md-sys-typescale-body-small-tracking);
}
@supports (font-variation-settings: "wdth" 115) {
  .mat-typography .prose {
    font-family: var(--md-ref-typeface-weight-regular);
    line-height: 1.6;
    font-feature-settings: "ss02" 1, "ss03" 1;
  }
}
.mat-typography .step-5 {
  font-size: var(--step-5);
}
.mat-typography .step-4 {
  font-size: var(--step-4);
}
.mat-typography .step-3 {
  font-size: var(--step-3);
}
.mat-typography .step-2 {
  font-size: var(--step-2);
}
.mat-typography .step-1 {
  font-size: var(--step-1);
}
.mat-typography .step-0 {
  font-size: var(--step-0);
}
.mat-typography .step-n1 {
  font-size: var(--step--1);
}
.mat-typography .step-n2 {
  font-size: var(--step--3);
}
.mat-typography .display-fluid {
  font: var(--md-sys-typescale-display-medium-weight) var(--step-5)/1.2 var(--md-sys-typescale-display-medium-font);
  letter-spacing: var(--md-sys-typescale-display-medium-tracking);
}
.mat-typography .headline-fluid {
  font: var(--md-sys-typescale-headline-medium-weight) var(--step-4)/1.2 var(--md-sys-typescale-headline-medium-font);
  letter-spacing: var(--md-sys-typescale-headline-medium-tracking);
}
.mat-typography .subheadline-fluid {
  font: var(--md-sys-typescale-headline-medium-weight) var(--step-3)/1.2 var(--md-sys-typescale-headline-medium-font);
  letter-spacing: var(--md-sys-typescale-headline-medium-tracking);
}
.mat-typography .title-fluid {
  font: var(--md-sys-typescale-headline-medium-weight) var(--step-2)/1.2 var(--md-sys-typescale-headline-medium-font);
  letter-spacing: var(--md-sys-typescale-headline-medium-tracking);
}
.mat-typography .subtitle-fluid {
  font: var(--md-sys-typescale-title-medium-weight) var(--step-1)/1.2 var(--md-sys-typescale-title-medium-font);
  letter-spacing: var(--md-sys-typescale-title-medium-tracking);
}
.mat-typography .body-large-fluid {
  font: var(--md-sys-typescale-body-large-weight) var(--step-1)/1.6 var(--md-sys-typescale-body-large-font);
  letter-spacing: var(--md-sys-typescale-body-large-tracking);
}
.mat-typography .body-medium-fluid {
  font: var(--md-sys-typescale-body-medium-weight) var(--step-0)/1.6 var(--md-sys-typescale-body-medium-font);
  letter-spacing: var(--md-sys-typescale-body-medium-tracking);
}
.mat-typography .body-small-fluid {
  font: var(--md-sys-typescale-body-small-weight) var(--step--1)/1.6 var(--md-sys-typescale-body-small-font);
  letter-spacing: var(--md-sys-typescale-body-small-tracking);
}
.mat-typography .label-large-fluid {
  font: var(--md-sys-typescale-label-large-weight) var(--step-0)/1.6 var(--md-sys-typescale-label-large-font);
  letter-spacing: var(--md-sys-typescale-label-large-tracking);
}
.mat-typography .label-medium-fluid {
  font: var(--md-sys-typescale-label-medium-weight) var(--step--1)/1.6 var(--md-sys-typescale-label-medium-font);
  letter-spacing: var(--md-sys-typescale-label-medium-tracking);
}
.mat-typography .label-small-fluid {
  font: var(--md-sys-typescale-label-small-weight) var(--step--2)/1.6 var(--md-sys-typescale-label-small-font);
  letter-spacing: var(--md-sys-typescale-label-small-tracking);
}
.mat-typography .cq-typography .display-fluid {
  font: var(--md-sys-typescale-display-medium-weight) var(--cq-step-5)/1.2 var(--md-sys-typescale-display-medium-font);
  letter-spacing: var(--md-sys-typescale-display-medium-tracking);
}
.mat-typography .cq-typography .headline-fluid {
  font: var(--md-sys-typescale-headline-medium-weight) var(--cq-step-4)/1.2 var(--md-sys-typescale-headline-medium-font);
  letter-spacing: var(--md-sys-typescale-headline-medium-tracking);
}
.mat-typography .cq-typography .subheadline-fluid {
  font: var(--md-sys-typescale-headline-medium-weight) var(--cq-step-3)/1.2 var(--md-sys-typescale-headline-medium-font);
  letter-spacing: var(--md-sys-typescale-headline-medium-tracking);
}
.mat-typography .cq-typography .title-fluid {
  font: var(--md-sys-typescale-headline-medium-weight) var(--cq-step-2)/1.2 var(--md-sys-typescale-headline-medium-font);
  letter-spacing: var(--md-sys-typescale-headline-medium-tracking);
}
.mat-typography .cq-typography .subtitle-fluid {
  font: var(--md-sys-typescale-title-medium-weight) var(--cq-step-1)/1.2 var(--md-sys-typescale-title-medium-font);
  letter-spacing: var(--md-sys-typescale-title-medium-tracking);
}
.mat-typography .cq-typography .body-large-fluid {
  font: var(--md-sys-typescale-body-large-weight) var(--cq-step-1)/1.6 var(--md-sys-typescale-body-large-font);
  letter-spacing: var(--md-sys-typescale-body-large-tracking);
}
.mat-typography .cq-typography .body-medium-fluid {
  font: var(--md-sys-typescale-body-medium-weight) var(--cq-step-0)/1.6 var(--md-sys-typescale-body-medium-font);
  letter-spacing: var(--md-sys-typescale-body-medium-tracking);
}
.mat-typography .cq-typography .body-small-fluid {
  font: var(--md-sys-typescale-body-small-weight) var(--cq-step--1)/1.6 var(--md-sys-typescale-body-small-font);
  letter-spacing: var(--md-sys-typescale-body-small-tracking);
}
.mat-typography .cq-typography .label-large-fluid {
  font: var(--md-sys-typescale-label-large-weight) var(--cq-step-0)/1.6 var(--md-sys-typescale-label-large-font);
  letter-spacing: var(--md-sys-typescale-label-large-tracking);
}
.mat-typography .cq-typography .label-medium-fluid {
  font: var(--md-sys-typescale-label-medium-weight) var(--cq-step--1)/1.6 var(--md-sys-typescale-label-medium-font);
  letter-spacing: var(--md-sys-typescale-label-medium-tracking);
}
.mat-typography .cq-typography .label-small-fluid {
  font: var(--md-sys-typescale-label-small-weight) var(--cq-step--2)/1.6 var(--md-sys-typescale-label-small-font);
  letter-spacing: var(--md-sys-typescale-label-small-tracking);
}

:root {
  --hero-container-max-width: 1790px;
  --hero-container-border-radius: var(--md-sys-shape-corner-large);
  --hero-container-spacing: var(--hero-container-border-radius);
  --content-container-max-width: 1110px;
  --content-container-border-radius: var(--md-sys-shape-corner-large);
  --content-container-spacing: var(--content-container-border-radius);
  --grid-content-col-offset: 1px;
}
@media (min-width: 576px) {
  :root {
    --hero-container-border-radius: var(
      --md-sys-shape-corner-extra-extra-large
    );
    --content-container-border-radius: var(--md-sys-shape-corner-extra-large);
    --grid-content-col-offset: var(--hero-container-border-radius);
  }
}
:root body {
  scrollbar-color: var(--md-sys-color-outline-variant) transparent;
  scrollbar-width: thin;
}

p {
  margin: 0;
}

.page-modules {
  --section-heading-top: 0;
  width: 100%;
  display: grid;
  grid-template-columns: [page-start] var(--md-sys-size-2) [grid-start] 1fr [hero-start] minmax(var(--grid-content-col-offset), calc((var(--hero-container-max-width) - var(--content-container-max-width)) / 2)) [content-start] minmax(min(100% - (var(--md-sys-size-2) * 2 + var(--grid-content-col-offset) * 2), var(--content-container-max-width)), 1fr) [content-end] minmax(var(--grid-content-col-offset), calc((var(--hero-container-max-width) - var(--content-container-max-width)) / 2)) [hero-end] 1fr [grid-end] var(--md-sys-size-2) [page-end];
  gap: 0;
  align-content: start;
  padding-bottom: var(--md-sys-size-2);
}
.page-modules > * {
  min-width: 0;
  grid-column: content;
}
.page-modules .col-hero {
  grid-column: hero;
}
.page-modules .col-content {
  grid-column: content;
}
@media (min-width: 768px) {
  .page-modules:has(.sticky-header) {
    --section-heading-top: 36px;
  }
}

.page__title {
  color: var(--md-sys-color-on-surface-variant);
  margin: 0;
  padding: var(--space-l) var(--md-sys-size-1) var(--space-xs);
  font-size: var(--step-5) !important;
}
.page__section {
  padding-top: var(--space-m);
}
.page__section:last-child {
  padding-bottom: var(--space-s);
}
.page__section-headline {
  color: var(--md-sys-color-on-surface-variant);
  margin: 0;
  padding: var(--space-l) var(--md-sys-size-1) var(--space-xs);
  font-family: var(--md-ref-typeface-poppins-italic) !important;
  font-style: italic !important;
  font-weight: var(--md-ref-typeface-weight-black) !important;
  font-size: var(--step-4) !important;
  line-height: 1.2 !important;
}
.page__section-headline.--sticky {
  background-color: var(--md-sys-color-surface);
  position: sticky;
  z-index: 1;
  top: var(--section-heading-top);
  border-bottom: 2px solid var(--md-sys-color-surface-container-highest);
  padding: var(--space-xs) var(--md-sys-size-1) var(--space-2xs);
  margin-bottom: var(--space-s) !important;
}
.page__section-headline + .page__section {
  padding-top: 0;
}
.page__actions {
  display: flex;
  gap: var(--md-sys-size-2);
  flex-wrap: wrap;
  padding: var(--space-s) var(--md-sys-size-1) var(--space-m);
}

.mat-typography article.rich-text--container-sizing {
  container-type: inline-size;
}
.mat-typography article.rich-text--container-sizing p {
  font-size: var(--step-0);
  line-height: 1.6;
}
.mat-typography article.rich-text--container-sizing p:not(:last-child) {
  margin-block-end: 1em;
}
.mat-typography article.rich-text--container-sizing a {
  --link-color: inherit;
  --link-underline-color: transparent;
  --link-hover-color: inherit;
  --link-hover-underline-color: inherit;
  --link-outline-color: var(--md-sys-color-primary-fixed-dim);
  cursor: pointer;
  color: var(--link-color);
  text-decoration: underline;
  text-decoration-color: var(--link-underline-color);
  text-decoration-thickness: max(0.08em, 1px);
  text-underline-offset: 0.15em;
  outline: 0;
  transition-property: color, text-decoration-color;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  --link-color: var(--md-sys-color-primary);
  --link-hover-color: var(--md-sys-color-primary);
  --link-hover-underline-color: var(--md-sys-color-primary);
  --link-outline-color: var(--md-sys-color-primary-fixed-dim);
}
@media (hover) {
  .mat-typography article.rich-text--container-sizing a:hover:not(.disabled) {
    color: var(--link-hover-color);
    text-decoration-color: var(--link-hover-underline-color);
  }
}
.mat-typography article.rich-text--container-sizing a:focus-visible:not(.disabled), .mat-typography article.rich-text--container-sizing a.has-focus:not(.disabled) {
  outline: 1px solid var(--link-outline-color);
  outline-offset: 2px;
  border-radius: 2px;
}
.mat-typography article.rich-text--container-sizing a.disabled {
  position: relative;
  z-index: 0;
  opacity: var(--md-sys-state-disabled-state-layer-opacity);
  cursor: default;
}
.mat-typography article.rich-text--container-sizing a.disabled::after {
  pointer-events: none;
  content: "";
  z-index: 1;
  opacity: 0;
  position: absolute;
  background-color: var(--state-overlay-background-color);
  transition: opacity 0.15s linear, transform 0.15s linear, background 0.15s linear;
  transform: scale(1);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
}
.mat-typography article.rich-text--container-sizing h1,
.mat-typography article.rich-text--container-sizing h2,
.mat-typography article.rich-text--container-sizing h3,
.mat-typography article.rich-text--container-sizing h4,
.mat-typography article.rich-text--container-sizing h5,
.mat-typography article.rich-text--container-sizing h6 {
  line-height: 1.2;
  font-weight: var(--md-ref-typeface-weight-semibold);
  margin-block-end: var(--space-3xs);
}
.mat-typography article.rich-text--container-sizing h1:not(:first-child),
.mat-typography article.rich-text--container-sizing h2:not(:first-child),
.mat-typography article.rich-text--container-sizing h3:not(:first-child),
.mat-typography article.rich-text--container-sizing h4:not(:first-child),
.mat-typography article.rich-text--container-sizing h5:not(:first-child),
.mat-typography article.rich-text--container-sizing h6:not(:first-child) {
  margin-block-start: var(--space-s);
}
.mat-typography article.rich-text--container-sizing h1,
.mat-typography article.rich-text--container-sizing .h1 {
  font-size: var(--step-5);
}
.mat-typography article.rich-text--container-sizing h2,
.mat-typography article.rich-text--container-sizing .h2 {
  font-size: var(--step-4);
}
.mat-typography article.rich-text--container-sizing h3,
.mat-typography article.rich-text--container-sizing .h3 {
  font-size: var(--step-3);
}
.mat-typography article.rich-text--container-sizing h4,
.mat-typography article.rich-text--container-sizing .h4 {
  font-size: var(--step-2);
}
.mat-typography article.rich-text--container-sizing h5,
.mat-typography article.rich-text--container-sizing .h5 {
  font-size: var(--step-1);
}
.mat-typography article.rich-text--container-sizing h6,
.mat-typography article.rich-text--container-sizing .h6 {
  font-size: var(--step-0);
}
.mat-typography article.rich-text--container-sizing ol,
.mat-typography article.rich-text--container-sizing ul {
  margin-block: var(--space-xs);
  font-size: var(--step-0);
  padding-inline-start: 1.75em;
}
.mat-typography article.rich-text--container-sizing ol ::marker {
  font-size: var(--step--1);
  font-weight: var(--md-ref-typeface-weight-semibold);
  color: var(--md-sys-color-primary);
}
.mat-typography article.rich-text--container-sizing ul ::marker {
  color: var(--md-sys-color-primary);
}
.mat-typography article.rich-text--container-sizing li {
  padding-inline-start: 0.25em;
  margin-block: var(--space-3xs);
}
.mat-typography article.rich-text--container-sizing blockquote {
  margin: 0;
  padding: var(--md-sys-size-3) var(--md-sys-size-6);
  background-color: var(--md-sys-color-surface-container-highest);
  border-left: 4px solid var(--md-sys-color-primary);
  border-radius: var(--md-sys-shape-corner-extra-small);
}
.mat-typography article.rich-text--container-sizing strong {
  font-weight: var(--md-ref-typeface-weight-semibold);
}
.mat-typography article.rich-text--container-sizing em {
  font-style: normal;
}
.mat-typography article.rich-text--container-sizing del {
  text-decoration: line-through;
}
.mat-typography article.rich-text--container-sizing abbr {
  border-bottom: 1px dotted var(--md-sys-color-border);
  cursor: help;
}
.mat-typography article.rich-text--container-sizing sup {
  vertical-align: super;
  font-size: smaller;
}
.mat-typography article.rich-text--container-sizing hr {
  border: none;
  border-top: 1px solid var(--md-sys-color-border-variant);
}

.fluid-py-4 {
  padding-top: var(--space-s) !important;
  padding-bottom: var(--space-s) !important;
}

.fluid-mt-3 {
  margin-top: var(--space-xs) !important;
}

.fluid-mb-3 {
  margin-bottom: var(--space-xs) !important;
}

.gl-card {
  background-color: var(--md-sys-color-surface-container);
  padding: var(--md-sys-size-6);
  border-radius: var(--md-sys-shape-corner-extra-large);
}

.img-center {
  display: flex;
  justify-content: center;
  flex: 0 0 auto;
  width: 100%;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.color-scheme-section {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  padding: 1px;
}
.color-scheme-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100rem;
  background-color: var(--md-sys-color-surface-container-low);
  border: 2px solid var(--md-sys-color-surface-container-low);
}
.color-scheme-section .m3-icon-toggle-button {
  transition: background-color 0.15s cubic-bezier(0.35, 0, 0.25, 1);
}
.color-scheme-section .m3-icon-toggle-button .mat-icon {
  transition: font-variation-settings 0.15s cubic-bezier(0.35, 0, 0.25, 1);
}

.alert, .alert-card {
  --alert-background-color: var(--md-sys-color-surface-container);
  --alert-color: var(--md-sys-color-on-surface);
  display: inline-block;
  background-color: var(--alert-background-color);
  color: var(--alert-color);
  border-radius: var(--md-sys-shape-corner-extra-small);
  padding: var(--md-sys-size-1) var(--md-sys-size-2);
}
.alert-card {
  border-radius: var(--md-sys-shape-corner-extra-large);
  padding: var(--md-sys-size-6);
}
.alert.--danger, .alert-card.--danger {
  --alert-background-color: var(--md-sys-color-error-container);
  --alert-color: var(--md-sys-color-on-error-container);
}

@supports (font-variation-settings: normal) {
  @font-face {
    font-family: "DM Sans Variable";
    font-style: italic;
    font-display: swap;
    font-weight: 100 1000;
    src: url('DMSans-Italic-VariableFont_opsz,wght.ttf') format("truetype-variations");
  }
  @font-face {
    font-family: "DM Sans Variable";
    font-style: normal;
    font-display: swap;
    font-weight: 100 1000;
    src: url('DMSans-VariableFont_opsz,wght.ttf') format("truetype-variations");
  }
  @font-face {
    font-family: "Poppins-Variable";
    src: url('Poppins-Variable.woff2') format("woff2"), url('Poppins-Variable.woff') format("woff"), url('Poppins-Variable.ttf') format("truetype");
    font-weight: 100 900;
    font-display: swap;
    font-style: normal;
  }
  @font-face {
    font-family: "Poppins-VariableItalic";
    src: url('Poppins-VariableItalic.woff2') format("woff2"), url('Poppins-VariableItalic.woff') format("woff"), url('Poppins-VariableItalic.ttf') format("truetype");
    font-weight: 100 900;
    font-display: swap;
    font-style: italic;
  }
}
:root {
  --brand-ref-color-dark: var(--md-ref-palette-secondary15);
  --brand-ref-color-light: var(--md-ref-palette-secondary90);
  --brand-ref-color: #91cc2a;
}

.theme-light {
  --brand-text-button-label-color: #424936;
  --brand-filled-button-color: var(--md-ref-palette-neutral99);
  --brand-filled-button-bg-color: #424936;
  --brand-filled-button-hover-color: var(--brand-filled-button-color);
  --brand-filled-button-hover-bg-color: var(--brand-ref-color);
}

.theme-dark {
  --brand-text-button-label-color: var(--brand-ref-color-light);
  --brand-filled-button-color: var(--brand-ref-color-dark);
  --brand-filled-button-bg-color: var(--brand-ref-color-light);
  --brand-filled-button-hover-color: var(--brand-filled-button-color);
  --brand-filled-button-hover-bg-color: var(--brand-ref-color);
}

.theme-light .mat-mdc-button,
.theme-light .mat-mdc-outlined-button,
.theme-light .mat-mdc-unelevated-button,
.theme-dark .mat-mdc-button,
.theme-dark .mat-mdc-outlined-button,
.theme-dark .mat-mdc-unelevated-button {
  transform: skew(-10deg);
  border-radius: var(--md-sys-size-1) !important;
  margin-inline: var(--md-sys-size-1);
}
.theme-light .mat-mdc-button .mdc-button__label,
.theme-light .mat-mdc-button .mat-icon,
.theme-light .mat-mdc-outlined-button .mdc-button__label,
.theme-light .mat-mdc-outlined-button .mat-icon,
.theme-light .mat-mdc-unelevated-button .mdc-button__label,
.theme-light .mat-mdc-unelevated-button .mat-icon,
.theme-dark .mat-mdc-button .mdc-button__label,
.theme-dark .mat-mdc-button .mat-icon,
.theme-dark .mat-mdc-outlined-button .mdc-button__label,
.theme-dark .mat-mdc-outlined-button .mat-icon,
.theme-dark .mat-mdc-unelevated-button .mdc-button__label,
.theme-dark .mat-mdc-unelevated-button .mat-icon {
  transform: skew(10deg);
}
.theme-light .mat-mdc-button .mat-icon,
.theme-light .mat-mdc-outlined-button .mat-icon,
.theme-light .mat-mdc-unelevated-button .mat-icon,
.theme-dark .mat-mdc-button .mat-icon,
.theme-dark .mat-mdc-outlined-button .mat-icon,
.theme-dark .mat-mdc-unelevated-button .mat-icon {
  --mat-icon-weight: 700;
}
.theme-light .mat-mdc-button .mdc-button__label,
.theme-light .mat-mdc-outlined-button .mdc-button__label,
.theme-light .mat-mdc-unelevated-button .mdc-button__label,
.theme-dark .mat-mdc-button .mdc-button__label,
.theme-dark .mat-mdc-outlined-button .mdc-button__label,
.theme-dark .mat-mdc-unelevated-button .mdc-button__label {
  font-family: var(--md-ref-typeface-poppins-italic);
  font-weight: var(--md-ref-typeface-inverse-weight-black) !important;
  font-style: italic !important;
  text-transform: uppercase;
}
.theme-light .mdc-button,
.theme-dark .mdc-button {
  --mdc-text-button-label-text-color: var(--brand-text-button-label-color);
  --mat-text-button-state-layer-color: var(--md-sys-color-primary);
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.theme-light .mat-mdc-unelevated-button,
.theme-dark .mat-mdc-unelevated-button {
  --mdc-filled-button-label-text-tracking: 0;
  font-weight: var(--mdc-filled-button-label-text-weight);
  letter-spacing: 0.6px;
  transition-property: background-color, color;
  transition-duration: 0.15s;
  transition-timing-function: linear;
}
.theme-light .mat-mdc-unelevated-button:not(.disabled):not([disabled]),
.theme-dark .mat-mdc-unelevated-button:not(.disabled):not([disabled]) {
  background-color: var(--brand-filled-button-bg-color);
  color: var(--brand-filled-button-color);
}
.theme-light .mat-mdc-unelevated-button:hover:not(.disabled):not([disabled]),
.theme-dark .mat-mdc-unelevated-button:hover:not(.disabled):not([disabled]) {
  background-color: var(--brand-filled-button-hover-bg-color);
  color: var(--brand-filled-button-hover-color);
}
.theme-light .mat-mdc-outlined-button,
.theme-dark .mat-mdc-outlined-button {
  --mdc-outlined-button-label-text-color: var(
    --brand-text-button-label-color
  );
}

.brand-headline,
.page__title,
.header__title,
.page__section-headline,
.page__section-headline.--sticky,
.active-course-section__title-text,
.video-description__header,
.card-grid__section-title,
.mdc-tab__text-label,
.profile-card__title,
.secondary-content-card__title,
.m3-dialog-headline,
.mat-mdc-dialog-title.mdc-dialog__title,
.trial-exam__section-title h2,
.active-course-card__content .section-heading {
  font-family: var(--md-ref-typeface-poppins-italic) !important;
  font-weight: var(--md-ref-typeface-weight-black) !important;
  font-style: italic !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
}
.brand-headline .mat-icon,
.brand-headline .secondary-content-card__top-icon,
.page__title .mat-icon,
.page__title .secondary-content-card__top-icon,
.header__title .mat-icon,
.header__title .secondary-content-card__top-icon,
.page__section-headline .mat-icon,
.page__section-headline .secondary-content-card__top-icon,
.page__section-headline.--sticky .mat-icon,
.page__section-headline.--sticky .secondary-content-card__top-icon,
.active-course-section__title-text .mat-icon,
.active-course-section__title-text .secondary-content-card__top-icon,
.video-description__header .mat-icon,
.video-description__header .secondary-content-card__top-icon,
.card-grid__section-title .mat-icon,
.card-grid__section-title .secondary-content-card__top-icon,
.mdc-tab__text-label .mat-icon,
.mdc-tab__text-label .secondary-content-card__top-icon,
.profile-card__title .mat-icon,
.profile-card__title .secondary-content-card__top-icon,
.secondary-content-card__title .mat-icon,
.secondary-content-card__title .secondary-content-card__top-icon,
.m3-dialog-headline .mat-icon,
.m3-dialog-headline .secondary-content-card__top-icon,
.mat-mdc-dialog-title.mdc-dialog__title .mat-icon,
.mat-mdc-dialog-title.mdc-dialog__title .secondary-content-card__top-icon,
.trial-exam__section-title h2 .mat-icon,
.trial-exam__section-title h2 .secondary-content-card__top-icon,
.active-course-card__content .section-heading .mat-icon,
.active-course-card__content .section-heading .secondary-content-card__top-icon {
  --mat-icon-weight: 700;
}

.brand-subheadline,
.course-title,
.chapter-list-item__title,
.breadcrumb__item {
  font-family: var(--md-ref-typeface-poppins);
  font-weight: var(--md-ref-typeface-weight-semibold) !important;
  font-style: normal !important;
  text-transform: uppercase !important;
}

.shell .aside .nav__button .nav__label {
  font-family: var(--md-ref-typeface-poppins);
  font-size: var(--md-sys-typescale-body-medium-size);
  font-variation-settings: "wght" var(--md-ref-typeface-weight-semibold) !important;
  color: var(--md-sys-color-outline);
  font-style: normal;
  text-transform: uppercase;
}
.shell .aside .nav__button.selected {
  font-style: italic;
}
.shell .aside .nav__button.selected .nav__label {
  font-family: var(--md-ref-typeface-poppins-italic) !important;
  font-weight: var(--md-ref-typeface-weight-black) !important;
  font-variation-settings: "wght" var(--md-ref-typeface-weight-black) !important;
  font-style: italic;
  font-size: var(--md-sys-typescale-body-large-size);
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .sm-d-none {
    display: none !important;
  }
  .sm-d-inline {
    display: inline !important;
  }
  .sm-d-inline-block {
    display: inline-block !important;
  }
  .sm-d-block {
    display: block !important;
  }
  .sm-d-table {
    display: table !important;
  }
  .sm-d-table-row {
    display: table-row !important;
  }
  .sm-d-table-cell {
    display: table-cell !important;
  }
  .sm-d-grid {
    display: grid !important;
  }
  .sm-d-inline-grid {
    display: inline-grid !important;
  }
  .sm-d-flex {
    display: flex !important;
  }
  .sm-d-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .md-d-none {
    display: none !important;
  }
  .md-d-inline {
    display: inline !important;
  }
  .md-d-inline-block {
    display: inline-block !important;
  }
  .md-d-block {
    display: block !important;
  }
  .md-d-table {
    display: table !important;
  }
  .md-d-table-row {
    display: table-row !important;
  }
  .md-d-table-cell {
    display: table-cell !important;
  }
  .md-d-grid {
    display: grid !important;
  }
  .md-d-inline-grid {
    display: inline-grid !important;
  }
  .md-d-flex {
    display: flex !important;
  }
  .md-d-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .lg-d-none {
    display: none !important;
  }
  .lg-d-inline {
    display: inline !important;
  }
  .lg-d-inline-block {
    display: inline-block !important;
  }
  .lg-d-block {
    display: block !important;
  }
  .lg-d-table {
    display: table !important;
  }
  .lg-d-table-row {
    display: table-row !important;
  }
  .lg-d-table-cell {
    display: table-cell !important;
  }
  .lg-d-grid {
    display: grid !important;
  }
  .lg-d-inline-grid {
    display: inline-grid !important;
  }
  .lg-d-flex {
    display: flex !important;
  }
  .lg-d-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1280px) {
  .xl-d-none {
    display: none !important;
  }
  .xl-d-inline {
    display: inline !important;
  }
  .xl-d-inline-block {
    display: inline-block !important;
  }
  .xl-d-block {
    display: block !important;
  }
  .xl-d-table {
    display: table !important;
  }
  .xl-d-table-row {
    display: table-row !important;
  }
  .xl-d-table-cell {
    display: table-cell !important;
  }
  .xl-d-grid {
    display: grid !important;
  }
  .xl-d-inline-grid {
    display: inline-grid !important;
  }
  .xl-d-flex {
    display: flex !important;
  }
  .xl-d-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1440px) {
  .xxl-d-none {
    display: none !important;
  }
  .xxl-d-inline {
    display: inline !important;
  }
  .xxl-d-inline-block {
    display: inline-block !important;
  }
  .xxl-d-block {
    display: block !important;
  }
  .xxl-d-table {
    display: table !important;
  }
  .xxl-d-table-row {
    display: table-row !important;
  }
  .xxl-d-table-cell {
    display: table-cell !important;
  }
  .xxl-d-grid {
    display: grid !important;
  }
  .xxl-d-inline-grid {
    display: inline-grid !important;
  }
  .xxl-d-flex {
    display: flex !important;
  }
  .xxl-d-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1712px) {
  .xxxl-d-none {
    display: none !important;
  }
  .xxxl-d-inline {
    display: inline !important;
  }
  .xxxl-d-inline-block {
    display: inline-block !important;
  }
  .xxxl-d-block {
    display: block !important;
  }
  .xxxl-d-table {
    display: table !important;
  }
  .xxxl-d-table-row {
    display: table-row !important;
  }
  .xxxl-d-table-cell {
    display: table-cell !important;
  }
  .xxxl-d-grid {
    display: grid !important;
  }
  .xxxl-d-inline-grid {
    display: inline-grid !important;
  }
  .xxxl-d-flex {
    display: flex !important;
  }
  .xxxl-d-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.d-flex.justify-content-start,
.flex-justify-content-start {
  justify-content: flex-start !important;
}

.d-flex.justify-content-end,
.flex-justify-content-end {
  justify-content: flex-end !important;
}

.d-flex.justify-content-center,
.flex-justify-content-center {
  justify-content: center !important;
}

.d-flex.justify-content-between,
.flex-justify-content-between {
  justify-content: space-between !important;
}

.d-flex.justify-content-around,
.flex-justify-content-around {
  justify-content: space-around !important;
}

.d-flex.align-items-start,
.flex-align-items-start {
  align-items: flex-start !important;
}

.d-flex.align-items-end,
.flex-align-items-end {
  align-items: flex-end !important;
}

.d-flex.align-items-center,
.flex-align-items-center {
  align-items: center !important;
}

.d-flex.align-items-baseline,
.flex-align-items-baseline {
  align-items: baseline !important;
}

.d-flex.align-items-stretch,
.flex-align-items-stretch {
  align-items: stretch !important;
}

.d-flex.align-content-start,
.flex-align-content-start {
  align-content: flex-start !important;
}

.d-flex.align-content-end,
.flex-align-content-end {
  align-content: flex-end !important;
}

.d-flex.align-content-center,
.flex-align-content-center {
  align-content: center !important;
}

.d-flex.align-content-between,
.flex-align-content-between {
  align-content: space-between !important;
}

.d-flex.align-content-around,
.flex-align-content-around {
  align-content: space-around !important;
}

.d-flex.align-content-stretch,
.flex-align-content-stretch {
  align-content: stretch !important;
}

.d-flex .align-self-auto,
.flex-align-self-auto {
  align-self: auto !important;
}

.d-flex .align-self-start,
.flex-align-self-start {
  align-self: flex-start !important;
}

.d-flex .align-self-end,
.flex-align-self-end {
  align-self: flex-end !important;
}

.d-flex .align-self-center,
.flex-align-self-center {
  align-self: center !important;
}

.d-flex .align-self-baseline,
.flex-align-self-baseline {
  align-self: baseline !important;
}

.d-flex .align-self-stretch,
.flex-align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .sm-flex-row {
    flex-direction: row !important;
  }
  .sm-flex-column {
    flex-direction: column !important;
  }
  .sm-flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .sm-flex-column-reverse {
    flex-direction: column-reverse !important;
  }
  .sm-flex-wrap {
    flex-wrap: wrap !important;
  }
  .sm-flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .sm-flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .sm-flex-fill {
    flex: 1 1 auto !important;
  }
  .sm-flex-grow-0 {
    flex-grow: 0 !important;
  }
  .sm-flex-grow-1 {
    flex-grow: 1 !important;
  }
  .sm-flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .sm-flex-shrink-1 {
    flex-shrink: 1 !important;
  }
  .d-flex.sm-justify-content-start,
  .sm-flex-justify-content-start {
    justify-content: flex-start !important;
  }
  .d-flex.sm-justify-content-end,
  .sm-flex-justify-content-end {
    justify-content: flex-end !important;
  }
  .d-flex.sm-justify-content-center,
  .sm-flex-justify-content-center {
    justify-content: center !important;
  }
  .d-flex.sm-justify-content-between,
  .sm-flex-justify-content-between {
    justify-content: space-between !important;
  }
  .d-flex.sm-justify-content-around,
  .sm-flex-justify-content-around {
    justify-content: space-around !important;
  }
  .d-flex.sm-align-items-start,
  .sm-flex-align-items-start {
    align-items: flex-start !important;
  }
  .d-flex.sm-align-items-end,
  .sm-flex-align-items-end {
    align-items: flex-end !important;
  }
  .d-flex.sm-align-items-center,
  .sm-flex-align-items-center {
    align-items: center !important;
  }
  .d-flex.sm-align-items-baseline,
  .sm-flex-align-items-baseline {
    align-items: baseline !important;
  }
  .d-flex.sm-align-items-stretch,
  .sm-flex-align-items-stretch {
    align-items: stretch !important;
  }
  .d-flex.sm-align-content-start,
  .sm-flex-align-content-start {
    align-content: flex-start !important;
  }
  .d-flex.sm-align-content-end,
  .sm-flex-align-content-end {
    align-content: flex-end !important;
  }
  .d-flex.sm-align-content-center,
  .sm-flex-align-content-center {
    align-content: center !important;
  }
  .d-flex.sm-align-content-between,
  .sm-flex-align-content-between {
    align-content: space-between !important;
  }
  .d-flex.sm-align-content-around,
  .sm-flex-align-content-around {
    align-content: space-around !important;
  }
  .d-flex.sm-align-content-stretch,
  .sm-flex-align-content-stretch {
    align-content: stretch !important;
  }
  .d-flex .sm-align-self-auto,
  .sm-flex-align-self-auto {
    align-self: auto !important;
  }
  .d-flex .sm-align-self-start,
  .sm-flex-align-self-start {
    align-self: flex-start !important;
  }
  .d-flex .sm-align-self-end,
  .sm-flex-align-self-end {
    align-self: flex-end !important;
  }
  .d-flex .sm-align-self-center,
  .sm-flex-align-self-center {
    align-self: center !important;
  }
  .d-flex .sm-align-self-baseline,
  .sm-flex-align-self-baseline {
    align-self: baseline !important;
  }
  .d-flex .sm-align-self-stretch,
  .sm-flex-align-self-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .md-flex-row {
    flex-direction: row !important;
  }
  .md-flex-column {
    flex-direction: column !important;
  }
  .md-flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .md-flex-column-reverse {
    flex-direction: column-reverse !important;
  }
  .md-flex-wrap {
    flex-wrap: wrap !important;
  }
  .md-flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .md-flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .md-flex-fill {
    flex: 1 1 auto !important;
  }
  .md-flex-grow-0 {
    flex-grow: 0 !important;
  }
  .md-flex-grow-1 {
    flex-grow: 1 !important;
  }
  .md-flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .md-flex-shrink-1 {
    flex-shrink: 1 !important;
  }
  .d-flex.md-justify-content-start,
  .md-flex-justify-content-start {
    justify-content: flex-start !important;
  }
  .d-flex.md-justify-content-end,
  .md-flex-justify-content-end {
    justify-content: flex-end !important;
  }
  .d-flex.md-justify-content-center,
  .md-flex-justify-content-center {
    justify-content: center !important;
  }
  .d-flex.md-justify-content-between,
  .md-flex-justify-content-between {
    justify-content: space-between !important;
  }
  .d-flex.md-justify-content-around,
  .md-flex-justify-content-around {
    justify-content: space-around !important;
  }
  .d-flex.md-align-items-start,
  .md-flex-align-items-start {
    align-items: flex-start !important;
  }
  .d-flex.md-align-items-end,
  .md-flex-align-items-end {
    align-items: flex-end !important;
  }
  .d-flex.md-align-items-center,
  .md-flex-align-items-center {
    align-items: center !important;
  }
  .d-flex.md-align-items-baseline,
  .md-flex-align-items-baseline {
    align-items: baseline !important;
  }
  .d-flex.md-align-items-stretch,
  .md-flex-align-items-stretch {
    align-items: stretch !important;
  }
  .d-flex.md-align-content-start,
  .md-flex-align-content-start {
    align-content: flex-start !important;
  }
  .d-flex.md-align-content-end,
  .md-flex-align-content-end {
    align-content: flex-end !important;
  }
  .d-flex.md-align-content-center,
  .md-flex-align-content-center {
    align-content: center !important;
  }
  .d-flex.md-align-content-between,
  .md-flex-align-content-between {
    align-content: space-between !important;
  }
  .d-flex.md-align-content-around,
  .md-flex-align-content-around {
    align-content: space-around !important;
  }
  .d-flex.md-align-content-stretch,
  .md-flex-align-content-stretch {
    align-content: stretch !important;
  }
  .d-flex .md-align-self-auto,
  .md-flex-align-self-auto {
    align-self: auto !important;
  }
  .d-flex .md-align-self-start,
  .md-flex-align-self-start {
    align-self: flex-start !important;
  }
  .d-flex .md-align-self-end,
  .md-flex-align-self-end {
    align-self: flex-end !important;
  }
  .d-flex .md-align-self-center,
  .md-flex-align-self-center {
    align-self: center !important;
  }
  .d-flex .md-align-self-baseline,
  .md-flex-align-self-baseline {
    align-self: baseline !important;
  }
  .d-flex .md-align-self-stretch,
  .md-flex-align-self-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .lg-flex-row {
    flex-direction: row !important;
  }
  .lg-flex-column {
    flex-direction: column !important;
  }
  .lg-flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .lg-flex-column-reverse {
    flex-direction: column-reverse !important;
  }
  .lg-flex-wrap {
    flex-wrap: wrap !important;
  }
  .lg-flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .lg-flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .lg-flex-fill {
    flex: 1 1 auto !important;
  }
  .lg-flex-grow-0 {
    flex-grow: 0 !important;
  }
  .lg-flex-grow-1 {
    flex-grow: 1 !important;
  }
  .lg-flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .lg-flex-shrink-1 {
    flex-shrink: 1 !important;
  }
  .d-flex.lg-justify-content-start,
  .lg-flex-justify-content-start {
    justify-content: flex-start !important;
  }
  .d-flex.lg-justify-content-end,
  .lg-flex-justify-content-end {
    justify-content: flex-end !important;
  }
  .d-flex.lg-justify-content-center,
  .lg-flex-justify-content-center {
    justify-content: center !important;
  }
  .d-flex.lg-justify-content-between,
  .lg-flex-justify-content-between {
    justify-content: space-between !important;
  }
  .d-flex.lg-justify-content-around,
  .lg-flex-justify-content-around {
    justify-content: space-around !important;
  }
  .d-flex.lg-align-items-start,
  .lg-flex-align-items-start {
    align-items: flex-start !important;
  }
  .d-flex.lg-align-items-end,
  .lg-flex-align-items-end {
    align-items: flex-end !important;
  }
  .d-flex.lg-align-items-center,
  .lg-flex-align-items-center {
    align-items: center !important;
  }
  .d-flex.lg-align-items-baseline,
  .lg-flex-align-items-baseline {
    align-items: baseline !important;
  }
  .d-flex.lg-align-items-stretch,
  .lg-flex-align-items-stretch {
    align-items: stretch !important;
  }
  .d-flex.lg-align-content-start,
  .lg-flex-align-content-start {
    align-content: flex-start !important;
  }
  .d-flex.lg-align-content-end,
  .lg-flex-align-content-end {
    align-content: flex-end !important;
  }
  .d-flex.lg-align-content-center,
  .lg-flex-align-content-center {
    align-content: center !important;
  }
  .d-flex.lg-align-content-between,
  .lg-flex-align-content-between {
    align-content: space-between !important;
  }
  .d-flex.lg-align-content-around,
  .lg-flex-align-content-around {
    align-content: space-around !important;
  }
  .d-flex.lg-align-content-stretch,
  .lg-flex-align-content-stretch {
    align-content: stretch !important;
  }
  .d-flex .lg-align-self-auto,
  .lg-flex-align-self-auto {
    align-self: auto !important;
  }
  .d-flex .lg-align-self-start,
  .lg-flex-align-self-start {
    align-self: flex-start !important;
  }
  .d-flex .lg-align-self-end,
  .lg-flex-align-self-end {
    align-self: flex-end !important;
  }
  .d-flex .lg-align-self-center,
  .lg-flex-align-self-center {
    align-self: center !important;
  }
  .d-flex .lg-align-self-baseline,
  .lg-flex-align-self-baseline {
    align-self: baseline !important;
  }
  .d-flex .lg-align-self-stretch,
  .lg-flex-align-self-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1280px) {
  .xl-flex-row {
    flex-direction: row !important;
  }
  .xl-flex-column {
    flex-direction: column !important;
  }
  .xl-flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .xl-flex-column-reverse {
    flex-direction: column-reverse !important;
  }
  .xl-flex-wrap {
    flex-wrap: wrap !important;
  }
  .xl-flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .xl-flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .xl-flex-fill {
    flex: 1 1 auto !important;
  }
  .xl-flex-grow-0 {
    flex-grow: 0 !important;
  }
  .xl-flex-grow-1 {
    flex-grow: 1 !important;
  }
  .xl-flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .xl-flex-shrink-1 {
    flex-shrink: 1 !important;
  }
  .d-flex.xl-justify-content-start,
  .xl-flex-justify-content-start {
    justify-content: flex-start !important;
  }
  .d-flex.xl-justify-content-end,
  .xl-flex-justify-content-end {
    justify-content: flex-end !important;
  }
  .d-flex.xl-justify-content-center,
  .xl-flex-justify-content-center {
    justify-content: center !important;
  }
  .d-flex.xl-justify-content-between,
  .xl-flex-justify-content-between {
    justify-content: space-between !important;
  }
  .d-flex.xl-justify-content-around,
  .xl-flex-justify-content-around {
    justify-content: space-around !important;
  }
  .d-flex.xl-align-items-start,
  .xl-flex-align-items-start {
    align-items: flex-start !important;
  }
  .d-flex.xl-align-items-end,
  .xl-flex-align-items-end {
    align-items: flex-end !important;
  }
  .d-flex.xl-align-items-center,
  .xl-flex-align-items-center {
    align-items: center !important;
  }
  .d-flex.xl-align-items-baseline,
  .xl-flex-align-items-baseline {
    align-items: baseline !important;
  }
  .d-flex.xl-align-items-stretch,
  .xl-flex-align-items-stretch {
    align-items: stretch !important;
  }
  .d-flex.xl-align-content-start,
  .xl-flex-align-content-start {
    align-content: flex-start !important;
  }
  .d-flex.xl-align-content-end,
  .xl-flex-align-content-end {
    align-content: flex-end !important;
  }
  .d-flex.xl-align-content-center,
  .xl-flex-align-content-center {
    align-content: center !important;
  }
  .d-flex.xl-align-content-between,
  .xl-flex-align-content-between {
    align-content: space-between !important;
  }
  .d-flex.xl-align-content-around,
  .xl-flex-align-content-around {
    align-content: space-around !important;
  }
  .d-flex.xl-align-content-stretch,
  .xl-flex-align-content-stretch {
    align-content: stretch !important;
  }
  .d-flex .xl-align-self-auto,
  .xl-flex-align-self-auto {
    align-self: auto !important;
  }
  .d-flex .xl-align-self-start,
  .xl-flex-align-self-start {
    align-self: flex-start !important;
  }
  .d-flex .xl-align-self-end,
  .xl-flex-align-self-end {
    align-self: flex-end !important;
  }
  .d-flex .xl-align-self-center,
  .xl-flex-align-self-center {
    align-self: center !important;
  }
  .d-flex .xl-align-self-baseline,
  .xl-flex-align-self-baseline {
    align-self: baseline !important;
  }
  .d-flex .xl-align-self-stretch,
  .xl-flex-align-self-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1440px) {
  .xxl-flex-row {
    flex-direction: row !important;
  }
  .xxl-flex-column {
    flex-direction: column !important;
  }
  .xxl-flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .xxl-flex-column-reverse {
    flex-direction: column-reverse !important;
  }
  .xxl-flex-wrap {
    flex-wrap: wrap !important;
  }
  .xxl-flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .xxl-flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .xxl-flex-fill {
    flex: 1 1 auto !important;
  }
  .xxl-flex-grow-0 {
    flex-grow: 0 !important;
  }
  .xxl-flex-grow-1 {
    flex-grow: 1 !important;
  }
  .xxl-flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .xxl-flex-shrink-1 {
    flex-shrink: 1 !important;
  }
  .d-flex.xxl-justify-content-start,
  .xxl-flex-justify-content-start {
    justify-content: flex-start !important;
  }
  .d-flex.xxl-justify-content-end,
  .xxl-flex-justify-content-end {
    justify-content: flex-end !important;
  }
  .d-flex.xxl-justify-content-center,
  .xxl-flex-justify-content-center {
    justify-content: center !important;
  }
  .d-flex.xxl-justify-content-between,
  .xxl-flex-justify-content-between {
    justify-content: space-between !important;
  }
  .d-flex.xxl-justify-content-around,
  .xxl-flex-justify-content-around {
    justify-content: space-around !important;
  }
  .d-flex.xxl-align-items-start,
  .xxl-flex-align-items-start {
    align-items: flex-start !important;
  }
  .d-flex.xxl-align-items-end,
  .xxl-flex-align-items-end {
    align-items: flex-end !important;
  }
  .d-flex.xxl-align-items-center,
  .xxl-flex-align-items-center {
    align-items: center !important;
  }
  .d-flex.xxl-align-items-baseline,
  .xxl-flex-align-items-baseline {
    align-items: baseline !important;
  }
  .d-flex.xxl-align-items-stretch,
  .xxl-flex-align-items-stretch {
    align-items: stretch !important;
  }
  .d-flex.xxl-align-content-start,
  .xxl-flex-align-content-start {
    align-content: flex-start !important;
  }
  .d-flex.xxl-align-content-end,
  .xxl-flex-align-content-end {
    align-content: flex-end !important;
  }
  .d-flex.xxl-align-content-center,
  .xxl-flex-align-content-center {
    align-content: center !important;
  }
  .d-flex.xxl-align-content-between,
  .xxl-flex-align-content-between {
    align-content: space-between !important;
  }
  .d-flex.xxl-align-content-around,
  .xxl-flex-align-content-around {
    align-content: space-around !important;
  }
  .d-flex.xxl-align-content-stretch,
  .xxl-flex-align-content-stretch {
    align-content: stretch !important;
  }
  .d-flex .xxl-align-self-auto,
  .xxl-flex-align-self-auto {
    align-self: auto !important;
  }
  .d-flex .xxl-align-self-start,
  .xxl-flex-align-self-start {
    align-self: flex-start !important;
  }
  .d-flex .xxl-align-self-end,
  .xxl-flex-align-self-end {
    align-self: flex-end !important;
  }
  .d-flex .xxl-align-self-center,
  .xxl-flex-align-self-center {
    align-self: center !important;
  }
  .d-flex .xxl-align-self-baseline,
  .xxl-flex-align-self-baseline {
    align-self: baseline !important;
  }
  .d-flex .xxl-align-self-stretch,
  .xxl-flex-align-self-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1712px) {
  .xxxl-flex-row {
    flex-direction: row !important;
  }
  .xxxl-flex-column {
    flex-direction: column !important;
  }
  .xxxl-flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .xxxl-flex-column-reverse {
    flex-direction: column-reverse !important;
  }
  .xxxl-flex-wrap {
    flex-wrap: wrap !important;
  }
  .xxxl-flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .xxxl-flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .xxxl-flex-fill {
    flex: 1 1 auto !important;
  }
  .xxxl-flex-grow-0 {
    flex-grow: 0 !important;
  }
  .xxxl-flex-grow-1 {
    flex-grow: 1 !important;
  }
  .xxxl-flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .xxxl-flex-shrink-1 {
    flex-shrink: 1 !important;
  }
  .d-flex.xxxl-justify-content-start,
  .xxxl-flex-justify-content-start {
    justify-content: flex-start !important;
  }
  .d-flex.xxxl-justify-content-end,
  .xxxl-flex-justify-content-end {
    justify-content: flex-end !important;
  }
  .d-flex.xxxl-justify-content-center,
  .xxxl-flex-justify-content-center {
    justify-content: center !important;
  }
  .d-flex.xxxl-justify-content-between,
  .xxxl-flex-justify-content-between {
    justify-content: space-between !important;
  }
  .d-flex.xxxl-justify-content-around,
  .xxxl-flex-justify-content-around {
    justify-content: space-around !important;
  }
  .d-flex.xxxl-align-items-start,
  .xxxl-flex-align-items-start {
    align-items: flex-start !important;
  }
  .d-flex.xxxl-align-items-end,
  .xxxl-flex-align-items-end {
    align-items: flex-end !important;
  }
  .d-flex.xxxl-align-items-center,
  .xxxl-flex-align-items-center {
    align-items: center !important;
  }
  .d-flex.xxxl-align-items-baseline,
  .xxxl-flex-align-items-baseline {
    align-items: baseline !important;
  }
  .d-flex.xxxl-align-items-stretch,
  .xxxl-flex-align-items-stretch {
    align-items: stretch !important;
  }
  .d-flex.xxxl-align-content-start,
  .xxxl-flex-align-content-start {
    align-content: flex-start !important;
  }
  .d-flex.xxxl-align-content-end,
  .xxxl-flex-align-content-end {
    align-content: flex-end !important;
  }
  .d-flex.xxxl-align-content-center,
  .xxxl-flex-align-content-center {
    align-content: center !important;
  }
  .d-flex.xxxl-align-content-between,
  .xxxl-flex-align-content-between {
    align-content: space-between !important;
  }
  .d-flex.xxxl-align-content-around,
  .xxxl-flex-align-content-around {
    align-content: space-around !important;
  }
  .d-flex.xxxl-align-content-stretch,
  .xxxl-flex-align-content-stretch {
    align-content: stretch !important;
  }
  .d-flex .xxxl-align-self-auto,
  .xxxl-flex-align-self-auto {
    align-self: auto !important;
  }
  .d-flex .xxxl-align-self-start,
  .xxxl-flex-align-self-start {
    align-self: flex-start !important;
  }
  .d-flex .xxxl-align-self-end,
  .xxxl-flex-align-self-end {
    align-self: flex-end !important;
  }
  .d-flex .xxxl-align-self-center,
  .xxxl-flex-align-self-center {
    align-self: center !important;
  }
  .d-flex .xxxl-align-self-baseline,
  .xxxl-flex-align-self-baseline {
    align-self: baseline !important;
  }
  .d-flex .xxxl-align-self-stretch,
  .xxxl-flex-align-self-stretch {
    align-self: stretch !important;
  }
}
.grid-justify-content-start {
  justify-content: start !important;
}

.grid-justify-content-end {
  justify-content: end !important;
}

.grid-justify-content-center {
  justify-content: center !important;
}

.grid-justify-content-stretch {
  justify-content: stretch !important;
}

.grid-justify-content-between {
  justify-content: space-between !important;
}

.grid-justify-content-around {
  justify-content: space-around !important;
}

.grid-justify-content-evenly {
  justify-content: space-evenly !important;
}

.grid-align-content-start {
  align-content: start !important;
}

.grid-align-content-end {
  align-content: end !important;
}

.grid-align-content-center {
  align-content: center !important;
}

.grid-align-content-between {
  align-content: space-between !important;
}

.grid-align-content-around {
  align-content: space-around !important;
}

.grid-align-content-stretch {
  align-content: stretch !important;
}

.grid-align-content-evenly {
  align-content: space-evenly !important;
}

.grid-justify-items-start {
  justify-items: start !important;
}

.grid-justify-items-end {
  justify-items: end !important;
}

.grid-justify-items-center {
  justify-items: center !important;
}

.grid-justify-items-stretch {
  justify-items: space-between !important;
}

.grid-justify-items-baseline {
  justify-items: space-between !important;
}

.grid-align-items-start {
  align-items: start !important;
}

.grid-align-items-end {
  align-items: end !important;
}

.grid-align-items-center {
  align-items: center !important;
}

.grid-align-items-stretch {
  align-items: stretch !important;
}

.grid-align-items-baseline {
  align-items: baseline !important;
}

.grid-align-self-auto {
  align-self: auto !important;
}

.grid-align-self-start {
  align-self: start !important;
}

.grid-align-self-end {
  align-self: end !important;
}

.grid-align-self-center {
  align-self: center !important;
}

.grid-align-self-baseline {
  align-self: baseline !important;
}

.grid-align-self-stretch {
  align-self: stretch !important;
}

.grid-justify-self-auto {
  justify-self: auto !important;
}

.grid-justify-self-start {
  justify-self: start !important;
}

.grid-justify-self-end {
  justify-self: end !important;
}

.grid-justify-self-center {
  justify-self: center !important;
}

.grid-justify-self-baseline {
  justify-self: baseline !important;
}

.grid-justify-self-stretch {
  justify-self: stretch !important;
}

@media (min-width: 576px) {
  .sm-grid-justify-content-start {
    justify-content: start !important;
  }
  .sm-grid-justify-content-end {
    justify-content: end !important;
  }
  .sm-grid-justify-content-center {
    justify-content: center !important;
  }
  .sm-grid-justify-content-stretch {
    justify-content: stretch !important;
  }
  .sm-grid-justify-content-between {
    justify-content: space-between !important;
  }
  .sm-grid-justify-content-around {
    justify-content: space-around !important;
  }
  .sm-grid-justify-content-evenly {
    justify-content: space-evenly !important;
  }
  .sm-grid-align-content-start {
    align-content: start !important;
  }
  .sm-grid-align-content-end {
    align-content: end !important;
  }
  .sm-grid-align-content-center {
    align-content: center !important;
  }
  .sm-grid-align-content-between {
    align-content: space-between !important;
  }
  .sm-grid-align-content-around {
    align-content: space-around !important;
  }
  .sm-grid-align-content-stretch {
    align-content: stretch !important;
  }
  .sm-grid-align-content-evenly {
    align-content: space-evenly !important;
  }
  .sm-grid-justify-items-start {
    justify-items: start !important;
  }
  .sm-grid-justify-items-end {
    justify-items: end !important;
  }
  .sm-grid-justify-items-center {
    justify-items: center !important;
  }
  .sm-grid-justify-items-stretch {
    justify-items: space-between !important;
  }
  .sm-grid-justify-items-baseline {
    justify-items: space-between !important;
  }
  .sm-grid-align-items-start {
    align-items: start !important;
  }
  .sm-grid-align-items-end {
    align-items: end !important;
  }
  .sm-grid-align-items-center {
    align-items: center !important;
  }
  .sm-grid-align-items-stretch {
    align-items: stretch !important;
  }
  .sm-grid-align-items-baseline {
    align-items: baseline !important;
  }
  .sm-grid-align-self-auto {
    align-self: auto !important;
  }
  .sm-grid-align-self-start {
    align-self: start !important;
  }
  .sm-grid-align-self-end {
    align-self: end !important;
  }
  .sm-grid-align-self-center {
    align-self: center !important;
  }
  .sm-grid-align-self-baseline {
    align-self: baseline !important;
  }
  .sm-grid-align-self-stretch {
    align-self: stretch !important;
  }
  .sm-grid-justify-self-auto {
    justify-self: auto !important;
  }
  .sm-grid-justify-self-start {
    justify-self: start !important;
  }
  .sm-grid-justify-self-end {
    justify-self: end !important;
  }
  .sm-grid-justify-self-center {
    justify-self: center !important;
  }
  .sm-grid-justify-self-baseline {
    justify-self: baseline !important;
  }
  .sm-grid-justify-self-stretch {
    justify-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .md-grid-justify-content-start {
    justify-content: start !important;
  }
  .md-grid-justify-content-end {
    justify-content: end !important;
  }
  .md-grid-justify-content-center {
    justify-content: center !important;
  }
  .md-grid-justify-content-stretch {
    justify-content: stretch !important;
  }
  .md-grid-justify-content-between {
    justify-content: space-between !important;
  }
  .md-grid-justify-content-around {
    justify-content: space-around !important;
  }
  .md-grid-justify-content-evenly {
    justify-content: space-evenly !important;
  }
  .md-grid-align-content-start {
    align-content: start !important;
  }
  .md-grid-align-content-end {
    align-content: end !important;
  }
  .md-grid-align-content-center {
    align-content: center !important;
  }
  .md-grid-align-content-between {
    align-content: space-between !important;
  }
  .md-grid-align-content-around {
    align-content: space-around !important;
  }
  .md-grid-align-content-stretch {
    align-content: stretch !important;
  }
  .md-grid-align-content-evenly {
    align-content: space-evenly !important;
  }
  .md-grid-justify-items-start {
    justify-items: start !important;
  }
  .md-grid-justify-items-end {
    justify-items: end !important;
  }
  .md-grid-justify-items-center {
    justify-items: center !important;
  }
  .md-grid-justify-items-stretch {
    justify-items: space-between !important;
  }
  .md-grid-justify-items-baseline {
    justify-items: space-between !important;
  }
  .md-grid-align-items-start {
    align-items: start !important;
  }
  .md-grid-align-items-end {
    align-items: end !important;
  }
  .md-grid-align-items-center {
    align-items: center !important;
  }
  .md-grid-align-items-stretch {
    align-items: stretch !important;
  }
  .md-grid-align-items-baseline {
    align-items: baseline !important;
  }
  .md-grid-align-self-auto {
    align-self: auto !important;
  }
  .md-grid-align-self-start {
    align-self: start !important;
  }
  .md-grid-align-self-end {
    align-self: end !important;
  }
  .md-grid-align-self-center {
    align-self: center !important;
  }
  .md-grid-align-self-baseline {
    align-self: baseline !important;
  }
  .md-grid-align-self-stretch {
    align-self: stretch !important;
  }
  .md-grid-justify-self-auto {
    justify-self: auto !important;
  }
  .md-grid-justify-self-start {
    justify-self: start !important;
  }
  .md-grid-justify-self-end {
    justify-self: end !important;
  }
  .md-grid-justify-self-center {
    justify-self: center !important;
  }
  .md-grid-justify-self-baseline {
    justify-self: baseline !important;
  }
  .md-grid-justify-self-stretch {
    justify-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .lg-grid-justify-content-start {
    justify-content: start !important;
  }
  .lg-grid-justify-content-end {
    justify-content: end !important;
  }
  .lg-grid-justify-content-center {
    justify-content: center !important;
  }
  .lg-grid-justify-content-stretch {
    justify-content: stretch !important;
  }
  .lg-grid-justify-content-between {
    justify-content: space-between !important;
  }
  .lg-grid-justify-content-around {
    justify-content: space-around !important;
  }
  .lg-grid-justify-content-evenly {
    justify-content: space-evenly !important;
  }
  .lg-grid-align-content-start {
    align-content: start !important;
  }
  .lg-grid-align-content-end {
    align-content: end !important;
  }
  .lg-grid-align-content-center {
    align-content: center !important;
  }
  .lg-grid-align-content-between {
    align-content: space-between !important;
  }
  .lg-grid-align-content-around {
    align-content: space-around !important;
  }
  .lg-grid-align-content-stretch {
    align-content: stretch !important;
  }
  .lg-grid-align-content-evenly {
    align-content: space-evenly !important;
  }
  .lg-grid-justify-items-start {
    justify-items: start !important;
  }
  .lg-grid-justify-items-end {
    justify-items: end !important;
  }
  .lg-grid-justify-items-center {
    justify-items: center !important;
  }
  .lg-grid-justify-items-stretch {
    justify-items: space-between !important;
  }
  .lg-grid-justify-items-baseline {
    justify-items: space-between !important;
  }
  .lg-grid-align-items-start {
    align-items: start !important;
  }
  .lg-grid-align-items-end {
    align-items: end !important;
  }
  .lg-grid-align-items-center {
    align-items: center !important;
  }
  .lg-grid-align-items-stretch {
    align-items: stretch !important;
  }
  .lg-grid-align-items-baseline {
    align-items: baseline !important;
  }
  .lg-grid-align-self-auto {
    align-self: auto !important;
  }
  .lg-grid-align-self-start {
    align-self: start !important;
  }
  .lg-grid-align-self-end {
    align-self: end !important;
  }
  .lg-grid-align-self-center {
    align-self: center !important;
  }
  .lg-grid-align-self-baseline {
    align-self: baseline !important;
  }
  .lg-grid-align-self-stretch {
    align-self: stretch !important;
  }
  .lg-grid-justify-self-auto {
    justify-self: auto !important;
  }
  .lg-grid-justify-self-start {
    justify-self: start !important;
  }
  .lg-grid-justify-self-end {
    justify-self: end !important;
  }
  .lg-grid-justify-self-center {
    justify-self: center !important;
  }
  .lg-grid-justify-self-baseline {
    justify-self: baseline !important;
  }
  .lg-grid-justify-self-stretch {
    justify-self: stretch !important;
  }
}
@media (min-width: 1280px) {
  .xl-grid-justify-content-start {
    justify-content: start !important;
  }
  .xl-grid-justify-content-end {
    justify-content: end !important;
  }
  .xl-grid-justify-content-center {
    justify-content: center !important;
  }
  .xl-grid-justify-content-stretch {
    justify-content: stretch !important;
  }
  .xl-grid-justify-content-between {
    justify-content: space-between !important;
  }
  .xl-grid-justify-content-around {
    justify-content: space-around !important;
  }
  .xl-grid-justify-content-evenly {
    justify-content: space-evenly !important;
  }
  .xl-grid-align-content-start {
    align-content: start !important;
  }
  .xl-grid-align-content-end {
    align-content: end !important;
  }
  .xl-grid-align-content-center {
    align-content: center !important;
  }
  .xl-grid-align-content-between {
    align-content: space-between !important;
  }
  .xl-grid-align-content-around {
    align-content: space-around !important;
  }
  .xl-grid-align-content-stretch {
    align-content: stretch !important;
  }
  .xl-grid-align-content-evenly {
    align-content: space-evenly !important;
  }
  .xl-grid-justify-items-start {
    justify-items: start !important;
  }
  .xl-grid-justify-items-end {
    justify-items: end !important;
  }
  .xl-grid-justify-items-center {
    justify-items: center !important;
  }
  .xl-grid-justify-items-stretch {
    justify-items: space-between !important;
  }
  .xl-grid-justify-items-baseline {
    justify-items: space-between !important;
  }
  .xl-grid-align-items-start {
    align-items: start !important;
  }
  .xl-grid-align-items-end {
    align-items: end !important;
  }
  .xl-grid-align-items-center {
    align-items: center !important;
  }
  .xl-grid-align-items-stretch {
    align-items: stretch !important;
  }
  .xl-grid-align-items-baseline {
    align-items: baseline !important;
  }
  .xl-grid-align-self-auto {
    align-self: auto !important;
  }
  .xl-grid-align-self-start {
    align-self: start !important;
  }
  .xl-grid-align-self-end {
    align-self: end !important;
  }
  .xl-grid-align-self-center {
    align-self: center !important;
  }
  .xl-grid-align-self-baseline {
    align-self: baseline !important;
  }
  .xl-grid-align-self-stretch {
    align-self: stretch !important;
  }
  .xl-grid-justify-self-auto {
    justify-self: auto !important;
  }
  .xl-grid-justify-self-start {
    justify-self: start !important;
  }
  .xl-grid-justify-self-end {
    justify-self: end !important;
  }
  .xl-grid-justify-self-center {
    justify-self: center !important;
  }
  .xl-grid-justify-self-baseline {
    justify-self: baseline !important;
  }
  .xl-grid-justify-self-stretch {
    justify-self: stretch !important;
  }
}
@media (min-width: 1440px) {
  .xxl-grid-justify-content-start {
    justify-content: start !important;
  }
  .xxl-grid-justify-content-end {
    justify-content: end !important;
  }
  .xxl-grid-justify-content-center {
    justify-content: center !important;
  }
  .xxl-grid-justify-content-stretch {
    justify-content: stretch !important;
  }
  .xxl-grid-justify-content-between {
    justify-content: space-between !important;
  }
  .xxl-grid-justify-content-around {
    justify-content: space-around !important;
  }
  .xxl-grid-justify-content-evenly {
    justify-content: space-evenly !important;
  }
  .xxl-grid-align-content-start {
    align-content: start !important;
  }
  .xxl-grid-align-content-end {
    align-content: end !important;
  }
  .xxl-grid-align-content-center {
    align-content: center !important;
  }
  .xxl-grid-align-content-between {
    align-content: space-between !important;
  }
  .xxl-grid-align-content-around {
    align-content: space-around !important;
  }
  .xxl-grid-align-content-stretch {
    align-content: stretch !important;
  }
  .xxl-grid-align-content-evenly {
    align-content: space-evenly !important;
  }
  .xxl-grid-justify-items-start {
    justify-items: start !important;
  }
  .xxl-grid-justify-items-end {
    justify-items: end !important;
  }
  .xxl-grid-justify-items-center {
    justify-items: center !important;
  }
  .xxl-grid-justify-items-stretch {
    justify-items: space-between !important;
  }
  .xxl-grid-justify-items-baseline {
    justify-items: space-between !important;
  }
  .xxl-grid-align-items-start {
    align-items: start !important;
  }
  .xxl-grid-align-items-end {
    align-items: end !important;
  }
  .xxl-grid-align-items-center {
    align-items: center !important;
  }
  .xxl-grid-align-items-stretch {
    align-items: stretch !important;
  }
  .xxl-grid-align-items-baseline {
    align-items: baseline !important;
  }
  .xxl-grid-align-self-auto {
    align-self: auto !important;
  }
  .xxl-grid-align-self-start {
    align-self: start !important;
  }
  .xxl-grid-align-self-end {
    align-self: end !important;
  }
  .xxl-grid-align-self-center {
    align-self: center !important;
  }
  .xxl-grid-align-self-baseline {
    align-self: baseline !important;
  }
  .xxl-grid-align-self-stretch {
    align-self: stretch !important;
  }
  .xxl-grid-justify-self-auto {
    justify-self: auto !important;
  }
  .xxl-grid-justify-self-start {
    justify-self: start !important;
  }
  .xxl-grid-justify-self-end {
    justify-self: end !important;
  }
  .xxl-grid-justify-self-center {
    justify-self: center !important;
  }
  .xxl-grid-justify-self-baseline {
    justify-self: baseline !important;
  }
  .xxl-grid-justify-self-stretch {
    justify-self: stretch !important;
  }
}
@media (min-width: 1712px) {
  .xxxl-grid-justify-content-start {
    justify-content: start !important;
  }
  .xxxl-grid-justify-content-end {
    justify-content: end !important;
  }
  .xxxl-grid-justify-content-center {
    justify-content: center !important;
  }
  .xxxl-grid-justify-content-stretch {
    justify-content: stretch !important;
  }
  .xxxl-grid-justify-content-between {
    justify-content: space-between !important;
  }
  .xxxl-grid-justify-content-around {
    justify-content: space-around !important;
  }
  .xxxl-grid-justify-content-evenly {
    justify-content: space-evenly !important;
  }
  .xxxl-grid-align-content-start {
    align-content: start !important;
  }
  .xxxl-grid-align-content-end {
    align-content: end !important;
  }
  .xxxl-grid-align-content-center {
    align-content: center !important;
  }
  .xxxl-grid-align-content-between {
    align-content: space-between !important;
  }
  .xxxl-grid-align-content-around {
    align-content: space-around !important;
  }
  .xxxl-grid-align-content-stretch {
    align-content: stretch !important;
  }
  .xxxl-grid-align-content-evenly {
    align-content: space-evenly !important;
  }
  .xxxl-grid-justify-items-start {
    justify-items: start !important;
  }
  .xxxl-grid-justify-items-end {
    justify-items: end !important;
  }
  .xxxl-grid-justify-items-center {
    justify-items: center !important;
  }
  .xxxl-grid-justify-items-stretch {
    justify-items: space-between !important;
  }
  .xxxl-grid-justify-items-baseline {
    justify-items: space-between !important;
  }
  .xxxl-grid-align-items-start {
    align-items: start !important;
  }
  .xxxl-grid-align-items-end {
    align-items: end !important;
  }
  .xxxl-grid-align-items-center {
    align-items: center !important;
  }
  .xxxl-grid-align-items-stretch {
    align-items: stretch !important;
  }
  .xxxl-grid-align-items-baseline {
    align-items: baseline !important;
  }
  .xxxl-grid-align-self-auto {
    align-self: auto !important;
  }
  .xxxl-grid-align-self-start {
    align-self: start !important;
  }
  .xxxl-grid-align-self-end {
    align-self: end !important;
  }
  .xxxl-grid-align-self-center {
    align-self: center !important;
  }
  .xxxl-grid-align-self-baseline {
    align-self: baseline !important;
  }
  .xxxl-grid-align-self-stretch {
    align-self: stretch !important;
  }
  .xxxl-grid-justify-self-auto {
    justify-self: auto !important;
  }
  .xxxl-grid-justify-self-start {
    justify-self: start !important;
  }
  .xxxl-grid-justify-self-end {
    justify-self: end !important;
  }
  .xxxl-grid-justify-self-center {
    justify-self: center !important;
  }
  .xxxl-grid-justify-self-baseline {
    justify-self: baseline !important;
  }
  .xxxl-grid-justify-self-stretch {
    justify-self: stretch !important;
  }
}
:root {
  --gap: var(--md-sys-size-2);
  --col-count: 12;
  --cols: repeat(var(--col-count), minmax(0, 1fr));
  --rows: auto;
}

.grid {
  display: grid;
  gap: var(--gap);
  grid-template-rows: var(--rows);
  grid-template-columns: var(--cols);
  width: 100%;
  align-content: start;
}
.grid > * {
  grid-column: auto/span 12;
}
.grid .col-span-1 {
  grid-column: auto/span 1;
}
.grid .col-span-2 {
  grid-column: auto/span 2;
}
.grid .col-span-3 {
  grid-column: auto/span 3;
}
.grid .col-span-4 {
  grid-column: auto/span 4;
}
.grid .col-span-5 {
  grid-column: auto/span 5;
}
.grid .col-span-6 {
  grid-column: auto/span 6;
}
.grid .col-span-7 {
  grid-column: auto/span 7;
}
.grid .col-span-8 {
  grid-column: auto/span 8;
}
.grid .col-span-9 {
  grid-column: auto/span 9;
}
.grid .col-span-10 {
  grid-column: auto/span 10;
}
.grid .col-span-11 {
  grid-column: auto/span 11;
}
.grid .col-span-12 {
  grid-column: auto/span 12;
}
.grid .row-span-1 {
  grid-row: auto/span 1;
}
.grid .row-span-2 {
  grid-row: auto/span 2;
}
.grid .row-span-3 {
  grid-row: auto/span 3;
}
.grid .row-span-4 {
  grid-row: auto/span 4;
}
.grid .row-span-5 {
  grid-row: auto/span 5;
}
.grid .row-span-6 {
  grid-row: auto/span 6;
}
.grid .row-span-7 {
  grid-row: auto/span 7;
}
.grid .row-span-8 {
  grid-row: auto/span 8;
}
.grid .row-span-9 {
  grid-row: auto/span 9;
}
.grid .row-span-10 {
  grid-row: auto/span 10;
}
.grid .row-span-11 {
  grid-row: auto/span 11;
}
.grid .row-span-12 {
  grid-row: auto/span 12;
}
.grid .col-start-1 {
  grid-column-start: 1;
}
.grid .col-start-2 {
  grid-column-start: 2;
}
.grid .col-start-3 {
  grid-column-start: 3;
}
.grid .col-start-4 {
  grid-column-start: 4;
}
.grid .col-start-5 {
  grid-column-start: 5;
}
.grid .col-start-6 {
  grid-column-start: 6;
}
.grid .col-start-7 {
  grid-column-start: 7;
}
.grid .col-start-8 {
  grid-column-start: 8;
}
.grid .col-start-9 {
  grid-column-start: 9;
}
.grid .col-start-10 {
  grid-column-start: 10;
}
.grid .col-start-11 {
  grid-column-start: 11;
}
.grid col-start-auto {
  grid-column-start: auto;
}
.grid .col-end-1 {
  grid-column-end: 2;
}
.grid .col-end-2 {
  grid-column-end: 3;
}
.grid .col-end-3 {
  grid-column-end: 4;
}
.grid .col-end-4 {
  grid-column-end: 5;
}
.grid .col-end-5 {
  grid-column-end: 6;
}
.grid .col-end-6 {
  grid-column-end: 7;
}
.grid .col-end-7 {
  grid-column-end: 8;
}
.grid .col-end-8 {
  grid-column-end: 9;
}
.grid .col-end-9 {
  grid-column-end: 10;
}
.grid .col-end-10 {
  grid-column-end: 11;
}
.grid .col-end-11 {
  grid-column-end: 12;
}
.grid .col-end-12 {
  grid-column-end: 13;
}
.grid col-end-auto {
  grid-column-end: auto;
}
.grid .row-start-1 {
  grid-row-start: 1;
}
.grid .row-start-2 {
  grid-row-start: 2;
}
.grid .row-start-3 {
  grid-row-start: 3;
}
.grid .row-start-4 {
  grid-row-start: 4;
}
.grid .row-start-5 {
  grid-row-start: 5;
}
.grid .row-start-6 {
  grid-row-start: 6;
}
.grid .row-start-7 {
  grid-row-start: 7;
}
.grid .row-start-8 {
  grid-row-start: 8;
}
.grid .row-start-9 {
  grid-row-start: 9;
}
.grid .row-start-10 {
  grid-row-start: 10;
}
.grid .row-start-11 {
  grid-row-start: 11;
}
.grid .row-start-12 {
  grid-row-start: 12;
}
.grid .row-start-13 {
  grid-row-start: 13;
}
.grid .row-start-14 {
  grid-row-start: 14;
}
.grid .row-start-15 {
  grid-row-start: 15;
}
.grid .row-start-16 {
  grid-row-start: 16;
}
.grid .row-start-17 {
  grid-row-start: 17;
}
.grid .row-start-18 {
  grid-row-start: 18;
}
.grid .row-start-19 {
  grid-row-start: 19;
}
.grid .row-start-20 {
  grid-row-start: 20;
}
.grid .row-start-21 {
  grid-row-start: 21;
}
.grid .row-start-22 {
  grid-row-start: 22;
}
.grid .row-start-23 {
  grid-row-start: 23;
}
.grid .row-start-24 {
  grid-row-start: 24;
}
.grid row-start-auto {
  grid-row-start: auto;
}
.grid .row-end-1 {
  grid-row-end: 2;
}
.grid .row-end-2 {
  grid-row-end: 3;
}
.grid .row-end-3 {
  grid-row-end: 4;
}
.grid .row-end-4 {
  grid-row-end: 5;
}
.grid .row-end-5 {
  grid-row-end: 6;
}
.grid .row-end-6 {
  grid-row-end: 7;
}
.grid .row-end-7 {
  grid-row-end: 8;
}
.grid .row-end-8 {
  grid-row-end: 9;
}
.grid .row-end-9 {
  grid-row-end: 10;
}
.grid .row-end-10 {
  grid-row-end: 11;
}
.grid .row-end-11 {
  grid-row-end: 12;
}
.grid .row-end-12 {
  grid-row-end: 13;
}
.grid .row-end-13 {
  grid-row-end: 14;
}
.grid .row-end-14 {
  grid-row-end: 15;
}
.grid .row-end-15 {
  grid-row-end: 16;
}
.grid .row-end-16 {
  grid-row-end: 17;
}
.grid .row-end-17 {
  grid-row-end: 18;
}
.grid .row-end-18 {
  grid-row-end: 19;
}
.grid .row-end-19 {
  grid-row-end: 20;
}
.grid .row-end-20 {
  grid-row-end: 21;
}
.grid .row-end-21 {
  grid-row-end: 22;
}
.grid .row-end-22 {
  grid-row-end: 23;
}
.grid .row-end-23 {
  grid-row-end: 24;
}
.grid .row-end-24 {
  grid-row-end: 25;
}
.grid .row-end-auto {
  grid-row-end: auto;
}
@media (min-width: 576px) {
  .grid .sm-col-span-1 {
    grid-column: auto/span 1;
  }
  .grid .sm-col-span-2 {
    grid-column: auto/span 2;
  }
  .grid .sm-col-span-3 {
    grid-column: auto/span 3;
  }
  .grid .sm-col-span-4 {
    grid-column: auto/span 4;
  }
  .grid .sm-col-span-5 {
    grid-column: auto/span 5;
  }
  .grid .sm-col-span-6 {
    grid-column: auto/span 6;
  }
  .grid .sm-col-span-7 {
    grid-column: auto/span 7;
  }
  .grid .sm-col-span-8 {
    grid-column: auto/span 8;
  }
  .grid .sm-col-span-9 {
    grid-column: auto/span 9;
  }
  .grid .sm-col-span-10 {
    grid-column: auto/span 10;
  }
  .grid .sm-col-span-11 {
    grid-column: auto/span 11;
  }
  .grid .sm-col-span-12 {
    grid-column: auto/span 12;
  }
  .grid .sm-row-span-1 {
    grid-row: auto/span 1;
  }
  .grid .sm-row-span-2 {
    grid-row: auto/span 2;
  }
  .grid .sm-row-span-3 {
    grid-row: auto/span 3;
  }
  .grid .sm-row-span-4 {
    grid-row: auto/span 4;
  }
  .grid .sm-row-span-5 {
    grid-row: auto/span 5;
  }
  .grid .sm-row-span-6 {
    grid-row: auto/span 6;
  }
  .grid .sm-row-span-7 {
    grid-row: auto/span 7;
  }
  .grid .sm-row-span-8 {
    grid-row: auto/span 8;
  }
  .grid .sm-row-span-9 {
    grid-row: auto/span 9;
  }
  .grid .sm-row-span-10 {
    grid-row: auto/span 10;
  }
  .grid .sm-row-span-11 {
    grid-row: auto/span 11;
  }
  .grid .sm-row-span-12 {
    grid-row: auto/span 12;
  }
  .grid .sm-col-start-1 {
    grid-column-start: 1;
  }
  .grid .sm-col-start-2 {
    grid-column-start: 2;
  }
  .grid .sm-col-start-3 {
    grid-column-start: 3;
  }
  .grid .sm-col-start-4 {
    grid-column-start: 4;
  }
  .grid .sm-col-start-5 {
    grid-column-start: 5;
  }
  .grid .sm-col-start-6 {
    grid-column-start: 6;
  }
  .grid .sm-col-start-7 {
    grid-column-start: 7;
  }
  .grid .sm-col-start-8 {
    grid-column-start: 8;
  }
  .grid .sm-col-start-9 {
    grid-column-start: 9;
  }
  .grid .sm-col-start-10 {
    grid-column-start: 10;
  }
  .grid .sm-col-start-11 {
    grid-column-start: 11;
  }
  .grid sm-col-start-auto {
    grid-column-start: auto;
  }
  .grid .sm-col-end-1 {
    grid-column-end: 2;
  }
  .grid .sm-col-end-2 {
    grid-column-end: 3;
  }
  .grid .sm-col-end-3 {
    grid-column-end: 4;
  }
  .grid .sm-col-end-4 {
    grid-column-end: 5;
  }
  .grid .sm-col-end-5 {
    grid-column-end: 6;
  }
  .grid .sm-col-end-6 {
    grid-column-end: 7;
  }
  .grid .sm-col-end-7 {
    grid-column-end: 8;
  }
  .grid .sm-col-end-8 {
    grid-column-end: 9;
  }
  .grid .sm-col-end-9 {
    grid-column-end: 10;
  }
  .grid .sm-col-end-10 {
    grid-column-end: 11;
  }
  .grid .sm-col-end-11 {
    grid-column-end: 12;
  }
  .grid .sm-col-end-12 {
    grid-column-end: 13;
  }
  .grid sm-col-end-auto {
    grid-column-end: auto;
  }
  .grid .sm-row-start-1 {
    grid-row-start: 1;
  }
  .grid .sm-row-start-2 {
    grid-row-start: 2;
  }
  .grid .sm-row-start-3 {
    grid-row-start: 3;
  }
  .grid .sm-row-start-4 {
    grid-row-start: 4;
  }
  .grid .sm-row-start-5 {
    grid-row-start: 5;
  }
  .grid .sm-row-start-6 {
    grid-row-start: 6;
  }
  .grid .sm-row-start-7 {
    grid-row-start: 7;
  }
  .grid .sm-row-start-8 {
    grid-row-start: 8;
  }
  .grid .sm-row-start-9 {
    grid-row-start: 9;
  }
  .grid .sm-row-start-10 {
    grid-row-start: 10;
  }
  .grid .sm-row-start-11 {
    grid-row-start: 11;
  }
  .grid .sm-row-start-12 {
    grid-row-start: 12;
  }
  .grid .sm-row-start-13 {
    grid-row-start: 13;
  }
  .grid .sm-row-start-14 {
    grid-row-start: 14;
  }
  .grid .sm-row-start-15 {
    grid-row-start: 15;
  }
  .grid .sm-row-start-16 {
    grid-row-start: 16;
  }
  .grid .sm-row-start-17 {
    grid-row-start: 17;
  }
  .grid .sm-row-start-18 {
    grid-row-start: 18;
  }
  .grid .sm-row-start-19 {
    grid-row-start: 19;
  }
  .grid .sm-row-start-20 {
    grid-row-start: 20;
  }
  .grid .sm-row-start-21 {
    grid-row-start: 21;
  }
  .grid .sm-row-start-22 {
    grid-row-start: 22;
  }
  .grid .sm-row-start-23 {
    grid-row-start: 23;
  }
  .grid .sm-row-start-24 {
    grid-row-start: 24;
  }
  .grid sm-row-start-auto {
    grid-row-start: auto;
  }
  .grid .sm-row-end-1 {
    grid-row-end: 2;
  }
  .grid .sm-row-end-2 {
    grid-row-end: 3;
  }
  .grid .sm-row-end-3 {
    grid-row-end: 4;
  }
  .grid .sm-row-end-4 {
    grid-row-end: 5;
  }
  .grid .sm-row-end-5 {
    grid-row-end: 6;
  }
  .grid .sm-row-end-6 {
    grid-row-end: 7;
  }
  .grid .sm-row-end-7 {
    grid-row-end: 8;
  }
  .grid .sm-row-end-8 {
    grid-row-end: 9;
  }
  .grid .sm-row-end-9 {
    grid-row-end: 10;
  }
  .grid .sm-row-end-10 {
    grid-row-end: 11;
  }
  .grid .sm-row-end-11 {
    grid-row-end: 12;
  }
  .grid .sm-row-end-12 {
    grid-row-end: 13;
  }
  .grid .sm-row-end-13 {
    grid-row-end: 14;
  }
  .grid .sm-row-end-14 {
    grid-row-end: 15;
  }
  .grid .sm-row-end-15 {
    grid-row-end: 16;
  }
  .grid .sm-row-end-16 {
    grid-row-end: 17;
  }
  .grid .sm-row-end-17 {
    grid-row-end: 18;
  }
  .grid .sm-row-end-18 {
    grid-row-end: 19;
  }
  .grid .sm-row-end-19 {
    grid-row-end: 20;
  }
  .grid .sm-row-end-20 {
    grid-row-end: 21;
  }
  .grid .sm-row-end-21 {
    grid-row-end: 22;
  }
  .grid .sm-row-end-22 {
    grid-row-end: 23;
  }
  .grid .sm-row-end-23 {
    grid-row-end: 24;
  }
  .grid .sm-row-end-24 {
    grid-row-end: 25;
  }
  .grid .sm-row-end-auto {
    grid-row-end: auto;
  }
}
@media (min-width: 768px) {
  .grid .md-col-span-1 {
    grid-column: auto/span 1;
  }
  .grid .md-col-span-2 {
    grid-column: auto/span 2;
  }
  .grid .md-col-span-3 {
    grid-column: auto/span 3;
  }
  .grid .md-col-span-4 {
    grid-column: auto/span 4;
  }
  .grid .md-col-span-5 {
    grid-column: auto/span 5;
  }
  .grid .md-col-span-6 {
    grid-column: auto/span 6;
  }
  .grid .md-col-span-7 {
    grid-column: auto/span 7;
  }
  .grid .md-col-span-8 {
    grid-column: auto/span 8;
  }
  .grid .md-col-span-9 {
    grid-column: auto/span 9;
  }
  .grid .md-col-span-10 {
    grid-column: auto/span 10;
  }
  .grid .md-col-span-11 {
    grid-column: auto/span 11;
  }
  .grid .md-col-span-12 {
    grid-column: auto/span 12;
  }
  .grid .md-row-span-1 {
    grid-row: auto/span 1;
  }
  .grid .md-row-span-2 {
    grid-row: auto/span 2;
  }
  .grid .md-row-span-3 {
    grid-row: auto/span 3;
  }
  .grid .md-row-span-4 {
    grid-row: auto/span 4;
  }
  .grid .md-row-span-5 {
    grid-row: auto/span 5;
  }
  .grid .md-row-span-6 {
    grid-row: auto/span 6;
  }
  .grid .md-row-span-7 {
    grid-row: auto/span 7;
  }
  .grid .md-row-span-8 {
    grid-row: auto/span 8;
  }
  .grid .md-row-span-9 {
    grid-row: auto/span 9;
  }
  .grid .md-row-span-10 {
    grid-row: auto/span 10;
  }
  .grid .md-row-span-11 {
    grid-row: auto/span 11;
  }
  .grid .md-row-span-12 {
    grid-row: auto/span 12;
  }
  .grid .md-col-start-1 {
    grid-column-start: 1;
  }
  .grid .md-col-start-2 {
    grid-column-start: 2;
  }
  .grid .md-col-start-3 {
    grid-column-start: 3;
  }
  .grid .md-col-start-4 {
    grid-column-start: 4;
  }
  .grid .md-col-start-5 {
    grid-column-start: 5;
  }
  .grid .md-col-start-6 {
    grid-column-start: 6;
  }
  .grid .md-col-start-7 {
    grid-column-start: 7;
  }
  .grid .md-col-start-8 {
    grid-column-start: 8;
  }
  .grid .md-col-start-9 {
    grid-column-start: 9;
  }
  .grid .md-col-start-10 {
    grid-column-start: 10;
  }
  .grid .md-col-start-11 {
    grid-column-start: 11;
  }
  .grid md-col-start-auto {
    grid-column-start: auto;
  }
  .grid .md-col-end-1 {
    grid-column-end: 2;
  }
  .grid .md-col-end-2 {
    grid-column-end: 3;
  }
  .grid .md-col-end-3 {
    grid-column-end: 4;
  }
  .grid .md-col-end-4 {
    grid-column-end: 5;
  }
  .grid .md-col-end-5 {
    grid-column-end: 6;
  }
  .grid .md-col-end-6 {
    grid-column-end: 7;
  }
  .grid .md-col-end-7 {
    grid-column-end: 8;
  }
  .grid .md-col-end-8 {
    grid-column-end: 9;
  }
  .grid .md-col-end-9 {
    grid-column-end: 10;
  }
  .grid .md-col-end-10 {
    grid-column-end: 11;
  }
  .grid .md-col-end-11 {
    grid-column-end: 12;
  }
  .grid .md-col-end-12 {
    grid-column-end: 13;
  }
  .grid md-col-end-auto {
    grid-column-end: auto;
  }
  .grid .md-row-start-1 {
    grid-row-start: 1;
  }
  .grid .md-row-start-2 {
    grid-row-start: 2;
  }
  .grid .md-row-start-3 {
    grid-row-start: 3;
  }
  .grid .md-row-start-4 {
    grid-row-start: 4;
  }
  .grid .md-row-start-5 {
    grid-row-start: 5;
  }
  .grid .md-row-start-6 {
    grid-row-start: 6;
  }
  .grid .md-row-start-7 {
    grid-row-start: 7;
  }
  .grid .md-row-start-8 {
    grid-row-start: 8;
  }
  .grid .md-row-start-9 {
    grid-row-start: 9;
  }
  .grid .md-row-start-10 {
    grid-row-start: 10;
  }
  .grid .md-row-start-11 {
    grid-row-start: 11;
  }
  .grid .md-row-start-12 {
    grid-row-start: 12;
  }
  .grid .md-row-start-13 {
    grid-row-start: 13;
  }
  .grid .md-row-start-14 {
    grid-row-start: 14;
  }
  .grid .md-row-start-15 {
    grid-row-start: 15;
  }
  .grid .md-row-start-16 {
    grid-row-start: 16;
  }
  .grid .md-row-start-17 {
    grid-row-start: 17;
  }
  .grid .md-row-start-18 {
    grid-row-start: 18;
  }
  .grid .md-row-start-19 {
    grid-row-start: 19;
  }
  .grid .md-row-start-20 {
    grid-row-start: 20;
  }
  .grid .md-row-start-21 {
    grid-row-start: 21;
  }
  .grid .md-row-start-22 {
    grid-row-start: 22;
  }
  .grid .md-row-start-23 {
    grid-row-start: 23;
  }
  .grid .md-row-start-24 {
    grid-row-start: 24;
  }
  .grid md-row-start-auto {
    grid-row-start: auto;
  }
  .grid .md-row-end-1 {
    grid-row-end: 2;
  }
  .grid .md-row-end-2 {
    grid-row-end: 3;
  }
  .grid .md-row-end-3 {
    grid-row-end: 4;
  }
  .grid .md-row-end-4 {
    grid-row-end: 5;
  }
  .grid .md-row-end-5 {
    grid-row-end: 6;
  }
  .grid .md-row-end-6 {
    grid-row-end: 7;
  }
  .grid .md-row-end-7 {
    grid-row-end: 8;
  }
  .grid .md-row-end-8 {
    grid-row-end: 9;
  }
  .grid .md-row-end-9 {
    grid-row-end: 10;
  }
  .grid .md-row-end-10 {
    grid-row-end: 11;
  }
  .grid .md-row-end-11 {
    grid-row-end: 12;
  }
  .grid .md-row-end-12 {
    grid-row-end: 13;
  }
  .grid .md-row-end-13 {
    grid-row-end: 14;
  }
  .grid .md-row-end-14 {
    grid-row-end: 15;
  }
  .grid .md-row-end-15 {
    grid-row-end: 16;
  }
  .grid .md-row-end-16 {
    grid-row-end: 17;
  }
  .grid .md-row-end-17 {
    grid-row-end: 18;
  }
  .grid .md-row-end-18 {
    grid-row-end: 19;
  }
  .grid .md-row-end-19 {
    grid-row-end: 20;
  }
  .grid .md-row-end-20 {
    grid-row-end: 21;
  }
  .grid .md-row-end-21 {
    grid-row-end: 22;
  }
  .grid .md-row-end-22 {
    grid-row-end: 23;
  }
  .grid .md-row-end-23 {
    grid-row-end: 24;
  }
  .grid .md-row-end-24 {
    grid-row-end: 25;
  }
  .grid .md-row-end-auto {
    grid-row-end: auto;
  }
}
@media (min-width: 992px) {
  .grid .lg-col-span-1 {
    grid-column: auto/span 1;
  }
  .grid .lg-col-span-2 {
    grid-column: auto/span 2;
  }
  .grid .lg-col-span-3 {
    grid-column: auto/span 3;
  }
  .grid .lg-col-span-4 {
    grid-column: auto/span 4;
  }
  .grid .lg-col-span-5 {
    grid-column: auto/span 5;
  }
  .grid .lg-col-span-6 {
    grid-column: auto/span 6;
  }
  .grid .lg-col-span-7 {
    grid-column: auto/span 7;
  }
  .grid .lg-col-span-8 {
    grid-column: auto/span 8;
  }
  .grid .lg-col-span-9 {
    grid-column: auto/span 9;
  }
  .grid .lg-col-span-10 {
    grid-column: auto/span 10;
  }
  .grid .lg-col-span-11 {
    grid-column: auto/span 11;
  }
  .grid .lg-col-span-12 {
    grid-column: auto/span 12;
  }
  .grid .lg-row-span-1 {
    grid-row: auto/span 1;
  }
  .grid .lg-row-span-2 {
    grid-row: auto/span 2;
  }
  .grid .lg-row-span-3 {
    grid-row: auto/span 3;
  }
  .grid .lg-row-span-4 {
    grid-row: auto/span 4;
  }
  .grid .lg-row-span-5 {
    grid-row: auto/span 5;
  }
  .grid .lg-row-span-6 {
    grid-row: auto/span 6;
  }
  .grid .lg-row-span-7 {
    grid-row: auto/span 7;
  }
  .grid .lg-row-span-8 {
    grid-row: auto/span 8;
  }
  .grid .lg-row-span-9 {
    grid-row: auto/span 9;
  }
  .grid .lg-row-span-10 {
    grid-row: auto/span 10;
  }
  .grid .lg-row-span-11 {
    grid-row: auto/span 11;
  }
  .grid .lg-row-span-12 {
    grid-row: auto/span 12;
  }
  .grid .lg-col-start-1 {
    grid-column-start: 1;
  }
  .grid .lg-col-start-2 {
    grid-column-start: 2;
  }
  .grid .lg-col-start-3 {
    grid-column-start: 3;
  }
  .grid .lg-col-start-4 {
    grid-column-start: 4;
  }
  .grid .lg-col-start-5 {
    grid-column-start: 5;
  }
  .grid .lg-col-start-6 {
    grid-column-start: 6;
  }
  .grid .lg-col-start-7 {
    grid-column-start: 7;
  }
  .grid .lg-col-start-8 {
    grid-column-start: 8;
  }
  .grid .lg-col-start-9 {
    grid-column-start: 9;
  }
  .grid .lg-col-start-10 {
    grid-column-start: 10;
  }
  .grid .lg-col-start-11 {
    grid-column-start: 11;
  }
  .grid lg-col-start-auto {
    grid-column-start: auto;
  }
  .grid .lg-col-end-1 {
    grid-column-end: 2;
  }
  .grid .lg-col-end-2 {
    grid-column-end: 3;
  }
  .grid .lg-col-end-3 {
    grid-column-end: 4;
  }
  .grid .lg-col-end-4 {
    grid-column-end: 5;
  }
  .grid .lg-col-end-5 {
    grid-column-end: 6;
  }
  .grid .lg-col-end-6 {
    grid-column-end: 7;
  }
  .grid .lg-col-end-7 {
    grid-column-end: 8;
  }
  .grid .lg-col-end-8 {
    grid-column-end: 9;
  }
  .grid .lg-col-end-9 {
    grid-column-end: 10;
  }
  .grid .lg-col-end-10 {
    grid-column-end: 11;
  }
  .grid .lg-col-end-11 {
    grid-column-end: 12;
  }
  .grid .lg-col-end-12 {
    grid-column-end: 13;
  }
  .grid lg-col-end-auto {
    grid-column-end: auto;
  }
  .grid .lg-row-start-1 {
    grid-row-start: 1;
  }
  .grid .lg-row-start-2 {
    grid-row-start: 2;
  }
  .grid .lg-row-start-3 {
    grid-row-start: 3;
  }
  .grid .lg-row-start-4 {
    grid-row-start: 4;
  }
  .grid .lg-row-start-5 {
    grid-row-start: 5;
  }
  .grid .lg-row-start-6 {
    grid-row-start: 6;
  }
  .grid .lg-row-start-7 {
    grid-row-start: 7;
  }
  .grid .lg-row-start-8 {
    grid-row-start: 8;
  }
  .grid .lg-row-start-9 {
    grid-row-start: 9;
  }
  .grid .lg-row-start-10 {
    grid-row-start: 10;
  }
  .grid .lg-row-start-11 {
    grid-row-start: 11;
  }
  .grid .lg-row-start-12 {
    grid-row-start: 12;
  }
  .grid .lg-row-start-13 {
    grid-row-start: 13;
  }
  .grid .lg-row-start-14 {
    grid-row-start: 14;
  }
  .grid .lg-row-start-15 {
    grid-row-start: 15;
  }
  .grid .lg-row-start-16 {
    grid-row-start: 16;
  }
  .grid .lg-row-start-17 {
    grid-row-start: 17;
  }
  .grid .lg-row-start-18 {
    grid-row-start: 18;
  }
  .grid .lg-row-start-19 {
    grid-row-start: 19;
  }
  .grid .lg-row-start-20 {
    grid-row-start: 20;
  }
  .grid .lg-row-start-21 {
    grid-row-start: 21;
  }
  .grid .lg-row-start-22 {
    grid-row-start: 22;
  }
  .grid .lg-row-start-23 {
    grid-row-start: 23;
  }
  .grid .lg-row-start-24 {
    grid-row-start: 24;
  }
  .grid lg-row-start-auto {
    grid-row-start: auto;
  }
  .grid .lg-row-end-1 {
    grid-row-end: 2;
  }
  .grid .lg-row-end-2 {
    grid-row-end: 3;
  }
  .grid .lg-row-end-3 {
    grid-row-end: 4;
  }
  .grid .lg-row-end-4 {
    grid-row-end: 5;
  }
  .grid .lg-row-end-5 {
    grid-row-end: 6;
  }
  .grid .lg-row-end-6 {
    grid-row-end: 7;
  }
  .grid .lg-row-end-7 {
    grid-row-end: 8;
  }
  .grid .lg-row-end-8 {
    grid-row-end: 9;
  }
  .grid .lg-row-end-9 {
    grid-row-end: 10;
  }
  .grid .lg-row-end-10 {
    grid-row-end: 11;
  }
  .grid .lg-row-end-11 {
    grid-row-end: 12;
  }
  .grid .lg-row-end-12 {
    grid-row-end: 13;
  }
  .grid .lg-row-end-13 {
    grid-row-end: 14;
  }
  .grid .lg-row-end-14 {
    grid-row-end: 15;
  }
  .grid .lg-row-end-15 {
    grid-row-end: 16;
  }
  .grid .lg-row-end-16 {
    grid-row-end: 17;
  }
  .grid .lg-row-end-17 {
    grid-row-end: 18;
  }
  .grid .lg-row-end-18 {
    grid-row-end: 19;
  }
  .grid .lg-row-end-19 {
    grid-row-end: 20;
  }
  .grid .lg-row-end-20 {
    grid-row-end: 21;
  }
  .grid .lg-row-end-21 {
    grid-row-end: 22;
  }
  .grid .lg-row-end-22 {
    grid-row-end: 23;
  }
  .grid .lg-row-end-23 {
    grid-row-end: 24;
  }
  .grid .lg-row-end-24 {
    grid-row-end: 25;
  }
  .grid .lg-row-end-auto {
    grid-row-end: auto;
  }
}
@media (min-width: 1280px) {
  .grid .xl-col-span-1 {
    grid-column: auto/span 1;
  }
  .grid .xl-col-span-2 {
    grid-column: auto/span 2;
  }
  .grid .xl-col-span-3 {
    grid-column: auto/span 3;
  }
  .grid .xl-col-span-4 {
    grid-column: auto/span 4;
  }
  .grid .xl-col-span-5 {
    grid-column: auto/span 5;
  }
  .grid .xl-col-span-6 {
    grid-column: auto/span 6;
  }
  .grid .xl-col-span-7 {
    grid-column: auto/span 7;
  }
  .grid .xl-col-span-8 {
    grid-column: auto/span 8;
  }
  .grid .xl-col-span-9 {
    grid-column: auto/span 9;
  }
  .grid .xl-col-span-10 {
    grid-column: auto/span 10;
  }
  .grid .xl-col-span-11 {
    grid-column: auto/span 11;
  }
  .grid .xl-col-span-12 {
    grid-column: auto/span 12;
  }
  .grid .xl-row-span-1 {
    grid-row: auto/span 1;
  }
  .grid .xl-row-span-2 {
    grid-row: auto/span 2;
  }
  .grid .xl-row-span-3 {
    grid-row: auto/span 3;
  }
  .grid .xl-row-span-4 {
    grid-row: auto/span 4;
  }
  .grid .xl-row-span-5 {
    grid-row: auto/span 5;
  }
  .grid .xl-row-span-6 {
    grid-row: auto/span 6;
  }
  .grid .xl-row-span-7 {
    grid-row: auto/span 7;
  }
  .grid .xl-row-span-8 {
    grid-row: auto/span 8;
  }
  .grid .xl-row-span-9 {
    grid-row: auto/span 9;
  }
  .grid .xl-row-span-10 {
    grid-row: auto/span 10;
  }
  .grid .xl-row-span-11 {
    grid-row: auto/span 11;
  }
  .grid .xl-row-span-12 {
    grid-row: auto/span 12;
  }
  .grid .xl-col-start-1 {
    grid-column-start: 1;
  }
  .grid .xl-col-start-2 {
    grid-column-start: 2;
  }
  .grid .xl-col-start-3 {
    grid-column-start: 3;
  }
  .grid .xl-col-start-4 {
    grid-column-start: 4;
  }
  .grid .xl-col-start-5 {
    grid-column-start: 5;
  }
  .grid .xl-col-start-6 {
    grid-column-start: 6;
  }
  .grid .xl-col-start-7 {
    grid-column-start: 7;
  }
  .grid .xl-col-start-8 {
    grid-column-start: 8;
  }
  .grid .xl-col-start-9 {
    grid-column-start: 9;
  }
  .grid .xl-col-start-10 {
    grid-column-start: 10;
  }
  .grid .xl-col-start-11 {
    grid-column-start: 11;
  }
  .grid xl-col-start-auto {
    grid-column-start: auto;
  }
  .grid .xl-col-end-1 {
    grid-column-end: 2;
  }
  .grid .xl-col-end-2 {
    grid-column-end: 3;
  }
  .grid .xl-col-end-3 {
    grid-column-end: 4;
  }
  .grid .xl-col-end-4 {
    grid-column-end: 5;
  }
  .grid .xl-col-end-5 {
    grid-column-end: 6;
  }
  .grid .xl-col-end-6 {
    grid-column-end: 7;
  }
  .grid .xl-col-end-7 {
    grid-column-end: 8;
  }
  .grid .xl-col-end-8 {
    grid-column-end: 9;
  }
  .grid .xl-col-end-9 {
    grid-column-end: 10;
  }
  .grid .xl-col-end-10 {
    grid-column-end: 11;
  }
  .grid .xl-col-end-11 {
    grid-column-end: 12;
  }
  .grid .xl-col-end-12 {
    grid-column-end: 13;
  }
  .grid xl-col-end-auto {
    grid-column-end: auto;
  }
  .grid .xl-row-start-1 {
    grid-row-start: 1;
  }
  .grid .xl-row-start-2 {
    grid-row-start: 2;
  }
  .grid .xl-row-start-3 {
    grid-row-start: 3;
  }
  .grid .xl-row-start-4 {
    grid-row-start: 4;
  }
  .grid .xl-row-start-5 {
    grid-row-start: 5;
  }
  .grid .xl-row-start-6 {
    grid-row-start: 6;
  }
  .grid .xl-row-start-7 {
    grid-row-start: 7;
  }
  .grid .xl-row-start-8 {
    grid-row-start: 8;
  }
  .grid .xl-row-start-9 {
    grid-row-start: 9;
  }
  .grid .xl-row-start-10 {
    grid-row-start: 10;
  }
  .grid .xl-row-start-11 {
    grid-row-start: 11;
  }
  .grid .xl-row-start-12 {
    grid-row-start: 12;
  }
  .grid .xl-row-start-13 {
    grid-row-start: 13;
  }
  .grid .xl-row-start-14 {
    grid-row-start: 14;
  }
  .grid .xl-row-start-15 {
    grid-row-start: 15;
  }
  .grid .xl-row-start-16 {
    grid-row-start: 16;
  }
  .grid .xl-row-start-17 {
    grid-row-start: 17;
  }
  .grid .xl-row-start-18 {
    grid-row-start: 18;
  }
  .grid .xl-row-start-19 {
    grid-row-start: 19;
  }
  .grid .xl-row-start-20 {
    grid-row-start: 20;
  }
  .grid .xl-row-start-21 {
    grid-row-start: 21;
  }
  .grid .xl-row-start-22 {
    grid-row-start: 22;
  }
  .grid .xl-row-start-23 {
    grid-row-start: 23;
  }
  .grid .xl-row-start-24 {
    grid-row-start: 24;
  }
  .grid xl-row-start-auto {
    grid-row-start: auto;
  }
  .grid .xl-row-end-1 {
    grid-row-end: 2;
  }
  .grid .xl-row-end-2 {
    grid-row-end: 3;
  }
  .grid .xl-row-end-3 {
    grid-row-end: 4;
  }
  .grid .xl-row-end-4 {
    grid-row-end: 5;
  }
  .grid .xl-row-end-5 {
    grid-row-end: 6;
  }
  .grid .xl-row-end-6 {
    grid-row-end: 7;
  }
  .grid .xl-row-end-7 {
    grid-row-end: 8;
  }
  .grid .xl-row-end-8 {
    grid-row-end: 9;
  }
  .grid .xl-row-end-9 {
    grid-row-end: 10;
  }
  .grid .xl-row-end-10 {
    grid-row-end: 11;
  }
  .grid .xl-row-end-11 {
    grid-row-end: 12;
  }
  .grid .xl-row-end-12 {
    grid-row-end: 13;
  }
  .grid .xl-row-end-13 {
    grid-row-end: 14;
  }
  .grid .xl-row-end-14 {
    grid-row-end: 15;
  }
  .grid .xl-row-end-15 {
    grid-row-end: 16;
  }
  .grid .xl-row-end-16 {
    grid-row-end: 17;
  }
  .grid .xl-row-end-17 {
    grid-row-end: 18;
  }
  .grid .xl-row-end-18 {
    grid-row-end: 19;
  }
  .grid .xl-row-end-19 {
    grid-row-end: 20;
  }
  .grid .xl-row-end-20 {
    grid-row-end: 21;
  }
  .grid .xl-row-end-21 {
    grid-row-end: 22;
  }
  .grid .xl-row-end-22 {
    grid-row-end: 23;
  }
  .grid .xl-row-end-23 {
    grid-row-end: 24;
  }
  .grid .xl-row-end-24 {
    grid-row-end: 25;
  }
  .grid .xl-row-end-auto {
    grid-row-end: auto;
  }
}
@media (min-width: 1440px) {
  .grid .xxl-col-span-1 {
    grid-column: auto/span 1;
  }
  .grid .xxl-col-span-2 {
    grid-column: auto/span 2;
  }
  .grid .xxl-col-span-3 {
    grid-column: auto/span 3;
  }
  .grid .xxl-col-span-4 {
    grid-column: auto/span 4;
  }
  .grid .xxl-col-span-5 {
    grid-column: auto/span 5;
  }
  .grid .xxl-col-span-6 {
    grid-column: auto/span 6;
  }
  .grid .xxl-col-span-7 {
    grid-column: auto/span 7;
  }
  .grid .xxl-col-span-8 {
    grid-column: auto/span 8;
  }
  .grid .xxl-col-span-9 {
    grid-column: auto/span 9;
  }
  .grid .xxl-col-span-10 {
    grid-column: auto/span 10;
  }
  .grid .xxl-col-span-11 {
    grid-column: auto/span 11;
  }
  .grid .xxl-col-span-12 {
    grid-column: auto/span 12;
  }
  .grid .xxl-row-span-1 {
    grid-row: auto/span 1;
  }
  .grid .xxl-row-span-2 {
    grid-row: auto/span 2;
  }
  .grid .xxl-row-span-3 {
    grid-row: auto/span 3;
  }
  .grid .xxl-row-span-4 {
    grid-row: auto/span 4;
  }
  .grid .xxl-row-span-5 {
    grid-row: auto/span 5;
  }
  .grid .xxl-row-span-6 {
    grid-row: auto/span 6;
  }
  .grid .xxl-row-span-7 {
    grid-row: auto/span 7;
  }
  .grid .xxl-row-span-8 {
    grid-row: auto/span 8;
  }
  .grid .xxl-row-span-9 {
    grid-row: auto/span 9;
  }
  .grid .xxl-row-span-10 {
    grid-row: auto/span 10;
  }
  .grid .xxl-row-span-11 {
    grid-row: auto/span 11;
  }
  .grid .xxl-row-span-12 {
    grid-row: auto/span 12;
  }
  .grid .xxl-col-start-1 {
    grid-column-start: 1;
  }
  .grid .xxl-col-start-2 {
    grid-column-start: 2;
  }
  .grid .xxl-col-start-3 {
    grid-column-start: 3;
  }
  .grid .xxl-col-start-4 {
    grid-column-start: 4;
  }
  .grid .xxl-col-start-5 {
    grid-column-start: 5;
  }
  .grid .xxl-col-start-6 {
    grid-column-start: 6;
  }
  .grid .xxl-col-start-7 {
    grid-column-start: 7;
  }
  .grid .xxl-col-start-8 {
    grid-column-start: 8;
  }
  .grid .xxl-col-start-9 {
    grid-column-start: 9;
  }
  .grid .xxl-col-start-10 {
    grid-column-start: 10;
  }
  .grid .xxl-col-start-11 {
    grid-column-start: 11;
  }
  .grid xxl-col-start-auto {
    grid-column-start: auto;
  }
  .grid .xxl-col-end-1 {
    grid-column-end: 2;
  }
  .grid .xxl-col-end-2 {
    grid-column-end: 3;
  }
  .grid .xxl-col-end-3 {
    grid-column-end: 4;
  }
  .grid .xxl-col-end-4 {
    grid-column-end: 5;
  }
  .grid .xxl-col-end-5 {
    grid-column-end: 6;
  }
  .grid .xxl-col-end-6 {
    grid-column-end: 7;
  }
  .grid .xxl-col-end-7 {
    grid-column-end: 8;
  }
  .grid .xxl-col-end-8 {
    grid-column-end: 9;
  }
  .grid .xxl-col-end-9 {
    grid-column-end: 10;
  }
  .grid .xxl-col-end-10 {
    grid-column-end: 11;
  }
  .grid .xxl-col-end-11 {
    grid-column-end: 12;
  }
  .grid .xxl-col-end-12 {
    grid-column-end: 13;
  }
  .grid xxl-col-end-auto {
    grid-column-end: auto;
  }
  .grid .xxl-row-start-1 {
    grid-row-start: 1;
  }
  .grid .xxl-row-start-2 {
    grid-row-start: 2;
  }
  .grid .xxl-row-start-3 {
    grid-row-start: 3;
  }
  .grid .xxl-row-start-4 {
    grid-row-start: 4;
  }
  .grid .xxl-row-start-5 {
    grid-row-start: 5;
  }
  .grid .xxl-row-start-6 {
    grid-row-start: 6;
  }
  .grid .xxl-row-start-7 {
    grid-row-start: 7;
  }
  .grid .xxl-row-start-8 {
    grid-row-start: 8;
  }
  .grid .xxl-row-start-9 {
    grid-row-start: 9;
  }
  .grid .xxl-row-start-10 {
    grid-row-start: 10;
  }
  .grid .xxl-row-start-11 {
    grid-row-start: 11;
  }
  .grid .xxl-row-start-12 {
    grid-row-start: 12;
  }
  .grid .xxl-row-start-13 {
    grid-row-start: 13;
  }
  .grid .xxl-row-start-14 {
    grid-row-start: 14;
  }
  .grid .xxl-row-start-15 {
    grid-row-start: 15;
  }
  .grid .xxl-row-start-16 {
    grid-row-start: 16;
  }
  .grid .xxl-row-start-17 {
    grid-row-start: 17;
  }
  .grid .xxl-row-start-18 {
    grid-row-start: 18;
  }
  .grid .xxl-row-start-19 {
    grid-row-start: 19;
  }
  .grid .xxl-row-start-20 {
    grid-row-start: 20;
  }
  .grid .xxl-row-start-21 {
    grid-row-start: 21;
  }
  .grid .xxl-row-start-22 {
    grid-row-start: 22;
  }
  .grid .xxl-row-start-23 {
    grid-row-start: 23;
  }
  .grid .xxl-row-start-24 {
    grid-row-start: 24;
  }
  .grid xxl-row-start-auto {
    grid-row-start: auto;
  }
  .grid .xxl-row-end-1 {
    grid-row-end: 2;
  }
  .grid .xxl-row-end-2 {
    grid-row-end: 3;
  }
  .grid .xxl-row-end-3 {
    grid-row-end: 4;
  }
  .grid .xxl-row-end-4 {
    grid-row-end: 5;
  }
  .grid .xxl-row-end-5 {
    grid-row-end: 6;
  }
  .grid .xxl-row-end-6 {
    grid-row-end: 7;
  }
  .grid .xxl-row-end-7 {
    grid-row-end: 8;
  }
  .grid .xxl-row-end-8 {
    grid-row-end: 9;
  }
  .grid .xxl-row-end-9 {
    grid-row-end: 10;
  }
  .grid .xxl-row-end-10 {
    grid-row-end: 11;
  }
  .grid .xxl-row-end-11 {
    grid-row-end: 12;
  }
  .grid .xxl-row-end-12 {
    grid-row-end: 13;
  }
  .grid .xxl-row-end-13 {
    grid-row-end: 14;
  }
  .grid .xxl-row-end-14 {
    grid-row-end: 15;
  }
  .grid .xxl-row-end-15 {
    grid-row-end: 16;
  }
  .grid .xxl-row-end-16 {
    grid-row-end: 17;
  }
  .grid .xxl-row-end-17 {
    grid-row-end: 18;
  }
  .grid .xxl-row-end-18 {
    grid-row-end: 19;
  }
  .grid .xxl-row-end-19 {
    grid-row-end: 20;
  }
  .grid .xxl-row-end-20 {
    grid-row-end: 21;
  }
  .grid .xxl-row-end-21 {
    grid-row-end: 22;
  }
  .grid .xxl-row-end-22 {
    grid-row-end: 23;
  }
  .grid .xxl-row-end-23 {
    grid-row-end: 24;
  }
  .grid .xxl-row-end-24 {
    grid-row-end: 25;
  }
  .grid .xxl-row-end-auto {
    grid-row-end: auto;
  }
}
@media (min-width: 1712px) {
  .grid .xxxl-col-span-1 {
    grid-column: auto/span 1;
  }
  .grid .xxxl-col-span-2 {
    grid-column: auto/span 2;
  }
  .grid .xxxl-col-span-3 {
    grid-column: auto/span 3;
  }
  .grid .xxxl-col-span-4 {
    grid-column: auto/span 4;
  }
  .grid .xxxl-col-span-5 {
    grid-column: auto/span 5;
  }
  .grid .xxxl-col-span-6 {
    grid-column: auto/span 6;
  }
  .grid .xxxl-col-span-7 {
    grid-column: auto/span 7;
  }
  .grid .xxxl-col-span-8 {
    grid-column: auto/span 8;
  }
  .grid .xxxl-col-span-9 {
    grid-column: auto/span 9;
  }
  .grid .xxxl-col-span-10 {
    grid-column: auto/span 10;
  }
  .grid .xxxl-col-span-11 {
    grid-column: auto/span 11;
  }
  .grid .xxxl-col-span-12 {
    grid-column: auto/span 12;
  }
  .grid .xxxl-row-span-1 {
    grid-row: auto/span 1;
  }
  .grid .xxxl-row-span-2 {
    grid-row: auto/span 2;
  }
  .grid .xxxl-row-span-3 {
    grid-row: auto/span 3;
  }
  .grid .xxxl-row-span-4 {
    grid-row: auto/span 4;
  }
  .grid .xxxl-row-span-5 {
    grid-row: auto/span 5;
  }
  .grid .xxxl-row-span-6 {
    grid-row: auto/span 6;
  }
  .grid .xxxl-row-span-7 {
    grid-row: auto/span 7;
  }
  .grid .xxxl-row-span-8 {
    grid-row: auto/span 8;
  }
  .grid .xxxl-row-span-9 {
    grid-row: auto/span 9;
  }
  .grid .xxxl-row-span-10 {
    grid-row: auto/span 10;
  }
  .grid .xxxl-row-span-11 {
    grid-row: auto/span 11;
  }
  .grid .xxxl-row-span-12 {
    grid-row: auto/span 12;
  }
  .grid .xxxl-col-start-1 {
    grid-column-start: 1;
  }
  .grid .xxxl-col-start-2 {
    grid-column-start: 2;
  }
  .grid .xxxl-col-start-3 {
    grid-column-start: 3;
  }
  .grid .xxxl-col-start-4 {
    grid-column-start: 4;
  }
  .grid .xxxl-col-start-5 {
    grid-column-start: 5;
  }
  .grid .xxxl-col-start-6 {
    grid-column-start: 6;
  }
  .grid .xxxl-col-start-7 {
    grid-column-start: 7;
  }
  .grid .xxxl-col-start-8 {
    grid-column-start: 8;
  }
  .grid .xxxl-col-start-9 {
    grid-column-start: 9;
  }
  .grid .xxxl-col-start-10 {
    grid-column-start: 10;
  }
  .grid .xxxl-col-start-11 {
    grid-column-start: 11;
  }
  .grid xxxl-col-start-auto {
    grid-column-start: auto;
  }
  .grid .xxxl-col-end-1 {
    grid-column-end: 2;
  }
  .grid .xxxl-col-end-2 {
    grid-column-end: 3;
  }
  .grid .xxxl-col-end-3 {
    grid-column-end: 4;
  }
  .grid .xxxl-col-end-4 {
    grid-column-end: 5;
  }
  .grid .xxxl-col-end-5 {
    grid-column-end: 6;
  }
  .grid .xxxl-col-end-6 {
    grid-column-end: 7;
  }
  .grid .xxxl-col-end-7 {
    grid-column-end: 8;
  }
  .grid .xxxl-col-end-8 {
    grid-column-end: 9;
  }
  .grid .xxxl-col-end-9 {
    grid-column-end: 10;
  }
  .grid .xxxl-col-end-10 {
    grid-column-end: 11;
  }
  .grid .xxxl-col-end-11 {
    grid-column-end: 12;
  }
  .grid .xxxl-col-end-12 {
    grid-column-end: 13;
  }
  .grid xxxl-col-end-auto {
    grid-column-end: auto;
  }
  .grid .xxxl-row-start-1 {
    grid-row-start: 1;
  }
  .grid .xxxl-row-start-2 {
    grid-row-start: 2;
  }
  .grid .xxxl-row-start-3 {
    grid-row-start: 3;
  }
  .grid .xxxl-row-start-4 {
    grid-row-start: 4;
  }
  .grid .xxxl-row-start-5 {
    grid-row-start: 5;
  }
  .grid .xxxl-row-start-6 {
    grid-row-start: 6;
  }
  .grid .xxxl-row-start-7 {
    grid-row-start: 7;
  }
  .grid .xxxl-row-start-8 {
    grid-row-start: 8;
  }
  .grid .xxxl-row-start-9 {
    grid-row-start: 9;
  }
  .grid .xxxl-row-start-10 {
    grid-row-start: 10;
  }
  .grid .xxxl-row-start-11 {
    grid-row-start: 11;
  }
  .grid .xxxl-row-start-12 {
    grid-row-start: 12;
  }
  .grid .xxxl-row-start-13 {
    grid-row-start: 13;
  }
  .grid .xxxl-row-start-14 {
    grid-row-start: 14;
  }
  .grid .xxxl-row-start-15 {
    grid-row-start: 15;
  }
  .grid .xxxl-row-start-16 {
    grid-row-start: 16;
  }
  .grid .xxxl-row-start-17 {
    grid-row-start: 17;
  }
  .grid .xxxl-row-start-18 {
    grid-row-start: 18;
  }
  .grid .xxxl-row-start-19 {
    grid-row-start: 19;
  }
  .grid .xxxl-row-start-20 {
    grid-row-start: 20;
  }
  .grid .xxxl-row-start-21 {
    grid-row-start: 21;
  }
  .grid .xxxl-row-start-22 {
    grid-row-start: 22;
  }
  .grid .xxxl-row-start-23 {
    grid-row-start: 23;
  }
  .grid .xxxl-row-start-24 {
    grid-row-start: 24;
  }
  .grid xxxl-row-start-auto {
    grid-row-start: auto;
  }
  .grid .xxxl-row-end-1 {
    grid-row-end: 2;
  }
  .grid .xxxl-row-end-2 {
    grid-row-end: 3;
  }
  .grid .xxxl-row-end-3 {
    grid-row-end: 4;
  }
  .grid .xxxl-row-end-4 {
    grid-row-end: 5;
  }
  .grid .xxxl-row-end-5 {
    grid-row-end: 6;
  }
  .grid .xxxl-row-end-6 {
    grid-row-end: 7;
  }
  .grid .xxxl-row-end-7 {
    grid-row-end: 8;
  }
  .grid .xxxl-row-end-8 {
    grid-row-end: 9;
  }
  .grid .xxxl-row-end-9 {
    grid-row-end: 10;
  }
  .grid .xxxl-row-end-10 {
    grid-row-end: 11;
  }
  .grid .xxxl-row-end-11 {
    grid-row-end: 12;
  }
  .grid .xxxl-row-end-12 {
    grid-row-end: 13;
  }
  .grid .xxxl-row-end-13 {
    grid-row-end: 14;
  }
  .grid .xxxl-row-end-14 {
    grid-row-end: 15;
  }
  .grid .xxxl-row-end-15 {
    grid-row-end: 16;
  }
  .grid .xxxl-row-end-16 {
    grid-row-end: 17;
  }
  .grid .xxxl-row-end-17 {
    grid-row-end: 18;
  }
  .grid .xxxl-row-end-18 {
    grid-row-end: 19;
  }
  .grid .xxxl-row-end-19 {
    grid-row-end: 20;
  }
  .grid .xxxl-row-end-20 {
    grid-row-end: 21;
  }
  .grid .xxxl-row-end-21 {
    grid-row-end: 22;
  }
  .grid .xxxl-row-end-22 {
    grid-row-end: 23;
  }
  .grid .xxxl-row-end-23 {
    grid-row-end: 24;
  }
  .grid .xxxl-row-end-24 {
    grid-row-end: 25;
  }
  .grid .xxxl-row-end-auto {
    grid-row-end: auto;
  }
}

.grid-6-col-default > * {
  grid-column: auto/span 6;
}

@media (min-width: 576px) {
  .sm-grid-6-col-default > * {
    grid-column: auto/span 6;
  }
}

@media (min-width: 768px) {
  .md-grid-6-col-default > * {
    grid-column: auto/span 6;
  }
}

@media (min-width: 992px) {
  .lg-grid-6-col-default > * {
    grid-column: auto/span 6;
  }
}

@media (min-width: 1280px) {
  .xl-grid-6-col-default > * {
    grid-column: auto/span 6;
  }
}

@media (min-width: 1440px) {
  .xxl-grid-6-col-default > * {
    grid-column: auto/span 6;
  }
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

:root {
  --stack-gap: var(--md-sys-size-4);
}

.stack > *:not(:first-child) {
  margin-top: var(--stack-gap);
}
.stack.s-1 {
  --stack-gap: var(--md-sys-size-1);
}
.stack.s-2 {
  --stack-gap: var(--md-sys-size-2);
}
.stack.s-3 {
  --stack-gap: var(--md-sys-size-3);
}
.stack.s-4 {
  --stack-gap: var(--md-sys-size-4);
}
.stack.s-5 {
  --stack-gap: var(--md-sys-size-5);
}
.stack.s-6 {
  --stack-gap: var(--md-sys-size-6);
}
.stack.s-7 {
  --stack-gap: var(--md-sys-size-7);
}

.gap-1 {
  gap: var(--md-sys-size-1);
}
.gap-2 {
  gap: var(--md-sys-size-2);
}
.gap-3 {
  gap: var(--md-sys-size-3);
}
.gap-4 {
  gap: var(--md-sys-size-4);
}
.gap-5 {
  gap: var(--md-sys-size-5);
}
.gap-6 {
  gap: var(--md-sys-size-6);
}
.gap-7 {
  gap: var(--md-sys-size-7);
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 4px !important;
}

.mt-1,
.my-1 {
  margin-top: 4px !important;
}

.mr-1,
.mx-1 {
  margin-right: 4px !important;
}

.mb-1,
.my-1 {
  margin-bottom: 4px !important;
}

.ml-1,
.mx-1 {
  margin-left: 4px !important;
}

.m-2 {
  margin: 8px !important;
}

.mt-2,
.my-2 {
  margin-top: 8px !important;
}

.mr-2,
.mx-2 {
  margin-right: 8px !important;
}

.mb-2,
.my-2 {
  margin-bottom: 8px !important;
}

.ml-2,
.mx-2 {
  margin-left: 8px !important;
}

.m-3 {
  margin: 12px !important;
}

.mt-3,
.my-3 {
  margin-top: 12px !important;
}

.mr-3,
.mx-3 {
  margin-right: 12px !important;
}

.mb-3,
.my-3 {
  margin-bottom: 12px !important;
}

.ml-3,
.mx-3 {
  margin-left: 12px !important;
}

.m-4 {
  margin: 16px !important;
}

.mt-4,
.my-4 {
  margin-top: 16px !important;
}

.mr-4,
.mx-4 {
  margin-right: 16px !important;
}

.mb-4,
.my-4 {
  margin-bottom: 16px !important;
}

.ml-4,
.mx-4 {
  margin-left: 16px !important;
}

.m-5 {
  margin: 20px !important;
}

.mt-5,
.my-5 {
  margin-top: 20px !important;
}

.mr-5,
.mx-5 {
  margin-right: 20px !important;
}

.mb-5,
.my-5 {
  margin-bottom: 20px !important;
}

.ml-5,
.mx-5 {
  margin-left: 20px !important;
}

.m-6 {
  margin: 24px !important;
}

.mt-6,
.my-6 {
  margin-top: 24px !important;
}

.mr-6,
.mx-6 {
  margin-right: 24px !important;
}

.mb-6,
.my-6 {
  margin-bottom: 24px !important;
}

.ml-6,
.mx-6 {
  margin-left: 24px !important;
}

.m-7 {
  margin: 28px !important;
}

.mt-7,
.my-7 {
  margin-top: 28px !important;
}

.mr-7,
.mx-7 {
  margin-right: 28px !important;
}

.mb-7,
.my-7 {
  margin-bottom: 28px !important;
}

.ml-7,
.mx-7 {
  margin-left: 28px !important;
}

.m-8 {
  margin: 32px !important;
}

.mt-8,
.my-8 {
  margin-top: 32px !important;
}

.mr-8,
.mx-8 {
  margin-right: 32px !important;
}

.mb-8,
.my-8 {
  margin-bottom: 32px !important;
}

.ml-8,
.mx-8 {
  margin-left: 32px !important;
}

.m-9 {
  margin: 48px !important;
}

.mt-9,
.my-9 {
  margin-top: 48px !important;
}

.mr-9,
.mx-9 {
  margin-right: 48px !important;
}

.mb-9,
.my-9 {
  margin-bottom: 48px !important;
}

.ml-9,
.mx-9 {
  margin-left: 48px !important;
}

.m-10 {
  margin: 64px !important;
}

.mt-10,
.my-10 {
  margin-top: 64px !important;
}

.mr-10,
.mx-10 {
  margin-right: 64px !important;
}

.mb-10,
.my-10 {
  margin-bottom: 64px !important;
}

.ml-10,
.mx-10 {
  margin-left: 64px !important;
}

.m-11 {
  margin: 80px !important;
}

.mt-11,
.my-11 {
  margin-top: 80px !important;
}

.mr-11,
.mx-11 {
  margin-right: 80px !important;
}

.mb-11,
.my-11 {
  margin-bottom: 80px !important;
}

.ml-11,
.mx-11 {
  margin-left: 80px !important;
}

.m-12 {
  margin: 120px !important;
}

.mt-12,
.my-12 {
  margin-top: 120px !important;
}

.mr-12,
.mx-12 {
  margin-right: 120px !important;
}

.mb-12,
.my-12 {
  margin-bottom: 120px !important;
}

.ml-12,
.mx-12 {
  margin-left: 120px !important;
}

.m-13 {
  margin: 160px !important;
}

.mt-13,
.my-13 {
  margin-top: 160px !important;
}

.mr-13,
.mx-13 {
  margin-right: 160px !important;
}

.mb-13,
.my-13 {
  margin-bottom: 160px !important;
}

.ml-13,
.mx-13 {
  margin-left: 160px !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 4px !important;
}

.pt-1,
.py-1 {
  padding-top: 4px !important;
}

.pr-1,
.px-1 {
  padding-right: 4px !important;
}

.pb-1,
.py-1 {
  padding-bottom: 4px !important;
}

.pl-1,
.px-1 {
  padding-left: 4px !important;
}

.p-2 {
  padding: 8px !important;
}

.pt-2,
.py-2 {
  padding-top: 8px !important;
}

.pr-2,
.px-2 {
  padding-right: 8px !important;
}

.pb-2,
.py-2 {
  padding-bottom: 8px !important;
}

.pl-2,
.px-2 {
  padding-left: 8px !important;
}

.p-3 {
  padding: 12px !important;
}

.pt-3,
.py-3 {
  padding-top: 12px !important;
}

.pr-3,
.px-3 {
  padding-right: 12px !important;
}

.pb-3,
.py-3 {
  padding-bottom: 12px !important;
}

.pl-3,
.px-3 {
  padding-left: 12px !important;
}

.p-4 {
  padding: 16px !important;
}

.pt-4,
.py-4 {
  padding-top: 16px !important;
}

.pr-4,
.px-4 {
  padding-right: 16px !important;
}

.pb-4,
.py-4 {
  padding-bottom: 16px !important;
}

.pl-4,
.px-4 {
  padding-left: 16px !important;
}

.p-5 {
  padding: 20px !important;
}

.pt-5,
.py-5 {
  padding-top: 20px !important;
}

.pr-5,
.px-5 {
  padding-right: 20px !important;
}

.pb-5,
.py-5 {
  padding-bottom: 20px !important;
}

.pl-5,
.px-5 {
  padding-left: 20px !important;
}

.p-6 {
  padding: 24px !important;
}

.pt-6,
.py-6 {
  padding-top: 24px !important;
}

.pr-6,
.px-6 {
  padding-right: 24px !important;
}

.pb-6,
.py-6 {
  padding-bottom: 24px !important;
}

.pl-6,
.px-6 {
  padding-left: 24px !important;
}

.p-7 {
  padding: 28px !important;
}

.pt-7,
.py-7 {
  padding-top: 28px !important;
}

.pr-7,
.px-7 {
  padding-right: 28px !important;
}

.pb-7,
.py-7 {
  padding-bottom: 28px !important;
}

.pl-7,
.px-7 {
  padding-left: 28px !important;
}

.p-8 {
  padding: 32px !important;
}

.pt-8,
.py-8 {
  padding-top: 32px !important;
}

.pr-8,
.px-8 {
  padding-right: 32px !important;
}

.pb-8,
.py-8 {
  padding-bottom: 32px !important;
}

.pl-8,
.px-8 {
  padding-left: 32px !important;
}

.p-9 {
  padding: 48px !important;
}

.pt-9,
.py-9 {
  padding-top: 48px !important;
}

.pr-9,
.px-9 {
  padding-right: 48px !important;
}

.pb-9,
.py-9 {
  padding-bottom: 48px !important;
}

.pl-9,
.px-9 {
  padding-left: 48px !important;
}

.p-10 {
  padding: 64px !important;
}

.pt-10,
.py-10 {
  padding-top: 64px !important;
}

.pr-10,
.px-10 {
  padding-right: 64px !important;
}

.pb-10,
.py-10 {
  padding-bottom: 64px !important;
}

.pl-10,
.px-10 {
  padding-left: 64px !important;
}

.p-11 {
  padding: 80px !important;
}

.pt-11,
.py-11 {
  padding-top: 80px !important;
}

.pr-11,
.px-11 {
  padding-right: 80px !important;
}

.pb-11,
.py-11 {
  padding-bottom: 80px !important;
}

.pl-11,
.px-11 {
  padding-left: 80px !important;
}

.p-12 {
  padding: 120px !important;
}

.pt-12,
.py-12 {
  padding-top: 120px !important;
}

.pr-12,
.px-12 {
  padding-right: 120px !important;
}

.pb-12,
.py-12 {
  padding-bottom: 120px !important;
}

.pl-12,
.px-12 {
  padding-left: 120px !important;
}

.p-13 {
  padding: 160px !important;
}

.pt-13,
.py-13 {
  padding-top: 160px !important;
}

.pr-13,
.px-13 {
  padding-right: 160px !important;
}

.pb-13,
.py-13 {
  padding-bottom: 160px !important;
}

.pl-13,
.px-13 {
  padding-left: 160px !important;
}

.m-n1 {
  margin: -4px !important;
}

.mt-n1,
.my-n1 {
  margin-top: -4px !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -4px !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -4px !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -4px !important;
}

.m-n2 {
  margin: -8px !important;
}

.mt-n2,
.my-n2 {
  margin-top: -8px !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -8px !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -8px !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -8px !important;
}

.m-n3 {
  margin: -12px !important;
}

.mt-n3,
.my-n3 {
  margin-top: -12px !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -12px !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -12px !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -12px !important;
}

.m-n4 {
  margin: -16px !important;
}

.mt-n4,
.my-n4 {
  margin-top: -16px !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -16px !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -16px !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -16px !important;
}

.m-n5 {
  margin: -20px !important;
}

.mt-n5,
.my-n5 {
  margin-top: -20px !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -20px !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -20px !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -20px !important;
}

.m-n6 {
  margin: -24px !important;
}

.mt-n6,
.my-n6 {
  margin-top: -24px !important;
}

.mr-n6,
.mx-n6 {
  margin-right: -24px !important;
}

.mb-n6,
.my-n6 {
  margin-bottom: -24px !important;
}

.ml-n6,
.mx-n6 {
  margin-left: -24px !important;
}

.m-n7 {
  margin: -28px !important;
}

.mt-n7,
.my-n7 {
  margin-top: -28px !important;
}

.mr-n7,
.mx-n7 {
  margin-right: -28px !important;
}

.mb-n7,
.my-n7 {
  margin-bottom: -28px !important;
}

.ml-n7,
.mx-n7 {
  margin-left: -28px !important;
}

.m-n8 {
  margin: -32px !important;
}

.mt-n8,
.my-n8 {
  margin-top: -32px !important;
}

.mr-n8,
.mx-n8 {
  margin-right: -32px !important;
}

.mb-n8,
.my-n8 {
  margin-bottom: -32px !important;
}

.ml-n8,
.mx-n8 {
  margin-left: -32px !important;
}

.m-n9 {
  margin: -48px !important;
}

.mt-n9,
.my-n9 {
  margin-top: -48px !important;
}

.mr-n9,
.mx-n9 {
  margin-right: -48px !important;
}

.mb-n9,
.my-n9 {
  margin-bottom: -48px !important;
}

.ml-n9,
.mx-n9 {
  margin-left: -48px !important;
}

.m-n10 {
  margin: -64px !important;
}

.mt-n10,
.my-n10 {
  margin-top: -64px !important;
}

.mr-n10,
.mx-n10 {
  margin-right: -64px !important;
}

.mb-n10,
.my-n10 {
  margin-bottom: -64px !important;
}

.ml-n10,
.mx-n10 {
  margin-left: -64px !important;
}

.m-n11 {
  margin: -80px !important;
}

.mt-n11,
.my-n11 {
  margin-top: -80px !important;
}

.mr-n11,
.mx-n11 {
  margin-right: -80px !important;
}

.mb-n11,
.my-n11 {
  margin-bottom: -80px !important;
}

.ml-n11,
.mx-n11 {
  margin-left: -80px !important;
}

.m-n12 {
  margin: -120px !important;
}

.mt-n12,
.my-n12 {
  margin-top: -120px !important;
}

.mr-n12,
.mx-n12 {
  margin-right: -120px !important;
}

.mb-n12,
.my-n12 {
  margin-bottom: -120px !important;
}

.ml-n12,
.mx-n12 {
  margin-left: -120px !important;
}

.m-n13 {
  margin: -160px !important;
}

.mt-n13,
.my-n13 {
  margin-top: -160px !important;
}

.mr-n13,
.mx-n13 {
  margin-right: -160px !important;
}

.mb-n13,
.my-n13 {
  margin-bottom: -160px !important;
}

.ml-n13,
.mx-n13 {
  margin-left: -160px !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .sm-m-0 {
    margin: 0 !important;
  }
  .sm-mt-0,
  .sm-my-0 {
    margin-top: 0 !important;
  }
  .sm-mr-0,
  .sm-mx-0 {
    margin-right: 0 !important;
  }
  .sm-mb-0,
  .sm-my-0 {
    margin-bottom: 0 !important;
  }
  .sm-ml-0,
  .sm-mx-0 {
    margin-left: 0 !important;
  }
  .sm-m-1 {
    margin: 4px !important;
  }
  .sm-mt-1,
  .sm-my-1 {
    margin-top: 4px !important;
  }
  .sm-mr-1,
  .sm-mx-1 {
    margin-right: 4px !important;
  }
  .sm-mb-1,
  .sm-my-1 {
    margin-bottom: 4px !important;
  }
  .sm-ml-1,
  .sm-mx-1 {
    margin-left: 4px !important;
  }
  .sm-m-2 {
    margin: 8px !important;
  }
  .sm-mt-2,
  .sm-my-2 {
    margin-top: 8px !important;
  }
  .sm-mr-2,
  .sm-mx-2 {
    margin-right: 8px !important;
  }
  .sm-mb-2,
  .sm-my-2 {
    margin-bottom: 8px !important;
  }
  .sm-ml-2,
  .sm-mx-2 {
    margin-left: 8px !important;
  }
  .sm-m-3 {
    margin: 12px !important;
  }
  .sm-mt-3,
  .sm-my-3 {
    margin-top: 12px !important;
  }
  .sm-mr-3,
  .sm-mx-3 {
    margin-right: 12px !important;
  }
  .sm-mb-3,
  .sm-my-3 {
    margin-bottom: 12px !important;
  }
  .sm-ml-3,
  .sm-mx-3 {
    margin-left: 12px !important;
  }
  .sm-m-4 {
    margin: 16px !important;
  }
  .sm-mt-4,
  .sm-my-4 {
    margin-top: 16px !important;
  }
  .sm-mr-4,
  .sm-mx-4 {
    margin-right: 16px !important;
  }
  .sm-mb-4,
  .sm-my-4 {
    margin-bottom: 16px !important;
  }
  .sm-ml-4,
  .sm-mx-4 {
    margin-left: 16px !important;
  }
  .sm-m-5 {
    margin: 20px !important;
  }
  .sm-mt-5,
  .sm-my-5 {
    margin-top: 20px !important;
  }
  .sm-mr-5,
  .sm-mx-5 {
    margin-right: 20px !important;
  }
  .sm-mb-5,
  .sm-my-5 {
    margin-bottom: 20px !important;
  }
  .sm-ml-5,
  .sm-mx-5 {
    margin-left: 20px !important;
  }
  .sm-m-6 {
    margin: 24px !important;
  }
  .sm-mt-6,
  .sm-my-6 {
    margin-top: 24px !important;
  }
  .sm-mr-6,
  .sm-mx-6 {
    margin-right: 24px !important;
  }
  .sm-mb-6,
  .sm-my-6 {
    margin-bottom: 24px !important;
  }
  .sm-ml-6,
  .sm-mx-6 {
    margin-left: 24px !important;
  }
  .sm-m-7 {
    margin: 28px !important;
  }
  .sm-mt-7,
  .sm-my-7 {
    margin-top: 28px !important;
  }
  .sm-mr-7,
  .sm-mx-7 {
    margin-right: 28px !important;
  }
  .sm-mb-7,
  .sm-my-7 {
    margin-bottom: 28px !important;
  }
  .sm-ml-7,
  .sm-mx-7 {
    margin-left: 28px !important;
  }
  .sm-m-8 {
    margin: 32px !important;
  }
  .sm-mt-8,
  .sm-my-8 {
    margin-top: 32px !important;
  }
  .sm-mr-8,
  .sm-mx-8 {
    margin-right: 32px !important;
  }
  .sm-mb-8,
  .sm-my-8 {
    margin-bottom: 32px !important;
  }
  .sm-ml-8,
  .sm-mx-8 {
    margin-left: 32px !important;
  }
  .sm-m-9 {
    margin: 48px !important;
  }
  .sm-mt-9,
  .sm-my-9 {
    margin-top: 48px !important;
  }
  .sm-mr-9,
  .sm-mx-9 {
    margin-right: 48px !important;
  }
  .sm-mb-9,
  .sm-my-9 {
    margin-bottom: 48px !important;
  }
  .sm-ml-9,
  .sm-mx-9 {
    margin-left: 48px !important;
  }
  .sm-m-10 {
    margin: 64px !important;
  }
  .sm-mt-10,
  .sm-my-10 {
    margin-top: 64px !important;
  }
  .sm-mr-10,
  .sm-mx-10 {
    margin-right: 64px !important;
  }
  .sm-mb-10,
  .sm-my-10 {
    margin-bottom: 64px !important;
  }
  .sm-ml-10,
  .sm-mx-10 {
    margin-left: 64px !important;
  }
  .sm-m-11 {
    margin: 80px !important;
  }
  .sm-mt-11,
  .sm-my-11 {
    margin-top: 80px !important;
  }
  .sm-mr-11,
  .sm-mx-11 {
    margin-right: 80px !important;
  }
  .sm-mb-11,
  .sm-my-11 {
    margin-bottom: 80px !important;
  }
  .sm-ml-11,
  .sm-mx-11 {
    margin-left: 80px !important;
  }
  .sm-m-12 {
    margin: 120px !important;
  }
  .sm-mt-12,
  .sm-my-12 {
    margin-top: 120px !important;
  }
  .sm-mr-12,
  .sm-mx-12 {
    margin-right: 120px !important;
  }
  .sm-mb-12,
  .sm-my-12 {
    margin-bottom: 120px !important;
  }
  .sm-ml-12,
  .sm-mx-12 {
    margin-left: 120px !important;
  }
  .sm-m-13 {
    margin: 160px !important;
  }
  .sm-mt-13,
  .sm-my-13 {
    margin-top: 160px !important;
  }
  .sm-mr-13,
  .sm-mx-13 {
    margin-right: 160px !important;
  }
  .sm-mb-13,
  .sm-my-13 {
    margin-bottom: 160px !important;
  }
  .sm-ml-13,
  .sm-mx-13 {
    margin-left: 160px !important;
  }
  .sm-p-0 {
    padding: 0 !important;
  }
  .sm-pt-0,
  .sm-py-0 {
    padding-top: 0 !important;
  }
  .sm-pr-0,
  .sm-px-0 {
    padding-right: 0 !important;
  }
  .sm-pb-0,
  .sm-py-0 {
    padding-bottom: 0 !important;
  }
  .sm-pl-0,
  .sm-px-0 {
    padding-left: 0 !important;
  }
  .sm-p-1 {
    padding: 4px !important;
  }
  .sm-pt-1,
  .sm-py-1 {
    padding-top: 4px !important;
  }
  .sm-pr-1,
  .sm-px-1 {
    padding-right: 4px !important;
  }
  .sm-pb-1,
  .sm-py-1 {
    padding-bottom: 4px !important;
  }
  .sm-pl-1,
  .sm-px-1 {
    padding-left: 4px !important;
  }
  .sm-p-2 {
    padding: 8px !important;
  }
  .sm-pt-2,
  .sm-py-2 {
    padding-top: 8px !important;
  }
  .sm-pr-2,
  .sm-px-2 {
    padding-right: 8px !important;
  }
  .sm-pb-2,
  .sm-py-2 {
    padding-bottom: 8px !important;
  }
  .sm-pl-2,
  .sm-px-2 {
    padding-left: 8px !important;
  }
  .sm-p-3 {
    padding: 12px !important;
  }
  .sm-pt-3,
  .sm-py-3 {
    padding-top: 12px !important;
  }
  .sm-pr-3,
  .sm-px-3 {
    padding-right: 12px !important;
  }
  .sm-pb-3,
  .sm-py-3 {
    padding-bottom: 12px !important;
  }
  .sm-pl-3,
  .sm-px-3 {
    padding-left: 12px !important;
  }
  .sm-p-4 {
    padding: 16px !important;
  }
  .sm-pt-4,
  .sm-py-4 {
    padding-top: 16px !important;
  }
  .sm-pr-4,
  .sm-px-4 {
    padding-right: 16px !important;
  }
  .sm-pb-4,
  .sm-py-4 {
    padding-bottom: 16px !important;
  }
  .sm-pl-4,
  .sm-px-4 {
    padding-left: 16px !important;
  }
  .sm-p-5 {
    padding: 20px !important;
  }
  .sm-pt-5,
  .sm-py-5 {
    padding-top: 20px !important;
  }
  .sm-pr-5,
  .sm-px-5 {
    padding-right: 20px !important;
  }
  .sm-pb-5,
  .sm-py-5 {
    padding-bottom: 20px !important;
  }
  .sm-pl-5,
  .sm-px-5 {
    padding-left: 20px !important;
  }
  .sm-p-6 {
    padding: 24px !important;
  }
  .sm-pt-6,
  .sm-py-6 {
    padding-top: 24px !important;
  }
  .sm-pr-6,
  .sm-px-6 {
    padding-right: 24px !important;
  }
  .sm-pb-6,
  .sm-py-6 {
    padding-bottom: 24px !important;
  }
  .sm-pl-6,
  .sm-px-6 {
    padding-left: 24px !important;
  }
  .sm-p-7 {
    padding: 28px !important;
  }
  .sm-pt-7,
  .sm-py-7 {
    padding-top: 28px !important;
  }
  .sm-pr-7,
  .sm-px-7 {
    padding-right: 28px !important;
  }
  .sm-pb-7,
  .sm-py-7 {
    padding-bottom: 28px !important;
  }
  .sm-pl-7,
  .sm-px-7 {
    padding-left: 28px !important;
  }
  .sm-p-8 {
    padding: 32px !important;
  }
  .sm-pt-8,
  .sm-py-8 {
    padding-top: 32px !important;
  }
  .sm-pr-8,
  .sm-px-8 {
    padding-right: 32px !important;
  }
  .sm-pb-8,
  .sm-py-8 {
    padding-bottom: 32px !important;
  }
  .sm-pl-8,
  .sm-px-8 {
    padding-left: 32px !important;
  }
  .sm-p-9 {
    padding: 48px !important;
  }
  .sm-pt-9,
  .sm-py-9 {
    padding-top: 48px !important;
  }
  .sm-pr-9,
  .sm-px-9 {
    padding-right: 48px !important;
  }
  .sm-pb-9,
  .sm-py-9 {
    padding-bottom: 48px !important;
  }
  .sm-pl-9,
  .sm-px-9 {
    padding-left: 48px !important;
  }
  .sm-p-10 {
    padding: 64px !important;
  }
  .sm-pt-10,
  .sm-py-10 {
    padding-top: 64px !important;
  }
  .sm-pr-10,
  .sm-px-10 {
    padding-right: 64px !important;
  }
  .sm-pb-10,
  .sm-py-10 {
    padding-bottom: 64px !important;
  }
  .sm-pl-10,
  .sm-px-10 {
    padding-left: 64px !important;
  }
  .sm-p-11 {
    padding: 80px !important;
  }
  .sm-pt-11,
  .sm-py-11 {
    padding-top: 80px !important;
  }
  .sm-pr-11,
  .sm-px-11 {
    padding-right: 80px !important;
  }
  .sm-pb-11,
  .sm-py-11 {
    padding-bottom: 80px !important;
  }
  .sm-pl-11,
  .sm-px-11 {
    padding-left: 80px !important;
  }
  .sm-p-12 {
    padding: 120px !important;
  }
  .sm-pt-12,
  .sm-py-12 {
    padding-top: 120px !important;
  }
  .sm-pr-12,
  .sm-px-12 {
    padding-right: 120px !important;
  }
  .sm-pb-12,
  .sm-py-12 {
    padding-bottom: 120px !important;
  }
  .sm-pl-12,
  .sm-px-12 {
    padding-left: 120px !important;
  }
  .sm-p-13 {
    padding: 160px !important;
  }
  .sm-pt-13,
  .sm-py-13 {
    padding-top: 160px !important;
  }
  .sm-pr-13,
  .sm-px-13 {
    padding-right: 160px !important;
  }
  .sm-pb-13,
  .sm-py-13 {
    padding-bottom: 160px !important;
  }
  .sm-pl-13,
  .sm-px-13 {
    padding-left: 160px !important;
  }
  .sm-m-n1 {
    margin: -4px !important;
  }
  .sm-mt-n1,
  .sm-my-n1 {
    margin-top: -4px !important;
  }
  .sm-mr-n1,
  .sm-mx-n1 {
    margin-right: -4px !important;
  }
  .sm-mb-n1,
  .sm-my-n1 {
    margin-bottom: -4px !important;
  }
  .sm-ml-n1,
  .sm-mx-n1 {
    margin-left: -4px !important;
  }
  .sm-m-n2 {
    margin: -8px !important;
  }
  .sm-mt-n2,
  .sm-my-n2 {
    margin-top: -8px !important;
  }
  .sm-mr-n2,
  .sm-mx-n2 {
    margin-right: -8px !important;
  }
  .sm-mb-n2,
  .sm-my-n2 {
    margin-bottom: -8px !important;
  }
  .sm-ml-n2,
  .sm-mx-n2 {
    margin-left: -8px !important;
  }
  .sm-m-n3 {
    margin: -12px !important;
  }
  .sm-mt-n3,
  .sm-my-n3 {
    margin-top: -12px !important;
  }
  .sm-mr-n3,
  .sm-mx-n3 {
    margin-right: -12px !important;
  }
  .sm-mb-n3,
  .sm-my-n3 {
    margin-bottom: -12px !important;
  }
  .sm-ml-n3,
  .sm-mx-n3 {
    margin-left: -12px !important;
  }
  .sm-m-n4 {
    margin: -16px !important;
  }
  .sm-mt-n4,
  .sm-my-n4 {
    margin-top: -16px !important;
  }
  .sm-mr-n4,
  .sm-mx-n4 {
    margin-right: -16px !important;
  }
  .sm-mb-n4,
  .sm-my-n4 {
    margin-bottom: -16px !important;
  }
  .sm-ml-n4,
  .sm-mx-n4 {
    margin-left: -16px !important;
  }
  .sm-m-n5 {
    margin: -20px !important;
  }
  .sm-mt-n5,
  .sm-my-n5 {
    margin-top: -20px !important;
  }
  .sm-mr-n5,
  .sm-mx-n5 {
    margin-right: -20px !important;
  }
  .sm-mb-n5,
  .sm-my-n5 {
    margin-bottom: -20px !important;
  }
  .sm-ml-n5,
  .sm-mx-n5 {
    margin-left: -20px !important;
  }
  .sm-m-n6 {
    margin: -24px !important;
  }
  .sm-mt-n6,
  .sm-my-n6 {
    margin-top: -24px !important;
  }
  .sm-mr-n6,
  .sm-mx-n6 {
    margin-right: -24px !important;
  }
  .sm-mb-n6,
  .sm-my-n6 {
    margin-bottom: -24px !important;
  }
  .sm-ml-n6,
  .sm-mx-n6 {
    margin-left: -24px !important;
  }
  .sm-m-n7 {
    margin: -28px !important;
  }
  .sm-mt-n7,
  .sm-my-n7 {
    margin-top: -28px !important;
  }
  .sm-mr-n7,
  .sm-mx-n7 {
    margin-right: -28px !important;
  }
  .sm-mb-n7,
  .sm-my-n7 {
    margin-bottom: -28px !important;
  }
  .sm-ml-n7,
  .sm-mx-n7 {
    margin-left: -28px !important;
  }
  .sm-m-n8 {
    margin: -32px !important;
  }
  .sm-mt-n8,
  .sm-my-n8 {
    margin-top: -32px !important;
  }
  .sm-mr-n8,
  .sm-mx-n8 {
    margin-right: -32px !important;
  }
  .sm-mb-n8,
  .sm-my-n8 {
    margin-bottom: -32px !important;
  }
  .sm-ml-n8,
  .sm-mx-n8 {
    margin-left: -32px !important;
  }
  .sm-m-n9 {
    margin: -48px !important;
  }
  .sm-mt-n9,
  .sm-my-n9 {
    margin-top: -48px !important;
  }
  .sm-mr-n9,
  .sm-mx-n9 {
    margin-right: -48px !important;
  }
  .sm-mb-n9,
  .sm-my-n9 {
    margin-bottom: -48px !important;
  }
  .sm-ml-n9,
  .sm-mx-n9 {
    margin-left: -48px !important;
  }
  .sm-m-n10 {
    margin: -64px !important;
  }
  .sm-mt-n10,
  .sm-my-n10 {
    margin-top: -64px !important;
  }
  .sm-mr-n10,
  .sm-mx-n10 {
    margin-right: -64px !important;
  }
  .sm-mb-n10,
  .sm-my-n10 {
    margin-bottom: -64px !important;
  }
  .sm-ml-n10,
  .sm-mx-n10 {
    margin-left: -64px !important;
  }
  .sm-m-n11 {
    margin: -80px !important;
  }
  .sm-mt-n11,
  .sm-my-n11 {
    margin-top: -80px !important;
  }
  .sm-mr-n11,
  .sm-mx-n11 {
    margin-right: -80px !important;
  }
  .sm-mb-n11,
  .sm-my-n11 {
    margin-bottom: -80px !important;
  }
  .sm-ml-n11,
  .sm-mx-n11 {
    margin-left: -80px !important;
  }
  .sm-m-n12 {
    margin: -120px !important;
  }
  .sm-mt-n12,
  .sm-my-n12 {
    margin-top: -120px !important;
  }
  .sm-mr-n12,
  .sm-mx-n12 {
    margin-right: -120px !important;
  }
  .sm-mb-n12,
  .sm-my-n12 {
    margin-bottom: -120px !important;
  }
  .sm-ml-n12,
  .sm-mx-n12 {
    margin-left: -120px !important;
  }
  .sm-m-n13 {
    margin: -160px !important;
  }
  .sm-mt-n13,
  .sm-my-n13 {
    margin-top: -160px !important;
  }
  .sm-mr-n13,
  .sm-mx-n13 {
    margin-right: -160px !important;
  }
  .sm-mb-n13,
  .sm-my-n13 {
    margin-bottom: -160px !important;
  }
  .sm-ml-n13,
  .sm-mx-n13 {
    margin-left: -160px !important;
  }
  .sm-m-auto {
    margin: auto !important;
  }
  .sm-mt-auto,
  .sm-my-auto {
    margin-top: auto !important;
  }
  .sm-mr-auto,
  .sm-mx-auto {
    margin-right: auto !important;
  }
  .sm-mb-auto,
  .sm-my-auto {
    margin-bottom: auto !important;
  }
  .sm-ml-auto,
  .sm-mx-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .md-m-0 {
    margin: 0 !important;
  }
  .md-mt-0,
  .md-my-0 {
    margin-top: 0 !important;
  }
  .md-mr-0,
  .md-mx-0 {
    margin-right: 0 !important;
  }
  .md-mb-0,
  .md-my-0 {
    margin-bottom: 0 !important;
  }
  .md-ml-0,
  .md-mx-0 {
    margin-left: 0 !important;
  }
  .md-m-1 {
    margin: 4px !important;
  }
  .md-mt-1,
  .md-my-1 {
    margin-top: 4px !important;
  }
  .md-mr-1,
  .md-mx-1 {
    margin-right: 4px !important;
  }
  .md-mb-1,
  .md-my-1 {
    margin-bottom: 4px !important;
  }
  .md-ml-1,
  .md-mx-1 {
    margin-left: 4px !important;
  }
  .md-m-2 {
    margin: 8px !important;
  }
  .md-mt-2,
  .md-my-2 {
    margin-top: 8px !important;
  }
  .md-mr-2,
  .md-mx-2 {
    margin-right: 8px !important;
  }
  .md-mb-2,
  .md-my-2 {
    margin-bottom: 8px !important;
  }
  .md-ml-2,
  .md-mx-2 {
    margin-left: 8px !important;
  }
  .md-m-3 {
    margin: 12px !important;
  }
  .md-mt-3,
  .md-my-3 {
    margin-top: 12px !important;
  }
  .md-mr-3,
  .md-mx-3 {
    margin-right: 12px !important;
  }
  .md-mb-3,
  .md-my-3 {
    margin-bottom: 12px !important;
  }
  .md-ml-3,
  .md-mx-3 {
    margin-left: 12px !important;
  }
  .md-m-4 {
    margin: 16px !important;
  }
  .md-mt-4,
  .md-my-4 {
    margin-top: 16px !important;
  }
  .md-mr-4,
  .md-mx-4 {
    margin-right: 16px !important;
  }
  .md-mb-4,
  .md-my-4 {
    margin-bottom: 16px !important;
  }
  .md-ml-4,
  .md-mx-4 {
    margin-left: 16px !important;
  }
  .md-m-5 {
    margin: 20px !important;
  }
  .md-mt-5,
  .md-my-5 {
    margin-top: 20px !important;
  }
  .md-mr-5,
  .md-mx-5 {
    margin-right: 20px !important;
  }
  .md-mb-5,
  .md-my-5 {
    margin-bottom: 20px !important;
  }
  .md-ml-5,
  .md-mx-5 {
    margin-left: 20px !important;
  }
  .md-m-6 {
    margin: 24px !important;
  }
  .md-mt-6,
  .md-my-6 {
    margin-top: 24px !important;
  }
  .md-mr-6,
  .md-mx-6 {
    margin-right: 24px !important;
  }
  .md-mb-6,
  .md-my-6 {
    margin-bottom: 24px !important;
  }
  .md-ml-6,
  .md-mx-6 {
    margin-left: 24px !important;
  }
  .md-m-7 {
    margin: 28px !important;
  }
  .md-mt-7,
  .md-my-7 {
    margin-top: 28px !important;
  }
  .md-mr-7,
  .md-mx-7 {
    margin-right: 28px !important;
  }
  .md-mb-7,
  .md-my-7 {
    margin-bottom: 28px !important;
  }
  .md-ml-7,
  .md-mx-7 {
    margin-left: 28px !important;
  }
  .md-m-8 {
    margin: 32px !important;
  }
  .md-mt-8,
  .md-my-8 {
    margin-top: 32px !important;
  }
  .md-mr-8,
  .md-mx-8 {
    margin-right: 32px !important;
  }
  .md-mb-8,
  .md-my-8 {
    margin-bottom: 32px !important;
  }
  .md-ml-8,
  .md-mx-8 {
    margin-left: 32px !important;
  }
  .md-m-9 {
    margin: 48px !important;
  }
  .md-mt-9,
  .md-my-9 {
    margin-top: 48px !important;
  }
  .md-mr-9,
  .md-mx-9 {
    margin-right: 48px !important;
  }
  .md-mb-9,
  .md-my-9 {
    margin-bottom: 48px !important;
  }
  .md-ml-9,
  .md-mx-9 {
    margin-left: 48px !important;
  }
  .md-m-10 {
    margin: 64px !important;
  }
  .md-mt-10,
  .md-my-10 {
    margin-top: 64px !important;
  }
  .md-mr-10,
  .md-mx-10 {
    margin-right: 64px !important;
  }
  .md-mb-10,
  .md-my-10 {
    margin-bottom: 64px !important;
  }
  .md-ml-10,
  .md-mx-10 {
    margin-left: 64px !important;
  }
  .md-m-11 {
    margin: 80px !important;
  }
  .md-mt-11,
  .md-my-11 {
    margin-top: 80px !important;
  }
  .md-mr-11,
  .md-mx-11 {
    margin-right: 80px !important;
  }
  .md-mb-11,
  .md-my-11 {
    margin-bottom: 80px !important;
  }
  .md-ml-11,
  .md-mx-11 {
    margin-left: 80px !important;
  }
  .md-m-12 {
    margin: 120px !important;
  }
  .md-mt-12,
  .md-my-12 {
    margin-top: 120px !important;
  }
  .md-mr-12,
  .md-mx-12 {
    margin-right: 120px !important;
  }
  .md-mb-12,
  .md-my-12 {
    margin-bottom: 120px !important;
  }
  .md-ml-12,
  .md-mx-12 {
    margin-left: 120px !important;
  }
  .md-m-13 {
    margin: 160px !important;
  }
  .md-mt-13,
  .md-my-13 {
    margin-top: 160px !important;
  }
  .md-mr-13,
  .md-mx-13 {
    margin-right: 160px !important;
  }
  .md-mb-13,
  .md-my-13 {
    margin-bottom: 160px !important;
  }
  .md-ml-13,
  .md-mx-13 {
    margin-left: 160px !important;
  }
  .md-p-0 {
    padding: 0 !important;
  }
  .md-pt-0,
  .md-py-0 {
    padding-top: 0 !important;
  }
  .md-pr-0,
  .md-px-0 {
    padding-right: 0 !important;
  }
  .md-pb-0,
  .md-py-0 {
    padding-bottom: 0 !important;
  }
  .md-pl-0,
  .md-px-0 {
    padding-left: 0 !important;
  }
  .md-p-1 {
    padding: 4px !important;
  }
  .md-pt-1,
  .md-py-1 {
    padding-top: 4px !important;
  }
  .md-pr-1,
  .md-px-1 {
    padding-right: 4px !important;
  }
  .md-pb-1,
  .md-py-1 {
    padding-bottom: 4px !important;
  }
  .md-pl-1,
  .md-px-1 {
    padding-left: 4px !important;
  }
  .md-p-2 {
    padding: 8px !important;
  }
  .md-pt-2,
  .md-py-2 {
    padding-top: 8px !important;
  }
  .md-pr-2,
  .md-px-2 {
    padding-right: 8px !important;
  }
  .md-pb-2,
  .md-py-2 {
    padding-bottom: 8px !important;
  }
  .md-pl-2,
  .md-px-2 {
    padding-left: 8px !important;
  }
  .md-p-3 {
    padding: 12px !important;
  }
  .md-pt-3,
  .md-py-3 {
    padding-top: 12px !important;
  }
  .md-pr-3,
  .md-px-3 {
    padding-right: 12px !important;
  }
  .md-pb-3,
  .md-py-3 {
    padding-bottom: 12px !important;
  }
  .md-pl-3,
  .md-px-3 {
    padding-left: 12px !important;
  }
  .md-p-4 {
    padding: 16px !important;
  }
  .md-pt-4,
  .md-py-4 {
    padding-top: 16px !important;
  }
  .md-pr-4,
  .md-px-4 {
    padding-right: 16px !important;
  }
  .md-pb-4,
  .md-py-4 {
    padding-bottom: 16px !important;
  }
  .md-pl-4,
  .md-px-4 {
    padding-left: 16px !important;
  }
  .md-p-5 {
    padding: 20px !important;
  }
  .md-pt-5,
  .md-py-5 {
    padding-top: 20px !important;
  }
  .md-pr-5,
  .md-px-5 {
    padding-right: 20px !important;
  }
  .md-pb-5,
  .md-py-5 {
    padding-bottom: 20px !important;
  }
  .md-pl-5,
  .md-px-5 {
    padding-left: 20px !important;
  }
  .md-p-6 {
    padding: 24px !important;
  }
  .md-pt-6,
  .md-py-6 {
    padding-top: 24px !important;
  }
  .md-pr-6,
  .md-px-6 {
    padding-right: 24px !important;
  }
  .md-pb-6,
  .md-py-6 {
    padding-bottom: 24px !important;
  }
  .md-pl-6,
  .md-px-6 {
    padding-left: 24px !important;
  }
  .md-p-7 {
    padding: 28px !important;
  }
  .md-pt-7,
  .md-py-7 {
    padding-top: 28px !important;
  }
  .md-pr-7,
  .md-px-7 {
    padding-right: 28px !important;
  }
  .md-pb-7,
  .md-py-7 {
    padding-bottom: 28px !important;
  }
  .md-pl-7,
  .md-px-7 {
    padding-left: 28px !important;
  }
  .md-p-8 {
    padding: 32px !important;
  }
  .md-pt-8,
  .md-py-8 {
    padding-top: 32px !important;
  }
  .md-pr-8,
  .md-px-8 {
    padding-right: 32px !important;
  }
  .md-pb-8,
  .md-py-8 {
    padding-bottom: 32px !important;
  }
  .md-pl-8,
  .md-px-8 {
    padding-left: 32px !important;
  }
  .md-p-9 {
    padding: 48px !important;
  }
  .md-pt-9,
  .md-py-9 {
    padding-top: 48px !important;
  }
  .md-pr-9,
  .md-px-9 {
    padding-right: 48px !important;
  }
  .md-pb-9,
  .md-py-9 {
    padding-bottom: 48px !important;
  }
  .md-pl-9,
  .md-px-9 {
    padding-left: 48px !important;
  }
  .md-p-10 {
    padding: 64px !important;
  }
  .md-pt-10,
  .md-py-10 {
    padding-top: 64px !important;
  }
  .md-pr-10,
  .md-px-10 {
    padding-right: 64px !important;
  }
  .md-pb-10,
  .md-py-10 {
    padding-bottom: 64px !important;
  }
  .md-pl-10,
  .md-px-10 {
    padding-left: 64px !important;
  }
  .md-p-11 {
    padding: 80px !important;
  }
  .md-pt-11,
  .md-py-11 {
    padding-top: 80px !important;
  }
  .md-pr-11,
  .md-px-11 {
    padding-right: 80px !important;
  }
  .md-pb-11,
  .md-py-11 {
    padding-bottom: 80px !important;
  }
  .md-pl-11,
  .md-px-11 {
    padding-left: 80px !important;
  }
  .md-p-12 {
    padding: 120px !important;
  }
  .md-pt-12,
  .md-py-12 {
    padding-top: 120px !important;
  }
  .md-pr-12,
  .md-px-12 {
    padding-right: 120px !important;
  }
  .md-pb-12,
  .md-py-12 {
    padding-bottom: 120px !important;
  }
  .md-pl-12,
  .md-px-12 {
    padding-left: 120px !important;
  }
  .md-p-13 {
    padding: 160px !important;
  }
  .md-pt-13,
  .md-py-13 {
    padding-top: 160px !important;
  }
  .md-pr-13,
  .md-px-13 {
    padding-right: 160px !important;
  }
  .md-pb-13,
  .md-py-13 {
    padding-bottom: 160px !important;
  }
  .md-pl-13,
  .md-px-13 {
    padding-left: 160px !important;
  }
  .md-m-n1 {
    margin: -4px !important;
  }
  .md-mt-n1,
  .md-my-n1 {
    margin-top: -4px !important;
  }
  .md-mr-n1,
  .md-mx-n1 {
    margin-right: -4px !important;
  }
  .md-mb-n1,
  .md-my-n1 {
    margin-bottom: -4px !important;
  }
  .md-ml-n1,
  .md-mx-n1 {
    margin-left: -4px !important;
  }
  .md-m-n2 {
    margin: -8px !important;
  }
  .md-mt-n2,
  .md-my-n2 {
    margin-top: -8px !important;
  }
  .md-mr-n2,
  .md-mx-n2 {
    margin-right: -8px !important;
  }
  .md-mb-n2,
  .md-my-n2 {
    margin-bottom: -8px !important;
  }
  .md-ml-n2,
  .md-mx-n2 {
    margin-left: -8px !important;
  }
  .md-m-n3 {
    margin: -12px !important;
  }
  .md-mt-n3,
  .md-my-n3 {
    margin-top: -12px !important;
  }
  .md-mr-n3,
  .md-mx-n3 {
    margin-right: -12px !important;
  }
  .md-mb-n3,
  .md-my-n3 {
    margin-bottom: -12px !important;
  }
  .md-ml-n3,
  .md-mx-n3 {
    margin-left: -12px !important;
  }
  .md-m-n4 {
    margin: -16px !important;
  }
  .md-mt-n4,
  .md-my-n4 {
    margin-top: -16px !important;
  }
  .md-mr-n4,
  .md-mx-n4 {
    margin-right: -16px !important;
  }
  .md-mb-n4,
  .md-my-n4 {
    margin-bottom: -16px !important;
  }
  .md-ml-n4,
  .md-mx-n4 {
    margin-left: -16px !important;
  }
  .md-m-n5 {
    margin: -20px !important;
  }
  .md-mt-n5,
  .md-my-n5 {
    margin-top: -20px !important;
  }
  .md-mr-n5,
  .md-mx-n5 {
    margin-right: -20px !important;
  }
  .md-mb-n5,
  .md-my-n5 {
    margin-bottom: -20px !important;
  }
  .md-ml-n5,
  .md-mx-n5 {
    margin-left: -20px !important;
  }
  .md-m-n6 {
    margin: -24px !important;
  }
  .md-mt-n6,
  .md-my-n6 {
    margin-top: -24px !important;
  }
  .md-mr-n6,
  .md-mx-n6 {
    margin-right: -24px !important;
  }
  .md-mb-n6,
  .md-my-n6 {
    margin-bottom: -24px !important;
  }
  .md-ml-n6,
  .md-mx-n6 {
    margin-left: -24px !important;
  }
  .md-m-n7 {
    margin: -28px !important;
  }
  .md-mt-n7,
  .md-my-n7 {
    margin-top: -28px !important;
  }
  .md-mr-n7,
  .md-mx-n7 {
    margin-right: -28px !important;
  }
  .md-mb-n7,
  .md-my-n7 {
    margin-bottom: -28px !important;
  }
  .md-ml-n7,
  .md-mx-n7 {
    margin-left: -28px !important;
  }
  .md-m-n8 {
    margin: -32px !important;
  }
  .md-mt-n8,
  .md-my-n8 {
    margin-top: -32px !important;
  }
  .md-mr-n8,
  .md-mx-n8 {
    margin-right: -32px !important;
  }
  .md-mb-n8,
  .md-my-n8 {
    margin-bottom: -32px !important;
  }
  .md-ml-n8,
  .md-mx-n8 {
    margin-left: -32px !important;
  }
  .md-m-n9 {
    margin: -48px !important;
  }
  .md-mt-n9,
  .md-my-n9 {
    margin-top: -48px !important;
  }
  .md-mr-n9,
  .md-mx-n9 {
    margin-right: -48px !important;
  }
  .md-mb-n9,
  .md-my-n9 {
    margin-bottom: -48px !important;
  }
  .md-ml-n9,
  .md-mx-n9 {
    margin-left: -48px !important;
  }
  .md-m-n10 {
    margin: -64px !important;
  }
  .md-mt-n10,
  .md-my-n10 {
    margin-top: -64px !important;
  }
  .md-mr-n10,
  .md-mx-n10 {
    margin-right: -64px !important;
  }
  .md-mb-n10,
  .md-my-n10 {
    margin-bottom: -64px !important;
  }
  .md-ml-n10,
  .md-mx-n10 {
    margin-left: -64px !important;
  }
  .md-m-n11 {
    margin: -80px !important;
  }
  .md-mt-n11,
  .md-my-n11 {
    margin-top: -80px !important;
  }
  .md-mr-n11,
  .md-mx-n11 {
    margin-right: -80px !important;
  }
  .md-mb-n11,
  .md-my-n11 {
    margin-bottom: -80px !important;
  }
  .md-ml-n11,
  .md-mx-n11 {
    margin-left: -80px !important;
  }
  .md-m-n12 {
    margin: -120px !important;
  }
  .md-mt-n12,
  .md-my-n12 {
    margin-top: -120px !important;
  }
  .md-mr-n12,
  .md-mx-n12 {
    margin-right: -120px !important;
  }
  .md-mb-n12,
  .md-my-n12 {
    margin-bottom: -120px !important;
  }
  .md-ml-n12,
  .md-mx-n12 {
    margin-left: -120px !important;
  }
  .md-m-n13 {
    margin: -160px !important;
  }
  .md-mt-n13,
  .md-my-n13 {
    margin-top: -160px !important;
  }
  .md-mr-n13,
  .md-mx-n13 {
    margin-right: -160px !important;
  }
  .md-mb-n13,
  .md-my-n13 {
    margin-bottom: -160px !important;
  }
  .md-ml-n13,
  .md-mx-n13 {
    margin-left: -160px !important;
  }
  .md-m-auto {
    margin: auto !important;
  }
  .md-mt-auto,
  .md-my-auto {
    margin-top: auto !important;
  }
  .md-mr-auto,
  .md-mx-auto {
    margin-right: auto !important;
  }
  .md-mb-auto,
  .md-my-auto {
    margin-bottom: auto !important;
  }
  .md-ml-auto,
  .md-mx-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .lg-m-0 {
    margin: 0 !important;
  }
  .lg-mt-0,
  .lg-my-0 {
    margin-top: 0 !important;
  }
  .lg-mr-0,
  .lg-mx-0 {
    margin-right: 0 !important;
  }
  .lg-mb-0,
  .lg-my-0 {
    margin-bottom: 0 !important;
  }
  .lg-ml-0,
  .lg-mx-0 {
    margin-left: 0 !important;
  }
  .lg-m-1 {
    margin: 4px !important;
  }
  .lg-mt-1,
  .lg-my-1 {
    margin-top: 4px !important;
  }
  .lg-mr-1,
  .lg-mx-1 {
    margin-right: 4px !important;
  }
  .lg-mb-1,
  .lg-my-1 {
    margin-bottom: 4px !important;
  }
  .lg-ml-1,
  .lg-mx-1 {
    margin-left: 4px !important;
  }
  .lg-m-2 {
    margin: 8px !important;
  }
  .lg-mt-2,
  .lg-my-2 {
    margin-top: 8px !important;
  }
  .lg-mr-2,
  .lg-mx-2 {
    margin-right: 8px !important;
  }
  .lg-mb-2,
  .lg-my-2 {
    margin-bottom: 8px !important;
  }
  .lg-ml-2,
  .lg-mx-2 {
    margin-left: 8px !important;
  }
  .lg-m-3 {
    margin: 12px !important;
  }
  .lg-mt-3,
  .lg-my-3 {
    margin-top: 12px !important;
  }
  .lg-mr-3,
  .lg-mx-3 {
    margin-right: 12px !important;
  }
  .lg-mb-3,
  .lg-my-3 {
    margin-bottom: 12px !important;
  }
  .lg-ml-3,
  .lg-mx-3 {
    margin-left: 12px !important;
  }
  .lg-m-4 {
    margin: 16px !important;
  }
  .lg-mt-4,
  .lg-my-4 {
    margin-top: 16px !important;
  }
  .lg-mr-4,
  .lg-mx-4 {
    margin-right: 16px !important;
  }
  .lg-mb-4,
  .lg-my-4 {
    margin-bottom: 16px !important;
  }
  .lg-ml-4,
  .lg-mx-4 {
    margin-left: 16px !important;
  }
  .lg-m-5 {
    margin: 20px !important;
  }
  .lg-mt-5,
  .lg-my-5 {
    margin-top: 20px !important;
  }
  .lg-mr-5,
  .lg-mx-5 {
    margin-right: 20px !important;
  }
  .lg-mb-5,
  .lg-my-5 {
    margin-bottom: 20px !important;
  }
  .lg-ml-5,
  .lg-mx-5 {
    margin-left: 20px !important;
  }
  .lg-m-6 {
    margin: 24px !important;
  }
  .lg-mt-6,
  .lg-my-6 {
    margin-top: 24px !important;
  }
  .lg-mr-6,
  .lg-mx-6 {
    margin-right: 24px !important;
  }
  .lg-mb-6,
  .lg-my-6 {
    margin-bottom: 24px !important;
  }
  .lg-ml-6,
  .lg-mx-6 {
    margin-left: 24px !important;
  }
  .lg-m-7 {
    margin: 28px !important;
  }
  .lg-mt-7,
  .lg-my-7 {
    margin-top: 28px !important;
  }
  .lg-mr-7,
  .lg-mx-7 {
    margin-right: 28px !important;
  }
  .lg-mb-7,
  .lg-my-7 {
    margin-bottom: 28px !important;
  }
  .lg-ml-7,
  .lg-mx-7 {
    margin-left: 28px !important;
  }
  .lg-m-8 {
    margin: 32px !important;
  }
  .lg-mt-8,
  .lg-my-8 {
    margin-top: 32px !important;
  }
  .lg-mr-8,
  .lg-mx-8 {
    margin-right: 32px !important;
  }
  .lg-mb-8,
  .lg-my-8 {
    margin-bottom: 32px !important;
  }
  .lg-ml-8,
  .lg-mx-8 {
    margin-left: 32px !important;
  }
  .lg-m-9 {
    margin: 48px !important;
  }
  .lg-mt-9,
  .lg-my-9 {
    margin-top: 48px !important;
  }
  .lg-mr-9,
  .lg-mx-9 {
    margin-right: 48px !important;
  }
  .lg-mb-9,
  .lg-my-9 {
    margin-bottom: 48px !important;
  }
  .lg-ml-9,
  .lg-mx-9 {
    margin-left: 48px !important;
  }
  .lg-m-10 {
    margin: 64px !important;
  }
  .lg-mt-10,
  .lg-my-10 {
    margin-top: 64px !important;
  }
  .lg-mr-10,
  .lg-mx-10 {
    margin-right: 64px !important;
  }
  .lg-mb-10,
  .lg-my-10 {
    margin-bottom: 64px !important;
  }
  .lg-ml-10,
  .lg-mx-10 {
    margin-left: 64px !important;
  }
  .lg-m-11 {
    margin: 80px !important;
  }
  .lg-mt-11,
  .lg-my-11 {
    margin-top: 80px !important;
  }
  .lg-mr-11,
  .lg-mx-11 {
    margin-right: 80px !important;
  }
  .lg-mb-11,
  .lg-my-11 {
    margin-bottom: 80px !important;
  }
  .lg-ml-11,
  .lg-mx-11 {
    margin-left: 80px !important;
  }
  .lg-m-12 {
    margin: 120px !important;
  }
  .lg-mt-12,
  .lg-my-12 {
    margin-top: 120px !important;
  }
  .lg-mr-12,
  .lg-mx-12 {
    margin-right: 120px !important;
  }
  .lg-mb-12,
  .lg-my-12 {
    margin-bottom: 120px !important;
  }
  .lg-ml-12,
  .lg-mx-12 {
    margin-left: 120px !important;
  }
  .lg-m-13 {
    margin: 160px !important;
  }
  .lg-mt-13,
  .lg-my-13 {
    margin-top: 160px !important;
  }
  .lg-mr-13,
  .lg-mx-13 {
    margin-right: 160px !important;
  }
  .lg-mb-13,
  .lg-my-13 {
    margin-bottom: 160px !important;
  }
  .lg-ml-13,
  .lg-mx-13 {
    margin-left: 160px !important;
  }
  .lg-p-0 {
    padding: 0 !important;
  }
  .lg-pt-0,
  .lg-py-0 {
    padding-top: 0 !important;
  }
  .lg-pr-0,
  .lg-px-0 {
    padding-right: 0 !important;
  }
  .lg-pb-0,
  .lg-py-0 {
    padding-bottom: 0 !important;
  }
  .lg-pl-0,
  .lg-px-0 {
    padding-left: 0 !important;
  }
  .lg-p-1 {
    padding: 4px !important;
  }
  .lg-pt-1,
  .lg-py-1 {
    padding-top: 4px !important;
  }
  .lg-pr-1,
  .lg-px-1 {
    padding-right: 4px !important;
  }
  .lg-pb-1,
  .lg-py-1 {
    padding-bottom: 4px !important;
  }
  .lg-pl-1,
  .lg-px-1 {
    padding-left: 4px !important;
  }
  .lg-p-2 {
    padding: 8px !important;
  }
  .lg-pt-2,
  .lg-py-2 {
    padding-top: 8px !important;
  }
  .lg-pr-2,
  .lg-px-2 {
    padding-right: 8px !important;
  }
  .lg-pb-2,
  .lg-py-2 {
    padding-bottom: 8px !important;
  }
  .lg-pl-2,
  .lg-px-2 {
    padding-left: 8px !important;
  }
  .lg-p-3 {
    padding: 12px !important;
  }
  .lg-pt-3,
  .lg-py-3 {
    padding-top: 12px !important;
  }
  .lg-pr-3,
  .lg-px-3 {
    padding-right: 12px !important;
  }
  .lg-pb-3,
  .lg-py-3 {
    padding-bottom: 12px !important;
  }
  .lg-pl-3,
  .lg-px-3 {
    padding-left: 12px !important;
  }
  .lg-p-4 {
    padding: 16px !important;
  }
  .lg-pt-4,
  .lg-py-4 {
    padding-top: 16px !important;
  }
  .lg-pr-4,
  .lg-px-4 {
    padding-right: 16px !important;
  }
  .lg-pb-4,
  .lg-py-4 {
    padding-bottom: 16px !important;
  }
  .lg-pl-4,
  .lg-px-4 {
    padding-left: 16px !important;
  }
  .lg-p-5 {
    padding: 20px !important;
  }
  .lg-pt-5,
  .lg-py-5 {
    padding-top: 20px !important;
  }
  .lg-pr-5,
  .lg-px-5 {
    padding-right: 20px !important;
  }
  .lg-pb-5,
  .lg-py-5 {
    padding-bottom: 20px !important;
  }
  .lg-pl-5,
  .lg-px-5 {
    padding-left: 20px !important;
  }
  .lg-p-6 {
    padding: 24px !important;
  }
  .lg-pt-6,
  .lg-py-6 {
    padding-top: 24px !important;
  }
  .lg-pr-6,
  .lg-px-6 {
    padding-right: 24px !important;
  }
  .lg-pb-6,
  .lg-py-6 {
    padding-bottom: 24px !important;
  }
  .lg-pl-6,
  .lg-px-6 {
    padding-left: 24px !important;
  }
  .lg-p-7 {
    padding: 28px !important;
  }
  .lg-pt-7,
  .lg-py-7 {
    padding-top: 28px !important;
  }
  .lg-pr-7,
  .lg-px-7 {
    padding-right: 28px !important;
  }
  .lg-pb-7,
  .lg-py-7 {
    padding-bottom: 28px !important;
  }
  .lg-pl-7,
  .lg-px-7 {
    padding-left: 28px !important;
  }
  .lg-p-8 {
    padding: 32px !important;
  }
  .lg-pt-8,
  .lg-py-8 {
    padding-top: 32px !important;
  }
  .lg-pr-8,
  .lg-px-8 {
    padding-right: 32px !important;
  }
  .lg-pb-8,
  .lg-py-8 {
    padding-bottom: 32px !important;
  }
  .lg-pl-8,
  .lg-px-8 {
    padding-left: 32px !important;
  }
  .lg-p-9 {
    padding: 48px !important;
  }
  .lg-pt-9,
  .lg-py-9 {
    padding-top: 48px !important;
  }
  .lg-pr-9,
  .lg-px-9 {
    padding-right: 48px !important;
  }
  .lg-pb-9,
  .lg-py-9 {
    padding-bottom: 48px !important;
  }
  .lg-pl-9,
  .lg-px-9 {
    padding-left: 48px !important;
  }
  .lg-p-10 {
    padding: 64px !important;
  }
  .lg-pt-10,
  .lg-py-10 {
    padding-top: 64px !important;
  }
  .lg-pr-10,
  .lg-px-10 {
    padding-right: 64px !important;
  }
  .lg-pb-10,
  .lg-py-10 {
    padding-bottom: 64px !important;
  }
  .lg-pl-10,
  .lg-px-10 {
    padding-left: 64px !important;
  }
  .lg-p-11 {
    padding: 80px !important;
  }
  .lg-pt-11,
  .lg-py-11 {
    padding-top: 80px !important;
  }
  .lg-pr-11,
  .lg-px-11 {
    padding-right: 80px !important;
  }
  .lg-pb-11,
  .lg-py-11 {
    padding-bottom: 80px !important;
  }
  .lg-pl-11,
  .lg-px-11 {
    padding-left: 80px !important;
  }
  .lg-p-12 {
    padding: 120px !important;
  }
  .lg-pt-12,
  .lg-py-12 {
    padding-top: 120px !important;
  }
  .lg-pr-12,
  .lg-px-12 {
    padding-right: 120px !important;
  }
  .lg-pb-12,
  .lg-py-12 {
    padding-bottom: 120px !important;
  }
  .lg-pl-12,
  .lg-px-12 {
    padding-left: 120px !important;
  }
  .lg-p-13 {
    padding: 160px !important;
  }
  .lg-pt-13,
  .lg-py-13 {
    padding-top: 160px !important;
  }
  .lg-pr-13,
  .lg-px-13 {
    padding-right: 160px !important;
  }
  .lg-pb-13,
  .lg-py-13 {
    padding-bottom: 160px !important;
  }
  .lg-pl-13,
  .lg-px-13 {
    padding-left: 160px !important;
  }
  .lg-m-n1 {
    margin: -4px !important;
  }
  .lg-mt-n1,
  .lg-my-n1 {
    margin-top: -4px !important;
  }
  .lg-mr-n1,
  .lg-mx-n1 {
    margin-right: -4px !important;
  }
  .lg-mb-n1,
  .lg-my-n1 {
    margin-bottom: -4px !important;
  }
  .lg-ml-n1,
  .lg-mx-n1 {
    margin-left: -4px !important;
  }
  .lg-m-n2 {
    margin: -8px !important;
  }
  .lg-mt-n2,
  .lg-my-n2 {
    margin-top: -8px !important;
  }
  .lg-mr-n2,
  .lg-mx-n2 {
    margin-right: -8px !important;
  }
  .lg-mb-n2,
  .lg-my-n2 {
    margin-bottom: -8px !important;
  }
  .lg-ml-n2,
  .lg-mx-n2 {
    margin-left: -8px !important;
  }
  .lg-m-n3 {
    margin: -12px !important;
  }
  .lg-mt-n3,
  .lg-my-n3 {
    margin-top: -12px !important;
  }
  .lg-mr-n3,
  .lg-mx-n3 {
    margin-right: -12px !important;
  }
  .lg-mb-n3,
  .lg-my-n3 {
    margin-bottom: -12px !important;
  }
  .lg-ml-n3,
  .lg-mx-n3 {
    margin-left: -12px !important;
  }
  .lg-m-n4 {
    margin: -16px !important;
  }
  .lg-mt-n4,
  .lg-my-n4 {
    margin-top: -16px !important;
  }
  .lg-mr-n4,
  .lg-mx-n4 {
    margin-right: -16px !important;
  }
  .lg-mb-n4,
  .lg-my-n4 {
    margin-bottom: -16px !important;
  }
  .lg-ml-n4,
  .lg-mx-n4 {
    margin-left: -16px !important;
  }
  .lg-m-n5 {
    margin: -20px !important;
  }
  .lg-mt-n5,
  .lg-my-n5 {
    margin-top: -20px !important;
  }
  .lg-mr-n5,
  .lg-mx-n5 {
    margin-right: -20px !important;
  }
  .lg-mb-n5,
  .lg-my-n5 {
    margin-bottom: -20px !important;
  }
  .lg-ml-n5,
  .lg-mx-n5 {
    margin-left: -20px !important;
  }
  .lg-m-n6 {
    margin: -24px !important;
  }
  .lg-mt-n6,
  .lg-my-n6 {
    margin-top: -24px !important;
  }
  .lg-mr-n6,
  .lg-mx-n6 {
    margin-right: -24px !important;
  }
  .lg-mb-n6,
  .lg-my-n6 {
    margin-bottom: -24px !important;
  }
  .lg-ml-n6,
  .lg-mx-n6 {
    margin-left: -24px !important;
  }
  .lg-m-n7 {
    margin: -28px !important;
  }
  .lg-mt-n7,
  .lg-my-n7 {
    margin-top: -28px !important;
  }
  .lg-mr-n7,
  .lg-mx-n7 {
    margin-right: -28px !important;
  }
  .lg-mb-n7,
  .lg-my-n7 {
    margin-bottom: -28px !important;
  }
  .lg-ml-n7,
  .lg-mx-n7 {
    margin-left: -28px !important;
  }
  .lg-m-n8 {
    margin: -32px !important;
  }
  .lg-mt-n8,
  .lg-my-n8 {
    margin-top: -32px !important;
  }
  .lg-mr-n8,
  .lg-mx-n8 {
    margin-right: -32px !important;
  }
  .lg-mb-n8,
  .lg-my-n8 {
    margin-bottom: -32px !important;
  }
  .lg-ml-n8,
  .lg-mx-n8 {
    margin-left: -32px !important;
  }
  .lg-m-n9 {
    margin: -48px !important;
  }
  .lg-mt-n9,
  .lg-my-n9 {
    margin-top: -48px !important;
  }
  .lg-mr-n9,
  .lg-mx-n9 {
    margin-right: -48px !important;
  }
  .lg-mb-n9,
  .lg-my-n9 {
    margin-bottom: -48px !important;
  }
  .lg-ml-n9,
  .lg-mx-n9 {
    margin-left: -48px !important;
  }
  .lg-m-n10 {
    margin: -64px !important;
  }
  .lg-mt-n10,
  .lg-my-n10 {
    margin-top: -64px !important;
  }
  .lg-mr-n10,
  .lg-mx-n10 {
    margin-right: -64px !important;
  }
  .lg-mb-n10,
  .lg-my-n10 {
    margin-bottom: -64px !important;
  }
  .lg-ml-n10,
  .lg-mx-n10 {
    margin-left: -64px !important;
  }
  .lg-m-n11 {
    margin: -80px !important;
  }
  .lg-mt-n11,
  .lg-my-n11 {
    margin-top: -80px !important;
  }
  .lg-mr-n11,
  .lg-mx-n11 {
    margin-right: -80px !important;
  }
  .lg-mb-n11,
  .lg-my-n11 {
    margin-bottom: -80px !important;
  }
  .lg-ml-n11,
  .lg-mx-n11 {
    margin-left: -80px !important;
  }
  .lg-m-n12 {
    margin: -120px !important;
  }
  .lg-mt-n12,
  .lg-my-n12 {
    margin-top: -120px !important;
  }
  .lg-mr-n12,
  .lg-mx-n12 {
    margin-right: -120px !important;
  }
  .lg-mb-n12,
  .lg-my-n12 {
    margin-bottom: -120px !important;
  }
  .lg-ml-n12,
  .lg-mx-n12 {
    margin-left: -120px !important;
  }
  .lg-m-n13 {
    margin: -160px !important;
  }
  .lg-mt-n13,
  .lg-my-n13 {
    margin-top: -160px !important;
  }
  .lg-mr-n13,
  .lg-mx-n13 {
    margin-right: -160px !important;
  }
  .lg-mb-n13,
  .lg-my-n13 {
    margin-bottom: -160px !important;
  }
  .lg-ml-n13,
  .lg-mx-n13 {
    margin-left: -160px !important;
  }
  .lg-m-auto {
    margin: auto !important;
  }
  .lg-mt-auto,
  .lg-my-auto {
    margin-top: auto !important;
  }
  .lg-mr-auto,
  .lg-mx-auto {
    margin-right: auto !important;
  }
  .lg-mb-auto,
  .lg-my-auto {
    margin-bottom: auto !important;
  }
  .lg-ml-auto,
  .lg-mx-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1280px) {
  .xl-m-0 {
    margin: 0 !important;
  }
  .xl-mt-0,
  .xl-my-0 {
    margin-top: 0 !important;
  }
  .xl-mr-0,
  .xl-mx-0 {
    margin-right: 0 !important;
  }
  .xl-mb-0,
  .xl-my-0 {
    margin-bottom: 0 !important;
  }
  .xl-ml-0,
  .xl-mx-0 {
    margin-left: 0 !important;
  }
  .xl-m-1 {
    margin: 4px !important;
  }
  .xl-mt-1,
  .xl-my-1 {
    margin-top: 4px !important;
  }
  .xl-mr-1,
  .xl-mx-1 {
    margin-right: 4px !important;
  }
  .xl-mb-1,
  .xl-my-1 {
    margin-bottom: 4px !important;
  }
  .xl-ml-1,
  .xl-mx-1 {
    margin-left: 4px !important;
  }
  .xl-m-2 {
    margin: 8px !important;
  }
  .xl-mt-2,
  .xl-my-2 {
    margin-top: 8px !important;
  }
  .xl-mr-2,
  .xl-mx-2 {
    margin-right: 8px !important;
  }
  .xl-mb-2,
  .xl-my-2 {
    margin-bottom: 8px !important;
  }
  .xl-ml-2,
  .xl-mx-2 {
    margin-left: 8px !important;
  }
  .xl-m-3 {
    margin: 12px !important;
  }
  .xl-mt-3,
  .xl-my-3 {
    margin-top: 12px !important;
  }
  .xl-mr-3,
  .xl-mx-3 {
    margin-right: 12px !important;
  }
  .xl-mb-3,
  .xl-my-3 {
    margin-bottom: 12px !important;
  }
  .xl-ml-3,
  .xl-mx-3 {
    margin-left: 12px !important;
  }
  .xl-m-4 {
    margin: 16px !important;
  }
  .xl-mt-4,
  .xl-my-4 {
    margin-top: 16px !important;
  }
  .xl-mr-4,
  .xl-mx-4 {
    margin-right: 16px !important;
  }
  .xl-mb-4,
  .xl-my-4 {
    margin-bottom: 16px !important;
  }
  .xl-ml-4,
  .xl-mx-4 {
    margin-left: 16px !important;
  }
  .xl-m-5 {
    margin: 20px !important;
  }
  .xl-mt-5,
  .xl-my-5 {
    margin-top: 20px !important;
  }
  .xl-mr-5,
  .xl-mx-5 {
    margin-right: 20px !important;
  }
  .xl-mb-5,
  .xl-my-5 {
    margin-bottom: 20px !important;
  }
  .xl-ml-5,
  .xl-mx-5 {
    margin-left: 20px !important;
  }
  .xl-m-6 {
    margin: 24px !important;
  }
  .xl-mt-6,
  .xl-my-6 {
    margin-top: 24px !important;
  }
  .xl-mr-6,
  .xl-mx-6 {
    margin-right: 24px !important;
  }
  .xl-mb-6,
  .xl-my-6 {
    margin-bottom: 24px !important;
  }
  .xl-ml-6,
  .xl-mx-6 {
    margin-left: 24px !important;
  }
  .xl-m-7 {
    margin: 28px !important;
  }
  .xl-mt-7,
  .xl-my-7 {
    margin-top: 28px !important;
  }
  .xl-mr-7,
  .xl-mx-7 {
    margin-right: 28px !important;
  }
  .xl-mb-7,
  .xl-my-7 {
    margin-bottom: 28px !important;
  }
  .xl-ml-7,
  .xl-mx-7 {
    margin-left: 28px !important;
  }
  .xl-m-8 {
    margin: 32px !important;
  }
  .xl-mt-8,
  .xl-my-8 {
    margin-top: 32px !important;
  }
  .xl-mr-8,
  .xl-mx-8 {
    margin-right: 32px !important;
  }
  .xl-mb-8,
  .xl-my-8 {
    margin-bottom: 32px !important;
  }
  .xl-ml-8,
  .xl-mx-8 {
    margin-left: 32px !important;
  }
  .xl-m-9 {
    margin: 48px !important;
  }
  .xl-mt-9,
  .xl-my-9 {
    margin-top: 48px !important;
  }
  .xl-mr-9,
  .xl-mx-9 {
    margin-right: 48px !important;
  }
  .xl-mb-9,
  .xl-my-9 {
    margin-bottom: 48px !important;
  }
  .xl-ml-9,
  .xl-mx-9 {
    margin-left: 48px !important;
  }
  .xl-m-10 {
    margin: 64px !important;
  }
  .xl-mt-10,
  .xl-my-10 {
    margin-top: 64px !important;
  }
  .xl-mr-10,
  .xl-mx-10 {
    margin-right: 64px !important;
  }
  .xl-mb-10,
  .xl-my-10 {
    margin-bottom: 64px !important;
  }
  .xl-ml-10,
  .xl-mx-10 {
    margin-left: 64px !important;
  }
  .xl-m-11 {
    margin: 80px !important;
  }
  .xl-mt-11,
  .xl-my-11 {
    margin-top: 80px !important;
  }
  .xl-mr-11,
  .xl-mx-11 {
    margin-right: 80px !important;
  }
  .xl-mb-11,
  .xl-my-11 {
    margin-bottom: 80px !important;
  }
  .xl-ml-11,
  .xl-mx-11 {
    margin-left: 80px !important;
  }
  .xl-m-12 {
    margin: 120px !important;
  }
  .xl-mt-12,
  .xl-my-12 {
    margin-top: 120px !important;
  }
  .xl-mr-12,
  .xl-mx-12 {
    margin-right: 120px !important;
  }
  .xl-mb-12,
  .xl-my-12 {
    margin-bottom: 120px !important;
  }
  .xl-ml-12,
  .xl-mx-12 {
    margin-left: 120px !important;
  }
  .xl-m-13 {
    margin: 160px !important;
  }
  .xl-mt-13,
  .xl-my-13 {
    margin-top: 160px !important;
  }
  .xl-mr-13,
  .xl-mx-13 {
    margin-right: 160px !important;
  }
  .xl-mb-13,
  .xl-my-13 {
    margin-bottom: 160px !important;
  }
  .xl-ml-13,
  .xl-mx-13 {
    margin-left: 160px !important;
  }
  .xl-p-0 {
    padding: 0 !important;
  }
  .xl-pt-0,
  .xl-py-0 {
    padding-top: 0 !important;
  }
  .xl-pr-0,
  .xl-px-0 {
    padding-right: 0 !important;
  }
  .xl-pb-0,
  .xl-py-0 {
    padding-bottom: 0 !important;
  }
  .xl-pl-0,
  .xl-px-0 {
    padding-left: 0 !important;
  }
  .xl-p-1 {
    padding: 4px !important;
  }
  .xl-pt-1,
  .xl-py-1 {
    padding-top: 4px !important;
  }
  .xl-pr-1,
  .xl-px-1 {
    padding-right: 4px !important;
  }
  .xl-pb-1,
  .xl-py-1 {
    padding-bottom: 4px !important;
  }
  .xl-pl-1,
  .xl-px-1 {
    padding-left: 4px !important;
  }
  .xl-p-2 {
    padding: 8px !important;
  }
  .xl-pt-2,
  .xl-py-2 {
    padding-top: 8px !important;
  }
  .xl-pr-2,
  .xl-px-2 {
    padding-right: 8px !important;
  }
  .xl-pb-2,
  .xl-py-2 {
    padding-bottom: 8px !important;
  }
  .xl-pl-2,
  .xl-px-2 {
    padding-left: 8px !important;
  }
  .xl-p-3 {
    padding: 12px !important;
  }
  .xl-pt-3,
  .xl-py-3 {
    padding-top: 12px !important;
  }
  .xl-pr-3,
  .xl-px-3 {
    padding-right: 12px !important;
  }
  .xl-pb-3,
  .xl-py-3 {
    padding-bottom: 12px !important;
  }
  .xl-pl-3,
  .xl-px-3 {
    padding-left: 12px !important;
  }
  .xl-p-4 {
    padding: 16px !important;
  }
  .xl-pt-4,
  .xl-py-4 {
    padding-top: 16px !important;
  }
  .xl-pr-4,
  .xl-px-4 {
    padding-right: 16px !important;
  }
  .xl-pb-4,
  .xl-py-4 {
    padding-bottom: 16px !important;
  }
  .xl-pl-4,
  .xl-px-4 {
    padding-left: 16px !important;
  }
  .xl-p-5 {
    padding: 20px !important;
  }
  .xl-pt-5,
  .xl-py-5 {
    padding-top: 20px !important;
  }
  .xl-pr-5,
  .xl-px-5 {
    padding-right: 20px !important;
  }
  .xl-pb-5,
  .xl-py-5 {
    padding-bottom: 20px !important;
  }
  .xl-pl-5,
  .xl-px-5 {
    padding-left: 20px !important;
  }
  .xl-p-6 {
    padding: 24px !important;
  }
  .xl-pt-6,
  .xl-py-6 {
    padding-top: 24px !important;
  }
  .xl-pr-6,
  .xl-px-6 {
    padding-right: 24px !important;
  }
  .xl-pb-6,
  .xl-py-6 {
    padding-bottom: 24px !important;
  }
  .xl-pl-6,
  .xl-px-6 {
    padding-left: 24px !important;
  }
  .xl-p-7 {
    padding: 28px !important;
  }
  .xl-pt-7,
  .xl-py-7 {
    padding-top: 28px !important;
  }
  .xl-pr-7,
  .xl-px-7 {
    padding-right: 28px !important;
  }
  .xl-pb-7,
  .xl-py-7 {
    padding-bottom: 28px !important;
  }
  .xl-pl-7,
  .xl-px-7 {
    padding-left: 28px !important;
  }
  .xl-p-8 {
    padding: 32px !important;
  }
  .xl-pt-8,
  .xl-py-8 {
    padding-top: 32px !important;
  }
  .xl-pr-8,
  .xl-px-8 {
    padding-right: 32px !important;
  }
  .xl-pb-8,
  .xl-py-8 {
    padding-bottom: 32px !important;
  }
  .xl-pl-8,
  .xl-px-8 {
    padding-left: 32px !important;
  }
  .xl-p-9 {
    padding: 48px !important;
  }
  .xl-pt-9,
  .xl-py-9 {
    padding-top: 48px !important;
  }
  .xl-pr-9,
  .xl-px-9 {
    padding-right: 48px !important;
  }
  .xl-pb-9,
  .xl-py-9 {
    padding-bottom: 48px !important;
  }
  .xl-pl-9,
  .xl-px-9 {
    padding-left: 48px !important;
  }
  .xl-p-10 {
    padding: 64px !important;
  }
  .xl-pt-10,
  .xl-py-10 {
    padding-top: 64px !important;
  }
  .xl-pr-10,
  .xl-px-10 {
    padding-right: 64px !important;
  }
  .xl-pb-10,
  .xl-py-10 {
    padding-bottom: 64px !important;
  }
  .xl-pl-10,
  .xl-px-10 {
    padding-left: 64px !important;
  }
  .xl-p-11 {
    padding: 80px !important;
  }
  .xl-pt-11,
  .xl-py-11 {
    padding-top: 80px !important;
  }
  .xl-pr-11,
  .xl-px-11 {
    padding-right: 80px !important;
  }
  .xl-pb-11,
  .xl-py-11 {
    padding-bottom: 80px !important;
  }
  .xl-pl-11,
  .xl-px-11 {
    padding-left: 80px !important;
  }
  .xl-p-12 {
    padding: 120px !important;
  }
  .xl-pt-12,
  .xl-py-12 {
    padding-top: 120px !important;
  }
  .xl-pr-12,
  .xl-px-12 {
    padding-right: 120px !important;
  }
  .xl-pb-12,
  .xl-py-12 {
    padding-bottom: 120px !important;
  }
  .xl-pl-12,
  .xl-px-12 {
    padding-left: 120px !important;
  }
  .xl-p-13 {
    padding: 160px !important;
  }
  .xl-pt-13,
  .xl-py-13 {
    padding-top: 160px !important;
  }
  .xl-pr-13,
  .xl-px-13 {
    padding-right: 160px !important;
  }
  .xl-pb-13,
  .xl-py-13 {
    padding-bottom: 160px !important;
  }
  .xl-pl-13,
  .xl-px-13 {
    padding-left: 160px !important;
  }
  .xl-m-n1 {
    margin: -4px !important;
  }
  .xl-mt-n1,
  .xl-my-n1 {
    margin-top: -4px !important;
  }
  .xl-mr-n1,
  .xl-mx-n1 {
    margin-right: -4px !important;
  }
  .xl-mb-n1,
  .xl-my-n1 {
    margin-bottom: -4px !important;
  }
  .xl-ml-n1,
  .xl-mx-n1 {
    margin-left: -4px !important;
  }
  .xl-m-n2 {
    margin: -8px !important;
  }
  .xl-mt-n2,
  .xl-my-n2 {
    margin-top: -8px !important;
  }
  .xl-mr-n2,
  .xl-mx-n2 {
    margin-right: -8px !important;
  }
  .xl-mb-n2,
  .xl-my-n2 {
    margin-bottom: -8px !important;
  }
  .xl-ml-n2,
  .xl-mx-n2 {
    margin-left: -8px !important;
  }
  .xl-m-n3 {
    margin: -12px !important;
  }
  .xl-mt-n3,
  .xl-my-n3 {
    margin-top: -12px !important;
  }
  .xl-mr-n3,
  .xl-mx-n3 {
    margin-right: -12px !important;
  }
  .xl-mb-n3,
  .xl-my-n3 {
    margin-bottom: -12px !important;
  }
  .xl-ml-n3,
  .xl-mx-n3 {
    margin-left: -12px !important;
  }
  .xl-m-n4 {
    margin: -16px !important;
  }
  .xl-mt-n4,
  .xl-my-n4 {
    margin-top: -16px !important;
  }
  .xl-mr-n4,
  .xl-mx-n4 {
    margin-right: -16px !important;
  }
  .xl-mb-n4,
  .xl-my-n4 {
    margin-bottom: -16px !important;
  }
  .xl-ml-n4,
  .xl-mx-n4 {
    margin-left: -16px !important;
  }
  .xl-m-n5 {
    margin: -20px !important;
  }
  .xl-mt-n5,
  .xl-my-n5 {
    margin-top: -20px !important;
  }
  .xl-mr-n5,
  .xl-mx-n5 {
    margin-right: -20px !important;
  }
  .xl-mb-n5,
  .xl-my-n5 {
    margin-bottom: -20px !important;
  }
  .xl-ml-n5,
  .xl-mx-n5 {
    margin-left: -20px !important;
  }
  .xl-m-n6 {
    margin: -24px !important;
  }
  .xl-mt-n6,
  .xl-my-n6 {
    margin-top: -24px !important;
  }
  .xl-mr-n6,
  .xl-mx-n6 {
    margin-right: -24px !important;
  }
  .xl-mb-n6,
  .xl-my-n6 {
    margin-bottom: -24px !important;
  }
  .xl-ml-n6,
  .xl-mx-n6 {
    margin-left: -24px !important;
  }
  .xl-m-n7 {
    margin: -28px !important;
  }
  .xl-mt-n7,
  .xl-my-n7 {
    margin-top: -28px !important;
  }
  .xl-mr-n7,
  .xl-mx-n7 {
    margin-right: -28px !important;
  }
  .xl-mb-n7,
  .xl-my-n7 {
    margin-bottom: -28px !important;
  }
  .xl-ml-n7,
  .xl-mx-n7 {
    margin-left: -28px !important;
  }
  .xl-m-n8 {
    margin: -32px !important;
  }
  .xl-mt-n8,
  .xl-my-n8 {
    margin-top: -32px !important;
  }
  .xl-mr-n8,
  .xl-mx-n8 {
    margin-right: -32px !important;
  }
  .xl-mb-n8,
  .xl-my-n8 {
    margin-bottom: -32px !important;
  }
  .xl-ml-n8,
  .xl-mx-n8 {
    margin-left: -32px !important;
  }
  .xl-m-n9 {
    margin: -48px !important;
  }
  .xl-mt-n9,
  .xl-my-n9 {
    margin-top: -48px !important;
  }
  .xl-mr-n9,
  .xl-mx-n9 {
    margin-right: -48px !important;
  }
  .xl-mb-n9,
  .xl-my-n9 {
    margin-bottom: -48px !important;
  }
  .xl-ml-n9,
  .xl-mx-n9 {
    margin-left: -48px !important;
  }
  .xl-m-n10 {
    margin: -64px !important;
  }
  .xl-mt-n10,
  .xl-my-n10 {
    margin-top: -64px !important;
  }
  .xl-mr-n10,
  .xl-mx-n10 {
    margin-right: -64px !important;
  }
  .xl-mb-n10,
  .xl-my-n10 {
    margin-bottom: -64px !important;
  }
  .xl-ml-n10,
  .xl-mx-n10 {
    margin-left: -64px !important;
  }
  .xl-m-n11 {
    margin: -80px !important;
  }
  .xl-mt-n11,
  .xl-my-n11 {
    margin-top: -80px !important;
  }
  .xl-mr-n11,
  .xl-mx-n11 {
    margin-right: -80px !important;
  }
  .xl-mb-n11,
  .xl-my-n11 {
    margin-bottom: -80px !important;
  }
  .xl-ml-n11,
  .xl-mx-n11 {
    margin-left: -80px !important;
  }
  .xl-m-n12 {
    margin: -120px !important;
  }
  .xl-mt-n12,
  .xl-my-n12 {
    margin-top: -120px !important;
  }
  .xl-mr-n12,
  .xl-mx-n12 {
    margin-right: -120px !important;
  }
  .xl-mb-n12,
  .xl-my-n12 {
    margin-bottom: -120px !important;
  }
  .xl-ml-n12,
  .xl-mx-n12 {
    margin-left: -120px !important;
  }
  .xl-m-n13 {
    margin: -160px !important;
  }
  .xl-mt-n13,
  .xl-my-n13 {
    margin-top: -160px !important;
  }
  .xl-mr-n13,
  .xl-mx-n13 {
    margin-right: -160px !important;
  }
  .xl-mb-n13,
  .xl-my-n13 {
    margin-bottom: -160px !important;
  }
  .xl-ml-n13,
  .xl-mx-n13 {
    margin-left: -160px !important;
  }
  .xl-m-auto {
    margin: auto !important;
  }
  .xl-mt-auto,
  .xl-my-auto {
    margin-top: auto !important;
  }
  .xl-mr-auto,
  .xl-mx-auto {
    margin-right: auto !important;
  }
  .xl-mb-auto,
  .xl-my-auto {
    margin-bottom: auto !important;
  }
  .xl-ml-auto,
  .xl-mx-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1440px) {
  .xxl-m-0 {
    margin: 0 !important;
  }
  .xxl-mt-0,
  .xxl-my-0 {
    margin-top: 0 !important;
  }
  .xxl-mr-0,
  .xxl-mx-0 {
    margin-right: 0 !important;
  }
  .xxl-mb-0,
  .xxl-my-0 {
    margin-bottom: 0 !important;
  }
  .xxl-ml-0,
  .xxl-mx-0 {
    margin-left: 0 !important;
  }
  .xxl-m-1 {
    margin: 4px !important;
  }
  .xxl-mt-1,
  .xxl-my-1 {
    margin-top: 4px !important;
  }
  .xxl-mr-1,
  .xxl-mx-1 {
    margin-right: 4px !important;
  }
  .xxl-mb-1,
  .xxl-my-1 {
    margin-bottom: 4px !important;
  }
  .xxl-ml-1,
  .xxl-mx-1 {
    margin-left: 4px !important;
  }
  .xxl-m-2 {
    margin: 8px !important;
  }
  .xxl-mt-2,
  .xxl-my-2 {
    margin-top: 8px !important;
  }
  .xxl-mr-2,
  .xxl-mx-2 {
    margin-right: 8px !important;
  }
  .xxl-mb-2,
  .xxl-my-2 {
    margin-bottom: 8px !important;
  }
  .xxl-ml-2,
  .xxl-mx-2 {
    margin-left: 8px !important;
  }
  .xxl-m-3 {
    margin: 12px !important;
  }
  .xxl-mt-3,
  .xxl-my-3 {
    margin-top: 12px !important;
  }
  .xxl-mr-3,
  .xxl-mx-3 {
    margin-right: 12px !important;
  }
  .xxl-mb-3,
  .xxl-my-3 {
    margin-bottom: 12px !important;
  }
  .xxl-ml-3,
  .xxl-mx-3 {
    margin-left: 12px !important;
  }
  .xxl-m-4 {
    margin: 16px !important;
  }
  .xxl-mt-4,
  .xxl-my-4 {
    margin-top: 16px !important;
  }
  .xxl-mr-4,
  .xxl-mx-4 {
    margin-right: 16px !important;
  }
  .xxl-mb-4,
  .xxl-my-4 {
    margin-bottom: 16px !important;
  }
  .xxl-ml-4,
  .xxl-mx-4 {
    margin-left: 16px !important;
  }
  .xxl-m-5 {
    margin: 20px !important;
  }
  .xxl-mt-5,
  .xxl-my-5 {
    margin-top: 20px !important;
  }
  .xxl-mr-5,
  .xxl-mx-5 {
    margin-right: 20px !important;
  }
  .xxl-mb-5,
  .xxl-my-5 {
    margin-bottom: 20px !important;
  }
  .xxl-ml-5,
  .xxl-mx-5 {
    margin-left: 20px !important;
  }
  .xxl-m-6 {
    margin: 24px !important;
  }
  .xxl-mt-6,
  .xxl-my-6 {
    margin-top: 24px !important;
  }
  .xxl-mr-6,
  .xxl-mx-6 {
    margin-right: 24px !important;
  }
  .xxl-mb-6,
  .xxl-my-6 {
    margin-bottom: 24px !important;
  }
  .xxl-ml-6,
  .xxl-mx-6 {
    margin-left: 24px !important;
  }
  .xxl-m-7 {
    margin: 28px !important;
  }
  .xxl-mt-7,
  .xxl-my-7 {
    margin-top: 28px !important;
  }
  .xxl-mr-7,
  .xxl-mx-7 {
    margin-right: 28px !important;
  }
  .xxl-mb-7,
  .xxl-my-7 {
    margin-bottom: 28px !important;
  }
  .xxl-ml-7,
  .xxl-mx-7 {
    margin-left: 28px !important;
  }
  .xxl-m-8 {
    margin: 32px !important;
  }
  .xxl-mt-8,
  .xxl-my-8 {
    margin-top: 32px !important;
  }
  .xxl-mr-8,
  .xxl-mx-8 {
    margin-right: 32px !important;
  }
  .xxl-mb-8,
  .xxl-my-8 {
    margin-bottom: 32px !important;
  }
  .xxl-ml-8,
  .xxl-mx-8 {
    margin-left: 32px !important;
  }
  .xxl-m-9 {
    margin: 48px !important;
  }
  .xxl-mt-9,
  .xxl-my-9 {
    margin-top: 48px !important;
  }
  .xxl-mr-9,
  .xxl-mx-9 {
    margin-right: 48px !important;
  }
  .xxl-mb-9,
  .xxl-my-9 {
    margin-bottom: 48px !important;
  }
  .xxl-ml-9,
  .xxl-mx-9 {
    margin-left: 48px !important;
  }
  .xxl-m-10 {
    margin: 64px !important;
  }
  .xxl-mt-10,
  .xxl-my-10 {
    margin-top: 64px !important;
  }
  .xxl-mr-10,
  .xxl-mx-10 {
    margin-right: 64px !important;
  }
  .xxl-mb-10,
  .xxl-my-10 {
    margin-bottom: 64px !important;
  }
  .xxl-ml-10,
  .xxl-mx-10 {
    margin-left: 64px !important;
  }
  .xxl-m-11 {
    margin: 80px !important;
  }
  .xxl-mt-11,
  .xxl-my-11 {
    margin-top: 80px !important;
  }
  .xxl-mr-11,
  .xxl-mx-11 {
    margin-right: 80px !important;
  }
  .xxl-mb-11,
  .xxl-my-11 {
    margin-bottom: 80px !important;
  }
  .xxl-ml-11,
  .xxl-mx-11 {
    margin-left: 80px !important;
  }
  .xxl-m-12 {
    margin: 120px !important;
  }
  .xxl-mt-12,
  .xxl-my-12 {
    margin-top: 120px !important;
  }
  .xxl-mr-12,
  .xxl-mx-12 {
    margin-right: 120px !important;
  }
  .xxl-mb-12,
  .xxl-my-12 {
    margin-bottom: 120px !important;
  }
  .xxl-ml-12,
  .xxl-mx-12 {
    margin-left: 120px !important;
  }
  .xxl-m-13 {
    margin: 160px !important;
  }
  .xxl-mt-13,
  .xxl-my-13 {
    margin-top: 160px !important;
  }
  .xxl-mr-13,
  .xxl-mx-13 {
    margin-right: 160px !important;
  }
  .xxl-mb-13,
  .xxl-my-13 {
    margin-bottom: 160px !important;
  }
  .xxl-ml-13,
  .xxl-mx-13 {
    margin-left: 160px !important;
  }
  .xxl-p-0 {
    padding: 0 !important;
  }
  .xxl-pt-0,
  .xxl-py-0 {
    padding-top: 0 !important;
  }
  .xxl-pr-0,
  .xxl-px-0 {
    padding-right: 0 !important;
  }
  .xxl-pb-0,
  .xxl-py-0 {
    padding-bottom: 0 !important;
  }
  .xxl-pl-0,
  .xxl-px-0 {
    padding-left: 0 !important;
  }
  .xxl-p-1 {
    padding: 4px !important;
  }
  .xxl-pt-1,
  .xxl-py-1 {
    padding-top: 4px !important;
  }
  .xxl-pr-1,
  .xxl-px-1 {
    padding-right: 4px !important;
  }
  .xxl-pb-1,
  .xxl-py-1 {
    padding-bottom: 4px !important;
  }
  .xxl-pl-1,
  .xxl-px-1 {
    padding-left: 4px !important;
  }
  .xxl-p-2 {
    padding: 8px !important;
  }
  .xxl-pt-2,
  .xxl-py-2 {
    padding-top: 8px !important;
  }
  .xxl-pr-2,
  .xxl-px-2 {
    padding-right: 8px !important;
  }
  .xxl-pb-2,
  .xxl-py-2 {
    padding-bottom: 8px !important;
  }
  .xxl-pl-2,
  .xxl-px-2 {
    padding-left: 8px !important;
  }
  .xxl-p-3 {
    padding: 12px !important;
  }
  .xxl-pt-3,
  .xxl-py-3 {
    padding-top: 12px !important;
  }
  .xxl-pr-3,
  .xxl-px-3 {
    padding-right: 12px !important;
  }
  .xxl-pb-3,
  .xxl-py-3 {
    padding-bottom: 12px !important;
  }
  .xxl-pl-3,
  .xxl-px-3 {
    padding-left: 12px !important;
  }
  .xxl-p-4 {
    padding: 16px !important;
  }
  .xxl-pt-4,
  .xxl-py-4 {
    padding-top: 16px !important;
  }
  .xxl-pr-4,
  .xxl-px-4 {
    padding-right: 16px !important;
  }
  .xxl-pb-4,
  .xxl-py-4 {
    padding-bottom: 16px !important;
  }
  .xxl-pl-4,
  .xxl-px-4 {
    padding-left: 16px !important;
  }
  .xxl-p-5 {
    padding: 20px !important;
  }
  .xxl-pt-5,
  .xxl-py-5 {
    padding-top: 20px !important;
  }
  .xxl-pr-5,
  .xxl-px-5 {
    padding-right: 20px !important;
  }
  .xxl-pb-5,
  .xxl-py-5 {
    padding-bottom: 20px !important;
  }
  .xxl-pl-5,
  .xxl-px-5 {
    padding-left: 20px !important;
  }
  .xxl-p-6 {
    padding: 24px !important;
  }
  .xxl-pt-6,
  .xxl-py-6 {
    padding-top: 24px !important;
  }
  .xxl-pr-6,
  .xxl-px-6 {
    padding-right: 24px !important;
  }
  .xxl-pb-6,
  .xxl-py-6 {
    padding-bottom: 24px !important;
  }
  .xxl-pl-6,
  .xxl-px-6 {
    padding-left: 24px !important;
  }
  .xxl-p-7 {
    padding: 28px !important;
  }
  .xxl-pt-7,
  .xxl-py-7 {
    padding-top: 28px !important;
  }
  .xxl-pr-7,
  .xxl-px-7 {
    padding-right: 28px !important;
  }
  .xxl-pb-7,
  .xxl-py-7 {
    padding-bottom: 28px !important;
  }
  .xxl-pl-7,
  .xxl-px-7 {
    padding-left: 28px !important;
  }
  .xxl-p-8 {
    padding: 32px !important;
  }
  .xxl-pt-8,
  .xxl-py-8 {
    padding-top: 32px !important;
  }
  .xxl-pr-8,
  .xxl-px-8 {
    padding-right: 32px !important;
  }
  .xxl-pb-8,
  .xxl-py-8 {
    padding-bottom: 32px !important;
  }
  .xxl-pl-8,
  .xxl-px-8 {
    padding-left: 32px !important;
  }
  .xxl-p-9 {
    padding: 48px !important;
  }
  .xxl-pt-9,
  .xxl-py-9 {
    padding-top: 48px !important;
  }
  .xxl-pr-9,
  .xxl-px-9 {
    padding-right: 48px !important;
  }
  .xxl-pb-9,
  .xxl-py-9 {
    padding-bottom: 48px !important;
  }
  .xxl-pl-9,
  .xxl-px-9 {
    padding-left: 48px !important;
  }
  .xxl-p-10 {
    padding: 64px !important;
  }
  .xxl-pt-10,
  .xxl-py-10 {
    padding-top: 64px !important;
  }
  .xxl-pr-10,
  .xxl-px-10 {
    padding-right: 64px !important;
  }
  .xxl-pb-10,
  .xxl-py-10 {
    padding-bottom: 64px !important;
  }
  .xxl-pl-10,
  .xxl-px-10 {
    padding-left: 64px !important;
  }
  .xxl-p-11 {
    padding: 80px !important;
  }
  .xxl-pt-11,
  .xxl-py-11 {
    padding-top: 80px !important;
  }
  .xxl-pr-11,
  .xxl-px-11 {
    padding-right: 80px !important;
  }
  .xxl-pb-11,
  .xxl-py-11 {
    padding-bottom: 80px !important;
  }
  .xxl-pl-11,
  .xxl-px-11 {
    padding-left: 80px !important;
  }
  .xxl-p-12 {
    padding: 120px !important;
  }
  .xxl-pt-12,
  .xxl-py-12 {
    padding-top: 120px !important;
  }
  .xxl-pr-12,
  .xxl-px-12 {
    padding-right: 120px !important;
  }
  .xxl-pb-12,
  .xxl-py-12 {
    padding-bottom: 120px !important;
  }
  .xxl-pl-12,
  .xxl-px-12 {
    padding-left: 120px !important;
  }
  .xxl-p-13 {
    padding: 160px !important;
  }
  .xxl-pt-13,
  .xxl-py-13 {
    padding-top: 160px !important;
  }
  .xxl-pr-13,
  .xxl-px-13 {
    padding-right: 160px !important;
  }
  .xxl-pb-13,
  .xxl-py-13 {
    padding-bottom: 160px !important;
  }
  .xxl-pl-13,
  .xxl-px-13 {
    padding-left: 160px !important;
  }
  .xxl-m-n1 {
    margin: -4px !important;
  }
  .xxl-mt-n1,
  .xxl-my-n1 {
    margin-top: -4px !important;
  }
  .xxl-mr-n1,
  .xxl-mx-n1 {
    margin-right: -4px !important;
  }
  .xxl-mb-n1,
  .xxl-my-n1 {
    margin-bottom: -4px !important;
  }
  .xxl-ml-n1,
  .xxl-mx-n1 {
    margin-left: -4px !important;
  }
  .xxl-m-n2 {
    margin: -8px !important;
  }
  .xxl-mt-n2,
  .xxl-my-n2 {
    margin-top: -8px !important;
  }
  .xxl-mr-n2,
  .xxl-mx-n2 {
    margin-right: -8px !important;
  }
  .xxl-mb-n2,
  .xxl-my-n2 {
    margin-bottom: -8px !important;
  }
  .xxl-ml-n2,
  .xxl-mx-n2 {
    margin-left: -8px !important;
  }
  .xxl-m-n3 {
    margin: -12px !important;
  }
  .xxl-mt-n3,
  .xxl-my-n3 {
    margin-top: -12px !important;
  }
  .xxl-mr-n3,
  .xxl-mx-n3 {
    margin-right: -12px !important;
  }
  .xxl-mb-n3,
  .xxl-my-n3 {
    margin-bottom: -12px !important;
  }
  .xxl-ml-n3,
  .xxl-mx-n3 {
    margin-left: -12px !important;
  }
  .xxl-m-n4 {
    margin: -16px !important;
  }
  .xxl-mt-n4,
  .xxl-my-n4 {
    margin-top: -16px !important;
  }
  .xxl-mr-n4,
  .xxl-mx-n4 {
    margin-right: -16px !important;
  }
  .xxl-mb-n4,
  .xxl-my-n4 {
    margin-bottom: -16px !important;
  }
  .xxl-ml-n4,
  .xxl-mx-n4 {
    margin-left: -16px !important;
  }
  .xxl-m-n5 {
    margin: -20px !important;
  }
  .xxl-mt-n5,
  .xxl-my-n5 {
    margin-top: -20px !important;
  }
  .xxl-mr-n5,
  .xxl-mx-n5 {
    margin-right: -20px !important;
  }
  .xxl-mb-n5,
  .xxl-my-n5 {
    margin-bottom: -20px !important;
  }
  .xxl-ml-n5,
  .xxl-mx-n5 {
    margin-left: -20px !important;
  }
  .xxl-m-n6 {
    margin: -24px !important;
  }
  .xxl-mt-n6,
  .xxl-my-n6 {
    margin-top: -24px !important;
  }
  .xxl-mr-n6,
  .xxl-mx-n6 {
    margin-right: -24px !important;
  }
  .xxl-mb-n6,
  .xxl-my-n6 {
    margin-bottom: -24px !important;
  }
  .xxl-ml-n6,
  .xxl-mx-n6 {
    margin-left: -24px !important;
  }
  .xxl-m-n7 {
    margin: -28px !important;
  }
  .xxl-mt-n7,
  .xxl-my-n7 {
    margin-top: -28px !important;
  }
  .xxl-mr-n7,
  .xxl-mx-n7 {
    margin-right: -28px !important;
  }
  .xxl-mb-n7,
  .xxl-my-n7 {
    margin-bottom: -28px !important;
  }
  .xxl-ml-n7,
  .xxl-mx-n7 {
    margin-left: -28px !important;
  }
  .xxl-m-n8 {
    margin: -32px !important;
  }
  .xxl-mt-n8,
  .xxl-my-n8 {
    margin-top: -32px !important;
  }
  .xxl-mr-n8,
  .xxl-mx-n8 {
    margin-right: -32px !important;
  }
  .xxl-mb-n8,
  .xxl-my-n8 {
    margin-bottom: -32px !important;
  }
  .xxl-ml-n8,
  .xxl-mx-n8 {
    margin-left: -32px !important;
  }
  .xxl-m-n9 {
    margin: -48px !important;
  }
  .xxl-mt-n9,
  .xxl-my-n9 {
    margin-top: -48px !important;
  }
  .xxl-mr-n9,
  .xxl-mx-n9 {
    margin-right: -48px !important;
  }
  .xxl-mb-n9,
  .xxl-my-n9 {
    margin-bottom: -48px !important;
  }
  .xxl-ml-n9,
  .xxl-mx-n9 {
    margin-left: -48px !important;
  }
  .xxl-m-n10 {
    margin: -64px !important;
  }
  .xxl-mt-n10,
  .xxl-my-n10 {
    margin-top: -64px !important;
  }
  .xxl-mr-n10,
  .xxl-mx-n10 {
    margin-right: -64px !important;
  }
  .xxl-mb-n10,
  .xxl-my-n10 {
    margin-bottom: -64px !important;
  }
  .xxl-ml-n10,
  .xxl-mx-n10 {
    margin-left: -64px !important;
  }
  .xxl-m-n11 {
    margin: -80px !important;
  }
  .xxl-mt-n11,
  .xxl-my-n11 {
    margin-top: -80px !important;
  }
  .xxl-mr-n11,
  .xxl-mx-n11 {
    margin-right: -80px !important;
  }
  .xxl-mb-n11,
  .xxl-my-n11 {
    margin-bottom: -80px !important;
  }
  .xxl-ml-n11,
  .xxl-mx-n11 {
    margin-left: -80px !important;
  }
  .xxl-m-n12 {
    margin: -120px !important;
  }
  .xxl-mt-n12,
  .xxl-my-n12 {
    margin-top: -120px !important;
  }
  .xxl-mr-n12,
  .xxl-mx-n12 {
    margin-right: -120px !important;
  }
  .xxl-mb-n12,
  .xxl-my-n12 {
    margin-bottom: -120px !important;
  }
  .xxl-ml-n12,
  .xxl-mx-n12 {
    margin-left: -120px !important;
  }
  .xxl-m-n13 {
    margin: -160px !important;
  }
  .xxl-mt-n13,
  .xxl-my-n13 {
    margin-top: -160px !important;
  }
  .xxl-mr-n13,
  .xxl-mx-n13 {
    margin-right: -160px !important;
  }
  .xxl-mb-n13,
  .xxl-my-n13 {
    margin-bottom: -160px !important;
  }
  .xxl-ml-n13,
  .xxl-mx-n13 {
    margin-left: -160px !important;
  }
  .xxl-m-auto {
    margin: auto !important;
  }
  .xxl-mt-auto,
  .xxl-my-auto {
    margin-top: auto !important;
  }
  .xxl-mr-auto,
  .xxl-mx-auto {
    margin-right: auto !important;
  }
  .xxl-mb-auto,
  .xxl-my-auto {
    margin-bottom: auto !important;
  }
  .xxl-ml-auto,
  .xxl-mx-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1712px) {
  .xxxl-m-0 {
    margin: 0 !important;
  }
  .xxxl-mt-0,
  .xxxl-my-0 {
    margin-top: 0 !important;
  }
  .xxxl-mr-0,
  .xxxl-mx-0 {
    margin-right: 0 !important;
  }
  .xxxl-mb-0,
  .xxxl-my-0 {
    margin-bottom: 0 !important;
  }
  .xxxl-ml-0,
  .xxxl-mx-0 {
    margin-left: 0 !important;
  }
  .xxxl-m-1 {
    margin: 4px !important;
  }
  .xxxl-mt-1,
  .xxxl-my-1 {
    margin-top: 4px !important;
  }
  .xxxl-mr-1,
  .xxxl-mx-1 {
    margin-right: 4px !important;
  }
  .xxxl-mb-1,
  .xxxl-my-1 {
    margin-bottom: 4px !important;
  }
  .xxxl-ml-1,
  .xxxl-mx-1 {
    margin-left: 4px !important;
  }
  .xxxl-m-2 {
    margin: 8px !important;
  }
  .xxxl-mt-2,
  .xxxl-my-2 {
    margin-top: 8px !important;
  }
  .xxxl-mr-2,
  .xxxl-mx-2 {
    margin-right: 8px !important;
  }
  .xxxl-mb-2,
  .xxxl-my-2 {
    margin-bottom: 8px !important;
  }
  .xxxl-ml-2,
  .xxxl-mx-2 {
    margin-left: 8px !important;
  }
  .xxxl-m-3 {
    margin: 12px !important;
  }
  .xxxl-mt-3,
  .xxxl-my-3 {
    margin-top: 12px !important;
  }
  .xxxl-mr-3,
  .xxxl-mx-3 {
    margin-right: 12px !important;
  }
  .xxxl-mb-3,
  .xxxl-my-3 {
    margin-bottom: 12px !important;
  }
  .xxxl-ml-3,
  .xxxl-mx-3 {
    margin-left: 12px !important;
  }
  .xxxl-m-4 {
    margin: 16px !important;
  }
  .xxxl-mt-4,
  .xxxl-my-4 {
    margin-top: 16px !important;
  }
  .xxxl-mr-4,
  .xxxl-mx-4 {
    margin-right: 16px !important;
  }
  .xxxl-mb-4,
  .xxxl-my-4 {
    margin-bottom: 16px !important;
  }
  .xxxl-ml-4,
  .xxxl-mx-4 {
    margin-left: 16px !important;
  }
  .xxxl-m-5 {
    margin: 20px !important;
  }
  .xxxl-mt-5,
  .xxxl-my-5 {
    margin-top: 20px !important;
  }
  .xxxl-mr-5,
  .xxxl-mx-5 {
    margin-right: 20px !important;
  }
  .xxxl-mb-5,
  .xxxl-my-5 {
    margin-bottom: 20px !important;
  }
  .xxxl-ml-5,
  .xxxl-mx-5 {
    margin-left: 20px !important;
  }
  .xxxl-m-6 {
    margin: 24px !important;
  }
  .xxxl-mt-6,
  .xxxl-my-6 {
    margin-top: 24px !important;
  }
  .xxxl-mr-6,
  .xxxl-mx-6 {
    margin-right: 24px !important;
  }
  .xxxl-mb-6,
  .xxxl-my-6 {
    margin-bottom: 24px !important;
  }
  .xxxl-ml-6,
  .xxxl-mx-6 {
    margin-left: 24px !important;
  }
  .xxxl-m-7 {
    margin: 28px !important;
  }
  .xxxl-mt-7,
  .xxxl-my-7 {
    margin-top: 28px !important;
  }
  .xxxl-mr-7,
  .xxxl-mx-7 {
    margin-right: 28px !important;
  }
  .xxxl-mb-7,
  .xxxl-my-7 {
    margin-bottom: 28px !important;
  }
  .xxxl-ml-7,
  .xxxl-mx-7 {
    margin-left: 28px !important;
  }
  .xxxl-m-8 {
    margin: 32px !important;
  }
  .xxxl-mt-8,
  .xxxl-my-8 {
    margin-top: 32px !important;
  }
  .xxxl-mr-8,
  .xxxl-mx-8 {
    margin-right: 32px !important;
  }
  .xxxl-mb-8,
  .xxxl-my-8 {
    margin-bottom: 32px !important;
  }
  .xxxl-ml-8,
  .xxxl-mx-8 {
    margin-left: 32px !important;
  }
  .xxxl-m-9 {
    margin: 48px !important;
  }
  .xxxl-mt-9,
  .xxxl-my-9 {
    margin-top: 48px !important;
  }
  .xxxl-mr-9,
  .xxxl-mx-9 {
    margin-right: 48px !important;
  }
  .xxxl-mb-9,
  .xxxl-my-9 {
    margin-bottom: 48px !important;
  }
  .xxxl-ml-9,
  .xxxl-mx-9 {
    margin-left: 48px !important;
  }
  .xxxl-m-10 {
    margin: 64px !important;
  }
  .xxxl-mt-10,
  .xxxl-my-10 {
    margin-top: 64px !important;
  }
  .xxxl-mr-10,
  .xxxl-mx-10 {
    margin-right: 64px !important;
  }
  .xxxl-mb-10,
  .xxxl-my-10 {
    margin-bottom: 64px !important;
  }
  .xxxl-ml-10,
  .xxxl-mx-10 {
    margin-left: 64px !important;
  }
  .xxxl-m-11 {
    margin: 80px !important;
  }
  .xxxl-mt-11,
  .xxxl-my-11 {
    margin-top: 80px !important;
  }
  .xxxl-mr-11,
  .xxxl-mx-11 {
    margin-right: 80px !important;
  }
  .xxxl-mb-11,
  .xxxl-my-11 {
    margin-bottom: 80px !important;
  }
  .xxxl-ml-11,
  .xxxl-mx-11 {
    margin-left: 80px !important;
  }
  .xxxl-m-12 {
    margin: 120px !important;
  }
  .xxxl-mt-12,
  .xxxl-my-12 {
    margin-top: 120px !important;
  }
  .xxxl-mr-12,
  .xxxl-mx-12 {
    margin-right: 120px !important;
  }
  .xxxl-mb-12,
  .xxxl-my-12 {
    margin-bottom: 120px !important;
  }
  .xxxl-ml-12,
  .xxxl-mx-12 {
    margin-left: 120px !important;
  }
  .xxxl-m-13 {
    margin: 160px !important;
  }
  .xxxl-mt-13,
  .xxxl-my-13 {
    margin-top: 160px !important;
  }
  .xxxl-mr-13,
  .xxxl-mx-13 {
    margin-right: 160px !important;
  }
  .xxxl-mb-13,
  .xxxl-my-13 {
    margin-bottom: 160px !important;
  }
  .xxxl-ml-13,
  .xxxl-mx-13 {
    margin-left: 160px !important;
  }
  .xxxl-p-0 {
    padding: 0 !important;
  }
  .xxxl-pt-0,
  .xxxl-py-0 {
    padding-top: 0 !important;
  }
  .xxxl-pr-0,
  .xxxl-px-0 {
    padding-right: 0 !important;
  }
  .xxxl-pb-0,
  .xxxl-py-0 {
    padding-bottom: 0 !important;
  }
  .xxxl-pl-0,
  .xxxl-px-0 {
    padding-left: 0 !important;
  }
  .xxxl-p-1 {
    padding: 4px !important;
  }
  .xxxl-pt-1,
  .xxxl-py-1 {
    padding-top: 4px !important;
  }
  .xxxl-pr-1,
  .xxxl-px-1 {
    padding-right: 4px !important;
  }
  .xxxl-pb-1,
  .xxxl-py-1 {
    padding-bottom: 4px !important;
  }
  .xxxl-pl-1,
  .xxxl-px-1 {
    padding-left: 4px !important;
  }
  .xxxl-p-2 {
    padding: 8px !important;
  }
  .xxxl-pt-2,
  .xxxl-py-2 {
    padding-top: 8px !important;
  }
  .xxxl-pr-2,
  .xxxl-px-2 {
    padding-right: 8px !important;
  }
  .xxxl-pb-2,
  .xxxl-py-2 {
    padding-bottom: 8px !important;
  }
  .xxxl-pl-2,
  .xxxl-px-2 {
    padding-left: 8px !important;
  }
  .xxxl-p-3 {
    padding: 12px !important;
  }
  .xxxl-pt-3,
  .xxxl-py-3 {
    padding-top: 12px !important;
  }
  .xxxl-pr-3,
  .xxxl-px-3 {
    padding-right: 12px !important;
  }
  .xxxl-pb-3,
  .xxxl-py-3 {
    padding-bottom: 12px !important;
  }
  .xxxl-pl-3,
  .xxxl-px-3 {
    padding-left: 12px !important;
  }
  .xxxl-p-4 {
    padding: 16px !important;
  }
  .xxxl-pt-4,
  .xxxl-py-4 {
    padding-top: 16px !important;
  }
  .xxxl-pr-4,
  .xxxl-px-4 {
    padding-right: 16px !important;
  }
  .xxxl-pb-4,
  .xxxl-py-4 {
    padding-bottom: 16px !important;
  }
  .xxxl-pl-4,
  .xxxl-px-4 {
    padding-left: 16px !important;
  }
  .xxxl-p-5 {
    padding: 20px !important;
  }
  .xxxl-pt-5,
  .xxxl-py-5 {
    padding-top: 20px !important;
  }
  .xxxl-pr-5,
  .xxxl-px-5 {
    padding-right: 20px !important;
  }
  .xxxl-pb-5,
  .xxxl-py-5 {
    padding-bottom: 20px !important;
  }
  .xxxl-pl-5,
  .xxxl-px-5 {
    padding-left: 20px !important;
  }
  .xxxl-p-6 {
    padding: 24px !important;
  }
  .xxxl-pt-6,
  .xxxl-py-6 {
    padding-top: 24px !important;
  }
  .xxxl-pr-6,
  .xxxl-px-6 {
    padding-right: 24px !important;
  }
  .xxxl-pb-6,
  .xxxl-py-6 {
    padding-bottom: 24px !important;
  }
  .xxxl-pl-6,
  .xxxl-px-6 {
    padding-left: 24px !important;
  }
  .xxxl-p-7 {
    padding: 28px !important;
  }
  .xxxl-pt-7,
  .xxxl-py-7 {
    padding-top: 28px !important;
  }
  .xxxl-pr-7,
  .xxxl-px-7 {
    padding-right: 28px !important;
  }
  .xxxl-pb-7,
  .xxxl-py-7 {
    padding-bottom: 28px !important;
  }
  .xxxl-pl-7,
  .xxxl-px-7 {
    padding-left: 28px !important;
  }
  .xxxl-p-8 {
    padding: 32px !important;
  }
  .xxxl-pt-8,
  .xxxl-py-8 {
    padding-top: 32px !important;
  }
  .xxxl-pr-8,
  .xxxl-px-8 {
    padding-right: 32px !important;
  }
  .xxxl-pb-8,
  .xxxl-py-8 {
    padding-bottom: 32px !important;
  }
  .xxxl-pl-8,
  .xxxl-px-8 {
    padding-left: 32px !important;
  }
  .xxxl-p-9 {
    padding: 48px !important;
  }
  .xxxl-pt-9,
  .xxxl-py-9 {
    padding-top: 48px !important;
  }
  .xxxl-pr-9,
  .xxxl-px-9 {
    padding-right: 48px !important;
  }
  .xxxl-pb-9,
  .xxxl-py-9 {
    padding-bottom: 48px !important;
  }
  .xxxl-pl-9,
  .xxxl-px-9 {
    padding-left: 48px !important;
  }
  .xxxl-p-10 {
    padding: 64px !important;
  }
  .xxxl-pt-10,
  .xxxl-py-10 {
    padding-top: 64px !important;
  }
  .xxxl-pr-10,
  .xxxl-px-10 {
    padding-right: 64px !important;
  }
  .xxxl-pb-10,
  .xxxl-py-10 {
    padding-bottom: 64px !important;
  }
  .xxxl-pl-10,
  .xxxl-px-10 {
    padding-left: 64px !important;
  }
  .xxxl-p-11 {
    padding: 80px !important;
  }
  .xxxl-pt-11,
  .xxxl-py-11 {
    padding-top: 80px !important;
  }
  .xxxl-pr-11,
  .xxxl-px-11 {
    padding-right: 80px !important;
  }
  .xxxl-pb-11,
  .xxxl-py-11 {
    padding-bottom: 80px !important;
  }
  .xxxl-pl-11,
  .xxxl-px-11 {
    padding-left: 80px !important;
  }
  .xxxl-p-12 {
    padding: 120px !important;
  }
  .xxxl-pt-12,
  .xxxl-py-12 {
    padding-top: 120px !important;
  }
  .xxxl-pr-12,
  .xxxl-px-12 {
    padding-right: 120px !important;
  }
  .xxxl-pb-12,
  .xxxl-py-12 {
    padding-bottom: 120px !important;
  }
  .xxxl-pl-12,
  .xxxl-px-12 {
    padding-left: 120px !important;
  }
  .xxxl-p-13 {
    padding: 160px !important;
  }
  .xxxl-pt-13,
  .xxxl-py-13 {
    padding-top: 160px !important;
  }
  .xxxl-pr-13,
  .xxxl-px-13 {
    padding-right: 160px !important;
  }
  .xxxl-pb-13,
  .xxxl-py-13 {
    padding-bottom: 160px !important;
  }
  .xxxl-pl-13,
  .xxxl-px-13 {
    padding-left: 160px !important;
  }
  .xxxl-m-n1 {
    margin: -4px !important;
  }
  .xxxl-mt-n1,
  .xxxl-my-n1 {
    margin-top: -4px !important;
  }
  .xxxl-mr-n1,
  .xxxl-mx-n1 {
    margin-right: -4px !important;
  }
  .xxxl-mb-n1,
  .xxxl-my-n1 {
    margin-bottom: -4px !important;
  }
  .xxxl-ml-n1,
  .xxxl-mx-n1 {
    margin-left: -4px !important;
  }
  .xxxl-m-n2 {
    margin: -8px !important;
  }
  .xxxl-mt-n2,
  .xxxl-my-n2 {
    margin-top: -8px !important;
  }
  .xxxl-mr-n2,
  .xxxl-mx-n2 {
    margin-right: -8px !important;
  }
  .xxxl-mb-n2,
  .xxxl-my-n2 {
    margin-bottom: -8px !important;
  }
  .xxxl-ml-n2,
  .xxxl-mx-n2 {
    margin-left: -8px !important;
  }
  .xxxl-m-n3 {
    margin: -12px !important;
  }
  .xxxl-mt-n3,
  .xxxl-my-n3 {
    margin-top: -12px !important;
  }
  .xxxl-mr-n3,
  .xxxl-mx-n3 {
    margin-right: -12px !important;
  }
  .xxxl-mb-n3,
  .xxxl-my-n3 {
    margin-bottom: -12px !important;
  }
  .xxxl-ml-n3,
  .xxxl-mx-n3 {
    margin-left: -12px !important;
  }
  .xxxl-m-n4 {
    margin: -16px !important;
  }
  .xxxl-mt-n4,
  .xxxl-my-n4 {
    margin-top: -16px !important;
  }
  .xxxl-mr-n4,
  .xxxl-mx-n4 {
    margin-right: -16px !important;
  }
  .xxxl-mb-n4,
  .xxxl-my-n4 {
    margin-bottom: -16px !important;
  }
  .xxxl-ml-n4,
  .xxxl-mx-n4 {
    margin-left: -16px !important;
  }
  .xxxl-m-n5 {
    margin: -20px !important;
  }
  .xxxl-mt-n5,
  .xxxl-my-n5 {
    margin-top: -20px !important;
  }
  .xxxl-mr-n5,
  .xxxl-mx-n5 {
    margin-right: -20px !important;
  }
  .xxxl-mb-n5,
  .xxxl-my-n5 {
    margin-bottom: -20px !important;
  }
  .xxxl-ml-n5,
  .xxxl-mx-n5 {
    margin-left: -20px !important;
  }
  .xxxl-m-n6 {
    margin: -24px !important;
  }
  .xxxl-mt-n6,
  .xxxl-my-n6 {
    margin-top: -24px !important;
  }
  .xxxl-mr-n6,
  .xxxl-mx-n6 {
    margin-right: -24px !important;
  }
  .xxxl-mb-n6,
  .xxxl-my-n6 {
    margin-bottom: -24px !important;
  }
  .xxxl-ml-n6,
  .xxxl-mx-n6 {
    margin-left: -24px !important;
  }
  .xxxl-m-n7 {
    margin: -28px !important;
  }
  .xxxl-mt-n7,
  .xxxl-my-n7 {
    margin-top: -28px !important;
  }
  .xxxl-mr-n7,
  .xxxl-mx-n7 {
    margin-right: -28px !important;
  }
  .xxxl-mb-n7,
  .xxxl-my-n7 {
    margin-bottom: -28px !important;
  }
  .xxxl-ml-n7,
  .xxxl-mx-n7 {
    margin-left: -28px !important;
  }
  .xxxl-m-n8 {
    margin: -32px !important;
  }
  .xxxl-mt-n8,
  .xxxl-my-n8 {
    margin-top: -32px !important;
  }
  .xxxl-mr-n8,
  .xxxl-mx-n8 {
    margin-right: -32px !important;
  }
  .xxxl-mb-n8,
  .xxxl-my-n8 {
    margin-bottom: -32px !important;
  }
  .xxxl-ml-n8,
  .xxxl-mx-n8 {
    margin-left: -32px !important;
  }
  .xxxl-m-n9 {
    margin: -48px !important;
  }
  .xxxl-mt-n9,
  .xxxl-my-n9 {
    margin-top: -48px !important;
  }
  .xxxl-mr-n9,
  .xxxl-mx-n9 {
    margin-right: -48px !important;
  }
  .xxxl-mb-n9,
  .xxxl-my-n9 {
    margin-bottom: -48px !important;
  }
  .xxxl-ml-n9,
  .xxxl-mx-n9 {
    margin-left: -48px !important;
  }
  .xxxl-m-n10 {
    margin: -64px !important;
  }
  .xxxl-mt-n10,
  .xxxl-my-n10 {
    margin-top: -64px !important;
  }
  .xxxl-mr-n10,
  .xxxl-mx-n10 {
    margin-right: -64px !important;
  }
  .xxxl-mb-n10,
  .xxxl-my-n10 {
    margin-bottom: -64px !important;
  }
  .xxxl-ml-n10,
  .xxxl-mx-n10 {
    margin-left: -64px !important;
  }
  .xxxl-m-n11 {
    margin: -80px !important;
  }
  .xxxl-mt-n11,
  .xxxl-my-n11 {
    margin-top: -80px !important;
  }
  .xxxl-mr-n11,
  .xxxl-mx-n11 {
    margin-right: -80px !important;
  }
  .xxxl-mb-n11,
  .xxxl-my-n11 {
    margin-bottom: -80px !important;
  }
  .xxxl-ml-n11,
  .xxxl-mx-n11 {
    margin-left: -80px !important;
  }
  .xxxl-m-n12 {
    margin: -120px !important;
  }
  .xxxl-mt-n12,
  .xxxl-my-n12 {
    margin-top: -120px !important;
  }
  .xxxl-mr-n12,
  .xxxl-mx-n12 {
    margin-right: -120px !important;
  }
  .xxxl-mb-n12,
  .xxxl-my-n12 {
    margin-bottom: -120px !important;
  }
  .xxxl-ml-n12,
  .xxxl-mx-n12 {
    margin-left: -120px !important;
  }
  .xxxl-m-n13 {
    margin: -160px !important;
  }
  .xxxl-mt-n13,
  .xxxl-my-n13 {
    margin-top: -160px !important;
  }
  .xxxl-mr-n13,
  .xxxl-mx-n13 {
    margin-right: -160px !important;
  }
  .xxxl-mb-n13,
  .xxxl-my-n13 {
    margin-bottom: -160px !important;
  }
  .xxxl-ml-n13,
  .xxxl-mx-n13 {
    margin-left: -160px !important;
  }
  .xxxl-m-auto {
    margin: auto !important;
  }
  .xxxl-mt-auto,
  .xxxl-my-auto {
    margin-top: auto !important;
  }
  .xxxl-mr-auto,
  .xxxl-mx-auto {
    margin-right: auto !important;
  }
  .xxxl-mb-auto,
  .xxxl-my-auto {
    margin-bottom: auto !important;
  }
  .xxxl-ml-auto,
  .xxxl-mx-auto {
    margin-left: auto !important;
  }
}
.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url('material-symbols-outlined.woff2') format("woff2");
}
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Symbols Rounded";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url('material-symbols-rounded.woff2') format("woff2");
}
.material-symbols-rounded {
  font-family: "Material Symbols Rounded";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Symbols Sharp";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url('material-symbols-sharp.woff2') format("woff2");
}
.material-symbols-sharp {
  font-family: "Material Symbols Sharp";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

.material-icons {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

.theme-light .mat-icon {
  --mat-icon-grade: 0;
}

.theme-dark .mat-icon {
  --mat-icon-grade: -25;
}

.mat-icon {
  --mat-icon-size: 24;
  --mat-icon-fill: 0;
  --mat-icon-weight: 400;
  --mat-icon-grade: 0;
  --mat-icon-optical-size: var(--mat-icon-size);
  display: inline-block;
  width: auto !important;
  height: auto !important;
  line-height: 1;
  font-size: calc(var(--mat-icon-size) * 1px) !important;
  font-variation-settings: "FILL" var(--mat-icon-fill), "wght" var(--mat-icon-weight), "GRAD" var(--mat-icon-grade), "opsz" var(--mat-icon-optical-size) !important;
}
.mat-icon[svgIcon], .mat-icon[data-mat-icon-type=svg] {
  width: calc(var(--mat-icon-size) * 1px) !important;
  height: calc(var(--mat-icon-size) * 1px) !important;
}
.mat-icon.fill-1 {
  --mat-icon-fill: 1;
}
.mat-icon.fill-0 {
  --mat-icon-fill: 0;
}
.mat-icon.emphasis-low {
  --mat-icon-grade: -25;
}
.mat-icon.emphasis-normal {
  --mat-icon-grade: 0;
}
.mat-icon.emphasis-high {
  --mat-icon-grade: 200;
}
.mat-icon.s-16, .mat-icon.icon-16 {
  --mat-icon-size: 16;
}
.mat-icon.s-18, .mat-icon.icon-18 {
  --mat-icon-size: 18;
}
.mat-icon.s-20 {
  --mat-icon-size: 20;
}
.mat-icon.s-24 {
  --mat-icon-size: 24;
}
.mat-icon.s-32, .mat-icon.icon-32 {
  --mat-icon-size: 32;
}
.mat-icon.s-40 {
  --mat-icon-size: 40;
}
.mat-icon.s-48 {
  --mat-icon-size: 48;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-left,
.text-end {
  text-align: end !important;
}

.text-right,
.text-start {
  text-align: start !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .sm-text-left,
  .sm-text-end {
    text-align: end !important;
  }
  .sm-text-right,
  .sm-text-start {
    text-align: start !important;
  }
  .sm-text-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .md-text-left,
  .md-text-end {
    text-align: end !important;
  }
  .md-text-right,
  .md-text-start {
    text-align: start !important;
  }
  .md-text-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .lg-text-left,
  .lg-text-end {
    text-align: end !important;
  }
  .lg-text-right,
  .lg-text-start {
    text-align: start !important;
  }
  .lg-text-center {
    text-align: center !important;
  }
}
@media (min-width: 1280px) {
  .xl-text-left,
  .xl-text-end {
    text-align: end !important;
  }
  .xl-text-right,
  .xl-text-start {
    text-align: start !important;
  }
  .xl-text-center {
    text-align: center !important;
  }
}
@media (min-width: 1440px) {
  .xxl-text-left,
  .xxl-text-end {
    text-align: end !important;
  }
  .xxl-text-right,
  .xxl-text-start {
    text-align: start !important;
  }
  .xxl-text-center {
    text-align: center !important;
  }
}
@media (min-width: 1712px) {
  .xxxl-text-left,
  .xxxl-text-end {
    text-align: end !important;
  }
  .xxxl-text-right,
  .xxxl-text-start {
    text-align: start !important;
  }
  .xxxl-text-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-wrap: break-word !important;
}

.text-primary {
  color: var(--md-sys-color-primary) !important;
}
.text-on-primary {
  color: var(--md-sys-color-on-primary) !important;
}
.text-secondary {
  color: var(--md-sys-color-secondary) !important;
}
.text-on-secondary {
  color: var(--md-sys-color-on-secondary) !important;
}
.text-tertiary {
  color: var(--md-sys-color-tertiary) !important;
}
.text-on-tertiary {
  color: var(--md-sys-color-on-tertiary) !important;
}
.text-success {
  color: var(--md-sys-color-success) !important;
}
.text-on-success {
  color: var(--md-sys-color-on-success) !important;
}
.text-error, .text-danger {
  color: var(--md-sys-color-error) !important;
}
.text-on-error {
  color: var(--md-sys-color-on-error) !important;
}
.text-emphasis-highest {
  color: var(--md-sys-color-on-surface) !important;
}
.text-emphasis-high {
  color: var(--md-sys-color-on-surface-variant) !important;
}
.text-emphasis-low, .text-muted, .text-outline {
  color: var(--md-sys-color-outline) !important;
}
.text-emphasis-lowest .text-super-muted, .text-disabled, .text-outline-variant {
  color: var(--md-sys-color-outline-variant) !important;
}

.text-color-reset {
  color: inherit !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-6 {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-7 {
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-8 {
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-9 {
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-10 {
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

a {
  --link-color: inherit;
  --link-underline-color: transparent;
  --link-hover-color: inherit;
  --link-hover-underline-color: inherit;
  --link-outline-color: var(--md-sys-color-primary-fixed-dim);
  cursor: pointer;
  color: var(--link-color);
  text-decoration: underline;
  text-decoration-color: var(--link-underline-color);
  text-decoration-thickness: max(0.08em, 1px);
  text-underline-offset: 0.15em;
  outline: 0;
  transition-property: color, text-decoration-color;
  transition-duration: 0.15s;
  transition-timing-function: linear;
}
@media (hover) {
  a:hover:not(.disabled) {
    color: var(--link-hover-color);
    text-decoration-color: var(--link-hover-underline-color);
  }
}
a:focus-visible:not(.disabled), a.has-focus:not(.disabled) {
  outline: 1px solid var(--link-outline-color);
  outline-offset: 2px;
  border-radius: 2px;
}
a.disabled {
  position: relative;
  z-index: 0;
  opacity: var(--md-sys-state-disabled-state-layer-opacity);
  cursor: default;
}
a.disabled::after {
  pointer-events: none;
  content: "";
  z-index: 1;
  opacity: 0;
  position: absolute;
  background-color: var(--state-overlay-background-color);
  transition: opacity 0.15s linear, transform 0.15s linear, background 0.15s linear;
  transform: scale(1);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
}

.link--primary {
  --link-color: inherit;
  --link-underline-color: transparent;
  --link-hover-color: inherit;
  --link-hover-underline-color: inherit;
  --link-outline-color: var(--md-sys-color-primary-fixed-dim);
  cursor: pointer;
  color: var(--link-color);
  text-decoration: underline;
  text-decoration-color: var(--link-underline-color);
  text-decoration-thickness: max(0.08em, 1px);
  text-underline-offset: 0.15em;
  outline: 0;
  transition-property: color, text-decoration-color;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  --link-color: var(--md-sys-color-primary);
  --link-hover-color: var(--md-sys-color-primary);
  --link-hover-underline-color: var(--md-sys-color-primary);
  --link-outline-color: var(--md-sys-color-primary-fixed-dim);
}
@media (hover) {
  .link--primary:hover:not(.disabled) {
    color: var(--link-hover-color);
    text-decoration-color: var(--link-hover-underline-color);
  }
}
.link--primary:focus-visible:not(.disabled), .link--primary.has-focus:not(.disabled) {
  outline: 1px solid var(--link-outline-color);
  outline-offset: 2px;
  border-radius: 2px;
}
.link--primary.disabled {
  position: relative;
  z-index: 0;
  opacity: var(--md-sys-state-disabled-state-layer-opacity);
  cursor: default;
}
.link--primary.disabled::after {
  pointer-events: none;
  content: "";
  z-index: 1;
  opacity: 0;
  position: absolute;
  background-color: var(--state-overlay-background-color);
  transition: opacity 0.15s linear, transform 0.15s linear, background 0.15s linear;
  transform: scale(1);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
}
.link--secondary {
  --link-color: inherit;
  --link-underline-color: transparent;
  --link-hover-color: inherit;
  --link-hover-underline-color: inherit;
  --link-outline-color: var(--md-sys-color-primary-fixed-dim);
  cursor: pointer;
  color: var(--link-color);
  text-decoration: underline;
  text-decoration-color: var(--link-underline-color);
  text-decoration-thickness: max(0.08em, 1px);
  text-underline-offset: 0.15em;
  outline: 0;
  transition-property: color, text-decoration-color;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  --link-color: var(--md-sys-color-secondary);
  --link-hover-color: var(--md-sys-color-secondary);
  --link-hover-underline-color: var(--md-sys-color-secondary);
  --link-outline-color: var(--md-sys-color-secondary-fixed-dim);
}
@media (hover) {
  .link--secondary:hover:not(.disabled) {
    color: var(--link-hover-color);
    text-decoration-color: var(--link-hover-underline-color);
  }
}
.link--secondary:focus-visible:not(.disabled), .link--secondary.has-focus:not(.disabled) {
  outline: 1px solid var(--link-outline-color);
  outline-offset: 2px;
  border-radius: 2px;
}
.link--secondary.disabled {
  position: relative;
  z-index: 0;
  opacity: var(--md-sys-state-disabled-state-layer-opacity);
  cursor: default;
}
.link--secondary.disabled::after {
  pointer-events: none;
  content: "";
  z-index: 1;
  opacity: 0;
  position: absolute;
  background-color: var(--state-overlay-background-color);
  transition: opacity 0.15s linear, transform 0.15s linear, background 0.15s linear;
  transform: scale(1);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
}
.link--tertiary {
  --link-color: inherit;
  --link-underline-color: transparent;
  --link-hover-color: inherit;
  --link-hover-underline-color: inherit;
  --link-outline-color: var(--md-sys-color-primary-fixed-dim);
  cursor: pointer;
  color: var(--link-color);
  text-decoration: underline;
  text-decoration-color: var(--link-underline-color);
  text-decoration-thickness: max(0.08em, 1px);
  text-underline-offset: 0.15em;
  outline: 0;
  transition-property: color, text-decoration-color;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  --link-color: var(--md-sys-color-tertiary);
  --link-hover-color: var(--md-sys-color-tertiary);
  --link-hover-underline-color: var(--md-sys-color-tertiary);
  --link-outline-color: var(--md-sys-color-tertiary-fixed-dim);
}
@media (hover) {
  .link--tertiary:hover:not(.disabled) {
    color: var(--link-hover-color);
    text-decoration-color: var(--link-hover-underline-color);
  }
}
.link--tertiary:focus-visible:not(.disabled), .link--tertiary.has-focus:not(.disabled) {
  outline: 1px solid var(--link-outline-color);
  outline-offset: 2px;
  border-radius: 2px;
}
.link--tertiary.disabled {
  position: relative;
  z-index: 0;
  opacity: var(--md-sys-state-disabled-state-layer-opacity);
  cursor: default;
}
.link--tertiary.disabled::after {
  pointer-events: none;
  content: "";
  z-index: 1;
  opacity: 0;
  position: absolute;
  background-color: var(--state-overlay-background-color);
  transition: opacity 0.15s linear, transform 0.15s linear, background 0.15s linear;
  transform: scale(1);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
}
.link--error {
  --link-color: inherit;
  --link-underline-color: transparent;
  --link-hover-color: inherit;
  --link-hover-underline-color: inherit;
  --link-outline-color: var(--md-sys-color-primary-fixed-dim);
  cursor: pointer;
  color: var(--link-color);
  text-decoration: underline;
  text-decoration-color: var(--link-underline-color);
  text-decoration-thickness: max(0.08em, 1px);
  text-underline-offset: 0.15em;
  outline: 0;
  transition-property: color, text-decoration-color;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  --link-color: var(--md-sys-color-error);
  --link-hover-color: var(--md-sys-color-error);
  --link-hover-underline-color: var(--md-sys-color-error);
  --link-outline-color: var(--md-sys-color-error-fixed-dim);
}
@media (hover) {
  .link--error:hover:not(.disabled) {
    color: var(--link-hover-color);
    text-decoration-color: var(--link-hover-underline-color);
  }
}
.link--error:focus-visible:not(.disabled), .link--error.has-focus:not(.disabled) {
  outline: 1px solid var(--link-outline-color);
  outline-offset: 2px;
  border-radius: 2px;
}
.link--error.disabled {
  position: relative;
  z-index: 0;
  opacity: var(--md-sys-state-disabled-state-layer-opacity);
  cursor: default;
}
.link--error.disabled::after {
  pointer-events: none;
  content: "";
  z-index: 1;
  opacity: 0;
  position: absolute;
  background-color: var(--state-overlay-background-color);
  transition: opacity 0.15s linear, transform 0.15s linear, background 0.15s linear;
  transform: scale(1);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
}
.link--success {
  --link-color: inherit;
  --link-underline-color: transparent;
  --link-hover-color: inherit;
  --link-hover-underline-color: inherit;
  --link-outline-color: var(--md-sys-color-primary-fixed-dim);
  cursor: pointer;
  color: var(--link-color);
  text-decoration: underline;
  text-decoration-color: var(--link-underline-color);
  text-decoration-thickness: max(0.08em, 1px);
  text-underline-offset: 0.15em;
  outline: 0;
  transition-property: color, text-decoration-color;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  --link-color: var(--md-sys-color-success);
  --link-hover-color: var(--md-sys-color-success);
  --link-hover-underline-color: var(--md-sys-color-success);
  --link-outline-color: var(--md-sys-color-success-fixed-dim);
}
@media (hover) {
  .link--success:hover:not(.disabled) {
    color: var(--link-hover-color);
    text-decoration-color: var(--link-hover-underline-color);
  }
}
.link--success:focus-visible:not(.disabled), .link--success.has-focus:not(.disabled) {
  outline: 1px solid var(--link-outline-color);
  outline-offset: 2px;
  border-radius: 2px;
}
.link--success.disabled {
  position: relative;
  z-index: 0;
  opacity: var(--md-sys-state-disabled-state-layer-opacity);
  cursor: default;
}
.link--success.disabled::after {
  pointer-events: none;
  content: "";
  z-index: 1;
  opacity: 0;
  position: absolute;
  background-color: var(--state-overlay-background-color);
  transition: opacity 0.15s linear, transform 0.15s linear, background 0.15s linear;
  transform: scale(1);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

@media (min-width: 576px) {
  .sm-position-static {
    position: static !important;
  }
  .sm-position-relative {
    position: relative !important;
  }
  .sm-position-absolute {
    position: absolute !important;
  }
  .sm-position-fixed {
    position: fixed !important;
  }
  .sm-position-sticky {
    position: sticky !important;
  }
}
@media (min-width: 768px) {
  .md-position-static {
    position: static !important;
  }
  .md-position-relative {
    position: relative !important;
  }
  .md-position-absolute {
    position: absolute !important;
  }
  .md-position-fixed {
    position: fixed !important;
  }
  .md-position-sticky {
    position: sticky !important;
  }
}
@media (min-width: 992px) {
  .lg-position-static {
    position: static !important;
  }
  .lg-position-relative {
    position: relative !important;
  }
  .lg-position-absolute {
    position: absolute !important;
  }
  .lg-position-fixed {
    position: fixed !important;
  }
  .lg-position-sticky {
    position: sticky !important;
  }
}
@media (min-width: 1280px) {
  .xl-position-static {
    position: static !important;
  }
  .xl-position-relative {
    position: relative !important;
  }
  .xl-position-absolute {
    position: absolute !important;
  }
  .xl-position-fixed {
    position: fixed !important;
  }
  .xl-position-sticky {
    position: sticky !important;
  }
}
@media (min-width: 1440px) {
  .xxl-position-static {
    position: static !important;
  }
  .xxl-position-relative {
    position: relative !important;
  }
  .xxl-position-absolute {
    position: absolute !important;
  }
  .xxl-position-fixed {
    position: fixed !important;
  }
  .xxl-position-sticky {
    position: sticky !important;
  }
}
@media (min-width: 1712px) {
  .xxxl-position-static {
    position: static !important;
  }
  .xxxl-position-relative {
    position: relative !important;
  }
  .xxxl-position-absolute {
    position: absolute !important;
  }
  .xxxl-position-fixed {
    position: fixed !important;
  }
  .xxxl-position-sticky {
    position: sticky !important;
  }
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

/*
 * Entry point of global application style.
 * Component-specific style should not go here and be included directly as part of the components.
 */
/* TODO: Remove for better option */
/* TODO: Remove for better option */
html {
  height: var(--app-height);
  background-color: var(--md-sys-color-surface-container);
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  margin: 0;
  height: 100%;
  color: var(--md-sys-color-on-surface);
  counter-reset: lesson-list-item-counter;
  font-feature-settings: "tnum" !important;
}

app-root {
  height: 100%;
}

/*# sourceMappingURL=styles.css.map*/