/* apps/vakers/vaki-web/src/styles.scss */
@font-face {
  font-family: "Avenir";
  src: url(/assets/fonts/Avenir/AvenirLTStd-Roman.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir";
  src: url(/assets/fonts/Avenir/AvenirLTStd-Oblique.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Avenir";
  src: url(/assets/fonts/Avenir/AvenirLTStd-Light.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir";
  src: url(/assets/fonts/Avenir/AvenirLTStd-LightOblique.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Avenir";
  src: url(/assets/fonts/Avenir/AvenirLTStd-Medium.otf) format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir";
  src: url(/assets/fonts/Avenir/AvenirLTStd-MediumOblique.otf) format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Avenir";
  src: url(/assets/fonts/Avenir/AvenirLTStd-Heavy.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir";
  src: url(/assets/fonts/Avenir/AvenirLTStd-HeavyOblique.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Avenir";
  src: url(/assets/fonts/Avenir/AvenirLTStd-Black.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir";
  src: url(/assets/fonts/Avenir/AvenirLTStd-BlackOblique.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Avenir Book";
  src: url(/assets/fonts/Avenir/AvenirLTStd-Book.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir Book";
  src: url(/assets/fonts/Avenir/AvenirLTStd-BookOblique.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Avenir-Black";
  src: url(/assets/fonts/Avenir/AvenirLTStd-Black.otf) format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir-Black";
  src: url(/assets/fonts/Avenir/AvenirLTStd-BlackOblique.otf) format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font:
    900 24px / 24px "Avenir",
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  letter-spacing: 0px;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font:
    500 20px / 20px "Avenir",
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  letter-spacing: 0px;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font:
    500 16px / 16px "Avenir",
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  letter-spacing: 0.18px;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font:
    400 14px / 1.3 "Avenir Book",
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  letter-spacing: 0.4px;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font:
    600 calc(14px * 0.83) / 1.3 "Avenir-Black",
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font:
    600 calc(14px * 0.67) / 1.3 "Avenir-Black",
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font:
    500 1rem / 1rem "Avenir-Black",
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  letter-spacing: 0.009rem;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font:
    600 14px / 1.3 "Avenir-Black",
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  letter-spacing: 0.4px;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font:
    500 12px / 1.2 "Avenir",
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  letter-spacing: normal;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font:
    500 96px / 96px "Avenir",
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  letter-spacing: -1.5px;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font:
    400 60px / 60px "Avenir",
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  letter-spacing: -0.5px;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font:
    400 48px / 48px "Avenir",
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  letter-spacing: 0px;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font:
    400 34px / 34px "Avenir Book",
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  letter-spacing: 0px;
  margin: 0 0 64px;
}
html {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-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);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-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);
  --mat-button-protected-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);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-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);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-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);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
}
html {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #8cc640;
  --mat-button-filled-label-text-color: #2b2b2b;
  --mat-button-filled-ripple-color: color-mix(in srgb, #2b2b2b 12%, transparent);
  --mat-button-filled-state-layer-color: #2b2b2b;
  --mat-button-outlined-label-text-color: #8cc640;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #8cc640 12%, transparent);
  --mat-button-outlined-state-layer-color: #8cc640;
  --mat-button-protected-container-color: #8cc640;
  --mat-button-protected-label-text-color: #2b2b2b;
  --mat-button-protected-ripple-color: color-mix(in srgb, #2b2b2b 12%, transparent);
  --mat-button-protected-state-layer-color: #2b2b2b;
  --mat-button-text-label-text-color: #8cc640;
  --mat-button-text-ripple-color: color-mix(in srgb, #8cc640 12%, transparent);
  --mat-button-text-state-layer-color: #8cc640;
  --mat-button-tonal-container-color: #8cc640;
  --mat-button-tonal-label-text-color: #2b2b2b;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #2b2b2b 12%, transparent);
  --mat-button-tonal-state-layer-color: #2b2b2b;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #2b2b2b;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #2b2b2b;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #2b2b2b 12%, transparent);
  --mat-button-outlined-state-layer-color: #2b2b2b;
  --mat-button-protected-container-color: #2b2b2b;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #2b2b2b;
  --mat-button-text-ripple-color: color-mix(in srgb, #2b2b2b 12%, transparent);
  --mat-button-text-state-layer-color: #2b2b2b;
  --mat-button-tonal-container-color: #2b2b2b;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #eb5757;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #eb5757;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #eb5757 12%, transparent);
  --mat-button-outlined-state-layer-color: #eb5757;
  --mat-button-protected-container-color: #eb5757;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #eb5757;
  --mat-button-text-ripple-color: color-mix(in srgb, #eb5757 12%, transparent);
  --mat-button-text-state-layer-color: #eb5757;
  --mat-button-tonal-container-color: #eb5757;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
}
html {
  --mat-button-filled-label-text-font:
    Avenir-Black,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.4px;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font:
    Avenir-Black,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.4px;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font:
    Avenir-Black,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.4px;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font:
    Avenir-Black,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.4px;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font:
    Avenir-Black,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.4px;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
}
html {
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #8cc640;
}
.mat-icon.mat-accent {
  --mat-icon-color: #2b2b2b;
}
.mat-icon.mat-warn {
  --mat-icon-color: #eb5757;
}
html {
  --mat-dialog-container-shape: 4px;
  --mat-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);
  --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;
}
html {
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-dialog-subhead-font:
    Avenir,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-dialog-subhead-line-height: 20px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0px;
  --mat-dialog-supporting-text-font:
    Avenir Book,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-dialog-supporting-text-line-height: 1.3;
  --mat-dialog-supporting-text-size: 14px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.4px;
}
html {
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
}
html {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #8cc640 87%, transparent);
  --mat-form-field-filled-caret-color: #8cc640;
  --mat-form-field-filled-focus-active-indicator-color: #8cc640;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #8cc640 87%, transparent);
  --mat-form-field-outlined-caret-color: #8cc640;
  --mat-form-field-outlined-focus-outline-color: #8cc640;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #8cc640 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #eb5757;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #eb5757;
  --mat-form-field-filled-error-focus-label-text-color: #eb5757;
  --mat-form-field-filled-error-label-text-color: #eb5757;
  --mat-form-field-filled-error-caret-color: #eb5757;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #eb5757;
  --mat-form-field-filled-error-focus-active-indicator-color: #eb5757;
  --mat-form-field-filled-error-hover-active-indicator-color: #eb5757;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #eb5757;
  --mat-form-field-outlined-error-focus-label-text-color: #eb5757;
  --mat-form-field-outlined-error-label-text-color: #eb5757;
  --mat-form-field-outlined-error-hover-label-text-color: #eb5757;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #eb5757;
  --mat-form-field-outlined-error-hover-outline-color: #eb5757;
  --mat-form-field-outlined-error-outline-color: #eb5757;
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #2b2b2b 87%, transparent);
  --mat-form-field-filled-caret-color: #2b2b2b;
  --mat-form-field-filled-focus-active-indicator-color: #2b2b2b;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #2b2b2b 87%, transparent);
  --mat-form-field-outlined-caret-color: #2b2b2b;
  --mat-form-field-outlined-focus-outline-color: #2b2b2b;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #2b2b2b 87%, transparent);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #eb5757 87%, transparent);
  --mat-form-field-filled-caret-color: #eb5757;
  --mat-form-field-filled-focus-active-indicator-color: #eb5757;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #eb5757 87%, transparent);
  --mat-form-field-outlined-caret-color: #eb5757;
  --mat-form-field-outlined-focus-outline-color: #eb5757;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #eb5757 87%, transparent);
}
html {
  --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;
}
html {
  --mat-form-field-container-text-font:
    Avenir Book,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-form-field-container-text-line-height: 1.3;
  --mat-form-field-container-text-size: 14px;
  --mat-form-field-container-text-tracking: 0.4px;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 14px;
  --mat-form-field-subscript-text-font:
    Avenir,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-form-field-subscript-text-line-height: 1.2;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: normal;
  --mat-form-field-subscript-text-weight: 500;
  --mat-form-field-filled-label-text-font:
    Avenir Book,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-form-field-filled-label-text-size: 14px;
  --mat-form-field-filled-label-text-tracking: 0.4px;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font:
    Avenir Book,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-form-field-outlined-label-text-size: 14px;
  --mat-form-field-outlined-label-text-tracking: 0.4px;
  --mat-form-field-outlined-label-text-weight: 400;
}
html {
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
}
html {
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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);
}
html {
  --mat-card-title-text-font:
    Avenir,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-card-title-text-line-height: 20px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0px;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font:
    Avenir-Black,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-card-subtitle-text-line-height: 1rem;
  --mat-card-subtitle-text-size: 1rem;
  --mat-card-subtitle-text-tracking: 0.009rem;
  --mat-card-subtitle-text-weight: 500;
}
html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
}
html {
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
}
html {
  --mat-tooltip-supporting-text-font:
    Avenir,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 500;
  --mat-tooltip-supporting-text-tracking: normal;
}
html {
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #8cc640;
  --mat-progress-bar-track-color: rgba(140, 198, 64, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #2b2b2b;
  --mat-progress-bar-track-color: rgba(43, 43, 43, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #eb5757;
  --mat-progress-bar-track-color: rgba(235, 87, 87, 0.25);
}
html {
  --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);
}
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #8cc640;
  --mat-select-invalid-arrow-color: #eb5757;
}
.mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #2b2b2b;
  --mat-select-invalid-arrow-color: #eb5757;
}
.mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #eb5757;
  --mat-select-invalid-arrow-color: #eb5757;
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
html {
  --mat-select-trigger-text-font:
    Avenir Book,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-select-trigger-text-line-height: 1.3;
  --mat-select-trigger-text-size: 14px;
  --mat-select-trigger-text-tracking: 0.4px;
  --mat-select-trigger-text-weight: 400;
}
html {
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
}
html {
  --mat-progress-spinner-active-indicator-color: #8cc640;
}
.mat-accent {
  --mat-progress-spinner-active-indicator-color: #2b2b2b;
}
.mat-warn {
  --mat-progress-spinner-active-indicator-color: #eb5757;
}
html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-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);
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
html {
  --mat-expansion-header-text-font:
    Avenir-Black,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-expansion-header-text-size: 1rem;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font:
    Avenir-Black,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-expansion-container-text-line-height: 1.3;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.4px;
  --mat-expansion-container-text-weight: 600;
}
html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
}
html {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #2b2b2b;
  --mat-checkbox-selected-hover-icon-color: #2b2b2b;
  --mat-checkbox-selected-icon-color: #2b2b2b;
  --mat-checkbox-selected-pressed-icon-color: #2b2b2b;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #2b2b2b;
  --mat-checkbox-selected-hover-state-layer-color: #2b2b2b;
  --mat-checkbox-selected-pressed-state-layer-color: #2b2b2b;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #2b2b2b;
  --mat-checkbox-selected-focus-icon-color: #8cc640;
  --mat-checkbox-selected-hover-icon-color: #8cc640;
  --mat-checkbox-selected-icon-color: #8cc640;
  --mat-checkbox-selected-pressed-icon-color: #8cc640;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8cc640;
  --mat-checkbox-selected-hover-state-layer-color: #8cc640;
  --mat-checkbox-selected-pressed-state-layer-color: #8cc640;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #eb5757;
  --mat-checkbox-selected-hover-icon-color: #eb5757;
  --mat-checkbox-selected-icon-color: #eb5757;
  --mat-checkbox-selected-pressed-icon-color: #eb5757;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #eb5757;
  --mat-checkbox-selected-hover-state-layer-color: #eb5757;
  --mat-checkbox-selected-pressed-state-layer-color: #eb5757;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
}
html {
  --mat-checkbox-label-text-font:
    Avenir-Black,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-checkbox-label-text-line-height: 1.3;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.4px;
  --mat-checkbox-label-text-weight: 600;
}
html {
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #8cc640;
  --mat-tab-active-ripple-color: #8cc640;
  --mat-tab-inactive-ripple-color: #8cc640;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #8cc640;
  --mat-tab-active-hover-label-text-color: #8cc640;
  --mat-tab-active-focus-indicator-color: #8cc640;
  --mat-tab-active-hover-indicator-color: #8cc640;
  --mat-tab-active-indicator-color: #8cc640;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #2b2b2b;
  --mat-tab-active-ripple-color: #2b2b2b;
  --mat-tab-inactive-ripple-color: #2b2b2b;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #2b2b2b;
  --mat-tab-active-hover-label-text-color: #2b2b2b;
  --mat-tab-active-focus-indicator-color: #2b2b2b;
  --mat-tab-active-hover-indicator-color: #2b2b2b;
  --mat-tab-active-indicator-color: #2b2b2b;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #eb5757;
  --mat-tab-active-ripple-color: #eb5757;
  --mat-tab-inactive-ripple-color: #eb5757;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #eb5757;
  --mat-tab-active-hover-label-text-color: #eb5757;
  --mat-tab-active-focus-indicator-color: #eb5757;
  --mat-tab-active-hover-indicator-color: #eb5757;
  --mat-tab-active-indicator-color: #eb5757;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #8cc640;
  --mat-tab-foreground-color: #2b2b2b;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #2b2b2b;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #eb5757;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.mat-mdc-tab-header {
  --mat-tab-label-text-font:
    Avenir-Black,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.4px;
  --mat-tab-label-text-line-height: 14px;
  --mat-tab-label-text-weight: 500;
}
.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #2b2b2b;
  --mat-chip-elevated-container-color: #8cc640;
  --mat-chip-elevated-disabled-container-color: #8cc640;
  --mat-chip-elevated-selected-container-color: #8cc640;
  --mat-chip-flat-disabled-selected-container-color: #8cc640;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #2b2b2b;
  --mat-chip-selected-disabled-trailing-icon-color: #2b2b2b;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #2b2b2b;
  --mat-chip-selected-trailing-icon-color: #2b2b2b;
  --mat-chip-with-icon-disabled-icon-color: #2b2b2b;
  --mat-chip-with-icon-icon-color: #2b2b2b;
  --mat-chip-with-icon-selected-icon-color: #2b2b2b;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #2b2b2b;
  --mat-chip-with-trailing-icon-trailing-icon-color: #2b2b2b;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #2b2b2b;
  --mat-chip-elevated-disabled-container-color: #2b2b2b;
  --mat-chip-elevated-selected-container-color: #2b2b2b;
  --mat-chip-flat-disabled-selected-container-color: #2b2b2b;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #eb5757;
  --mat-chip-elevated-disabled-container-color: #eb5757;
  --mat-chip-elevated-selected-container-color: #eb5757;
  --mat-chip-flat-disabled-selected-container-color: #eb5757;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.mat-mdc-standard-chip {
  --mat-chip-label-text-font:
    Avenir-Black,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-chip-label-text-line-height: 1.3;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.4px;
  --mat-chip-label-text-weight: 600;
}
html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
}
html {
  --mat-slide-toggle-selected-icon-color: #2b2b2b;
  --mat-slide-toggle-disabled-selected-icon-color: #2b2b2b;
  --mat-slide-toggle-selected-focus-state-layer-color: #8cc640;
  --mat-slide-toggle-selected-handle-color: #8cc640;
  --mat-slide-toggle-selected-hover-state-layer-color: #8cc640;
  --mat-slide-toggle-selected-pressed-state-layer-color: #8cc640;
  --mat-slide-toggle-selected-focus-handle-color: #8cc640;
  --mat-slide-toggle-selected-hover-handle-color: #8cc640;
  --mat-slide-toggle-selected-pressed-handle-color: #8cc640;
  --mat-slide-toggle-selected-focus-track-color: #afd779;
  --mat-slide-toggle-selected-hover-track-color: #afd779;
  --mat-slide-toggle-selected-pressed-track-color: #afd779;
  --mat-slide-toggle-selected-track-color: #afd779;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #2b2b2b;
  --mat-slide-toggle-selected-handle-color: #2b2b2b;
  --mat-slide-toggle-selected-hover-state-layer-color: #2b2b2b;
  --mat-slide-toggle-selected-pressed-state-layer-color: #2b2b2b;
  --mat-slide-toggle-selected-focus-handle-color: #2b2b2b;
  --mat-slide-toggle-selected-hover-handle-color: #2b2b2b;
  --mat-slide-toggle-selected-pressed-handle-color: #2b2b2b;
  --mat-slide-toggle-selected-focus-track-color: #6b6b6b;
  --mat-slide-toggle-selected-hover-track-color: #6b6b6b;
  --mat-slide-toggle-selected-pressed-track-color: #6b6b6b;
  --mat-slide-toggle-selected-track-color: #6b6b6b;
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #eb5757;
  --mat-slide-toggle-selected-handle-color: #eb5757;
  --mat-slide-toggle-selected-hover-state-layer-color: #eb5757;
  --mat-slide-toggle-selected-pressed-state-layer-color: #eb5757;
  --mat-slide-toggle-selected-focus-handle-color: #eb5757;
  --mat-slide-toggle-selected-hover-handle-color: #eb5757;
  --mat-slide-toggle-selected-pressed-handle-color: #eb5757;
}
html {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
}
html {
  --mat-slide-toggle-label-text-font:
    Avenir-Black,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-slide-toggle-label-text-line-height: 1.3;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.4px;
  --mat-slide-toggle-label-text-weight: 600;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font:
    Avenir-Black,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-slide-toggle-label-text-line-height: 1.3;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.4px;
  --mat-slide-toggle-label-text-weight: 600;
}
html {
  --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-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);
}
html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-font:
    Avenir Book,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-menu-item-label-text-size: 14px;
  --mat-menu-item-label-text-tracking: 0.4px;
  --mat-menu-item-label-text-line-height: 1.3;
  --mat-menu-item-label-text-weight: 400;
}
html {
  --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);
}
html {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #8cc640 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #2b2b2b 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #2b2b2b;
  --mat-datepicker-calendar-date-selected-state-background-color: #8cc640;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #8cc640 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #2b2b2b;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #8cc640 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #8cc640 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #8cc640;
  --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: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent,
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #2b2b2b 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #2b2b2b 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #2b2b2b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #2b2b2b 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #2b2b2b 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #2b2b2b 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #2b2b2b;
  --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: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #eb5757 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #2b2b2b 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #eb5757;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #eb5757 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #eb5757 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #eb5757 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #eb5757;
  --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: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-datepicker-calendar-text-font:
    Avenir Book,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}
