@charset "UTF-8";

/* apps/meplis-cnp/src/styles.scss */
html {
  color-scheme: light dark;
  --mat-sys-background: light-dark(#fef8fc, #151316);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#f5eff4, #323033);
  --mat-sys-inverse-primary: light-dark(#d5baff, #7d00fa);
  --mat-sys-inverse-surface: light-dark(#323033, #e6e1e6);
  --mat-sys-on-background: light-dark(#1d1b1e, #e6e1e6);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #42008a);
  --mat-sys-on-primary-container: light-dark(#5f00c0, #ecdcff);
  --mat-sys-on-primary-fixed: light-dark(#270057, #270057);
  --mat-sys-on-primary-fixed-variant: light-dark(#5f00c0, #5f00c0);
  --mat-sys-on-secondary: light-dark(#ffffff, #352d40);
  --mat-sys-on-secondary-container: light-dark(#4b4357, #eadef7);
  --mat-sys-on-secondary-fixed: light-dark(#1f182a, #1f182a);
  --mat-sys-on-secondary-fixed-variant: light-dark(#4b4357, #4b4357);
  --mat-sys-on-surface: light-dark(#1d1b1e, #e6e1e6);
  --mat-sys-on-surface-variant: light-dark(#49454e, #e8e0eb);
  --mat-sys-on-tertiary: light-dark(#ffffff, #502400);
  --mat-sys-on-tertiary-container: light-dark(#723600, #ffdcc7);
  --mat-sys-on-tertiary-fixed: light-dark(#311300, #311300);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#723600, #723600);
  --mat-sys-outline: light-dark(#7b757f, #958e99);
  --mat-sys-outline-variant: light-dark(#cbc4cf, #49454e);
  --mat-sys-primary: light-dark(#7d00fa, #d5baff);
  --mat-sys-primary-container: light-dark(#ecdcff, #5f00c0);
  --mat-sys-primary-fixed: light-dark(#ecdcff, #ecdcff);
  --mat-sys-primary-fixed-dim: light-dark(#d5baff, #d5baff);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#645b70, #cec2db);
  --mat-sys-secondary-container: light-dark(#eadef7, #4b4357);
  --mat-sys-secondary-fixed: light-dark(#eadef7, #eadef7);
  --mat-sys-secondary-fixed-dim: light-dark(#cec2db, #cec2db);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#fef8fc, #151316);
  --mat-sys-surface-bright: light-dark(#fef8fc, #3b383c);
  --mat-sys-surface-container: light-dark(#f2ecf1, #211f22);
  --mat-sys-surface-container-high: light-dark(#ede6eb, #2b292d);
  --mat-sys-surface-container-highest: light-dark(#e6e1e6, #363437);
  --mat-sys-surface-container-low: light-dark(#f8f2f6, #1d1b1e);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0f0d11);
  --mat-sys-surface-dim: light-dark(#ded8dd, #151316);
  --mat-sys-surface-tint: light-dark(#7d00fa, #d5baff);
  --mat-sys-surface-variant: light-dark(#e8e0eb, #49454e);
  --mat-sys-tertiary: light-dark(#964900, #ffb787);
  --mat-sys-tertiary-container: light-dark(#ffdcc7, #723600);
  --mat-sys-tertiary-fixed: light-dark(#ffdcc7, #ffdcc7);
  --mat-sys-tertiary-fixed-dim: light-dark(#ffb787, #ffb787);
  --mat-sys-neutral-variant20: #332f37;
  --mat-sys-neutral10: #1d1b1e;
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level4:
    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-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-sys-body-large: 400 1rem / 1.5rem Roboto;
  --mat-sys-body-large-font: Roboto;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto;
  --mat-sys-body-medium-font: Roboto;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Roboto;
  --mat-sys-body-small-font: Roboto;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Roboto;
  --mat-sys-display-large-font: Roboto;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;
  --mat-sys-display-medium-font: Roboto;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;
  --mat-sys-display-small-font: Roboto;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Roboto;
  --mat-sys-headline-large-font: Roboto;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;
  --mat-sys-headline-medium-font: Roboto;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Roboto;
  --mat-sys-headline-small-font: Roboto;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-label-large-font: Roboto;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Roboto;
  --mat-sys-label-medium-font: Roboto;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Roboto;
  --mat-sys-label-small-font: Roboto;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;
  --mat-sys-title-large-font: Roboto;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Roboto;
  --mat-sys-title-medium-font: Roboto;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-title-small-font: Roboto;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}
:root {
  --debugg: hsl(192, 80%, 35%);
  --mep-color-h: 195;
  --mep-color-s: 80%;
  --mep-color-l: 35%;
  --mep-color-primary: #107edf;
  --mep-color-white: white;
  --mep-color-black: black;
  --mep-color-negative: var(--mep-color-neutral-20);
  --mep-color-negative-font: var(--mep-color-neutral-90);
  --mep-color-primary-font: var(--mep-color-neutral-20);
  --mep-color-secondary-font: var(--mep-color-neutral-50);
  --mep-color-secondary: #4ecec3;
  --mep-color-secondary-hover: #24978e;
  --mep-color-hover-button: #4683b9;
  --mep-color-active-button: #3e75a5;
  --mep-color-hover-button-outline: #22194d;
  --mep-color-active-button-outline: #1a143e;
  --mep-color-neutral-100: #ffffff;
  --mep-color-neutral-95: #fafafa;
  --mep-color-neutral-90: #f5f5f5;
  --mep-color-neutral-80: #e6e6e6;
  --mep-color-neutral-70: #cccccc;
  --mep-color-neutral-60: #adadad;
  --mep-color-neutral-50: #808080;
  --mep-color-neutral-40: #616161;
  --mep-color-neutral-30: #363636;
  --mep-color-neutral-20: #212121;
  --mep-color-neutral-10: #171717;
  --mep-color-surface: var(--mep-color-neutral-100);
  --mep-color-surface-alt: var(--mep-color-neutral-95);
  --mep-color-border: var(--mep-color-neutral-80);
  --mep-color-text-muted: var(--mep-color-neutral-50);
  --mep-color-grey-050: var(--mep-color-neutral-95);
  --mep-color-grey-50: var(--mep-color-neutral-95);
  --mep-color-grey-100: var(--mep-color-neutral-90);
  --mep-color-grey-200: var(--mep-color-neutral-80);
  --mep-color-grey-300: var(--mep-color-neutral-70);
  --mep-color-grey-400: var(--mep-color-neutral-60);
  --mep-color-grey-500: var(--mep-color-neutral-50);
  --mep-color-grey-600: var(--mep-color-neutral-50);
  --mep-color-grey-700: var(--mep-color-neutral-30);
  --mep-color-grey-800: var(--mep-color-neutral-20);
  --mep-color-grey-900: var(--mep-color-neutral-10);
  --mep-color-primary-light: #eef3ff;
  --mep-color-warning: #b06f00;
  --mep-color-warning-light: #fff5e0;
  --mep-color-danger: #c0392b;
  --mep-color-danger-light: #fdecea;
  --mep-color-info: #5abfdd;
  --mep-color-blue: #24acd6;
  --mep-color-red: #d04971;
  --mep-color-purple: #b549d0;
  --mep-color-yellow: #d5ce00;
  --mep-color-orange: #dd955a;
  --mep-color-success-100: hsl(146, 25%, 97%);
  --mep-color-success-90: hsl(146, 25%, 93%);
  --mep-color-success-80: #c8ead6;
  --mep-color-success-70: #a3dcbb;
  --mep-color-success-40: #12a150;
  --mep-color-backdrop: rgba(0, 0, 0, 0.4);
  --mep-color-error-90: #f2e9ea;
  --mep-color-error-80: #eac8ce;
  --mep-color-error-70: #dca3ae;
  --mep-color-error-50: #d77588;
  --mep-color-error-40: #a1122e;
  --mep-color-plus-6: hsl(var(--mep-color-h), 25%, 97%);
  --mep-color-plus-5: hsl(var(--mep-color-h), 25%, 93%);
  --mep-color-plus-4: hsl(var(--mep-color-h), 45%, 85%);
  --mep-color-plus-3: hsl(var(--mep-color-h), 45%, 75%);
  --mep-color-plus-2: hsl(var(--mep-color-h), 50%, 65%);
  --mep-color-plus-1: hsl(var(--mep-color-h), 55%, 56%);
  --mep-color-minus-1: hsl(var(--mep-color-h), 85%, 25%);
  --mep-color-minus-2: hsl(var(--mep-color-h), 90%, 15%);
  --mep-color-minus-3: hsl(var(--mep-color-h), 95%, 10%);
  --mat-menu-container-color: var(--mep-color-neutral-100);
  --mat-expansion-container-background-color: var(--mep-color-neutral-100);
}
@media (prefers-color-scheme: dark) {
  :root .logo {
    filter: grayscale(1) invert(1) !important;
  }
  :root img {
    opacity: 0.75;
    transition: opacity 0.5s ease-in-out;
  }
  :root img:hover {
    opacity: 1;
  }
  :root {
    --mep-color-primary-font: hsl(0, 0%, 98%);
    --mep-color-neutral-10: hsl(0, 0%, 100%);
    --mep-color-neutral-20: hsl(0, 0%, 98%);
    --mep-color-neutral-30: hsl(0, 0%, 96%);
    --mep-color-neutral-40: hsl(0, 0%, 90%);
    --mep-color-neutral-50: hsl(0, 0%, 80%);
    --mep-color-neutral-60: hsl(0, 0%, 68%);
    --mep-color-neutral-70: hsl(0, 0%, 50%);
    --mep-color-neutral-80: hsl(0, 0%, 38%);
    --mep-color-neutral-90: hsl(0, 0%, 21%);
    --mep-color-neutral-95: hsl(0, 0%, 13%);
    --mep-color-neutral-100: hsl(0, 0%, 9%);
    --mep-color-primary-light: hsl(220, 40%, 18%);
    --mep-color-warning: hsl(38, 90%, 65%);
    --mep-color-warning-light: hsl(38, 45%, 16%);
    --mep-color-danger: hsl(6, 80%, 72%);
    --mep-color-danger-light: hsl(6, 45%, 18%);
    --background-dim: none;
  }
  :root .sd-item--disabled .sd-item__control-label {
    opacity: 0.75;
  }
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/fonts/montserrat/montserrat-100-cyrillic-ext.woff2) format("woff2");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/fonts/montserrat/montserrat-100-cyrillic.woff2) format("woff2");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/fonts/montserrat/montserrat-100-vietnamese.woff2) format("woff2");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/fonts/montserrat/montserrat-100-latin-ext.woff2) format("woff2");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/fonts/montserrat/montserrat-100-latin.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/montserrat/montserrat-400-cyrillic-ext.woff2) format("woff2");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/montserrat/montserrat-400-cyrillic.woff2) format("woff2");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/montserrat/montserrat-400-vietnamese.woff2) format("woff2");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/montserrat/montserrat-400-latin-ext.woff2) format("woff2");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/montserrat/montserrat-400-latin.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/montserrat/montserrat-500-cyrillic-ext.woff2) format("woff2");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/montserrat/montserrat-500-cyrillic.woff2) format("woff2");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/montserrat/montserrat-500-vietnamese.woff2) format("woff2");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/montserrat/montserrat-500-latin-ext.woff2) format("woff2");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/montserrat/montserrat-500-latin.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/montserrat/montserrat-600-cyrillic-ext.woff2) format("woff2");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/montserrat/montserrat-600-cyrillic.woff2) format("woff2");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/montserrat/montserrat-600-vietnamese.woff2) format("woff2");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/montserrat/montserrat-600-latin-ext.woff2) format("woff2");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/montserrat/montserrat-600-latin.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/montserrat/montserrat-700-cyrillic-ext.woff2) format("woff2");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/montserrat/montserrat-700-cyrillic.woff2) format("woff2");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/montserrat/montserrat-700-vietnamese.woff2) format("woff2");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/montserrat/montserrat-700-latin-ext.woff2) format("woff2");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/montserrat/montserrat-700-latin.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/montserrat/montserrat-800-cyrillic-ext.woff2) format("woff2");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/montserrat/montserrat-800-cyrillic.woff2) format("woff2");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/montserrat/montserrat-800-vietnamese.woff2) format("woff2");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/montserrat/montserrat-800-latin-ext.woff2) format("woff2");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/montserrat/montserrat-800-latin.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
:root {
  --font-primary: "Montserrat", sans-serif;
  --font-secondary: "Montserrat", sans-serif;
}
html {
  font-size: 14px;
}
@media screen and (min-width: 576px) {
  html {
    font-size: calc(14px + 2 * (100vw - 576px) / 864);
  }
}
@media screen and (min-width: 1440px) {
  html {
    font-size: 16px;
  }
}
html {
  font-family: var(--font-primary);
  font-weight: normal;
}
body {
  color: var(--mep-color-neutral-10);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-primary);
  line-height: 1.1;
  margin: 0;
  padding: 0;
}
span,
i,
li,
a,
small,
big,
input,
select,
option,
font,
label {
  font-family: var(--font-primary) !important;
  font-weight: inherit;
  margin: 0;
  padding: 0;
  line-height: 1.125rem;
}
p {
  font-weight: inherit;
  margin: 0;
  padding: 0;
  font-family: var(--font-secondary);
  letter-spacing: 0.5px;
  line-height: 1.125rem;
}
h1 {
  font-size: 2.25rem;
  font-weight: bold;
}
h2 {
  font-size: 1.5rem;
  font-weight: bold;
}
h3 {
  font-size: 1.125rem;
  font-weight: 600;
}
h4 {
  font-size: 1rem;
  font-weight: 600;
}
h5 {
  font-size: 0.875rem;
  font-weight: 600;
}
big {
  font-size: 1.125rem;
}
h6 {
  font-size: 0.875rem;
}
p {
  font-size: 0.875rem;
}
span {
  font-size: 0.75rem;
}
@media (max-width: 576px) {
  p,
  i,
  li,
  a,
  input,
  select,
  option,
  span,
  label {
    letter-spacing: 0.02em;
  }
}
.underline-text {
  text-decoration: underline;
}
small {
  font-size: 0.6875rem;
  letter-spacing: 0.04em;
}
ul {
  list-style-type: none;
  padding-left: 0;
}
svg:not(:root).svg-inline--fa,
svg:not(:host).svg-inline--fa {
  overflow: visible;
  box-sizing: content-box;
}
.svg-inline--fa {
  display: var(--fa-display, inline-block);
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}
.btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  letter-spacing: 0.02em;
  font-weight: 600;
  white-space: nowrap;
  min-width: 3.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
  padding-left: 1rem;
  width: fit-content;
  border: 1px solid;
  gap: 0.375rem;
  border-width: 1px;
  border-radius: 0.375rem;
  transition: all 0.3s ease;
  font-family: var(--font-primary);
  color: var(--mep-color-neutral-100);
  border-color: var(--mep-color-primary);
  background-color: var(--mep-color-primary);
  cursor: pointer;
}
.btn span {
  font-size: 1rem;
}
.btn:hover {
  border-color: var(--mep-color-hover-button);
  background-color: var(--mep-color-hover-button);
}
.btn:active {
  border-color: var(--mep-color-active-button);
  background-color: var(--mep-color-active-button);
}
.btn--sm {
  font-size: 11px;
  letter-spacing: 0.02em;
  font-weight: 500;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.btn--sm span,
.btn--sm i {
  font-size: 11px;
}
.btn--sm .fa-thumbs-up {
  font-size: 15px;
}
.btn--ssm {
  font-size: 11px;
  height: 1.5rem;
  min-width: 1.5rem;
  letter-spacing: 0.02em;
  font-weight: 500;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.btn--ssm span,
.btn--ssm i {
  font-size: 11px;
}
.btn--lg {
  font-size: 1.25rem;
  line-height: 1.5rem;
  height: 3.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
.btn--lg span {
  font-size: 1.25rem;
}
.btn--full-width {
  width: 100%;
}
.btn--neutral {
  background-color: var(--mep-color-neutral-80);
  border-color: var(--mep-color-neutral-80);
  color: var(--mep-color-primary-font);
}
.btn--neutral:hover {
  background-color: var(--mep-color-neutral-70);
  border-color: var(--mep-color-neutral-70);
}
.btn--neutral:active {
  background-color: var(--mep-color-neutral-60);
  border-color: var(--mep-color-neutral-60);
}
.btn--outline {
  background-color: transparent;
  border-color: var(--mep-color-primary-font);
  color: var(--mep-color-primary-font);
}
.btn--outline:hover {
  background-color: var(--mep-color-hover-button-outline);
  color: var(--mep-color-neutral-100);
}
.btn--outline:active {
  background-color: var(--mep-color-active-button-outline);
  color: var(--mep-color-neutral-100);
}
.btn--outline-white {
  background-color: transparent;
  border-color: var(--mep-color-white);
  color: var(--mep-color-white);
}
.btn--outline-white:hover {
  background-color: var(--mep-color-white);
  color: var(--mep-color-black);
}
.btn--outline-white:active {
  background-color: transparent;
  border-color: var(--mep-color-white);
  color: var(--mep-color-white);
}
.btn.btn--no-bg {
  background-color: transparent;
  border-color: transparent;
  color: var(--mep-color-primary-font);
  border: none;
  display: inline-flex;
  padding: 0 !important;
}
.btn.btn--no-bg:hover {
  background-color: transparent;
}
.btn.btn--no-bg:active {
  background-color: transparent;
}
.btn--icon-text {
  gap: 0.25rem;
}
.btn--icon-text .mat-icon.material-icons-outlined,
.btn--icon-text .mat-icon.material-icons {
  color: inherit;
  font-size: 0.875rem;
  line-height: 0.875rem;
  width: 0.875rem;
  height: 0.875rem;
}
.btn--icon-text.btn--lg {
  gap: 0.75rem;
}
.btn--icon-text.btn--lg .mat-icon.material-icons-outlined,
.btn--icon-text.btn--lg .mat-icon.material-icons {
  font-size: 1rem;
  line-height: 1rem;
  width: 1rem;
  height: 1rem;
}
.btn--icon-text.btn--sm {
  gap: 0.5rem;
}
.btn--icon-text.btn--ssm {
  gap: 0.25rem;
}
.btn--icon {
  gap: 0.25rem;
  min-width: 3.5rem;
  padding: 0;
  font-size: 1rem;
}
.btn--icon .mat-icon.material-icons-outlined,
.btn--icon .mat-icon.material-icons {
  color: inherit;
  font-size: 0.875rem;
  line-height: 0.875rem;
  width: 0.875rem;
  height: 0.875rem;
}
.btn--icon.btn--lg {
  height: 3.5rem;
  gap: 0.75rem;
  min-width: 3.5rem;
}
.btn--icon.btn--lg .mat-icon.material-icons-outlined,
.btn--icon.btn--lg .mat-icon.material-icons {
  font-size: 1rem;
  line-height: 1rem;
  width: 1rem;
  height: 1rem;
}
.btn--icon.btn--sm {
  height: 2.5rem;
  gap: 0.5rem;
  min-width: 2.5rem;
}
.btn--icon.btn--ssm {
  height: 1.5rem;
  gap: 0.25rem;
  min-width: 1.5rem;
}
.btn:disabled,
.btn--disabled {
  pointer-events: none;
  opacity: 0.5;
}
.btn--sm.btn--icon .mat-icon.material-icons-outlined,
.btn--sm.btn--icon .mat-icon.material-icons {
  font-size: 0.875rem;
  width: 0.875rem;
  height: 0.875rem;
}
.btn--ssm.btn--icon .mat-icon.material-icons-outlined,
.btn--ssm.btn--icon .mat-icon.material-icons {
  font-size: 0.75rem;
  width: 0.75rem;
  height: 0.75rem;
}
.btn--primary {
  color: var(--mep-color-neutral-100) !important;
  border-color: var(--mep-color-primary);
  background-color: var(--mep-color-primary);
}
.btn--primary:hover {
  border-color: var(--mep-color-hover-button);
  background-color: var(--mep-color-hover-button);
}
.btn--primary.btn--outline {
  background-color: transparent;
  color: var(--mep-color-primary);
  border-color: var(--mep-color-color-plus-2);
}
.btn.btn--primary.btn--no-bg {
  background-color: transparent;
  color: var(--mep-color-primary) !important;
}
.btn.btn--primary.btn--no-bg:hover {
  background-color: transparent;
  color: var(--mep-color-hover-button) !important;
}
.btn.btn--primary.btn--no-bg:active {
  background-color: transparent;
  color: var(--mep-color-active-button) !important;
}
.btn--primary.btn:disabled,
.btn--primary.btn--disabled {
  background-color: var(--mep-color-neutral-80);
  border-color: var(--mep-color-neutral-80);
  color: var(--mep-color-neutral-70);
  pointer-events: none;
}
.btn--primary.btn:disabled.btn--outline,
.btn--primary.btn:disabled.btn--outline,
.btn--primary.btn--disabled.btn--outline,
.btn--primary.btn--disabled.btn--outline {
  background-color: transparent;
  color: var(--mep-color-neutral-70);
  border-color: var(--mep-color-neutral-70);
}
.btn--error {
  color: var(--mep-color-neutral-100);
  border-color: var(--mep-color-error-40);
  background-color: var(--mep-color-error-40);
}
.btn--error.btn--outline {
  background-color: transparent;
  color: var(--mep-color-error-40);
}
.btn.btn--error.btn--no-bg {
  background-color: transparent;
  color: var(--mep-color-error-40);
}
.btn--danger {
  color: var(--mep-color-neutral-100);
  border-color: var(--mep-color-error-50);
  background-color: var(--mep-color-error-50);
}
.btn--danger:hover {
  background-color: var(--mep-color-error-40);
  border-color: var(--mep-color-error-40);
}
.btn--danger:active {
  background-color: var(--mep-color-error-40);
  border-color: var(--mep-color-error-40);
}
.btn--danger.btn--outline {
  background-color: transparent;
  color: var(--mep-color-error-50);
  border-color: var(--mep-color-error-50);
}
.btn--danger.btn--outline:hover {
  background-color: var(--mep-color-error-90);
  color: var(--mep-color-error-40);
}
.btn--danger.btn--outline:active {
  background-color: var(--mep-color-error-80);
  color: var(--mep-color-error-40);
}
.btn.btn--danger.btn--no-bg {
  background-color: transparent;
  color: var(--mep-color-error-50);
  border: none;
}
.btn.btn--danger.btn--no-bg:hover {
  background-color: transparent;
  color: var(--mep-color-error-40);
}
.btn--danger:disabled,
.btn--danger.btn--disabled {
  background-color: var(--mep-color-neutral-80);
  border-color: var(--mep-color-neutral-80);
  color: var(--mep-color-neutral-70);
  pointer-events: none;
}
.btn--danger:disabled.btn--outline,
.btn--danger:disabled.btn--no-bg,
.btn--danger.btn--disabled.btn--outline,
.btn--danger.btn--disabled.btn--no-bg {
  background-color: transparent;
  color: var(--mep-color-neutral-70);
  border-color: var(--mep-color-neutral-70);
}
.btn--success {
  color: var(--mep-color-neutral-100);
  border-color: var(--mep-color-success-40);
  background-color: var(--mep-color-success-40);
}
.btn--success:hover {
  background-color: var(--mep-color-success-70);
  border-color: var(--mep-color-success-70);
}
.btn--success:active {
  background-color: var(--mep-color-success-80);
  border-color: var(--mep-color-success-80);
}
.btn--success.btn--outline {
  background-color: transparent;
  color: var(--mep-color-success-40);
  border-color: var(--mep-color-success-40);
}
.btn--success.btn--outline:hover {
  background-color: var(--mep-color-success-90);
  color: var(--mep-color-success-40);
}
.btn--success.btn--outline:active {
  background-color: var(--mep-color-success-80);
  color: var(--mep-color-success-40);
}
.btn.btn--success.btn--no-bg {
  background-color: transparent;
  color: var(--mep-color-success-40);
  border: none;
}
.btn.btn--success.btn--no-bg:hover {
  background-color: transparent;
  color: var(--mep-color-success-70);
}
.btn--success:disabled,
.btn--success.btn--disabled {
  background-color: var(--mep-color-neutral-80);
  border-color: var(--mep-color-neutral-80);
  color: var(--mep-color-neutral-70);
  pointer-events: none;
}
.btn--success:disabled.btn--outline,
.btn--success:disabled.btn--no-bg,
.btn--success.btn--disabled.btn--outline,
.btn--success.btn--disabled.btn--no-bg {
  background-color: transparent;
  color: var(--mep-color-neutral-70);
  border-color: var(--mep-color-neutral-70);
}
.mat-mdc-progress-spinner {
  width: 18px !important;
  height: 18px !important;
  --mat-progress-spinner-active-indicator-color: var( --mep-color-neutral-40 ) !important;
}
.mat-mdc-progress-spinner .btn--outline,
.mat-mdc-progress-spinner .btn--no-bg {
  --mat-progress-spinner-active-indicator-color: var( --mep-color-primary ) !important;
}
.mat-autocomplete-panel .option-button {
  margin: 12px auto;
}
.mat-autocomplete-panel .option-button:hover {
  background-color: transparent !important;
}
.mat-autocomplete-panel .option-button .mat-option-text {
  display: flex !important;
  justify-content: center !important;
}
.mat-autocomplete-panel .btn {
  gap: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input {
  box-sizing: border-box;
}
input[type=number] {
  -moz-appearance: textfield;
}
.chip-list {
  width: 100%;
}
.field {
  width: 100%;
}
.field + .field {
  margin-top: 1rem;
}
.field__form {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.field__row {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: flex-start;
  gap: 1rem;
  width: 100%;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .field__row {
    flex-direction: column;
  }
}
.field__slider.mat-slider {
  height: 20px;
  width: 100%;
  min-width: unset;
  padding: 0;
  padding-left: 10px;
}
.field__slider.mat-slider .mat-slider-wrapper {
  position: relative;
  top: 50%;
  right: unset;
  left: unset;
  bottom: unset;
  transform: translateY(-50%);
  height: 8px;
  border-radius: 99px;
}
.field__slider.mat-slider .mat-slider-track-wrapper {
  height: inherit;
  border-radius: inherit;
}
.field__slider.mat-slider .mat-slider-track-background {
  height: inherit;
  background-color: var(--mep-color-neutral-80) !important;
  border-radius: inherit;
}
.field__slider.mat-slider .mat-slider-track-fill {
  height: inherit;
  border-radius: inherit;
  background-color: var(--mep-color-neutral-70) !important;
}
.field__slider.mat-slider .mat-slider-thumb {
  transform: scale(1) !important;
  background-color: var(--mep-color-primary) !important;
  border-color: var(--mep-color-primary) !important;
}
.field__group {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  color: var(--mep-color-neutral-40);
}
.field__group--icon-right fa-icon,
.field__group--icon-right i,
.field__group--icon-left fa-icon,
.field__group--icon-left i {
  display: flex;
  align-items: center;
  position: absolute;
  color: inherit;
  font-size: 0.875rem;
}
.field__group--icon-right fa-icon,
.field__group--icon-right i {
  right: 1rem;
}
.field__group--icon-right .field__input {
  padding-right: 2.5rem;
}
.field__group--icon-left fa-icon,
.field__group--icon-left i {
  left: 1rem;
}
.field__group--icon-left .field__input {
  padding-left: 2.5rem;
}
.field__group--center {
  align-items: center;
  justify-content: center;
}
.field__label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  color: var(--mep-color-neutral-30);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.04em;
  margin-bottom: 0.25rem;
}
.field__label--sm {
  font-size: 11px;
}
.field__label--lg {
  font-size: 1.25rem;
}
.field__right-label {
  font-weight: 400;
  font-size: 0.75rem;
  align-self: end;
  margin-top: 0.5rem;
  font-size: 0.75rem;
}
.field__right-label--error {
  color: var(--mep-color-error-40);
}
.field__help {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.125rem !important;
  width: 1.125rem !important;
  font-size: 1.125rem !important;
  line-height: 0.8 !important;
  color: inherit !important;
}
.field__input-caption {
  display: block;
  color: var(--mep-color-neutral-50);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.02em;
  margin-top: 0.5rem;
}
.field__input-caption--error {
  color: var(--mep-color-error-40);
}
.field__input {
  position: relative;
  display: flex !important;
  align-items: center;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  height: 3.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
  padding-left: 1rem;
  color: var(--mep-color-neutral-14);
  background-color: var(--mep-color-neutral-100);
  outline: 4px solid transparent;
  border: 1px solid;
  border-width: 1px;
  border-radius: 0.375rem;
  border-color: var(--mep-color-neutral-80);
  transition: all 0.3s ease;
  font-family: var(--font-primary);
}
.field__input--sm {
  font-size: 11px;
  height: 2.5rem;
  letter-spacing: 0.02em;
  font-weight: 500;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.field__input--lg {
  font-size: 1.25rem;
  line-height: 1.5rem;
  height: 3.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
  padding-left: 1rem;
}
textarea.field__input {
  min-height: 100px;
  resize: none;
}
.field__input.mat-select,
select.field__input {
  padding: 0;
  color: var(--mep-color-neutral-40);
  background-color: var(--mep-color-neutral-100);
  position: relative;
}
.field__input.mat-select .mat-select-trigger,
select.field__input .mat-select-trigger {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
  padding-left: 1rem;
}
.field__input.mat-select span,
select.field__input span {
  font-size: 1rem;
  line-height: 1.25rem;
}
.mat-option {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--mep-color-neutral-20);
  transition: all 250ms ease !important;
}
.mat-option.mat-active {
  background: var(--mep-color-primary) !important;
  color: var(--mep-color-white) !important;
}
.mat-select-value-text {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--mep-color-neutral-20);
}
.mat-select {
  display: flex !important;
  align-items: center;
  outline: 4px solid transparent !important;
}
.mat-select:focus {
  outline: 4px solid var(--mep-color-neutral-90) !important;
}
.field__input::placeholder {
  font-size: 1rem;
  font-weight: 500;
  color: var(--mep-color-neutral-70);
}
@media (max-width: 768px) {
  .field__input::placeholder {
    font-weight: 400;
  }
}
.field__input:focus {
  background-color: var(--mep-color-neutral-100);
  border-color: var(--mep-color-neutral-50);
  outline-color: var(--mep-color-neutral-80) !important;
}
.field__input:hover {
  border-color: var(--mep-color-neutral-50);
}
.field__input.ng-valid.ng-dirty:not(:disabled),
.field__input--valid:not(:disabled) {
  outline-color: transparent;
}
.field__input.ng-invalid.ng-dirty:not(:disabled),
.field__input--invalid:not(:disabled) {
  color: var(--mep-color-error-40);
  border-color: var(--mep-color-error-70);
  outline-color: var(--mep-color-error-90);
}
.field__input.field__input:not(mat-select):not(select):not(.pac-container):not(span):read-only,
.field__input.field__input:not(mat-select):not(select):not(.pac-container):not(span):disabled,
.field__input.field__input.mat-select[aria-disabled~=true],
.field__input.field__input--disabled,
select.field__input[aria-disabled~=true] {
  background-color: var(--mep-color-neutral-95) !important;
  border-color: var(--mep-color-neutral-95) !important;
  outline: unset;
  pointer-events: none !important;
}
.field__input.field__input:not(mat-select):not(select):not(.pac-container):not(span):read-only::placeholder,
.field__input.field__input:not(mat-select):not(select):not(.pac-container):not(span):disabled::placeholder,
.field__input.field__input.mat-select[aria-disabled~=true]::placeholder,
.field__input.field__input--disabled::placeholder,
select.field__input[aria-disabled~=true]::placeholder {
  color: var(--mep-color-neutral-80) !important;
}
.mat-select-trigger {
  width: inherit;
}
.mat-select-arrow {
  color: var(--mep-color-neutral-40);
}
.mat-autocomplete-panel .mat-option:focus:not(.mat-option-disabled),
.mat-autocomplete-panel .mat-option:hover:not(.mat-option-disabled),
.mat-select-panel .mat-option:hover {
  background-color: var(--mep-color-neutral-80);
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple),
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background-color: var(--mep-color-primary);
}
.mat-select-placeholder,
.mat-select-value {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--mep-color-neutral-80);
  font-family: var(--font-primary);
}
@media (max-width: 768px) {
  .mat-select-placeholder,
  .mat-select-value {
    font-weight: 400;
  }
}
.mat-option-text {
  font-family: var(--font-primary);
}
.mat-autocomplete-panel,
.mat-select-panel {
  background-color: var(--mep-color-neutral-95);
  min-width: calc(100% + 16px) !important;
}
.mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background {
  border-color: var(--mep-color-success-40) !important;
  background-color: var(--mep-color-success-40) !important;
}
.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
  border-color: var(--mep-color-success-40) !important;
}
.mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__background::before {
  background-color: var(--mep-color-neutral-90) !important;
}
.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--mep-color-success-40) !important;
}
.mat-mdc-radio-button.mat-mdc-radio-checked .mat-ripple-element {
  background-color: var(--mep-color-success-80) !important;
}
.mdc-checkbox .mdc-checkbox__native-control:focus:checked ~ .mdc-checkbox__ripple {
  background-color: var(--mep-color-success-80) !important;
}
.mdc-checkbox .mdc-checkbox__native-control:focus:checked ~ .mdc-checkbox__ripple {
  background-color: var(--mep-color-success-80) !important;
}
.mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  color: var(--mep-color-neutral-95) !important;
}
.field__toggle .mdc-switch .mdc-switch__shadow {
  background-color: var(--mep-color-neutral-90);
}
.field__toggle .mdc-switch--unselected .mdc-switch__shadow {
  background-color: var(--mep-color-neutral-40);
}
.field__toggle .mdc-switch--selected .mdc-switch__track::after {
  background: var(--mep-color-primary) !important;
}
.field__toggle .mdc-switch__handle {
  width: 1.125rem !important;
  height: 1.125rem !important;
}
.field__toggle .mdc-switch__track {
  height: 1.5rem !important;
  width: 3rem !important;
}
.field__toggle .mdc-switch__track::before {
  background: var(--mep-color-neutral-90);
}
.field__toggle--sm .mat-slide-toggle {
  height: 1.5rem !important;
}
.field__toggle--sm .mat-slide-toggle-bar {
  height: 1.5rem !important;
  width: 3rem !important;
  border-radius: 3.5rem !important;
  background: var(--mep-color-neutral-80);
}
.field__toggle--sm .mat-slide-toggle-thumb {
  height: 1.125rem !important;
  width: 1.125rem !important;
  background: var(--mep-color-neutral-100);
}
.field__toggle--sm .mat-slide-toggle-thumb-container {
  height: 1.125rem !important;
  width: 1.125rem !important;
  top: 0.1875rem !important;
  left: 0.1875rem !important;
}
.field__toggle--sm.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
  transform: translate3d(22px, 0, 0) !important;
}
.field__toggle--sm.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: var(--mep-color-primary) !important;
}
.field__message {
  display: block;
  width: 100%;
  font-size: 0.9rem;
  line-height: 1.125rem;
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
  padding-right: 0.9rem;
  padding-left: 0.9rem;
  color: var(--mep-color-neutral-100);
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.04em;
  border-radius: 6px;
  background-color: var(--mep-color-neutral-40);
}
.field__message--success {
  background-color: var(--mep-color-success-40);
}
.field__message .fa-icon,
.field__message i {
  color: inherit;
}
.field__updated-message {
  padding: 0.875rem 2rem;
  opacity: 0;
  font-size: 12px;
  font-weight: bold;
  color: var(--mep-color-primary);
}
.field__updated-message--show-hide {
  animation: jumpEaseIn 5s;
}
.field__input:-webkit-autofill,
.field__input:-webkit-autofill:hover,
.field__input:-webkit-autofill:focus,
.field__input:-webkit-autofill:active {
  transition: "color 9999s ease-out, background-color 9999s ease-out" !important;
  transition-delay: 9999s !important;
}
.field__group--sm.field__group--icon-right fa-icon,
.field__group--sm.field__group--icon-right i,
.field__group--sm.field__group--icon-left fa-icon,
.field__group--sm.field__group--icon-left i {
  font-size: 0.875rem;
  line-height: 0.875rem;
  width: 0.875rem;
  height: 2.5rem;
}
.field__group--sm.field__group--icon-right fa-icon,
.field__group--sm.field__group--icon-right i {
  right: 0.5rem;
}
.field__group--sm.field__group--icon-right .field__input {
  padding-right: 2.5rem !important;
}
.field__group--sm.field__group--icon-left fa-icon,
.field__group--sm.field__group--icon-left i {
  left: 0.5rem;
}
.field__group--sm.field__group--icon-left .field__input {
  padding-left: 2.5rem !important;
}
.field__group--sm.field__group .field__label {
  font-size: 11px;
}
.field__group--sm.field__group .field__input {
  font-size: 11px;
  height: 2.5rem;
  letter-spacing: 0.02em;
  font-weight: 500;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.field__group--sm.field__group .field__input::placeholder {
  font-size: 11px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .field__group--sm.field__group .field__input::placeholder {
    font-weight: 400;
  }
}
.field__group--lg.field__group--icon-right fa-icon,
.field__group--lg.field__group--icon-right i,
.field__group--lg.field__group--icon-left fa-icon,
.field__group--lg.field__group--icon-left i {
  font-size: 1rem;
  line-height: 1rem;
  width: 1rem;
  height: 3.5rem;
}
.field__group--lg.field__group--icon-right fa-icon,
.field__group--lg.field__group--icon-right i {
  right: 1rem;
}
.field__group--lg.field__group--icon-right .field__input {
  padding-right: 2.5rem !important;
}
.field__group--lg.field__group--icon-left fa-icon,
.field__group--lg.field__group--icon-left i {
  left: 1rem;
}
.field__group--lg.field__group--icon-left .field__input {
  padding-left: 2.5rem !important;
}
.field__group--lg.field__group .field__label {
  font-size: 1.25rem;
}
.field__group--lg.field__group .field__input {
  font-size: 1.25rem;
  height: 3.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
  padding-left: 1rem;
}
.field__group--lg.field__group .field__input::placeholder {
  font-size: 1.25rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  .field__group--lg.field__group .field__input::placeholder {
    font-weight: 400;
  }
}
@keyframes jumpEaseIn {
  0% {
    opacity: 0;
    transform: translateY(0px);
  }
  3% {
    opacity: 1;
    transform: translateY(0px);
  }
  5% {
    transform: translateY(-14px);
  }
  8% {
    transform: translateY(0px);
  }
  9% {
    transform: translateY(-5px);
  }
  10% {
    transform: translateY(0px);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 5em;
}
.vjs-icon-placeholder {
  color: var(--mep-color-white) !important;
}
.video-js .vjs-controls-disabled .vjs-big-play-button {
  display: none !important;
}
.vjs-control .vjs-button {
  align-items: center;
  display: flex;
}
.video-js .vjs-control {
  width: 3em;
}
.video-js .vjs-control span,
.video-js .vjs-control i {
  color: var(--mep-color-white) !important;
  padding: unset;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  margin-top: -2px;
  color: red !important;
}
.video-js .vjs-menu-button-inline:before {
  width: 1em;
}
.vjs-menu-button-inline .vjs-menu {
  left: 1em;
}
.video-js.vjs-paused .vjs-big-play-button,
.vjs-paused.vjs-has-started.video-js .vjs-big-play-button {
  display: block;
}
.video-js .vjs-load-progress div,
.vjs-seeking .vjs-big-play-button,
.vjs-waiting .vjs-big-play-button {
  display: none !important;
}
.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after {
  padding: 0 0.4em 0.3em;
}
.video-js.vjs-ended .vjs-loading-spinner {
  display: none;
}
.video-js.vjs-ended .vjs-big-play-button {
  display: block !important;
}
.video-js *,
.video-js:after,
.video-js:before {
  box-sizing: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}
.video-js.vjs-fullscreen,
.video-js.vjs-fullscreen .vjs-tech {
  width: 100% !important;
  height: 100% !important;
}
.video-js {
  font-size: 14px;
  overflow: hidden;
}
.video-js .vjs-control {
  color: inherit;
}
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 5.35em;
}
.video-js .vjs-volume-menu-button.vjs-volume-menu-button-horizontal:hover .vjs-menu .vjs-menu-content {
  height: 3em;
  width: 4.35em;
}
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
  text-shadow: none;
}
.video-js .vjs-spacer,
.video-js .vjs-time-control {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.video-js .vjs-time-control {
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: auto;
}
.video-js .vjs-time-control.vjs-time-divider {
  width: 14px;
}
.video-js .vjs-time-control.vjs-time-divider div {
  width: 100%;
  text-align: center;
}
.video-js .vjs-time-control.vjs-current-time {
  margin-left: 1em;
}
.video-js .vjs-time-control .vjs-current-time-display,
.video-js .vjs-time-control .vjs-duration-display {
  width: 100%;
}
.video-js .vjs-time-control .vjs-current-time-display {
  text-align: right;
}
.video-js .vjs-time-control .vjs-duration-display {
  text-align: left;
}
.video-js .vjs-play-progress:before,
.video-js .vjs-progress-control .vjs-play-progress:before,
.video-js .vjs-remaining-time,
.video-js .vjs-volume-level:after,
.video-js .vjs-volume-level:before,
.video-js.vjs-live .vjs-time-control.vjs-current-time,
.video-js.vjs-live .vjs-time-control.vjs-duration,
.video-js.vjs-live .vjs-time-control.vjs-time-divider,
.video-js.vjs-no-flex .vjs-time-control.vjs-remaining-time {
  display: none;
}
.video-js.vjs-no-flex .vjs-time-control {
  display: table-cell;
  width: 4em;
}
.video-js .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 0.5em;
  top: -0.5em;
}
.video-js .vjs-progress-control .vjs-load-progress,
.video-js .vjs-progress-control .vjs-play-progress,
.video-js .vjs-progress-control .vjs-progress-holder {
  height: 100%;
}
.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0;
}
.video-js .vjs-control-bar {
  -webkit-transition: -webkit-transform 0.1s ease 0s;
  -moz-transition: -moz-transform 0.1s ease 0s;
  -ms-transition: -ms-transform 0.1s ease 0s;
  -o-transition: -o-transform 0.1s ease 0s;
  transition: transform 0.1s ease 0s;
}
.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-control-bar,
.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-control-bar,
.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-control-bar,
.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar,
.video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar {
  visibility: visible;
  opacity: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateY(3em);
  -moz-transform: translateY(3em);
  -ms-transform: translateY(3em);
  -o-transform: translateY(3em);
  transform: translateY(3em);
  -webkit-transition: -webkit-transform 1s ease 0s;
  -moz-transition: -moz-transform 1s ease 0s;
  -ms-transition: -ms-transform 1s ease 0s;
  -o-transition: -o-transform 1s ease 0s;
  transition: transform 1s ease 0s;
}
.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-progress-control,
.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-progress-control,
.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-progress-control,
.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control,
.video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control {
  height: 0.25em;
  top: -0.25em;
  pointer-events: none;
  -webkit-transition: height 1s, top 1s;
  -moz-transition: height 1s, top 1s;
  -ms-transition: height 1s, top 1s;
  -o-transition: height 1s, top 1s;
  transition: height 1s, top 1s;
}
.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active.vjs-fullscreen .vjs-progress-control,
.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive.vjs-fullscreen .vjs-progress-control,
.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active.vjs-fullscreen .vjs-progress-control,
.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control,
.video-js.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1s;
  -moz-transition: opacity 1s ease 1s;
  -ms-transition: opacity 1s ease 1s;
  -o-transition: opacity 1s ease 1s;
  transition: opacity 1s ease 1s;
}
.video-js.vjs-live .vjs-live-control {
  margin-left: 1em;
}
.video-js .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-left: -1em;
  width: 2em;
  border: none;
  color: #fff;
  -webkit-transition:
    border-color 0.4s,
    outline 0.4s,
    background-color 0.4s;
  -moz-transition:
    border-color 0.4s,
    outline 0.4s,
    background-color 0.4s;
  -ms-transition:
    border-color 0.4s,
    outline 0.4s,
    background-color 0.4s;
  -o-transition:
    border-color 0.4s,
    outline 0.4s,
    background-color 0.4s;
  transition:
    border-color 0.4s,
    outline 0.4s,
    background-color 0.4s;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 3em;
  border-radius: 23%;
  height: 1.4em !important;
  line-height: 1.4em !important;
  margin-top: -0.7em !important;
}
.vjs-menu li {
  text-transform: unset;
}
.video-js .vjs-menu-button-popup .vjs-menu {
  left: -4em;
}
.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: transparent;
  width: 8em;
  left: -1em;
  padding-bottom: 1em;
}
.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item,
.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-title {
  background-color: #151b17;
  margin: 0em 0;
  padding: 0.5em;
  border-radius: 0em;
}
.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected {
  background-color: #2483d5;
}
.video-js:hover .vjs-menu-button-popup:hover .vjs-menu:hover .vjs-menu-item:hover,
.video-js:hover .vjs-menu-button-popup:hover .vjs-menu:hover .vjs-menu-title:hover {
  background-color: #1ab4ed;
}
.video-js .vjs-big-play-button:active,
.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
  background-color: #1877cc;
}
.video-js .vjs-loading-spinner {
  border-color: #1877cc;
}
.video-js .vjs-control-bar2 {
  background-color: #000;
}
.video-js .vjs-control-bar {
  background-color: rgba(0, 0, 0, 0.3) !important;
  color: #fff;
  font-size: 12px;
}
.video-js .vjs-play-progress,
.video-js .vjs-volume-level {
  background-color: #1877cc;
}
.video-js .vjs-load-progress {
  background: rgba(255, 255, 255, 0.3);
}
body {
  margin: 0;
  background-color: var(--mep-color-neutral-100);
}
.label-highlight {
  background: var(--mep-color-primary);
  padding: 8px;
  border-radius: 4px;
  color: var(--mep-color-white);
}
mec-dynamic-html div,
mec-dynamic-html p,
mec-dynamic-html ul,
mec-dynamic-html li,
mec-dynamic-html figure,
mec-dynamic-html font {
  max-width: 100%;
}
mec-dynamic-html li {
  margin-bottom: 0.75rem;
}
mec-dynamic-html p {
  margin-bottom: 1.5rem;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
.hide-element {
  display: none;
}
a {
  cursor: pointer;
  text-decoration: underline;
}
video {
  max-width: 100%;
}
input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
  display: none;
}
.grecaptcha-badge {
  visibility: hidden;
}
body.recaptcha .grecaptcha-badge {
  visibility: visible;
}
.mdc-tab__text-label {
  gap: 12px;
}
.mat-expansion-panel-header {
  padding: 0 0.75rem !important;
}
.mdc-snackbar__surface {
  background-color: var(--mep-color-neutral-80) !important;
}
.mat-expansion-panel {
  box-shadow:
    0 5px 9px rgba(0, 0, 0, 0.05),
    0 2.2528px 9.0736px rgba(0, 0, 0, 0.04),
    0 9.3744px 16.5008px rgba(0, 0, 0, 0.03),
    0 3.7696px 5.2912px rgba(0, 0, 0, 0.02),
    0 0.8432px 4.4544px rgba(0, 0, 0, 0.01) !important;
}
#surveyElement .sd-file__list:has(img) {
  min-height: 100% !important;
  padding: 0 !important;
}
#surveyElement .sd-file__preview {
  width: 100%;
}
#surveyElement .sd-file__image-wrapper {
  width: 100%;
  height: 100%;
}
#surveyElement .sd-file__image-wrapper img {
  height: 100% !important;
  width: 100% !important;
}
.nav-input {
  color: var(--mep-color-neutral-50) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.nav-input:hover {
  background: var(--mep-color-neutral-80) !important;
}
.skeleton {
  background:
    linear-gradient(
      0.25turn,
      transparent,
      var(--mep-color-neutral-100),
      transparent),
    linear-gradient(var(--mep-color-neutral-80), var(--mep-color-neutral-80)),
    radial-gradient(
      38px circle at 19px 19px,
      var(--mep-color-neutral-80) 50%,
      transparent 51%),
    linear-gradient(
      0.25turn,
      transparent,
      var(--mep-color-neutral-100),
      transparent);
  background-repeat: no-repeat;
  background-size: 100%;
  animation: skeleton-loading 1.5s infinite;
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  pointer-events: none !important;
  color: transparent !important;
  transition: none !important;
  border-radius: 2px !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}
.skeleton * {
  opacity: 0 !important;
  color: transparent !important;
  transition: none !important;
}
.skeleton--dark {
  background:
    linear-gradient(
      0.25turn,
      transparent,
      var(--mep-color-neutral-20),
      transparent),
    linear-gradient(var(--mep-color-neutral-30), var(--mep-color-neutral-30)),
    radial-gradient(
      38px circle at 19px 19px,
      var(--mep-color-neutral-30) 50%,
      transparent 51%),
    linear-gradient(
      0.25turn,
      transparent,
      var(--mep-color-neutral-20),
      transparent);
}
@keyframes skeleton-loading {
  to {
    background-position:
      315px 0,
      0 0,
      0 190px,
      50px 195px;
  }
}
.avatar {
  border-radius: 50%;
  width: 3.75rem;
  height: 3.75rem;
  object-fit: cover;
  box-shadow: 2px 4px 10px 1px var(--mep-color-neutral-60);
}
.card {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 6px;
  background-color: var(--mep-color-neutral-100);
  box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.2);
  transition: all 0.3s ease;
}
.line {
  border-bottom: solid 1px var(--mep-color-neutral-90);
}
.page-content {
  display: flex;
  gap: 3rem;
  padding: 2.25rem 3rem;
}
@media (min-width: 1401px) {
  .page-content {
    padding: 3rem 6rem;
  }
}
@media (min-width: 1601px) {
  .page-content {
    padding: 3rem 9rem;
  }
}
@media (max-width: 768px) {
  .page-content {
    padding: 3rem 1.5rem;
  }
}
.hidden {
  height: 0;
  width: 0;
  display: none;
}
.line-clamp-1,
.line-clamp-2,
.line-clamp-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.line-clamp-2 {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.line-clamp-3 {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
@media (max-width: 768px) {
  .mat-mdc-tab.mdc-tab {
    height: 2.5rem !important;
  }
}
.mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: var(--mep-color-primary) !important;
  font-weight: 600;
}
.mat-mdc-menu-item-text {
  font-family: var(--font-primary) !important;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.mat-mdc-tab.mdc-tab--active .mdc-tab__ripple::before,
.mat-mdc-tab.mdc-tab--active .mat-ripple-element {
  background-color: var(--mep-color-primary) !important;
}
.mat-mdc-tab .mdc-tab-indicator__content--underline {
  border-color: var(--mep-color-primary) !important;
}
.list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.list__row {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}
.list__row--column {
  flex-direction: column;
}
.list__item {
  display: flex;
  gap: 1rem;
  flex: 1;
}
.list__item--gap-8 {
  gap: 0.5rem;
}
.list__item--space-between {
  justify-content: space-between;
}
.list__item--column {
  flex-direction: column;
}
.list__item--left {
  flex-direction: column;
  align-items: flex-start;
}
.list__item--right {
  flex-direction: column;
  align-items: flex-end;
}
.btn {
  border-radius: 999px;
}
.sb-circles-dark .sb-wrapper,
.sb-circles-light .sb-wrapper {
  --sb-color: #fff;
  --sb-background: transparent;
  --sb-min-width: fit-content;
  --sb-height: fit-content;
  --sb-icon-size: 1.4em;
}
.sb-circles-dark .sb-wrapper:active .sb-icon,
.sb-circles-light .sb-wrapper:active .sb-icon {
  box-shadow:
    0 7px 8px -4px rgba(0, 0, 0, 0.2),
    0 12px 17px 2px rgba(0, 0, 0, 0.14),
    0 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.sb-circles-dark .sb-wrapper .sb-icon,
.sb-circles-light .sb-wrapper .sb-icon {
  background-color: var(--button-color);
  box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12);
  width: 2.5em;
  min-height: 2.5em;
  border-radius: 50%;
  transition: background 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.sb-circles-dark .sb-wrapper .sb-text,
.sb-circles-light .sb-wrapper .sb-text {
  color: var(--button-color);
  font-size: 0.8em;
  margin-top: 5px;
  border-radius: 1em;
  width: 100%;
  height: 1.8em;
  line-height: 1.8em;
  padding: 0;
  transition: background 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.sb-circles-dark .sb-wrapper .sb-content,
.sb-circles-light .sb-wrapper .sb-content {
  align-items: center;
  flex-direction: column;
}
.sb-circles-dark .sb-wrapper .sb-icon {
  background-color: var(--button-color);
}
.sb-circles-dark .sb-wrapper .sb-text {
  color: var(--button-color);
}
.sb-circles-light .sb-wrapper .sb-icon,
.sb-circles-light .sb-wrapper .sb-text {
  color: var(--button-color);
}
.sb-circles-light .sb-wrapper .sb-icon {
  background:
    radial-gradient(
      ellipse farthest-corner at center,
      white 30%,
      rgb(242.25, 242.25, 242.25) 100%);
}
.cdk-overlay-container {
  z-index: 1100;
}
:root {
  --mep-header-height: 4.5rem;
  --mep-page-padding-y: 2.25rem;
  --mep-bottom-nav-height: 0px;
}
@media (min-width: 1401px) {
  :root {
    --mep-page-padding-y: 1.5rem;
  }
}
@media (max-width: 768px) {
  :root {
    --mep-header-height: 3.5rem;
    --mep-page-padding-y: 1.5rem;
  }
}
:root {
  --mep-color-primary-font: #22194d;
}
:root .sb-circles-dark .sb-wrapper .sb-icon,
:root .sb-circles-light .sb-wrapper .sb-icon {
  box-shadow: none;
}
:root quill-editor {
  width: 100%;
}
:root .ql-editor {
  padding: 16px 10px;
}
:root {
}
:root .ql-editor,
:root .rich-text {
  line-height: 1.5;
}
:root .ql-editor p,
:root .rich-text p {
  margin-bottom: 0.5rem;
}
:root .ql-editor p:empty::before,
:root .rich-text p:empty::before {
  content: "\a0";
}
:root .ql-editor h1,
:root .ql-editor h2,
:root .ql-editor h3,
:root .ql-editor h4,
:root .ql-editor h5,
:root .ql-editor h6,
:root .rich-text h1,
:root .rich-text h2,
:root .rich-text h3,
:root .rich-text h4,
:root .rich-text h5,
:root .rich-text h6 {
  line-height: 1.3;
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
}
:root .ql-editor > :first-child,
:root .rich-text > :first-child {
  margin-top: 0;
}
:root .ql-editor > :last-child,
:root .rich-text > :last-child {
  margin-bottom: 0;
}
:root .ql-editor ul,
:root .ql-editor ol,
:root .rich-text ul,
:root .rich-text ol {
  padding-left: 1.5rem;
  margin-bottom: 0.5rem;
}
:root .ql-editor li,
:root .rich-text li {
  margin-bottom: 0.25rem;
}
:root .ql-editor blockquote,
:root .rich-text blockquote {
  margin: 0.75rem 0;
  padding-left: 0.75rem;
  border-left: 0.1875rem solid var(--mep-color-neutral-80);
  color: var(--mep-color-neutral-40);
}
:root .rich-text ul {
  list-style-type: disc;
}
:root .rich-text ol {
  list-style-type: decimal;
}
:root .ql-container {
  font-family: inherit;
  font-size: 0.875rem;
  height: auto;
  min-height: 10rem;
}
:root .ql-toolbar.ql-snow {
  border: 1px solid var(--mep-color-neutral-80);
  border-radius: 4px 4px 0px 0px;
}
:root .ql-container.ql-snow {
  border: 1px solid var(--mep-color-neutral-80);
  border-radius: 0 0 4px 4px;
}
:root .ql-editor.ql-blank::before {
  font-style: unset;
  left: 10px;
  right: 10px;
  color: var(--mep-color-neutral-60);
}
@media (prefers-color-scheme: dark) {
  :root {
    --mep-color-primary-font: var(--mep-color-hover-button);
    --mep-color-neutral-10: hsl(0, 0%, 100%);
    --mep-color-neutral-20: hsl(0, 0%, 98%);
    --mep-color-neutral-30: hsl(0, 0%, 96%);
    --mep-color-neutral-40: hsl(0, 0%, 90%);
    --mep-color-neutral-50: hsl(0, 0%, 80%);
    --mep-color-neutral-60: hsl(0, 0%, 68%);
    --mep-color-neutral-70: hsl(0, 0%, 50%);
    --mep-color-neutral-80: hsl(0, 0%, 38%);
    --mep-color-neutral-90: hsl(0, 0%, 21%);
    --mep-color-neutral-95: hsl(0, 0%, 13%);
    --mep-color-neutral-100: hsl(0, 0%, 9%);
  }
}
body {
  background-color: var(--mep-color-neutral-90);
}
textarea::placeholder,
input::placeholder {
  font-size: 0.75rem !important;
  font-weight: normal !important;
  color: var(--mep-color-neutral-60) !important;
}
.places-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: var(--mep-color-neutral-100);
  border: 1px solid var(--mep-color-neutral-80);
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  z-index: 10000;
  overflow: hidden;
  margin-top: 0.25rem;
}
.places-dropdown__item {
  padding: 0.75rem 1rem;
  font-size: 0.8125rem;
  line-height: 1.4;
  cursor: pointer;
  color: var(--mep-color-neutral-20);
  border-bottom: 1px solid var(--mep-color-neutral-90);
}
.places-dropdown__item:last-child {
  border-bottom: none;
}
.places-dropdown__item:hover {
  background-color: var(--mep-color-neutral-90);
}
.card {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  overflow: hidden;
  background-color: var(--mep-color-neutral-100);
}
.separator {
  width: 100%;
  height: 1px;
  background-color: var(--mep-color-neutral-80);
  border-radius: 2px;
}
.scroll-sentinel {
  height: 1px;
}
.tag {
  font-size: 0.6875rem;
  font-weight: 600;
  padding: 0.1875rem 0.5rem;
  background-color: var(--mep-color-neutral-80);
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  gap: 2px;
  width: fit-content;
}
.share-menu {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  gap: 0.5rem;
}
.hub-page-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 0 1.5rem 1.5rem 1.5rem;
}
.page-content {
  display: flex;
  gap: 1.5rem 2rem;
  max-width: 90rem;
  margin: 0 auto;
  padding: 2.25rem 3rem;
}
@media (min-width: 1401px) {
  .page-content {
    padding: 1.5rem 6rem;
  }
}
@media (min-width: 1601px) {
  .page-content {
    padding: 1.5rem 9rem;
  }
}
@media (min-width: 1921px) {
  .page-content {
    padding: 1.5rem 21.5rem;
  }
}
@media (max-width: 768px) {
  .page-content {
    padding: 1.5rem 0.5rem;
  }
}
.mat-mdc-tab-group {
  width: 100%;
}
.mat-mdc-tab.mdc-tab {
  flex-grow: 0 !important;
}
.mat-mdc-dialog-surface {
  border-radius: 8px !important;
}
.mat-mdc-option.mdc-list-item {
  font-family: var(--primary-font);
  font-size: 0.875rem;
}
.mat-mdc-select-panel,
.mat-mdc-autocomplete-panel {
  background-color: var(--mep-color-neutral-100) !important;
}
.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after {
  width: 11px;
}
.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) {
  background-color: var(--mep-color-neutral-90) !important;
}
input.mat-mdc-chip-input {
  flex: unset !important;
  margin-left: 0 !important;
}
.mat-menu__option {
  display: flex;
  align-items: center;
  padding: 1rem;
  gap: 0.5rem;
  cursor: pointer;
  color: var(--mep-color-neutral-40);
}
.mat-menu__option span {
  font-size: 0.875rem;
}
.mat-menu__option i {
  font-size: 0.875rem;
}
.mat-menu__option:hover {
  background-color: var(--mep-color-neutral-80);
}
.circle-separator {
  display: inline-block;
  width: 0.1875rem;
  height: 0.1875rem;
  background-color: var(--mep-color-neutral-60);
  border-radius: 50%;
  vertical-align: middle;
}
body.has-bottom-nav {
  --mep-bottom-nav-height: calc( 3.5rem + env(safe-area-inset-bottom, 0px) );
  padding-bottom: var(--mep-bottom-nav-height);
}
.modal-panel {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.25rem 1.5rem 1.5rem;
  border: 1px solid var(--mep-color-neutral-80);
  border-radius: 8px;
}
.modal-panel + .modal-panel {
  margin-top: 1.25rem;
}
.modal-panel__header {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid var(--mep-color-neutral-80);
}
.modal-panel__title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--mep-color-primary-font);
  margin: 0;
}
.modal-panel__description {
  font-size: 0.8125rem;
  line-height: 1.45;
  color: var(--mep-color-neutral-40);
  margin: 0;
}
.modal-panel__body {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 1.25rem;
}
.modal-panel {
}
.modal-panel--flush {
  padding: 1.25rem;
  position: sticky;
  top: 0;
}
.field__hint {
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.4;
  color: var(--mep-color-neutral-40);
}
.modal--canvas .ql-toolbar.ql-snow,
.modal--canvas .ql-container.ql-snow {
  background-color: var(--mep-color-neutral-100);
}
.modal__panel--stepped .mat-mdc-dialog-surface,
.modal__panel--stepped app-modal,
.modal__panel--sized .mat-mdc-dialog-surface,
.modal__panel--sized app-modal {
  height: 100%;
}
.modal__panel--stepped app-modal,
.modal__panel--sized app-modal {
  display: flex;
}
.modal__panel--sized .modal {
  height: 100%;
  max-height: 100%;
}

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