html {
  --mat-snack-bar-container-shape: 4px;
}
html {
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #afd779;
}
html {
  --mat-snack-bar-supporting-text-font:
    Avenir-Black,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-snack-bar-supporting-text-line-height: 1.3;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 600;
}
html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #8cc640;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #8cc640;
  --mat-radio-selected-hover-icon-color: #8cc640;
  --mat-radio-selected-icon-color: #8cc640;
  --mat-radio-selected-pressed-icon-color: #8cc640;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #2b2b2b;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #2b2b2b;
  --mat-radio-selected-hover-icon-color: #2b2b2b;
  --mat-radio-selected-icon-color: #2b2b2b;
  --mat-radio-selected-pressed-icon-color: #2b2b2b;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #eb5757;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #eb5757;
  --mat-radio-selected-hover-icon-color: #eb5757;
  --mat-radio-selected-icon-color: #eb5757;
  --mat-radio-selected-pressed-icon-color: #eb5757;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
html {
  --mat-radio-label-text-font:
    Avenir-Black,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-radio-label-text-line-height: 1.3;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.4px;
  --mat-radio-label-text-weight: 600;
}
html {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
}
html {
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
html {
  --mat-paginator-container-text-font:
    Avenir,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-paginator-container-text-line-height: 1.2;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: normal;
  --mat-paginator-container-text-weight: 500;
  --mat-paginator-select-trigger-text-size: 12px;
}
html {
  --mat-divider-width: 1px;
}
html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
html {
  --mat-table-header-headline-font:
    Avenir-Black,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-table-header-headline-line-height: 1rem;
  --mat-table-header-headline-size: 1rem;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.009rem;
  --mat-table-row-item-label-text-font:
    Avenir-Black,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-table-row-item-label-text-line-height: 1.3;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 600;
  --mat-table-row-item-label-text-tracking: 0.4px;
  --mat-table-footer-supporting-text-font:
    Avenir-Black,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-table-footer-supporting-text-line-height: 1.3;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 600;
  --mat-table-footer-supporting-text-tracking: 0.4px;
}
html {
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-bottom-sheet-container-shape: 4px;
}
html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
html {
  --mat-bottom-sheet-container-text-font:
    Avenir-Black,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-bottom-sheet-container-text-line-height: 1.3;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.4px;
  --mat-bottom-sheet-container-text-weight: 600;
}
html {
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #8cc640;
  --mat-toolbar-container-text-color: #2b2b2b;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #2b2b2b;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #eb5757;
  --mat-toolbar-container-text-color: white;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
html {
  --mat-toolbar-title-text-font:
    Avenir,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-toolbar-title-text-line-height: 20px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0px;
  --mat-toolbar-title-text-weight: 500;
}
html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: #8cc640;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #8cc640;
  --mat-radio-selected-hover-icon-color: #8cc640;
  --mat-radio-selected-icon-color: #8cc640;
  --mat-radio-selected-pressed-icon-color: #8cc640;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #2b2b2b;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #2b2b2b;
  --mat-radio-selected-hover-icon-color: #2b2b2b;
  --mat-radio-selected-icon-color: #2b2b2b;
  --mat-radio-selected-pressed-icon-color: #2b2b2b;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #eb5757;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #eb5757;
  --mat-radio-selected-hover-icon-color: #eb5757;
  --mat-radio-selected-icon-color: #eb5757;
  --mat-radio-selected-pressed-icon-color: #eb5757;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #2b2b2b;
  --mat-checkbox-selected-focus-icon-color: #8cc640;
  --mat-checkbox-selected-hover-icon-color: #8cc640;
  --mat-checkbox-selected-icon-color: #8cc640;
  --mat-checkbox-selected-pressed-icon-color: #8cc640;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #8cc640;
  --mat-checkbox-selected-hover-state-layer-color: #8cc640;
  --mat-checkbox-selected-pressed-state-layer-color: #8cc640;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #2b2b2b;
  --mat-checkbox-selected-hover-icon-color: #2b2b2b;
  --mat-checkbox-selected-icon-color: #2b2b2b;
  --mat-checkbox-selected-pressed-icon-color: #2b2b2b;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #2b2b2b;
  --mat-checkbox-selected-hover-state-layer-color: #2b2b2b;
  --mat-checkbox-selected-pressed-state-layer-color: #2b2b2b;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #eb5757;
  --mat-checkbox-selected-hover-icon-color: #eb5757;
  --mat-checkbox-selected-icon-color: #eb5757;
  --mat-checkbox-selected-pressed-icon-color: #eb5757;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #eb5757;
  --mat-checkbox-selected-hover-state-layer-color: #eb5757;
  --mat-checkbox-selected-pressed-state-layer-color: #eb5757;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #8cc640;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mat-list-list-item-label-text-font:
    Avenir Book,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-list-list-item-label-text-line-height: 1.3;
  --mat-list-list-item-label-text-size: 14px;
  --mat-list-list-item-label-text-tracking: 0.4px;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font:
    Avenir-Black,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-list-list-item-supporting-text-line-height: 1.3;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.4px;
  --mat-list-list-item-supporting-text-weight: 600;
  --mat-list-list-item-trailing-supporting-text-font:
    Avenir,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 1.2;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: normal;
  --mat-list-list-item-trailing-supporting-text-weight: 500;
}
.mdc-list-group__subheader {
  font:
    500 16px / 16px "Avenir",
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  letter-spacing: 0.18px;
}
html {
  --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;
}
html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
html {
  --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;
}
html {
  --mat-badge-background-color: #8cc640;
  --mat-badge-text-color: #2b2b2b;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-badge-accent {
  --mat-badge-background-color: #2b2b2b;
  --mat-badge-text-color: white;
}
.mat-badge-warn {
  --mat-badge-background-color: #eb5757;
  --mat-badge-text-color: white;
}
html {
  --mat-badge-text-font:
    Avenir-Black,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}
html {
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-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-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
}
html {
  --mat-slider-active-track-color: #8cc640;
  --mat-slider-focus-handle-color: #8cc640;
  --mat-slider-handle-color: #8cc640;
  --mat-slider-hover-handle-color: #8cc640;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #8cc640 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #8cc640 4%, transparent);
  --mat-slider-inactive-track-color: #8cc640;
  --mat-slider-ripple-color: #8cc640;
  --mat-slider-with-tick-marks-active-container-color: #2b2b2b;
  --mat-slider-with-tick-marks-inactive-container-color: #8cc640;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}
.mat-accent {
  --mat-slider-active-track-color: #2b2b2b;
  --mat-slider-focus-handle-color: #2b2b2b;
  --mat-slider-handle-color: #2b2b2b;
  --mat-slider-hover-handle-color: #2b2b2b;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #2b2b2b 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #2b2b2b 4%, transparent);
  --mat-slider-inactive-track-color: #2b2b2b;
  --mat-slider-ripple-color: #2b2b2b;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #2b2b2b;
}
.mat-warn {
  --mat-slider-active-track-color: #eb5757;
  --mat-slider-focus-handle-color: #eb5757;
  --mat-slider-handle-color: #eb5757;
  --mat-slider-hover-handle-color: #eb5757;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #eb5757 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #eb5757 4%, transparent);
  --mat-slider-inactive-track-color: #eb5757;
  --mat-slider-ripple-color: #eb5757;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #eb5757;
}
html {
  --mat-slider-label-label-text-font:
    Avenir-Black,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-slider-label-label-text-size: 1rem;
  --mat-slider-label-label-text-line-height: 1rem;
  --mat-slider-label-label-text-tracking: 0.009rem;
  --mat-slider-label-label-text-weight: 500;
}
html {
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
}
html {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-button-toggle-height: 48px;
}
html {
  --mat-button-toggle-label-text-font:
    Avenir Book,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-button-toggle-label-text-line-height: 1.3;
  --mat-button-toggle-label-text-size: 14px;
  --mat-button-toggle-label-text-tracking: 0.4px;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font:
    Avenir Book,
    Avenir Next,
    -apple-system,
    blinkmacsystemfont,
    Segoe UI,
    roboto,
    Helvetica Neue,
    arial,
    sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 1.3;
  --mat-button-toggle-legacy-label-text-size: 14px;
  --mat-button-toggle-legacy-label-text-tracking: 0.4px;
  --mat-button-toggle-legacy-label-text-weight: 400;
}
html {
  --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);
}
html {
  --mat-autocomplete-background-color: white;
}
.bg-light {
  background-color: white;
}
.bg-primary {
  background-color: #8cc640;
}
.bg-primary-dark {
  background-color: #79b932;
}
.bg-primary-light {
  background-color: #ddeec6;
}
.bg-gray {
  background-color: #bfbfbf;
}
.bg-gray-light {
  background-color: #e6e6e6;
}
.bg-accent {
  background-color: #2b2b2b;
}
.bg-dark {
  background-color: #2b2b2b;
}
.bg-container {
  background-image: url("./media/hero-home-vaki.png");
  color: white;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: left top;
}
.bg-default {
  background-color: #79b932;
}
.text-primary {
  color: #8cc640;
}
.text-accent {
  color: #2b2b2b;
}
.text-dark {
  color: #2b2b2b;
}
.text-white {
  color: white !important;
}
.text-secondary {
  color: #2b2b2b;
}
.text-warn {
  color: #eb5757;
}
.text-gray {
  color: #4b4b4b;
}
.border-primary,
.contribute {
  border-color: #8cc640;
}
.border-dark {
  border-color: #2b2b2b;
}
.border-primary-light {
  border-color: #afd779;
}
.border-disabled {
  border-color: #bfbfbf;
}
a[disabled] {
  pointer-events: none;
}
button,
.mat-mdc-button,
.mat-mdc-raised-button,
.mat-mdc-stroked-button {
  text-transform: uppercase !important;
}
mat-card.edit-card {
  border-radius: 0;
  border: 1px solid #e6e6e6;
  box-shadow: none;
  margin-bottom: 24px;
  padding: 16px 24px;
}
@media screen and (min-width: 840px) {
  mat-card.edit-card {
    padding: 24px 40px;
  }
}
@media screen and (min-width: 960px) {
  mat-card.edit-card {
    padding: 48px 56px;
  }
}
mat-card.edit-card .summary-status {
  border: 0;
  box-shadow: none;
  padding: 0;
}
.contribute {
  border-radius: 8px;
  border: 1px solid;
  box-shadow: 0 4px 8px -8px rgba(0, 0, 0, 0.8);
  padding: 8px;
  position: relative;
}
.contribute--unavailable {
  pointer-events: none;
  opacity: 0.7;
  border: 1px solid #eb5757;
}
.contribute--unavailable a {
  color: #bfbfbf;
}
.contribute--reward {
  display: grid;
  gap: 8px;
  grid-template-areas: "reward_title reward_img" "reward_desc reward_desc" "reward_value reward_value";
  grid-template-columns: repeat(1, 1fr);
  height: 100%;
  width: 100%;
}
@media screen and (min-width: 480px) {
  .contribute {
    padding: 12px;
  }
}
@media screen and (min-width: 840px) {
  .contribute {
    padding: 16px;
  }
}
.contribute__form {
  justify-content: space-between;
  align-items: center;
}
.contribute__title {
  color: #4b4b4b;
  font-size: 17.4px;
  grid-area: reward_title;
  letter-spacing: 0.15px;
  margin: 0;
  max-height: 200px;
  overflow-y: auto;
  cursor: pointer;
}
.contribute__status {
  position: absolute;
  top: 8px;
  right: 8px;
}
.contribute__img {
  grid-area: reward_img;
  height: 200px;
  max-height: 200px;
  max-width: 100%;
  object-fit: contain;
  width: auto;
  cursor: pointer;
}
.contribute__desc {
  border-top: 1px solid #bfbfbf;
  padding: 8px 0px;
  font-size: 14px;
  grid-area: reward_desc;
  line-height: 1.4;
  margin: 0;
  height: 125px;
  overflow-y: auto;
}
.contribute__value {
  font-size: 20px;
  grid-area: reward_value;
}
.button-card:hover {
  transform: scale(1.1);
  box-shadow: 0px 10px 20px #8cc640;
  z-index: 1;
}
.mat-checkbox-layout {
  white-space: normal !important;
}
.container {
  margin: 0 auto;
  position: relative;
  width: calc(100% - 24px);
}
@media (min-width: 960px) {
  .container {
    max-width: 490px;
  }
}
@media screen and (min-width: 840px) {
  .container {
    max-width: 728px;
  }
}
@media screen and (min-width: 960px) {
  .container {
    max-width: 860px;
  }
}
@media screen and (min-width: 1280px) {
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 960px) {
  .container-sm {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
  }
}
@media (min-width: 600px) {
  .container-xs {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
  }
}
.grid-container {
  display: grid;
  grid-row-gap: 16px;
  grid-template-columns: repeat(1, 100%);
}
@media (min-width: 960px) and (max-width: 1279.9px) {
  .grid-container {
    column-gap: 8px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1280px) and (max-width: 1919.9px) {
  .grid-container {
    column-gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1920px) and (max-width: 4999.99px) {
  .grid-container {
    column-gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 4fr));
  }
}
.grid-container.no-gap {
  grid-row-gap: 0 !important;
}
.grid-container-two-column {
  display: grid;
  margin-bottom: 32px;
  column-gap: 8px;
  row-gap: 16px;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 0) and (max-width: 599.9px) {
  .grid-container-two-column.xs {
    grid-row-gap: 16px;
    grid-template-columns: repeat(1, 100%);
  }
}
@media (max-width: 959.9px) {
  .grid-container-two-column.md {
    grid-row-gap: 16px;
    grid-template-columns: repeat(1, 100%);
  }
}
.grid-container-four-column {
  display: grid;
  grid-row-gap: 16px;
  grid-template-columns: repeat(1, 100%);
}
@media (min-width: 960px) and (max-width: 1279.9px) {
  .grid-container-four-column {
    column-gap: 8px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1280px) and (max-width: 1919.9px) {
  .grid-container-four-column {
    column-gap: 8px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 1920px) and (max-width: 4999.99px) {
  .grid-container-four-column {
    column-gap: 8px;
    grid-template-columns: repeat(4, minmax(0, 4fr));
  }
}
.grid-container-four-column.no-gap {
  grid-row-gap: 0 !important;
}
.row-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 0) and (max-width: 599.9px) {
  .row-container.xs {
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 959.9px) {
  .row-container.md {
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 1279.9px) {
  .row-container.lg {
    flex-direction: column;
    align-items: center;
  }
}
.row-container.left {
  align-items: flex-start;
  justify-content: flex-start;
}
.flex-start {
  align-items: flex-start !important;
}
.column-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.column-container.left {
  align-items: flex-start !important;
}
.column-container__block {
  display: block !important;
}
.column-container.gap16 {
  gap: 16px;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container {
  display: flex;
}
.slide-item {
  min-width: 360px;
}
.slide-gift-item {
  min-width: 100%;
}
@keyframes loading-lines {
  0% {
    background-position: -100px;
  }
  40% {
    background-position: 40vw;
  }
  100% {
    background-position: 60vw;
  }
}
.vaki-main-picture {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16/9;
}
.vaki-main-picture img {
  position: absolute;
  width: 100%;
  height: 100%;
}
.vaki-main-picture img:nth-child(1) {
  object-fit: contain;
  z-index: 1;
}
.vaki-main-picture img:nth-child(2) {
  object-fit: fill;
  filter: blur(24px);
  background-color: #4b4b4b;
}
.payment-state.payment-state--1 {
  background-color: #8cc640;
}
.payment-state.payment-state--2 {
  background-color: #eb5757;
}
.payment-state.payment-state--3 {
  background-color: #f6a609;
}
.payment-state.payment-state--4 {
  background-color: #f6a609;
}
.payment-state.payment-state--5 {
  background-color: #f6a609;
}
.payment-state {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  display: inline-block;
}
.vaki-snackbar {
  background: #2b2b2b;
  font-weight: bold;
}
.vaki-snackbar .mat-simple-snackbar-action {
  color: #8cc640 !important;
}
.vaki-snackbar--error {
  background: #eb5757;
}
.toolbar-mat-menu {
  position: fixed !important;
  right: 0 !important;
  min-width: 280px !important;
}
.share-mat-menu {
  min-width: 350px !important;
}
.summary-status {
  background-color: white;
  border-radius: 1px;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.5);
  color: #2b2b2b;
  padding: 16px;
  position: relative;
}
.summary-status__progress {
  left: 0;
  position: absolute;
  top: -4px;
  width: 100%;
}
@keyframes loading-lines {
  0% {
    background-position: -100px;
  }
  40% {
    background-position: 40vw;
  }
  100% {
    background-position: 60vw;
  }
}
.vaki-card__photo {
  display: flex;
  height: 180px;
  aspect-ratio: 16/9;
}
.vaki-card__photo--error {
  align-items: center;
  background-color: rgba(43, 43, 43, 0.5);
  display: flex;
  justify-content: center;
  font-size: 6em;
  height: 180px !important;
  width: 120% !important;
  text-align: center;
}
.vaki-card__title {
  white-space: normal;
  text-overflow: ellipsis;
}
.vaki-card__description {
  word-break: break-word;
  font-weight: 100;
  line-height: 1.2em;
  height: 100px;
  overflow-y: scroll;
}
.vaki-card__loading .mat-card-title,
.vaki-card__loading .vaki-card__description {
  border-radius: 5px;
  background-image:
    linear-gradient(
      90deg,
      #bfbfbf 0,
      #e6e6e6,
      40px,
      #bfbfbf 80px);
  background-size: 80vw;
  animation: loading-lines 1000ms infinite linear;
  min-width: 120px;
  height: 1.3rem;
}
.vaki-card__loading .vaki-card__photo--error {
  background-image:
    linear-gradient(
      90deg,
      #bfbfbf 0,
      #e6e6e6,
      40px,
      #bfbfbf 80px);
  background-size: 80vw;
  animation: loading-lines 1000ms infinite linear;
}
.vaki-card__loading * {
  color: #e6e6e6;
}
.vaki-card__closed > *:not(.vaki-card__actions) {
  opacity: 0.7;
}
.vaki-card .mat-progress-bar {
  height: 8px;
  margin-bottom: 4px;
  border-radius: 16px;
}
.category-tag {
  position: absolute;
  display: flex;
  flex-direction: row;
  padding: 12px;
  z-index: 10;
  background: rgba(43, 43, 43, 0.7);
  border-radius: 16px;
  right: 12px;
  top: 120px;
  align-items: center;
}
.brand-logo {
  height: 24px;
  width: auto;
}
@media screen and (min-width: 1024px) {
  .mat-group {
    max-width: calc(100vw - 423px) !important;
  }
}
mat-bottom-sheet-container {
  border-top-left-radius: 25px !important;
  border-top-right-radius: 25px !important;
}
.country-flag.country-flag--ar {
  background-position-y: 4.347826087%;
}
.country-flag.country-flag--bo {
  background-position-y: 8.6956521739%;
}
.country-flag.country-flag--cl {
  background-position-y: 13.0434782609%;
}
.country-flag.country-flag--co {
  background-position-y: 17.3913043478%;
}
.country-flag.country-flag--cr {
  background-position-y: 21.7391304348%;
}
.country-flag.country-flag--ec {
  background-position-y: 26.0869565217%;
}
.country-flag.country-flag--es {
  background-position-y: 30.4347826087%;
}
.country-flag.country-flag--us {
  background-position-y: 34.7826086957%;
}
.country-flag.country-flag--mx {
  background-position-y: 39.1304347826%;
}
.country-flag.country-flag--py {
  background-position-y: 43.4782608696%;
}
.country-flag.country-flag--pe {
  background-position-y: 47.8260869565%;
}
.country-flag.country-flag--uy {
  background-position-y: 52.1739130435%;
}
.country-flag.country-flag--ve {
  background-position-y: 56.5217391304%;
}
.country-flag.country-flag--br {
  background-position-y: 60.8695652174%;
}
.country-flag.country-flag--do {
  background-position-y: 65.2173913043%;
}
.country-flag.country-flag--ni {
  background-position-y: 69.5652173913%;
}
.country-flag.country-flag--hn {
  background-position-y: 73.9130434783%;
}
.country-flag.country-flag--gt {
  background-position-y: 78.2608695652%;
}
.country-flag.country-flag--sv {
  background-position-y: 82.6086956522%;
}
.country-flag.country-flag--pa {
  background-position-y: 86.9565217391%;
}
.country-flag.country-flag--au {
  background-position-y: 91.3043478261%;
}
.country-flag.country-flag--gb {
  background-position-y: 95.652173913%;
}
.country-flag.country-flag--ca {
  background-position-y: 100%;
}
.country-flag {
  background: url("./media/flags.png") no-repeat;
  background-size: 100%;
  background-position-x: 0;
  height: 15px;
  overflow: hidden;
  width: 22.5px;
  min-width: 22.5px;
  display: inline-block;
}
body .d-none {
  display: none;
}
body .d-block {
  display: block;
}
body .d-iblock {
  display: inline-block;
}
body a.underline-none {
  text-decoration: none;
}
body hr,
body .hr {
  border: 0;
  border-bottom: 1px solid #bfbfbf;
}
body .radius-0 {
  border-radius: 0;
}
body .overflow-y-scroll {
  overflow-y: scroll;
}
body .overflow-scroll {
  overflow: scroll;
}
body .overflow-auto {
  overflow: auto;
}
body .overflow-hidden {
  overflow: hidden;
}
mat-icon.icon-12 {
  font-size: 12px;
  width: 12px;
  height: 12px;
}
mat-icon.icon-14 {
  font-size: 14px;
  width: 14px;
  height: 14px;
}
mat-icon.icon-16 {
  font-size: 16px;
  width: 16px;
  height: 16px;
}
mat-icon.icon-18 {
  font-size: 18px;
  width: 18px;
  height: 18px;
}
mat-icon.icon-24 {
  font-size: 24px;
  width: 24px;
  height: 24px;
}
mat-icon.icon-36 {
  font-size: 36px;
  width: 36px;
  height: 36px;
}
mat-icon.icon-48 {
  font-size: 48px;
  width: 48px;
  height: 48px;
}
[class*=vakicon] {
  align-items: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-flex;
  justify-content: center;
}
.vakicon-lola {
  background-image: url("./media/lola-logo.svg");
  height: 45px;
  min-width: 44px;
}
.vakicon-google-btn {
  background-image: url("./media/google-logo.svg");
  height: 1em;
  width: 1em;
}
.vakicon-facebook-btn {
  background-image: url("./media/facebook-icon.ico");
  height: 1em;
  width: 1em;
}
.vakicon-twitter-btn {
  background-image: url("./media/twitter-icon.png");
  height: 1em;
  width: 1em;
}
.vakicon-apple-btn {
  background-image: url("./media/apple-icon.png");
  height: 1em;
  width: 1em;
}
.vakicon-mail-btn {
  background-image: url("./media/mail-icon.png");
  height: 1em;
  width: 1em;
  padding-top: 2px;
}
.icon-check {
  transform: scale(2);
  margin: 10px;
}
.icon-check--accepted {
  color: #8cc640;
}
.icon-check--pending {
  color: #bfbfbf;
}
.position-absolute {
  position: absolute;
}
.position-relative {
  position: relative;
}
.content-center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column wrap;
}
.content-vertical-center {
  display: flex;
  align-items: center;
}
.social-icon.social-icon--twitter {
  background-position-y: 0%;
}
.social-icon.social-icon--facebook {
  background-position-y: 14.2857142857%;
}
.social-icon.social-icon--instagram {
  background-position-y: 28.5714285714%;
}
.social-icon.social-icon--linkedin {
  background-position-y: 42.8571428571%;
}
.social-icon.social-icon--whatsapp {
  background-position-y: 57.1428571429%;
}
.social-icon.social-icon--youtube {
  background-position-y: 71.4285714286%;
}
.social-icon.social-icon--code {
  background-position-y: 85.7142857143%;
}
.social-icon.social-icon--url {
  background-position-y: 100%;
}
.social-icon {
  height: 40px;
  width: 40px;
  cursor: pointer;
  background-color: white;
  background-image: url("./media/social_media-icons.png");
  background-position-x: 0;
  background-repeat: no-repeat;
  background-size: cover;
  border: 0;
  color: transparent;
}
.transparent {
  background-color: transparent !important;
}
.w-0 {
  width: 0 !important;
}
.w-25 {
  width: 25% !important;
}
.w-30 {
  width: 30% !important;
}
.w-40 {
  width: 40% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.wpx-230 {
  width: 230px !important;
}
.h-0 {
  height: 0 !important;
}
.h-25 {
  height: 25% !important;
}
.h-30 {
  height: 30% !important;
}
.h-40 {
  height: 40% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 4px !important;
}
.p-2 {
  padding: 8px !important;
}
.p-3 {
  padding: 12px !important;
}
.p-4 {
  padding: 16px !important;
}
.p-5 {
  padding: 20px !important;
}
.p-6 {
  padding: 24px !important;
}
.p-7 {
  padding: 28px !important;
}
.p-8 {
  padding: 32px !important;
}
.p-10 {
  padding: 40px !important;
}
.p-12 {
  padding: 48px !important;
}
.p-15 {
  padding: 60px !important;
}
.p-16 {
  padding: 64px !important;
}
.p-25 {
  padding: 100px !important;
}
.p-auto {
  padding: auto !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 4px !important;
  padding-left: 4px !important;
}
.px-2 {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.px-3 {
  padding-right: 12px !important;
  padding-left: 12px !important;
}
.px-4 {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.px-5 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}
.px-6 {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.px-7 {
  padding-right: 28px !important;
  padding-left: 28px !important;
}
.px-8 {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.px-10 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.px-12 {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.px-15 {
  padding-right: 60px !important;
  padding-left: 60px !important;
}
.px-16 {
  padding-right: 64px !important;
  padding-left: 64px !important;
}
.px-25 {
  padding-right: 100px !important;
  padding-left: 100px !important;
}
.px-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.py-2 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.py-3 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.py-4 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.py-5 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.py-6 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.py-7 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}
.py-8 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.py-10 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.py-12 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.py-15 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.py-16 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}
.py-25 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}
.py-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 4px !important;
}
.pb-2 {
  padding-bottom: 8px !important;
}
.pb-3 {
  padding-bottom: 12px !important;
}
.pb-4 {
  padding-bottom: 16px !important;
}
.pb-5 {
  padding-bottom: 20px !important;
}
.pb-6 {
  padding-bottom: 24px !important;
}
.pb-7 {
  padding-bottom: 28px !important;
}
.pb-8 {
  padding-bottom: 32px !important;
}
.pb-10 {
  padding-bottom: 40px !important;
}
.pb-12 {
  padding-bottom: 48px !important;
}
.pb-15 {
  padding-bottom: 60px !important;
}
.pb-16 {
  padding-bottom: 64px !important;
}
.pb-25 {
  padding-bottom: 100px !important;
}
.pb-auto {
  padding-bottom: auto !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 4px !important;
}
.pt-2 {
  padding-top: 8px !important;
}
.pt-3 {
  padding-top: 12px !important;
}
.pt-4 {
  padding-top: 16px !important;
}
.pt-5 {
  padding-top: 20px !important;
}
.pt-6 {
  padding-top: 24px !important;
}
.pt-7 {
  padding-top: 28px !important;
}
.pt-8 {
  padding-top: 32px !important;
}
.pt-10 {
  padding-top: 40px !important;
}
.pt-12 {
  padding-top: 48px !important;
}
.pt-15 {
  padding-top: 60px !important;
}
.pt-16 {
  padding-top: 64px !important;
}
.pt-25 {
  padding-top: 100px !important;
}
.pt-auto {
  padding-top: auto !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 4px !important;
}
.m-2 {
  margin: 8px !important;
}
.m-3 {
  margin: 12px !important;
}
.m-4 {
  margin: 16px !important;
}
.m-5 {
  margin: 20px !important;
}
.-m-5 {
  margin: -20px !important;
}
.m-6 {
  margin: 24px !important;
}
.m-7 {
  margin: 28px !important;
}
.m-8 {
  margin: 32px !important;
}
.m-10 {
  margin: 40px !important;
}
.m-12 {
  margin: 48px !important;
}
.m-15 {
  margin: 60px !important;
}
.m-16 {
  margin: 64px !important;
}
.m-25 {
  margin: 100px !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 4px !important;
  margin-left: 4px !important;
}
.mx-2 {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.mx-3 {
  margin-right: 12px !important;
  margin-left: 12px !important;
}
.mx-4 {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.mx-5 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}
.-mx-5 {
  margin-right: -20px !important;
  margin-left: -20px !important;
}
.mx-6 {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.mx-7 {
  margin-right: 28px !important;
  margin-left: 28px !important;
}
.mx-8 {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.mx-10 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.mx-12 {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.mx-15 {
  margin-right: 60px !important;
  margin-left: 60px !important;
}
.mx-16 {
  margin-right: 64px !important;
  margin-left: 64px !important;
}
.mx-25 {
  margin-right: 100px !important;
  margin-left: 100px !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.my-2 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.my-3 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
.my-4 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.my-5 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.-my-5 {
  margin-top: -20px !important;
  margin-bottom: -20px !important;
}
.my-6 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.my-7 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}
.my-8 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.my-10 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.my-12 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.my-15 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}
.my-16 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}
.my-25 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 4px !important;
}
.mt-2 {
  margin-top: 8px !important;
}
.mt-3 {
  margin-top: 12px !important;
}
.mt-4 {
  margin-top: 16px !important;
}
.mt-5 {
  margin-top: 20px !important;
}
.-mt-5 {
  margin-top: -20px !important;
}
.mt-6 {
  margin-top: 24px !important;
}
.mt-7 {
  margin-top: 28px !important;
}
.mt-8 {
  margin-top: 32px !important;
}
.mt-10 {
  margin-top: 40px !important;
}
.mt-12 {
  margin-top: 48px !important;
}
.mt-15 {
  margin-top: 60px !important;
}
.mt-16 {
  margin-top: 64px !important;
}
.mt-25 {
  margin-top: 100px !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mr-1 {
  margin-right: 4px !important;
}
.mr-2 {
  margin-right: 8px !important;
}
.mr-3 {
  margin-right: 12px !important;
}
.mr-4 {
  margin-right: 16px !important;
}
.mr-5 {
  margin-right: 20px !important;
}
.-mr-5 {
  margin-right: -20px !important;
}
.mr-6 {
  margin-right: 24px !important;
}
.mr-7 {
  margin-right: 28px !important;
}
.mr-8 {
  margin-right: 32px !important;
}
.mr-10 {
  margin-right: 40px !important;
}
.mr-12 {
  margin-right: 48px !important;
}
.mr-15 {
  margin-right: 60px !important;
}
.mr-16 {
  margin-right: 64px !important;
}
.mr-25 {
  margin-right: 100px !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 4px !important;
}
.mb-2 {
  margin-bottom: 8px !important;
}
.mb-3 {
  margin-bottom: 12px !important;
}
.mb-4 {
  margin-bottom: 16px !important;
}
.mb-5 {
  margin-bottom: 20px !important;
}
.-mb-5 {
  margin-bottom: -20px !important;
}
.mb-6 {
  margin-bottom: 24px !important;
}
.mb-7 {
  margin-bottom: 28px !important;
}
.mb-8 {
  margin-bottom: 32px !important;
}
.mb-10 {
  margin-bottom: 40px !important;
}
.mb-12 {
  margin-bottom: 48px !important;
}
.mb-15 {
  margin-bottom: 60px !important;
}
.mb-16 {
  margin-bottom: 64px !important;
}
.mb-25 {
  margin-bottom: 100px !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.ml-1 {
  margin-left: 4px !important;
}
.ml-2 {
  margin-left: 8px !important;
}
.ml-3 {
  margin-left: 12px !important;
}
.ml-4 {
  margin-left: 16px !important;
}
.ml-5 {
  margin-left: 20px !important;
}
.-ml-5 {
  margin-left: -20px !important;
}
.ml-6 {
  margin-left: 24px !important;
}
.ml-7 {
  margin-left: 28px !important;
}
.ml-8 {
  margin-left: 32px !important;
}
.ml-10 {
  margin-left: 40px !important;
}
.ml-12 {
  margin-left: 48px !important;
}
.ml-15 {
  margin-left: 60px !important;
}
.ml-16 {
  margin-left: 64px !important;
}
.ml-25 {
  margin-left: 100px !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mat-headline-4 {
  margin: 0 0 16px;
}
.mat-subheading-1,
.mat-subheading-2 {
  margin: 0 0 4px;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right !important;
}
.text-left {
  text-align: left !important;
}
.text-end {
  text-align: end;
}
.align-center {
  display: inline-flex;
  align-items: center;
}
.txt-uppercase {
  text-transform: uppercase;
}
.txt-capitalize {
  text-transform: capitalize;
}
.font-600 {
  font-weight: 600;
}
html,
body {
  height: 100%;
  margin: 0;
}
@media screen and (max-width: 599.9px) {
  .hide-on--xs {
    display: none !important;
  }
}
@media screen and (max-width: 959.9px) {
  .hide-on--sm {
    display: none !important;
  }
}
@media screen and (max-width: 1279.9px) {
  .hide-on--md {
    display: none !important;
  }
}
@media screen and (max-width: 1919.9px) {
  .hide-on--lg {
    display: none !important;
  }
}
@media screen and (max-width: 4999.99px) {
  .hide-on--xl {
    display: none !important;
  }
}
.show-on--xs {
  display: none !important;
}
@media screen and (max-width: 599.9px) {
  .show-on--xs {
    display: flex !important;
  }
}
.show-on--sm {
  display: none !important;
}
@media screen and (max-width: 959.9px) {
  .show-on--sm {
    display: flex !important;
  }
}
.show-on--md {
  display: none !important;
}
@media screen and (max-width: 1279.9px) {
  .show-on--md {
    display: flex !important;
  }
}
.show-on--lg {
  display: none !important;
}
@media screen and (max-width: 1919.9px) {
  .show-on--lg {
    display: flex !important;
  }
}
.show-on--xl {
  display: none !important;
}
@media screen and (max-width: 4999.99px) {
  .show-on--xl {
    display: flex !important;
  }
}
.fixed-top {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  padding: 50px 0;
}
.remove-margin {
  margin: 0 !important;
}
.form-field-desktop {
  width: 50%;
}
.form-field-mobile {
  width: 100%;
  margin-left: 0;
}
.cursor-pointer {
  cursor: pointer;
}
.text-line-through {
  text-decoration: line-through;
}
.text-underline {
  text-decoration: underline;
}
.text-decoration-none {
  text-decoration: none;
}
.vaki-version {
  bottom: 16px;
  color: black;
  position: fixed;
  right: 16px;
  text-shadow: 0 0 1px white;
  z-index: 99999;
}
.lola-gif {
  width: 50px;
  height: auto;
}
.user-avatar {
  border-radius: 20px;
  height: 40px;
  width: 40px;
  aspect-ratio: 1;
  object-fit: cover;
  border: 2px solid;
  border-color: #8cc640;
  box-shadow: 0 0 3px 0 #8cc640;
}
.user-avatar--large {
  border-radius: 60px;
  height: 120px;
  width: 120px;
  aspect-ratio: 1;
  object-fit: cover;
  padding: 1px;
  border: 2px solid rgba(140, 198, 64, 0.1);
}
.user-avatar--big {
  border-radius: 34px;
  height: 68px;
  width: 68px;
  aspect-ratio: 1;
  object-fit: cover;
  border: 2px solid #8cc640;
  box-shadow: 0 0 3px 0 #8cc640;
}
.user-avatar--medium {
  border-radius: 50%;
  height: 55px;
  width: 55px;
  aspect-ratio: 1;
  object-fit: cover;
  border: 2px solid #8cc640;
  box-shadow: 0 0 3px 0 #8cc640;
  margin: 0px !important;
}
#thm_mp_cntnr {
  position: absolute;
}
.overflow-text {
  overflow: hidden;
}
.mat-title-dialog-custom {
  font-size: 28px;
  line-height: 36px;
}
@media screen and (min-width: 840px) {
  .mat-title-dialog-custom {
    font-size: revert;
    line-height: revert;
  }
}
.fit-content {
  width: fit-content;
}
.w-100 {
  width: 100%;
}
.w-50 {
  width: 50%;
}
.w-45 {
  width: 45%;
}
.w-40 {
  width: 40%;
}
.w-75 {
  width: 75%;
}
.w-25 {
  width: 25%;
}
.w-50-100 {
  width: 50%;
}
.w-50-100.right {
  margin-left: 8px;
}
@media (min-width: 0) and (max-width: 599.9px) {
  .w-50-100.xs {
    width: 100%;
  }
  .w-50-100.xs.right {
    margin-left: 0;
  }
}
@media (max-width: 959.9px) {
  .w-50-100.md {
    width: 100%;
  }
  .w-50-100.md.right {
    margin-left: 0;
  }
}
.w-50-25 {
  width: 50%;
}
@media screen and (max-width: 599.9px) {
  .w-50-25.xs {
    width: 25%;
  }
}
@media screen and (max-width: 1279.9px) {
  .w-50-25.md {
    width: 25%;
  }
}
.w-45-100 {
  width: 45%;
}
@media screen and (max-width: 599.9px) {
  .w-45-100.xs {
    width: 100%;
  }
}
@media screen and (max-width: 1279.9px) {
  .w-45-100.md {
    width: 100%;
  }
}
.h-100 {
  height: 100%;
}
@media screen and (max-width: 840px) {
  .modal-responsive {
    max-height: 500px;
  }
}
.cover {
  object-fit: cover;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-x-hidden {
  overflow-x: hidden;
  overflow-y: hidden;
}
.text-bold {
  font-weight: bold;
}
.text-justify {
  text-align: justify;
}
.no-resize {
  resize: none !important;
}
* {
  box-sizing: border-box;
}
img {
  max-width: 100%;
}
footer {
  margin-top: auto;
}
.logo-partner {
  max-width: 125px;
  height: auto;
}
a {
  color: #8cc640;
}
.brand-logo-24 {
  height: 24px;
  width: auto;
}
.brand-logo-32 {
  height: 32px;
  width: auto;
}
.timepicker-overlay {
  z-index: 2500 !important;
}

/* node_modules/@kolkov/angular-editor/themes/default.scss */
:root {
  --ae-gap: 5px;
  --ae-text-area-border: 1px solid #ddd;
  --ae-text-area-border-radius: 0;
  --ae-focus-outline-color: #afaeae auto 1px;
  --ae-toolbar-padding: 1px;
  --ae-toolbar-bg-color: #f5f5f5;
  --ae-toolbar-border-radius: 1px solid #ddd;
  --ae-button-bg-color: white;
  --ae-button-border: 1px solid #afaeae;
  --ae-button-radius: 5px;
  --ae-button-hover-bg-color: #f1f1f1;
  --ae-button-active-bg-color: #fffbd3;
  --ae-button-active-hover-bg-color: #fffaad;
  --ae-button-disabled-bg-color: #f5f5f5;
  --ae-picker-label-color: white;
  --ae-picker-icon-bg-color: white;
  --ae-picker-option-bg-color: #fff;
  --ae-picker-option-active-bg-color: #fffbd3;
  --ae-picker-option-focused-bg-color: #fffaad;
  --ae-picker-option-hover-bg-color: #fbf7ba;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */