@charset "UTF-8";

/* libs/ui/ui-theme/src/lib/material-custom-theme.scss */
html {
  color-scheme: light;
  --mat-sys-background: #fcf8fd;
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-inverse-on-surface: #f3eff4;
  --mat-sys-inverse-primary: #bec2ff;
  --mat-sys-inverse-surface: #303034;
  --mat-sys-on-background: #1b1b1f;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93000a;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #0000ef;
  --mat-sys-on-primary-fixed: #00006e;
  --mat-sys-on-primary-fixed-variant: #0000ef;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #444559;
  --mat-sys-on-secondary-fixed: #191a2c;
  --mat-sys-on-secondary-fixed-variant: #444559;
  --mat-sys-on-surface: #1b1b1f;
  --mat-sys-on-surface-variant: #46464f;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #723600;
  --mat-sys-on-tertiary-fixed: #311300;
  --mat-sys-on-tertiary-fixed-variant: #723600;
  --mat-sys-outline: var(--color-gray-225-deprecated, #e5e7eb);
  --mat-sys-outline-variant: var(--color-neutral-25, #ffffff);
  --mat-sys-primary: #343dff;
  --mat-sys-primary-container: #e0e0ff;
  --mat-sys-primary-fixed: #e0e0ff;
  --mat-sys-primary-fixed-dim: #bec2ff;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #5c5d72;
  --mat-sys-secondary-container: #e1e0f9;
  --mat-sys-secondary-fixed: #e1e0f9;
  --mat-sys-secondary-fixed-dim: #c5c4dd;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #fcf8fd;
  --mat-sys-surface-bright: #fcf8fd;
  --mat-sys-surface-container: #f0edf1;
  --mat-sys-surface-container-high: #ebe7eb;
  --mat-sys-surface-container-highest: #e5e1e6;
  --mat-sys-surface-container-low: #f6f2f7;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-dim: #dcd9dd;
  --mat-sys-surface-tint: #343dff;
  --mat-sys-surface-variant: #e4e1ec;
  --mat-sys-tertiary: #964900;
  --mat-sys-tertiary-container: #ffdcc7;
  --mat-sys-tertiary-fixed: #ffdcc7;
  --mat-sys-tertiary-fixed-dim: #ffb787;
  --mat-sys-neutral-variant20: #303038;
  --mat-sys-neutral10: #1b1b1f;
  --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 Inter;
  --mat-sys-body-large-font: Inter;
  --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 Inter;
  --mat-sys-body-medium-font: Inter;
  --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 Inter;
  --mat-sys-body-small-font: Inter;
  --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 Inter;
  --mat-sys-display-large-font: Inter;
  --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 Inter;
  --mat-sys-display-medium-font: Inter;
  --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 Inter;
  --mat-sys-display-small-font: Inter;
  --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 Inter;
  --mat-sys-headline-large-font: Inter;
  --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 Inter;
  --mat-sys-headline-medium-font: Inter;
  --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 Inter;
  --mat-sys-headline-small-font: Inter;
  --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 Inter;
  --mat-sys-label-large-font: Inter;
  --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 Inter;
  --mat-sys-label-medium-font: Inter;
  --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 Inter;
  --mat-sys-label-small-font: Inter;
  --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 Inter;
  --mat-sys-title-large-font: Inter;
  --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 Inter;
  --mat-sys-title-medium-font: Inter;
  --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 Inter;
  --mat-sys-title-small-font: Inter;
  --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;
  --mat-form-field-outlined-outline-color: var(--color-neutral-200, gray);
  --mat-form-field-outlined-focus-outline-color: var(--color-teal-500, darkgray);
  --mat-form-field-outlined-hover-outline-color: var(--color-teal-500, darkgray);
  --mat-form-field-outlined-error-outline-color: var(--color-alert-500, red);
  --mat-form-field-outlined-disabled-outline-color: var(--color-neutral-200, lightgray);
  --mat-form-field-outlined-input-text-color: var(--color-navy-900, black);
  --mat-form-field-outlined-disabled-input-text-color: var(--color-slate-225-deprecated, lightgray);
  --mat-form-field-disabled-leading-icon-color: var(--color-slate-225-deprecated, lightgray);
  --mat-form-field-outlined-container-shape: 8px;
  --mat-form-field-container-text-font: Inter, sans-serif;
  --mat-form-field-container-text-size: 14px;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-container-text-line-height: 20px;
  --mat-form-field-container-vertical-padding: 12px;
  --mat-form-field-container-height: 42px;
  --mat-snack-bar-container-color: transparent;
  --mat-snack-bar-container-shape: 12px;
  --mat-snack-bar-supporting-text-color: var(--color-slate-725-deprecated, #37415b);
  --mat-snack-bar-supporting-text-font: Inter, sans-serif;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-weight: 600;
}
body {
  background: var(--mat-sys-surface);
  color: var(--mat-sys-on-surface);
  font-family: Inter, sans-serif;
}

/* apps/landing/src/styles.scss */
:root {
  --color-warning-500: #d9a74a;
  --color-warning-10: rgba(217, 167, 74, 0.12);
  --color-alert-500: #d95f5f;
  --color-alert-10: rgba(217, 95, 95, 0.12);
  --color-cream-200: #e8e2d9;
  --color-teal-mint: #8fd4cd;
  --color-teal-300: #6eb0ac;
  --color-teal-500: #6eb0ac;
  --color-teal-10: rgba(110, 176, 172, 0.12);
  --color-neutral-25: #ffffff;
  --color-neutral-50: #f8fafc;
  --color-neutral-100: #f3f6f9;
  --color-neutral-200: #e2e8f0;
  --color-neutral-300: #afbbcd;
  --color-neutral-400: #94a3b8;
  --color-neutral-500: #666666;
  --color-neutral-700: #3a424c;
  --color-neutral-900: #0e1828;
  --color-neutral-950: #030711;
  --color-bg-1: #f8fafc;
  --color-bg-2: #ffffff;
  --color-bg-3: #f5f1ee;
  --color-navy-950: #050c15;
  --color-navy-900: #0a1525;
  --color-navy-700: #1f3451;
  --color-navy-600: #23456d;
  --color-navy-500: #3a6086;
  --color-navy-400: #527ba0;
  --color-navy-200: #e2e8f0;
  --color-navy-150: #dde5f2;
  --color-navy-75: #eaf0f7;
  --color-navy-50: #f5f7fa;
  --color-navy-48: #f4f7fa;
  --color-navy-10: rgba(82, 123, 160, 0.1);
  --color-data-viz-teal: #2e7d7d;
  --color-data-viz-coral: #c66c60;
  --color-data-viz-chart-grid: #e5eaf0;
  --color-data-viz-chart-blue: #3478c0;
  --color-data-viz-chart-teal: #109b91;
  --color-data-viz-chart-navy: #244a73;
  --color-data-viz-mustard: #a77c24;
  --color-data-viz-green: #459a61;
  --color-data-viz-blue: #3973d6;
  --color-data-viz-violet: #8060c6;
  --color-data-cpm: #3478c0;
  --color-data-cpe: #22a9c3;
  --color-data-cpc: #7166d9;
  --color-data-cpconv: #55bea9;
  --color-data-clicks: #7166d9;
  --color-data-revenue: #3478c0;
  --color-data-orders: #109b91;
  --color-chart-funnel-negative: #e0645a;
  --color-chart-funnel-positive: #20a36a;
  --color-chart-return-teal: #18a999;
  --color-chart-vibrant-teal: #18b8b0;
  --color-chart-vibrant-blue: #3d7fe2;
  --color-chart-vibrant-violet: #7657d6;
  --color-chart-reference: #8fa1b5;
  --color-chart-funnel-neutral: #64748b;
  --color-chart-track: #eef3f7;
  --color-chart-funnel-grid: #e3eaf0;
  --color-chart-funnel-track: #eaf0f5;
  --color-chart-funnel-top: #8cb9df;
  --color-chart-funnel-middle: #4f8fca;
  --gradient-white-glass:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.1) -1.52%,
      rgba(255, 255, 255, 0.02) 104.35%);
  --gradient-white-glass-radial-16:
    radial-gradient(
      
      146.13% 118.42% at 50% -15.5%,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.16) 100% );
  --gradient-white-glass-radial-08:
    radial-gradient(
      
      146.13% 118.42% at 50% -15.5%,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.08) 100% );
  --gradient-navy-glass:
    radial-gradient(
      146.13% 118.42% at 50% -15.5%,
      rgba(255, 255, 255, 0.16) 0%,
      rgba(255, 255, 255, 0) 100%),
    linear-gradient(
      180deg,
      rgba(46, 51, 90, 0.1) 0%,
      rgba(28, 27, 51, 0.02) 100%);
  --gradient-navy-glass-light:
    linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(255, 255, 255, 0.2) 100%),
    linear-gradient(
      180deg,
      rgba(46, 51, 90, 0.1) 0%,
      rgba(28, 27, 51, 0.02) 100%);
  --gradient-navy-glass-alt:
    radial-gradient(
      146.13% 118.42% at 50% -15.5%,
      rgba(255, 255, 255, 0.08) 0%,
      rgba(255, 255, 255, 0) 99.59%),
    linear-gradient(
      180deg,
      rgba(46, 51, 90, 0) 0%,
      rgba(28, 27, 51, 0.1) 100%);
  --gradient-navy-dark-1:
    linear-gradient(
      180deg,
      #101c36 0%,
      #050e1f 100%);
  --drop-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  --tab-pill-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04);
  --card-shadow: 0 1px 3px 0 rgba(10, 20, 38, 0.04);
  --duration-medium: 0.3s;
  --ease-in-out-quint: cubic-bezier(0.4, 0, 0.2, 1);
  --z-index-sticky: 1000;
  --color-teal-200-deprecated: #55e4ff;
  --color-teal-300-deprecated: #3db7dc;
  --color-teal-700-deprecated: #69b0ab;
  --color-teal-800-deprecated: #52918d;
  --color-teal-850-deprecated: #3e7370;
  --color-teal-900-deprecated: #193541;
  --color-teal-600-alpha-30-deprecated: rgba(110, 176, 172, 0.3);
  --color-navy-450-deprecated: #2b3f58;
  --color-navy-500-deprecated: #244262;
  --color-navy-510-deprecated: #164262;
  --color-navy-525-deprecated: #0d3d61;
  --color-navy-540-deprecated: #0f3551;
  --color-navy-545-deprecated: #17324f;
  --color-navy-550-deprecated: #1d314b;
  --color-navy-560-deprecated: #1a2e4a;
  --color-navy-575-deprecated: #1c2d42;
  --color-navy-580-deprecated: #162d4a;
  --color-navy-600-deprecated: #042841;
  --color-navy-625-deprecated: #06253c;
  --color-navy-630-deprecated: #06253b;
  --color-navy-650-deprecated: #122237;
  --color-navy-825-deprecated: #0b1726;
  --color-navy-835-deprecated: #0b1524;
  --color-navy-900-deprecated: #091325;
  --color-navy-alpha-05-deprecated: rgba(17, 16, 54, 0.05);
  --color-navy-alpha-08-deprecated: rgba(17, 16, 54, 0.08);
  --color-navy-alpha-10-deprecated: rgba(17, 16, 54, 0.1);
  --color-navy-400-alpha-05-deprecated: rgba(82, 123, 160, 0.05);
  --color-slate-2-deprecated: #fafcfd;
  --color-slate-5-deprecated: #f7f9fb;
  --color-slate-7-deprecated: #f6f8fb;
  --color-slate-10-deprecated: #f5f8fb;
  --color-slate-25-deprecated: #f1f5f9;
  --color-slate-40-deprecated: #eff4f8;
  --color-slate-45-deprecated: #e7edf3;
  --color-slate-70-deprecated: #dce4ec;
  --color-slate-72-deprecated: #dde5ee;
  --color-slate-75-deprecated: #dee5ed;
  --color-slate-80-deprecated: #d5dee9;
  --color-slate-100-deprecated: #cbd5e1;
  --color-slate-225-deprecated: #a0aec0;
  --color-slate-250-deprecated: #9da5b4;
  --color-slate-275-deprecated: #99a3b2;
  --color-slate-400-deprecated: #778393;
  --color-slate-500-deprecated: #64748b;
  --color-slate-510-deprecated: #637381;
  --color-slate-525-deprecated: #4b5563;
  --color-slate-550-deprecated: #475569;
  --color-slate-575-deprecated: #4a5b6e;
  --color-slate-600-deprecated: #424b57;
  --color-slate-650-deprecated: #414857;
  --color-slate-725-deprecated: #37415b;
  --color-slate-750-deprecated: #374151;
  --color-slate-775-deprecated: #334155;
  --color-slate-800-deprecated: #2c3645;
  --color-slate-850-deprecated: #1f2937;
  --color-slate-900-deprecated: #1e293b;
  --color-slate-920-deprecated: #111928;
  --color-slate-925-deprecated: #111827;
  --color-slate-950-deprecated: #0f172a;
  --color-slate-300-alpha-50-deprecated: rgba(148, 163, 184, 0.5);
  --color-blue-100-deprecated: #e8f1fd;
  --color-blue-400-deprecated: #3f8cff;
  --color-blue-500-deprecated: #3b82f6;
  --color-blue-550-deprecated: #0777fb;
  --color-blue-600-deprecated: #007cff;
  --color-blue-625-deprecated: #007aff;
  --color-blue-700-deprecated: #1d4ed8;
  --color-blue-925-deprecated: #114c75;
  --color-blue-200-alpha-15-deprecated: rgba(204, 215, 255, 0.15);
  --color-blue-500-alpha-12-deprecated: rgba(59, 130, 246, 0.12);
  --color-green-500-deprecated: #00c396;
  --color-red-300-deprecated: #f87171;
  --color-red-600-deprecated: #dc2626;
  --color-red-700-deprecated: #d32f2f;
  --color-red-800-deprecated: #b91c1c;
  --color-red-900-deprecated: #991b1b;
  --color-red-300-alpha-12-deprecated: rgba(248, 113, 113, 0.12);
  --color-red-700-alpha-12-deprecated: rgba(211, 47, 47, 0.12);
  --color-red-900-alpha-12-deprecated: rgba(153, 27, 27, 0.12);
  --color-gold-700-deprecated: #d97706;
  --color-sand-75-deprecated: #d1c7b7;
  --color-sand-200-deprecated: #e7dfd4;
  --color-sand-300-deprecated: #bdb3a3;
  --color-sand-600-deprecated: #7c746f;
  --color-light-gray-deprecated: #f2f2f2;
  --color-gray-100-deprecated: #f5f6fa;
  --color-gray-200-deprecated: #eaebed;
  --color-gray-225-deprecated: #e5e7eb;
  --color-gray-235-deprecated: #e3e3e3;
  --color-gray-250-deprecated: #d1d5db;
  --color-gray-275-deprecated: #d0d5dd;
  --color-gray-300-deprecated: #bdbdbd;
  --color-gray-400-deprecated: #9ca3af;
  --color-gray-450-deprecated: #8a94a6;
  --color-gray-500-deprecated: #8a8a99;
  --color-gray-590-deprecated: #6b7380;
  --color-gray-600-deprecated: #6b7280;
  --color-gray-700-deprecated: #505050;
  --color-gray-900-deprecated: #292929;
  --color-gray-950-deprecated: #1c1c1c;
  --color-white-alt-deprecated: #fffffd;
  --color-off-white-deprecated: #f8f9fa;
  --color-white-alpha-08-deprecated: rgba(255, 255, 255, 0.08);
  --color-white-alpha-10-deprecated: rgba(255, 255, 255, 0.1);
  --color-white-alpha-15-deprecated: rgba(255, 255, 255, 0.15);
  --color-white-alpha-20-deprecated: rgba(255, 255, 255, 0.2);
  --color-white-alpha-25-deprecated: rgba(255, 255, 255, 0.25);
  --color-white-alpha-30-deprecated: rgba(255, 255, 255, 0.3);
  --color-white-alpha-50-deprecated: rgba(255, 255, 255, 0.5);
  --color-white-alpha-60-deprecated: rgba(255, 255, 255, 0.6);
  --color-white-alpha-80-deprecated: rgba(255, 255, 255, 0.8);
  --color-black-deprecated: #000000;
  --color-black-matte-deprecated: #030303;
  --color-off-black-deprecated: #070b12;
  --color-black-alpha-04-deprecated: rgba(0, 0, 0, 0.04);
  --color-black-alpha-05-deprecated: rgba(0, 0, 0, 0.05);
  --color-black-alpha-08-deprecated: rgba(0, 0, 0, 0.08);
  --color-black-alpha-10-deprecated: rgba(0, 0, 0, 0.1);
  --color-black-alpha-15-deprecated: rgba(0, 0, 0, 0.15);
  --color-black-alpha-20-deprecated: rgba(0, 0, 0, 0.2);
  --color-black-alpha-25-deprecated: rgba(0, 0, 0, 0.25);
  --color-black-alpha-80-deprecated: rgba(0, 0, 0, 0.8);
}
* {
  box-sizing: border-box;
  margin: 0;
}
html,
body {
  scroll-behavior: smooth;
}
button,
input,
select,
textarea {
  font-family: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
figure,
figcaption,
blockquote,
pre,
button,
fieldset,
legend,
form {
  margin: 0;
  padding: 0;
}
.mec-form-field.mat-mdc-form-field {
  width: var(--form-field-width, 100%);
  min-width: 10ch;
  background-color: var(--form-field-background-color, var(--color-neutral-25, white));
  border-radius: 8px;
  margin: 8px 0px;
}
.mec-form-field.mat-mdc-form-field .mat-mdc-form-field-infix {
  width: var(--form-field-infix-width, 180px);
}
.mec-form-field.mat-mdc-form-field {
}
.mec-form-field.mat-mdc-form-field.mat-mdc-form-field-type-mat-date-range-input .mat-mdc-form-field-infix {
  width: var(--form-field-infix-width, 200px);
}
.mec-form-field.mat-mdc-form-field .mat-mdc-form-field-icon-prefix mat-icon,
.mec-form-field.mat-mdc-form-field .mat-mdc-form-field-icon-suffix mat-icon {
  color: var(--form-field-icon-color, var(--color-sand-600-deprecated, gray));
}
.mec-form-field.mat-mdc-form-field input.mat-mdc-input-element {
  caret-color: var(--form-field-caret-color, var(--color-navy-900, black));
}
.mec-form-field.mat-mdc-form-field input.mat-mdc-input-element::placeholder {
  color: var(--form-field-placeholder-color, var(--color-slate-225-deprecated, lightgray));
}
.mec-form-field.mat-mdc-form-field {
}
.mec-form-field.mat-mdc-form-field.mat-form-field-disabled {
  background-color: var(--color-neutral-200, lightgray);
  cursor: not-allowed;
}
.mec-error-state {
  --mat-form-field-outlined-outline-color: var(--color-alert-500, red);
  --mat-form-field-outlined-focus-outline-color: var(--color-alert-500, red);
  --mat-form-field-outlined-hover-outline-color: var(--color-alert-500, red);
}
.mat-mdc-form-field .mdc-text-field__input.mat-mdc-input-element {
  text-transform: none;
  font-style: normal;
}
.mec-input-field {
}
.mec-input-field:not(.mat-focused):not(.mat-form-field-disabled) mat-icon,
.mec-input-field:not(.mat-focused):not(.mat-form-field-disabled) .mec-input-icon {
  color: var(--color-sand-600-deprecated, gray);
}
.mec-input-field:not(.mat-focused):not(.mat-form-field-disabled) input.mat-mdc-input-element::placeholder {
  color: var(--color-slate-225-deprecated, lightgray);
}
.mec-input-field.mat-form-field-disabled input.mat-mdc-input-element {
  cursor: not-allowed;
}
.mec-input-field.mat-form-field-disabled input.mat-mdc-input-element::placeholder {
  color: var(--color-slate-225-deprecated, lightgray);
}
.mec-input-field {
}
.mec-input-field:not(.mec-error-state).mat-focused mat-icon,
.mec-input-field:not(.mec-error-state).mat-focused .mec-input-icon {
  color: var(--color-sand-600-deprecated, gray);
}
.mec-input-field {
}
.mec-input-field:not(.mec-error-state):not(.mat-form-field-disabled).mec-has-value mat-icon,
.mec-input-field:not(.mec-error-state):not(.mat-form-field-disabled).mec-has-value .mec-input-icon {
  color: var(--color-alert-500, red);
}
.notification-snackbar-panel .mdc-snackbar__surface {
  box-shadow: none;
  padding: 0;
  min-width: auto;
}
:root {
  --button-font-family: Inter, sans-serif;
  --button-text-decoration: none;
  --button-font-size: 16px;
  --button-border: none;
  --button-font-weight: normal;
  --button-line-height: normal;
  --button-cursor: pointer;
  --button-gap: 8px;
  --button-transition: filter 0.15s ease, opacity 0.15s ease;
  --button-box-shadow: none;
  --button-background-color: transparent;
  --button-white-space: normal;
  --button-color: inherit;
}
.button {
  --button-width: fit-content;
  --button-height: auto;
  --button-border-radius: 8px;
  --button-padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--button-gap);
  font-family: var(--button-font-family);
  text-decoration: var(--button-text-decoration);
  width: var(--button-width);
  height: var(--button-height);
  font-size: var(--button-font-size);
  border: var(--button-border);
  border-radius: var(--button-border-radius);
  font-weight: var(--button-font-weight);
  line-height: var(--button-line-height);
  padding: var(--button-padding);
  cursor: var(--button-cursor);
  transition: var(--button-transition);
  background-color: var(--button-background-color);
  color: var(--button-color);
  box-shadow: var(--button-box-shadow);
  white-space: var(--button-white-space);
}
.button:disabled,
.button[aria-disabled=true] {
  --button-cursor: not-allowed;
}
.button--primary {
  --button-font-weight: 500;
  --button-icon-weight: 500;
  --button-color: var(--color-neutral-25);
}
:root .button--primary,
[data-theme=light] .button--primary {
  --button-color: var(--color-neutral-25);
}
[data-theme=dark] .button--primary {
  --button-color: var(--color-black-matte-deprecated);
}
:host-context([data-theme=light]) .button--primary {
  --button-color: var(--color-neutral-25);
}
:host-context([data-theme=dark]) .button--primary {
  --button-color: var(--color-black-matte-deprecated);
}
.button--primary {
  --button-background-color: var(--color-navy-700);
}
:root .button--primary,
[data-theme=light] .button--primary {
  --button-background-color: var(--color-navy-700);
}
[data-theme=dark] .button--primary {
  --button-background-color: var(--color-teal-700-deprecated);
}
:host-context([data-theme=light]) .button--primary {
  --button-background-color: var(--color-navy-700);
}
:host-context([data-theme=dark]) .button--primary {
  --button-background-color: var(--color-teal-700-deprecated);
}
.button--primary:hover:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-navy-580-deprecated);
}
:root .button--primary:hover:not(:disabled, [aria-disabled=true]),
[data-theme=light] .button--primary:hover:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-navy-580-deprecated);
}
[data-theme=dark] .button--primary:hover:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-teal-800-deprecated);
}
:host-context([data-theme=light]) .button--primary:hover:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-navy-580-deprecated);
}
:host-context([data-theme=dark]) .button--primary:hover:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-teal-800-deprecated);
}
.button--primary:active:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-navy-825-deprecated);
}
:root .button--primary:active:not(:disabled, [aria-disabled=true]),
[data-theme=light] .button--primary:active:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-navy-825-deprecated);
}
[data-theme=dark] .button--primary:active:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-teal-850-deprecated);
}
:host-context([data-theme=light]) .button--primary:active:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-navy-825-deprecated);
}
:host-context([data-theme=dark]) .button--primary:active:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-teal-850-deprecated);
}
.button--primary:disabled,
.button--primary[aria-disabled=true] {
  --button-background-color: var(--color-neutral-200);
}
:root .button--primary:disabled,
[data-theme=light] .button--primary:disabled,
:root .button--primary[aria-disabled=true],
[data-theme=light] .button--primary[aria-disabled=true] {
  --button-background-color: var(--color-neutral-200);
}
[data-theme=dark] .button--primary:disabled,
[data-theme=dark] .button--primary[aria-disabled=true] {
  --button-background-color: var(--color-teal-600-alpha-30-deprecated);
}
:host-context([data-theme=light]) .button--primary:disabled,
:host-context([data-theme=light]) .button--primary[aria-disabled=true] {
  --button-background-color: var(--color-neutral-200);
}
:host-context([data-theme=dark]) .button--primary:disabled,
:host-context([data-theme=dark]) .button--primary[aria-disabled=true] {
  --button-background-color: var(--color-teal-600-alpha-30-deprecated);
}
.button--secondary {
  --button-color: var(--color-slate-575-deprecated);
  --button-font-weight: 600;
  --button-border: 1px solid var(--color-slate-70-deprecated);
  --button-background-color: var(--color-neutral-25);
}
.button--secondary:hover:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-slate-25-deprecated);
}
.button--secondary:active:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-slate-45-deprecated);
}
.button--secondary:disabled,
.button--secondary[aria-disabled=true] {
  --button-color: var(--color-gray-400-deprecated);
  opacity: 0.4;
}
.button--tertiary {
  --button-color: var(--color-neutral-25);
  --button-font-size: 18px;
  --button-background-color: var(--color-navy-600);
}
:root .button--tertiary,
[data-theme=light] .button--tertiary {
  --button-background-color: var(--color-navy-600);
}
[data-theme=dark] .button--tertiary {
  --button-background-color: var(--color-teal-500);
}
:host-context([data-theme=light]) .button--tertiary {
  --button-background-color: var(--color-navy-600);
}
:host-context([data-theme=dark]) .button--tertiary {
  --button-background-color: var(--color-teal-500);
}
.button--tertiary:hover:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-navy-550-deprecated);
}
:root .button--tertiary:hover:not(:disabled, [aria-disabled=true]),
[data-theme=light] .button--tertiary:hover:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-navy-550-deprecated);
}
[data-theme=dark] .button--tertiary:hover:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-teal-800-deprecated);
}
:host-context([data-theme=light]) .button--tertiary:hover:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-navy-550-deprecated);
}
:host-context([data-theme=dark]) .button--tertiary:hover:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-teal-800-deprecated);
}
.button--tertiary:active:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-navy-600-deprecated);
}
:root .button--tertiary:active:not(:disabled, [aria-disabled=true]),
[data-theme=light] .button--tertiary:active:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-navy-600-deprecated);
}
[data-theme=dark] .button--tertiary:active:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-teal-850-deprecated);
}
:host-context([data-theme=light]) .button--tertiary:active:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-navy-600-deprecated);
}
:host-context([data-theme=dark]) .button--tertiary:active:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-teal-850-deprecated);
}
.button--tertiary:disabled,
.button--tertiary[aria-disabled=true] {
  --button-background-color: var(--color-neutral-200);
}
:root .button--tertiary:disabled,
[data-theme=light] .button--tertiary:disabled,
:root .button--tertiary[aria-disabled=true],
[data-theme=light] .button--tertiary[aria-disabled=true] {
  --button-background-color: var(--color-neutral-200);
}
[data-theme=dark] .button--tertiary:disabled,
[data-theme=dark] .button--tertiary[aria-disabled=true] {
  --button-background-color: var(--color-teal-600-alpha-30-deprecated);
}
:host-context([data-theme=light]) .button--tertiary:disabled,
:host-context([data-theme=light]) .button--tertiary[aria-disabled=true] {
  --button-background-color: var(--color-neutral-200);
}
:host-context([data-theme=dark]) .button--tertiary:disabled,
:host-context([data-theme=dark]) .button--tertiary[aria-disabled=true] {
  --button-background-color: var(--color-teal-600-alpha-30-deprecated);
}
.button--default {
  --button-line-height: 20px;
  --button-font-weight: 500;
  --button-color: var(--color-navy-900);
  --button-background-color: var(--color-sand-200-deprecated);
}
.button--default:hover:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-sand-75-deprecated);
}
.button--default:active:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-sand-300-deprecated);
  box-shadow: 0 2px 4px 0 var(--color-black-alpha-15-deprecated);
}
.button--default:disabled,
.button--default[aria-disabled=true] {
  --button-background-color: var(--color-neutral-200);
}
.button--alternative {
  --button-line-height: 20px;
  --button-font-weight: 600;
  --button-border: 1px solid;
  --button-color: var(--color-slate-650-deprecated);
}
:root .button--alternative,
[data-theme=light] .button--alternative {
  --button-color: var(--color-slate-650-deprecated);
}
[data-theme=dark] .button--alternative {
  --button-color: var(--color-slate-100-deprecated);
}
:host-context([data-theme=light]) .button--alternative {
  --button-color: var(--color-slate-650-deprecated);
}
:host-context([data-theme=dark]) .button--alternative {
  --button-color: var(--color-slate-100-deprecated);
}
.button--alternative {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background: var(--color-navy-alpha-05-deprecated);
}
:root .button--alternative,
[data-theme=light] .button--alternative {
  background: var(--color-navy-alpha-05-deprecated);
}
[data-theme=dark] .button--alternative {
  background: var(--gradient-white-glass);
}
:host-context([data-theme=light]) .button--alternative {
  background: var(--color-navy-alpha-05-deprecated);
}
:host-context([data-theme=dark]) .button--alternative {
  background: var(--gradient-white-glass);
}
.button--alternative {
  border-color: var(--color-navy-alpha-10-deprecated);
}
:root .button--alternative,
[data-theme=light] .button--alternative {
  border-color: var(--color-navy-alpha-10-deprecated);
}
[data-theme=dark] .button--alternative {
  border-color: var(--color-slate-600-deprecated);
}
:host-context([data-theme=light]) .button--alternative {
  border-color: var(--color-navy-alpha-10-deprecated);
}
:host-context([data-theme=dark]) .button--alternative {
  border-color: var(--color-slate-600-deprecated);
}
.button--alternative:hover:not(:disabled, [aria-disabled=true]) {
  background: var(--color-navy-alpha-08-deprecated);
}
:root .button--alternative:hover:not(:disabled, [aria-disabled=true]),
[data-theme=light] .button--alternative:hover:not(:disabled, [aria-disabled=true]) {
  background: var(--color-navy-alpha-08-deprecated);
}
[data-theme=dark] .button--alternative:hover:not(:disabled, [aria-disabled=true]) {
  background: var(--gradient-white-glass-radial-16);
}
:host-context([data-theme=light]) .button--alternative:hover:not(:disabled, [aria-disabled=true]) {
  background: var(--color-navy-alpha-08-deprecated);
}
:host-context([data-theme=dark]) .button--alternative:hover:not(:disabled, [aria-disabled=true]) {
  background: var(--gradient-white-glass-radial-16);
}
.button--alternative:hover:not(:disabled, [aria-disabled=true]) {
  border-color: var(--color-navy-alpha-10-deprecated);
}
:root .button--alternative:hover:not(:disabled, [aria-disabled=true]),
[data-theme=light] .button--alternative:hover:not(:disabled, [aria-disabled=true]) {
  border-color: var(--color-navy-alpha-10-deprecated);
}
[data-theme=dark] .button--alternative:hover:not(:disabled, [aria-disabled=true]) {
  border-color: var(--color-white-alpha-30-deprecated);
}
:host-context([data-theme=light]) .button--alternative:hover:not(:disabled, [aria-disabled=true]) {
  border-color: var(--color-navy-alpha-10-deprecated);
}
:host-context([data-theme=dark]) .button--alternative:hover:not(:disabled, [aria-disabled=true]) {
  border-color: var(--color-white-alpha-30-deprecated);
}
.button--alternative:active:not(:disabled, [aria-disabled=true]) {
  background: var(--color-navy-alpha-08-deprecated);
}
:root .button--alternative:active:not(:disabled, [aria-disabled=true]),
[data-theme=light] .button--alternative:active:not(:disabled, [aria-disabled=true]) {
  background: var(--color-navy-alpha-08-deprecated);
}
[data-theme=dark] .button--alternative:active:not(:disabled, [aria-disabled=true]) {
  background: var(--gradient-white-glass-radial-16);
}
:host-context([data-theme=light]) .button--alternative:active:not(:disabled, [aria-disabled=true]) {
  background: var(--color-navy-alpha-08-deprecated);
}
:host-context([data-theme=dark]) .button--alternative:active:not(:disabled, [aria-disabled=true]) {
  background: var(--gradient-white-glass-radial-16);
}
.button--alternative:active:not(:disabled, [aria-disabled=true]) {
  border-color: var(--color-navy-alpha-10-deprecated);
}
:root .button--alternative:active:not(:disabled, [aria-disabled=true]),
[data-theme=light] .button--alternative:active:not(:disabled, [aria-disabled=true]) {
  border-color: var(--color-navy-alpha-10-deprecated);
}
[data-theme=dark] .button--alternative:active:not(:disabled, [aria-disabled=true]) {
  border-color: var(--color-slate-600-deprecated);
}
:host-context([data-theme=light]) .button--alternative:active:not(:disabled, [aria-disabled=true]) {
  border-color: var(--color-navy-alpha-10-deprecated);
}
:host-context([data-theme=dark]) .button--alternative:active:not(:disabled, [aria-disabled=true]) {
  border-color: var(--color-slate-600-deprecated);
}
.button--alternative:active:not(:disabled, [aria-disabled=true]) {
  box-shadow: none;
}
:root .button--alternative:active:not(:disabled, [aria-disabled=true]),
[data-theme=light] .button--alternative:active:not(:disabled, [aria-disabled=true]) {
  box-shadow: none;
}
[data-theme=dark] .button--alternative:active:not(:disabled, [aria-disabled=true]) {
  box-shadow: 0 2px 4px 0 var(--color-black-alpha-15-deprecated) inset;
}
:host-context([data-theme=light]) .button--alternative:active:not(:disabled, [aria-disabled=true]) {
  box-shadow: none;
}
:host-context([data-theme=dark]) .button--alternative:active:not(:disabled, [aria-disabled=true]) {
  box-shadow: 0 2px 4px 0 var(--color-black-alpha-15-deprecated) inset;
}
.button--alternative:disabled,
.button--alternative[aria-disabled=true] {
  background: var(--color-slate-25-deprecated);
}
:root .button--alternative:disabled,
[data-theme=light] .button--alternative:disabled,
:root .button--alternative[aria-disabled=true],
[data-theme=light] .button--alternative[aria-disabled=true] {
  background: var(--color-slate-25-deprecated);
}
[data-theme=dark] .button--alternative:disabled,
[data-theme=dark] .button--alternative[aria-disabled=true] {
  background: var(--gradient-white-glass-radial-08);
}
:host-context([data-theme=light]) .button--alternative:disabled,
:host-context([data-theme=light]) .button--alternative[aria-disabled=true] {
  background: var(--color-slate-25-deprecated);
}
:host-context([data-theme=dark]) .button--alternative:disabled,
:host-context([data-theme=dark]) .button--alternative[aria-disabled=true] {
  background: var(--gradient-white-glass-radial-08);
}
.button--ghost {
  --button-font-size: 14px;
  --button-font-weight: 500;
  --button-icon-weight: 500;
  --button-color: var(--color-slate-575-deprecated);
  --button-background-color: transparent;
}
.button--ghost:hover:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-slate-25-deprecated);
}
.button--ghost:active:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-slate-45-deprecated);
}
.button--ghost:disabled,
.button--ghost[aria-disabled=true] {
  --button-color: var(--color-gray-400-deprecated);
  opacity: 0.5;
}
.button--danger {
  --button-border-radius: 6px;
  --button-line-height: 20px;
  --button-font-size: 14px;
  --button-font-weight: 500;
  --button-color: var(--color-neutral-25);
  --button-background-color: var(--color-red-600-deprecated);
}
.button--danger:hover:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-red-800-deprecated);
}
.button--danger:active:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-red-900-deprecated);
}
.button--danger:disabled,
.button--danger[aria-disabled=true] {
  color: var(--color-gray-400-deprecated);
  --button-background-color: var(--color-neutral-200);
}
.button--small {
  --button-padding: 6px 12px;
  --button-font-size: 14px;
  --button-line-height: 18px;
}
.button--plain {
  --button-padding: 0;
  --button-font-size: 14px;
  --button-line-height: 20px;
  --button-font-weight: 500;
  --button-icon-weight: 500;
  --button-color: var(--color-teal-500);
  --button-background-color: transparent;
}
.button--plain:hover:not(:disabled, [aria-disabled=true]) {
  --button-color: var(--color-teal-700-deprecated);
}
.button--plain:active:not(:disabled, [aria-disabled=true]) {
  --button-color: var(--color-teal-800-deprecated);
}
.button--plain:disabled,
.button--plain[aria-disabled=true] {
  --button-color: var(--color-gray-400-deprecated);
}
.icon-button {
  --button-icon-size: 40px;
  --button-width: var(--button-icon-size);
  --button-height: var(--button-icon-size);
  --button-border-radius: 50%;
  --button-padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--button-gap);
  font-family: var(--button-font-family);
  text-decoration: var(--button-text-decoration);
  width: var(--button-width);
  height: var(--button-height);
  font-size: var(--button-font-size);
  border: var(--button-border);
  border-radius: var(--button-border-radius);
  font-weight: var(--button-font-weight);
  line-height: var(--button-line-height);
  padding: var(--button-padding);
  cursor: var(--button-cursor);
  transition: var(--button-transition);
  background-color: var(--button-background-color);
  color: var(--button-color);
  box-shadow: var(--button-box-shadow);
  white-space: var(--button-white-space);
}
.icon-button:disabled,
.icon-button[aria-disabled=true] {
  --button-cursor: not-allowed;
}
.icon-button {
  flex-shrink: 0;
}
.icon-button mat-icon {
  width: var(--button-font-size);
  height: var(--button-font-size);
  font-size: var(--button-font-size);
  font-variation-settings:
    "FILL" 0,
    "wght" var(--button-icon-weight, 200),
    "GRAD" 0,
    "opsz" 24;
}
.icon-button--primary {
  --button-font-weight: 500;
  --button-icon-weight: 500;
  --button-color: var(--color-neutral-25);
}
:root .icon-button--primary,
[data-theme=light] .icon-button--primary {
  --button-color: var(--color-neutral-25);
}
[data-theme=dark] .icon-button--primary {
  --button-color: var(--color-black-matte-deprecated);
}
:host-context([data-theme=light]) .icon-button--primary {
  --button-color: var(--color-neutral-25);
}
:host-context([data-theme=dark]) .icon-button--primary {
  --button-color: var(--color-black-matte-deprecated);
}
.icon-button--primary {
  --button-background-color: var(--color-navy-700);
}
:root .icon-button--primary,
[data-theme=light] .icon-button--primary {
  --button-background-color: var(--color-navy-700);
}
[data-theme=dark] .icon-button--primary {
  --button-background-color: var(--color-teal-700-deprecated);
}
:host-context([data-theme=light]) .icon-button--primary {
  --button-background-color: var(--color-navy-700);
}
:host-context([data-theme=dark]) .icon-button--primary {
  --button-background-color: var(--color-teal-700-deprecated);
}
.icon-button--primary:hover:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-navy-580-deprecated);
}
:root .icon-button--primary:hover:not(:disabled, [aria-disabled=true]),
[data-theme=light] .icon-button--primary:hover:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-navy-580-deprecated);
}
[data-theme=dark] .icon-button--primary:hover:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-teal-800-deprecated);
}
:host-context([data-theme=light]) .icon-button--primary:hover:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-navy-580-deprecated);
}
:host-context([data-theme=dark]) .icon-button--primary:hover:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-teal-800-deprecated);
}
.icon-button--primary:active:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-navy-825-deprecated);
}
:root .icon-button--primary:active:not(:disabled, [aria-disabled=true]),
[data-theme=light] .icon-button--primary:active:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-navy-825-deprecated);
}
[data-theme=dark] .icon-button--primary:active:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-teal-850-deprecated);
}
:host-context([data-theme=light]) .icon-button--primary:active:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-navy-825-deprecated);
}
:host-context([data-theme=dark]) .icon-button--primary:active:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-teal-850-deprecated);
}
.icon-button--primary:disabled,
.icon-button--primary[aria-disabled=true] {
  --button-background-color: var(--color-neutral-200);
}
:root .icon-button--primary:disabled,
[data-theme=light] .icon-button--primary:disabled,
:root .icon-button--primary[aria-disabled=true],
[data-theme=light] .icon-button--primary[aria-disabled=true] {
  --button-background-color: var(--color-neutral-200);
}
[data-theme=dark] .icon-button--primary:disabled,
[data-theme=dark] .icon-button--primary[aria-disabled=true] {
  --button-background-color: var(--color-teal-600-alpha-30-deprecated);
}
:host-context([data-theme=light]) .icon-button--primary:disabled,
:host-context([data-theme=light]) .icon-button--primary[aria-disabled=true] {
  --button-background-color: var(--color-neutral-200);
}
:host-context([data-theme=dark]) .icon-button--primary:disabled,
:host-context([data-theme=dark]) .icon-button--primary[aria-disabled=true] {
  --button-background-color: var(--color-teal-600-alpha-30-deprecated);
}
.icon-button--ghost {
  --button-font-size: 14px;
  --button-font-weight: 500;
  --button-icon-weight: 500;
  --button-color: var(--color-slate-575-deprecated);
  --button-background-color: transparent;
}
.icon-button--ghost:hover:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-slate-25-deprecated);
}
.icon-button--ghost:active:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-slate-45-deprecated);
}
.icon-button--ghost:disabled,
.icon-button--ghost[aria-disabled=true] {
  --button-color: var(--color-gray-400-deprecated);
  opacity: 0.5;
}
.icon-button--theme-toggle {
  --button-icon-size: 34px;
  --button-font-size: 24px;
  --button-icon-weight: 400;
  --button-color: var(--color-neutral-200);
}
:root .icon-button--theme-toggle,
[data-theme=light] .icon-button--theme-toggle {
  --button-color: var(--color-neutral-200);
}
[data-theme=dark] .icon-button--theme-toggle {
  --button-color: var(--color-neutral-25);
}
:host-context([data-theme=light]) .icon-button--theme-toggle {
  --button-color: var(--color-neutral-200);
}
:host-context([data-theme=dark]) .icon-button--theme-toggle {
  --button-color: var(--color-neutral-25);
}
.icon-button--theme-toggle {
  --button-background-color: var(--color-black-alpha-25-deprecated);
}
:root .icon-button--theme-toggle,
[data-theme=light] .icon-button--theme-toggle {
  --button-background-color: var(--color-black-alpha-25-deprecated);
}
[data-theme=dark] .icon-button--theme-toggle {
  --button-background-color: var(--color-white-alpha-25-deprecated);
}
:host-context([data-theme=light]) .icon-button--theme-toggle {
  --button-background-color: var(--color-black-alpha-25-deprecated);
}
:host-context([data-theme=dark]) .icon-button--theme-toggle {
  --button-background-color: var(--color-white-alpha-25-deprecated);
}
.icon-button--danger {
  --button-icon-size: 44px;
  --button-font-size: 22px;
  --button-border-radius: 8px;
  --button-color: var(--color-neutral-400);
  --button-background-color: transparent;
  --button-border: none;
}
.icon-button--danger:hover:not(:disabled, [aria-disabled=true]),
.icon-button--danger:active:not(:disabled, [aria-disabled=true]) {
  --button-background-color: var(--color-alert-10);
  --button-color: var(--color-alert-500);
}
.icon-button--confirm {
  --button-width: fit-content;
  --button-height: fit-content;
  --button-padding: 10px;
  --button-border-radius: 8px;
  --button-font-size: 16px;
  --button-color: var(--color-gray-400-deprecated);
  --button-background-color: var(--color-teal-10);
}
.icon-button--cancel {
  --button-width: fit-content;
  --button-height: fit-content;
  --button-padding: 10px;
  --button-border-radius: 8px;
  --button-font-size: 16px;
  --button-color: var(--color-gray-400-deprecated);
  --button-border: 1px solid var(--color-gray-250-deprecated);
  --button-background-color: var(--color-neutral-25);
}
.capsule {
  --capsule-padding: 4px 10px;
  --capsule-background-color: rgba(40, 58, 138, 0.2);
  --capsule-border-radius: 999px;
  --capsule-font-size: 12px;
  --capsule-font-weight: 600;
  --capsule-line-height: normal;
  --capsule-font-style: normal;
  --capsule-border-color: rgba(40, 58, 138, 0.2);
  --capsule-gap: 6px;
  --capsule-font-family: Inter, sans-serif;
  --capsule-color: inherit;
  --capsule-align-items: center;
  --capsule-justify-content: center;
  --capsule-text-align: center;
  --capsule-width: fit-content;
  --capsule-height: auto;
  display: inline-flex;
  align-items: var(--capsule-align-items);
  justify-content: var(--capsule-justify-content);
  text-align: var(--capsule-text-align);
  font-family: var(--capsule-font-family);
  gap: var(--capsule-gap);
  padding: var(--capsule-padding);
  background: var(--capsule-background-color);
  border-radius: var(--capsule-border-radius);
  border: 1px solid var(--capsule-border-color);
  font-size: var(--capsule-font-size);
  font-weight: var(--capsule-font-weight);
  line-height: var(--capsule-line-height);
  font-style: var(--capsule-font-style);
  color: var(--capsule-color);
  width: var(--capsule-width);
  height: var(--capsule-height);
}
.capsule mat-icon {
  width: var(--capsule-icon-size, 6px);
  height: var(--capsule-icon-size, 6px);
  font-size: var(--capsule-icon-size, 6px);
  font-variation-settings: "FILL" 1;
}
.capsule mec-icon-box {
  --icon-box-width: var(--capsule-icon-size, 6px);
  --icon-box-height: var(--capsule-icon-size, 6px);
  --icon-box-icon-size: var(--capsule-icon-size, 6px);
  --icon-box-icon-fill: "FILL" 1;
}
.capsule--active {
  --capsule-color: var(--color-teal-500);
  --capsule-background-color: var(--color-light-gray-deprecated);
  --capsule-border-color: var(--color-teal-10);
}
.capsule--warning {
  --capsule-color: var(--color-red-900-deprecated);
  --capsule-background-color: var(--color-red-900-alpha-12-deprecated);
  --capsule-border-color: var(--color-red-900-deprecated);
}
.capsule--info {
  --capsule-color: var(--color-navy-400);
  --capsule-background-color: var(--color-navy-10);
  --capsule-border-color: var(--color-navy-400);
}
.capsule--caution {
  --capsule-color: var(--color-warning-500);
  --capsule-background-color: var(--color-warning-10);
  --capsule-border-color: var(--color-warning-500);
}
.capsule--inactive {
  --capsule-color: var(--color-alert-500);
  --capsule-background-color: var(--color-alert-10);
  --capsule-border-color: var(--color-alert-500);
}
.capsule--selected {
  --capsule-color: var(--color-teal-500);
  --capsule-background-color: var(--color-teal-10);
  --capsule-border-color: var(--color-teal-500);
  --capsule-padding: 6px 10px;
  --capsule-border-radius: 6px;
  --capsule-font-size: 13px;
  --capsule-font-weight: 500;
}
.capsule--count {
  --capsule-padding: 2px 6px;
  --capsule-background-color: var(--color-teal-500);
  --capsule-border-color: var(--color-teal-500);
  --capsule-color: var(--color-neutral-25);
  --capsule-font-weight: 500;
}
.capsule--badge {
  --pill-badge-light-color: var(--color-navy-400);
  --pill-badge-dark-color: var(--color-teal-700-deprecated);
  --capsule-padding: 8px 0px;
  --capsule-border-radius: 20px;
  --capsule-width: 300px;
  text-transform: uppercase;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  --capsule-border-color: var(--pill-badge-light-color);
}
:root .capsule--badge,
[data-theme=light] .capsule--badge {
  --capsule-border-color: var(--pill-badge-light-color);
}
[data-theme=dark] .capsule--badge {
  --capsule-border-color: var(--pill-badge-dark-color);
}
:host-context([data-theme=light]) .capsule--badge {
  --capsule-border-color: var(--pill-badge-light-color);
}
:host-context([data-theme=dark]) .capsule--badge {
  --capsule-border-color: var(--pill-badge-dark-color);
}
.capsule--badge {
  --capsule-background-color: var(--gradient-navy-glass-light);
}
:root .capsule--badge,
[data-theme=light] .capsule--badge {
  --capsule-background-color: var(--gradient-navy-glass-light);
}
[data-theme=dark] .capsule--badge {
  --capsule-background-color: var(--gradient-navy-glass);
}
:host-context([data-theme=light]) .capsule--badge {
  --capsule-background-color: var(--gradient-navy-glass-light);
}
:host-context([data-theme=dark]) .capsule--badge {
  --capsule-background-color: var(--gradient-navy-glass);
}
.capsule--badge {
  --capsule-color: var(--pill-badge-light-color);
}
:root .capsule--badge,
[data-theme=light] .capsule--badge {
  --capsule-color: var(--pill-badge-light-color);
}
[data-theme=dark] .capsule--badge {
  --capsule-color: var(--pill-badge-dark-color);
}
:host-context([data-theme=light]) .capsule--badge {
  --capsule-color: var(--pill-badge-light-color);
}
:host-context([data-theme=dark]) .capsule--badge {
  --capsule-color: var(--pill-badge-dark-color);
}
.stripped-card {
  display: flex;
  flex-direction: column;
  max-width: var(--card-max-width, 800px);
  border: var(--stripped-card-border, 1px solid var(--color-neutral-200));
  background-color: var(--stripped-card-background-color, transparent);
  gap: var(--stripped-card-gap, 24px);
  border-radius: var(--stripped-card-border-radius, 16px);
  padding: var(--stripped-card-padding, 32px);
  box-shadow: var(--stripped-card-shadow, none);
}
.stripped-card__title {
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0%;
  font-weight: 600;
  color: var(--color-navy-900);
}
.stripped-card__description {
  font-family: Inter, sans-serif;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0%;
  font-weight: 400;
  color: var(--color-neutral-700);
}
.stripped-card__footer {
  display: flex;
  margin: 0 calc(-1 * var(--stripped-card-padding, 32px)) calc(-1 * var(--stripped-card-padding, 32px));
  margin-top: auto;
  padding: var(--stripped-card-footer-padding, 24px 40px);
  justify-content: var(--stripped-card-footer-content-position, flex-end);
  align-items: center;
  gap: 12px;
  border-top: 1px solid var(--color-neutral-200);
  border-radius: 0 0 var(--stripped-card-border-radius, 16px) var(--stripped-card-border-radius, 16px);
  background: var(--stripped-card-footer-background, var(--color-slate-10-deprecated));
}
:root {
  --chart-series-color-1: var(--color-blue-500-deprecated);
  --chart-series-color-2: var(--color-teal-300-deprecated);
  --chart-series-color-3: var(--color-blue-700-deprecated);
  --chart-series-color-4: var(--color-green-500-deprecated);
  --chart-series-color-5: var(--color-red-300-deprecated);
  --chart-series-color-6: var(--color-slate-400-deprecated);
  --chart-text-color: var(--color-neutral-400);
  --chart-font-family: Inter, sans-serif;
  --chart-axis-label-color: var(--color-neutral-500);
  --chart-axis-line-color: var(--color-gray-250-deprecated);
  --chart-grid-line-color: var(--color-data-viz-chart-grid);
  --chart-funnel-grid-line-color: var(--color-chart-funnel-grid);
  --chart-tooltip-background-color: var(--color-neutral-25);
  --chart-tooltip-border-color: var(--color-gray-225-deprecated);
  --chart-tooltip-text-color: var(--color-off-black-deprecated);
  --chart-loading-mask-color: var(--color-white-alpha-50-deprecated);
  --chart-bar-label-color: var(--color-off-black-deprecated);
  --chart-donut-slice-border-color: var(--color-neutral-25);
  --chart-reference-line-neutral-color: var(--color-chart-reference);
  --chart-reference-line-neutral-label-color: var(--color-neutral-700);
  --chart-line-dash-dashed-length: 4px;
  --chart-line-dash-dashed-gap: 4px;
  --chart-line-dash-dotted-length: 2px;
  --chart-line-dash-dotted-gap: 2px;
  --chart-bar-border-radius: 3px;
  --chart-value-label-font-weight: 500;
  --chart-swatch-size: 12px;
  --chart-swatch-border-radius: 3px;
  --chart-swatch-gap: 8px;
  --chart-bar-value-label-color: var(--color-navy-950);
  --chart-bar-category-label-color: var(--color-navy-950);
  --chart-bar-caption-color: var(--color-neutral-500);
  --chart-bar-caption-font-size: 10px;
  --chart-bar-value-label-background-color: var(--color-neutral-25);
  --chart-comparison-better-color: var(--color-chart-return-teal);
  --chart-comparison-better-opacity: 1;
  --chart-comparison-worse-color: var(--color-chart-return-teal);
  --chart-comparison-worse-opacity: 0.4;
  --chart-highlight-line-color: var(--color-chart-reference);
  --chart-marker-border-color: var(--color-neutral-25);
  --chart-active-week-label-color: var(--color-data-viz-chart-navy);
  --chart-active-week-label-font-weight: 700;
  --chart-active-week-label-background-color: var(--color-neutral-25);
  --chart-waterfall-total-color: var(--color-data-viz-chart-navy);
  --chart-waterfall-favorable-color: var(--color-chart-funnel-positive);
  --chart-waterfall-unfavorable-color: var(--color-chart-funnel-negative);
  --chart-waterfall-neutral-color: var(--color-chart-funnel-neutral);
  --chart-waterfall-value-label-color: var(--color-navy-950);
  --chart-waterfall-category-label-color: var(--color-navy-950);
  --chart-waterfall-connector-color: var(--color-chart-funnel-grid);
  --chart-waterfall-caption-color: var(--color-neutral-500);
  --chart-waterfall-highlight-color: var(--color-teal-10);
  --chart-waterfall-highlight-label-font-weight: 600;
  --chart-family-spend-color: var(--color-chart-vibrant-blue);
  --chart-family-outcomes-color: var(--color-chart-vibrant-violet);
  --chart-family-efficiency-return-color: var(--color-chart-return-teal);
  --chart-metric-spend-color: var(--color-chart-vibrant-blue);
  --chart-metric-roas-color: var(--color-chart-return-teal);
  --chart-metric-roi-color: var(--color-chart-return-teal);
  --chart-metric-roe-color: var(--color-chart-return-teal);
  --chart-metric-commercial-value-color: var(--color-data-viz-chart-blue);
  --chart-metric-engagement-value-color: var(--color-chart-return-teal);
  --chart-metric-revenue-color: var(--color-data-revenue);
  --chart-metric-orders-color: var(--color-data-orders);
  --chart-metric-clicks-color: var(--color-data-clicks);
  --chart-metric-impressions-color: var(--color-data-viz-mustard);
  --chart-metric-engagements-color: var(--color-data-cpe);
  --chart-metric-hves-color: var(--color-chart-vibrant-violet);
  --chart-metric-cpm-color: var(--color-data-cpm);
  --chart-metric-cpe-color: var(--color-data-cpe);
  --chart-metric-cpc-color: var(--color-data-cpc);
  --chart-metric-cpconv-color: var(--color-data-cpconv);
}
[data-chart-metric=spend] {
  --chart-metric-color: var(--chart-metric-spend-color);
}
[data-chart-metric=roas] {
  --chart-metric-color: var(--chart-metric-roas-color);
}
[data-chart-metric=roi] {
  --chart-metric-color: var(--chart-metric-roi-color);
}
[data-chart-metric=roe] {
  --chart-metric-color: var(--chart-metric-roe-color);
}
[data-chart-metric=commercialValue] {
  --chart-metric-color: var(--chart-metric-commercial-value-color);
}
[data-chart-metric=engagementValue] {
  --chart-metric-color: var(--chart-metric-engagement-value-color);
}
[data-chart-metric=revenue] {
  --chart-metric-color: var(--chart-metric-revenue-color);
}
[data-chart-metric=orders] {
  --chart-metric-color: var(--chart-metric-orders-color);
}
[data-chart-metric=clicks] {
  --chart-metric-color: var(--chart-metric-clicks-color);
}
[data-chart-metric=impressions] {
  --chart-metric-color: var(--chart-metric-impressions-color);
}
[data-chart-metric=engagements] {
  --chart-metric-color: var(--chart-metric-engagements-color);
}
[data-chart-metric=hves] {
  --chart-metric-color: var(--chart-metric-hves-color);
}
[data-chart-metric=cpm] {
  --chart-metric-color: var(--chart-metric-cpm-color);
}
[data-chart-metric=cpe] {
  --chart-metric-color: var(--chart-metric-cpe-color);
}
[data-chart-metric=cpc] {
  --chart-metric-color: var(--chart-metric-cpc-color);
}
[data-chart-metric=cpconv] {
  --chart-metric-color: var(--chart-metric-cpconv-color);
}
[data-chart-family=spend] {
  --chart-family-color: var(--chart-family-spend-color);
}
[data-chart-family=outcomes] {
  --chart-family-color: var(--chart-family-outcomes-color);
}
[data-chart-family=efficiency-return] {
  --chart-family-color: var(--chart-family-efficiency-return-color);
}
[data-chart-effect=positive] {
  --chart-effect-color: var(--chart-waterfall-favorable-color);
}
[data-chart-effect=negative] {
  --chart-effect-color: var(--chart-waterfall-unfavorable-color);
}
[data-chart-effect=neutral] {
  --chart-effect-color: var(--chart-waterfall-neutral-color);
}
[data-chart-comparison=positive] {
  --chart-comparison-color: var(--chart-comparison-better-color);
  --chart-comparison-opacity: var(--chart-comparison-better-opacity);
}
[data-chart-comparison=negative] {
  --chart-comparison-color: var(--chart-comparison-worse-color);
  --chart-comparison-opacity: var(--chart-comparison-worse-opacity);
}
[data-chart-line-dash=dashed] {
  --chart-line-dash-length: var(--chart-line-dash-dashed-length);
  --chart-line-dash-gap: var(--chart-line-dash-dashed-gap);
}
[data-chart-line-dash=dotted] {
  --chart-line-dash-length: var(--chart-line-dash-dotted-length);
  --chart-line-dash-gap: var(--chart-line-dash-dotted-gap);
}
.chart-tooltip-marker {
  display: inline-block;
  vertical-align: middle;
  inline-size: var(--chart-swatch-size);
  block-size: var(--chart-swatch-size);
  margin-inline-end: var(--chart-swatch-gap);
  border-radius: var(--chart-swatch-border-radius);
  background-color: var(--chart-tooltip-marker-color);
  opacity: var(--chart-tooltip-marker-opacity);
}
[data-direction=up]::before {
  content: "\25b2  ";
}
[data-direction=down]::before {
  content: "\25bc  ";
}
[data-sentiment=positive] {
  --delta-sentiment-color: var(--color-data-viz-teal);
}
[data-sentiment=negative] {
  --delta-sentiment-color: var(--color-data-viz-coral);
}
[data-sentiment=neutral] {
  --delta-sentiment-color: var(--color-neutral-500);
}
.label {
  display: block;
  color: var(--label-color, var(--color-navy-900, black));
  letter-spacing: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  text-transform: var(--label-text-transform, none);
  font-style: normal;
  font-family: var(--label-font-family, Inter, sans-serif);
  font-size: var(--label-font-size, 14px);
  font-weight: var(--label-font-weight, 500);
  line-height: var(--label-line-height, 20px);
}
.label--error {
  color: var(--label-color--error, var(--color-navy-900, black));
}
.label--disabled {
  color: var(--label-color--disabled, var(--color-navy-900, black));
}
.label__error-mark {
  color: var(--label-error-mark-color, var(--color-alert-500, red));
}
.label [labelSuffix] {
  margin-left: var(--label-suffix-gap, 6px);
  vertical-align: middle;
}
.mec-loading {
  --spinner-color: white;
  --spinner-size: 12px;
  cursor: progress;
  position: relative;
  overflow: hidden;
}
.mec-loading::after {
  position: absolute;
  top: calc(50% - var(--spinner-size));
  left: calc(50% - var(--spinner-size));
  content: " ";
  display: block;
  width: var(--spinner-size);
  height: var(--spinner-size);
  margin: 5px;
  border-radius: 50%;
  border: 2px solid var(--spinner-color);
  border-color: var(--spinner-color) transparent var(--spinner-color) transparent;
  animation: mec-loading-spin 1.2s ease-in-out infinite;
  z-index: 1;
}
.mec-loading::before {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.3);
  animation: fadein 200ms ease-in;
  content: "";
}
@keyframes mec-loading-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.font__heading {
  --heading-font-family: Poppins, sans-serif;
  --heading-font-size: 50px;
  --heading-line-height: 55px;
  --heading-letter-spacing: -1%;
  font-family: var(--heading-font-family);
  font-size: var(--heading-font-size);
  line-height: var(--heading-line-height);
  letter-spacing: var(--heading-letter-spacing);
}
.font__heading--2x1 {
  --heading-font-size: 72px;
  --heading-line-height: 90px;
  --heading-letter-spacing: -2%;
}
.font__heading--xl {
  --heading-font-size: 60px;
  --heading-line-height: 72px;
  --heading-letter-spacing: -2%;
}
.font__heading--lg {
  --heading-font-size: 48px;
  --heading-line-height: 60px;
  --heading-letter-spacing: -1%;
}
.font__heading--md {
  --heading-font-size: 36px;
  --heading-line-height: 44px;
  --heading-letter-spacing: -0%;
}
.font__heading--sm {
  --heading-font-size: 30px;
  --heading-line-height: 38px;
  --heading-letter-spacing: 0%;
}
.font__heading--xs {
  --heading-font-size: 24px;
  --heading-line-height: 32px;
  --heading-letter-spacing: -0%;
}
.font__heading--xxs {
  --heading-font-size: 20px;
  --heading-line-height: 28px;
  --heading-letter-spacing: -0%;
}
.font__heading--xxxs {
  --heading-font-size: 16px;
  --heading-line-height: 24px;
  --heading-letter-spacing: -0%;
}
.font__body {
  --body-font-family: Inter, sans-serif;
  --body-font-size: 16px;
  --body-line-height: 24px;
  --body-letter-spacing: 0%;
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
}
.font__body--3x1 {
  --body-font-size: 24px;
  --body-line-height: 34px;
  --body-letter-spacing: 0%;
}
.font__body--2x1 {
  --body-font-size: 22px;
  --body-line-height: 32px;
  --body-letter-spacing: 0%;
}
.font__body--xl {
  --body-font-size: 20px;
  --body-line-height: 30px;
  --body-letter-spacing: 0%;
}
.font__body--lg {
  --body-font-size: 18px;
  --body-line-height: 28px;
  --body-letter-spacing: 0%;
}
.font__body--md {
  --body-font-size: 16px;
  --body-line-height: 24px;
  --body-letter-spacing: 0%;
}
.font__body--smd {
  --body-font-size: 15px;
  --body-line-height: 22px;
  --body-letter-spacing: 0%;
}
.font__body--sm {
  --body-font-size: 14px;
  --body-line-height: 20px;
  --body-letter-spacing: 0%;
}
.font__body--xsm {
  --body-font-size: 13px;
  --body-line-height: 18px;
  --body-letter-spacing: 0%;
}
.font__body--xs {
  --body-font-size: 12px;
  --body-line-height: 18px;
  --body-letter-spacing: 0%;
}
.font__body--xxs {
  --body-font-size: 11px;
  --body-line-height: 16px;
  --body-letter-spacing: 0%;
}
:root {
  --fade-in-up-subtle-distance: 20px;
  --fade-in-up-subtle-duration: 0.8s;
  --fade-in-up-strong-distance: 60px;
  --fade-in-up-strong-duration: 0.6s;
  --fade-in-up-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.fade-in-up {
}
.fade-in-up--subtle {
  opacity: 0;
  transform: translateY(var(--fade-in-up-subtle-distance));
  transition: opacity var(--fade-in-up-subtle-duration) var(--fade-in-up-timing-function), transform var(--fade-in-up-subtle-duration) var(--fade-in-up-timing-function);
}
.fade-in-up--subtle.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.fade-in-up {
}
.fade-in-up--strong {
  opacity: 0;
  transform: translateY(var(--fade-in-up-strong-distance));
  transition: opacity var(--fade-in-up-strong-duration) var(--fade-in-up-timing-function), transform var(--fade-in-up-strong-duration) var(--fade-in-up-timing-function);
}
.fade-in-up--strong.is-visible {
  opacity: 1;
  transform: translateY(0);
}
@media screen and (min-width: 625px) {
  .landing-feature-card.fade-in-up--strong {
    opacity: 1;
    transform: translateY(0);
    transition: none;
  }
}
.animation-slide-from--top {
  opacity: 0;
  animation: slide-from-top 1s ease-out forwards;
}
.animation-slide-from--left {
  opacity: 0;
  animation: slide-from-left 1s ease-out forwards;
}
.animation-slide-from--right {
  opacity: 0;
  animation: slide-from-right 1s ease-out forwards;
}
.animation-slide-from--bottom {
  opacity: 0;
  animation: slide-from-bottom 1s ease-out forwards;
}
@keyframes slide-from-top {
  from {
    opacity: 0;
    transform: translateY(-75px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slide-from-left {
  from {
    opacity: 0;
    transform: translateX(-75px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide-from-right {
  from {
    opacity: 0;
    transform: translateX(75px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide-from-bottom {
  from {
    opacity: 0;
    transform: translateY(75px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.animation-underline {
  position: relative;
  cursor: pointer;
}
.animation-underline::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: currentColor;
  transition: width 0.3s ease;
}
.animation-underline:hover::after {
  width: 100%;
}
.font-weight--thin {
  font-weight: 100;
}
.font-weight--extra-light {
  font-weight: 200;
}
.font-weight--light {
  font-weight: 300;
}
.font-weight--regular {
  font-weight: 400;
}
.font-weight--medium {
  font-weight: 500;
}
.font-weight--semi-bold {
  font-weight: 600;
}
.font-weight--bold {
  font-weight: 700;
}
.font-weight--extra-bold {
  font-weight: 800;
}
.font-weight--black {
  font-weight: 900;
}
:root {
  --header-scroll-offset: 100px;
}
html,
body {
  height: auto;
  min-height: 100vh;
  overflow-x: hidden;
  font-family: Inter, sans-serif;
}
html {
  scroll-padding-top: var(--header-scroll-offset);
}
.background--default {
  background-color: var(--color-neutral-50);
}
:root .background--default,
[data-theme=light] .background--default {
  background-color: var(--color-neutral-50);
}
[data-theme=dark] .background--default {
  background-color: var(--color-navy-525-deprecated);
}
:host-context([data-theme=light]) .background--default {
  background-color: var(--color-neutral-50);
}
:host-context([data-theme=dark]) .background--default {
  background-color: var(--color-navy-525-deprecated);
}
.background--primary {
  background-color: var(--color-slate-2-deprecated);
}
:root .background--primary,
[data-theme=light] .background--primary {
  background-color: var(--color-slate-2-deprecated);
}
[data-theme=dark] .background--primary {
  background-color: var(--color-navy-560-deprecated);
}
:host-context([data-theme=light]) .background--primary {
  background-color: var(--color-slate-2-deprecated);
}
:host-context([data-theme=dark]) .background--primary {
  background-color: var(--color-navy-560-deprecated);
}
.background--secondary {
  background-color: var(--color-neutral-25);
}
:root .background--secondary,
[data-theme=light] .background--secondary {
  background-color: var(--color-neutral-25);
}
[data-theme=dark] .background--secondary {
  background-color: var(--color-blue-925-deprecated);
}
:host-context([data-theme=light]) .background--secondary {
  background-color: var(--color-neutral-25);
}
:host-context([data-theme=dark]) .background--secondary {
  background-color: var(--color-blue-925-deprecated);
}
.background--tertiary {
  background-color: var(--color-bg-3);
}
:root .background--tertiary,
[data-theme=light] .background--tertiary {
  background-color: var(--color-bg-3);
}
[data-theme=dark] .background--tertiary {
  background-color: var(--color-navy-540-deprecated);
}
:host-context([data-theme=light]) .background--tertiary {
  background-color: var(--color-bg-3);
}
:host-context([data-theme=dark]) .background--tertiary {
  background-color: var(--color-navy-540-deprecated);
}
.padding__section {
  padding: 30px 15px;
}
@media (min-width: 768px) {
  .padding__section {
    padding: 60px 30px;
  }
}
@media (min-width: 1025px) {
  .padding__section {
    padding: 80px 40px;
  }
}
.padding--horizontal {
  padding: 0px 15px;
}
@media (min-width: 768px) {
  .padding--horizontal {
    padding: 0px 30px;
  }
}
@media (min-width: 1025px) {
  .padding--horizontal {
    padding: 0px 40px;
  }
}
.max-width__section {
  max-width: 1250px;
}
.max-width__content {
  max-width: 100%;
}
@media (min-width: 768px) {
  .max-width__content {
    max-width: 750px;
  }
}
@media (min-width: 1025px) {
  .max-width__content {
    max-width: 1000px;
  }
}
.slider--marquee swiper-slide {
  width: fit-content;
  flex-shrink: 0;
}
.slider--marquee swiper-container::part(wrapper) {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.slider--reviews swiper-container {
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-inactive-color: var(--color-black-alpha-25-deprecated);
}
:root .slider--reviews swiper-container,
[data-theme=light] .slider--reviews swiper-container {
  --swiper-pagination-bullet-inactive-color: var(--color-black-alpha-25-deprecated);
}
[data-theme=dark] .slider--reviews swiper-container {
  --swiper-pagination-bullet-inactive-color: var(--color-white-alpha-25-deprecated);
}
:host-context([data-theme=light]) .slider--reviews swiper-container {
  --swiper-pagination-bullet-inactive-color: var(--color-black-alpha-25-deprecated);
}
:host-context([data-theme=dark]) .slider--reviews swiper-container {
  --swiper-pagination-bullet-inactive-color: var(--color-white-alpha-25-deprecated);
}
.slider--reviews swiper-container {
  --swiper-pagination-color: var(--color-navy-600);
}
:root .slider--reviews swiper-container,
[data-theme=light] .slider--reviews swiper-container {
  --swiper-pagination-color: var(--color-navy-600);
}
[data-theme=dark] .slider--reviews swiper-container {
  --swiper-pagination-color: var(--color-teal-500);
}
:host-context([data-theme=light]) .slider--reviews swiper-container {
  --swiper-pagination-color: var(--color-navy-600);
}
:host-context([data-theme=dark]) .slider--reviews swiper-container {
  --swiper-pagination-color: var(--color-teal-500);
}
.slider--reviews swiper-slide {
  padding-bottom: 72px;
}
.slider--reviews swiper-container::part(button-prev),
.slider--reviews swiper-container::part(button-next) {
  display: flex;
  align-items: center;
  justify-content: center;
  top: auto;
  bottom: 0;
  border-radius: 50%;
  padding: 2px;
  cursor: pointer;
  color: var(--color-neutral-25);
  background: var(--color-navy-600);
}
:root .slider--reviews swiper-container::part(button-prev),
[data-theme=light] .slider--reviews swiper-container::part(button-prev),
:root .slider--reviews swiper-container::part(button-next),
[data-theme=light] .slider--reviews swiper-container::part(button-next) {
  background: var(--color-navy-600);
}
[data-theme=dark] .slider--reviews swiper-container::part(button-prev),
[data-theme=dark] .slider--reviews swiper-container::part(button-next) {
  background: var(--color-teal-500);
}
:host-context([data-theme=light]) .slider--reviews swiper-container::part(button-prev),
:host-context([data-theme=light]) .slider--reviews swiper-container::part(button-next) {
  background: var(--color-navy-600);
}
:host-context([data-theme=dark]) .slider--reviews swiper-container::part(button-prev),
:host-context([data-theme=dark]) .slider--reviews swiper-container::part(button-next) {
  background: var(--color-teal-500);
}
.slider--reviews mat-icon[slot=button-prev],
.slider--reviews mat-icon[slot=button-next] {
  --reviews-nav-icon-size: 22px;
  font-size: var(--reviews-nav-icon-size);
  width: var(--reviews-nav-icon-size);
  height: var(--reviews-nav-icon-size);
}
.slider--reviews swiper-container::part(button-prev) {
  right: calc(50% + 40px);
  left: auto;
}
.slider--reviews swiper-container::part(button-next) {
  left: calc(50% + 40px);
  right: auto;
}
.slider--reviews swiper-container::part(pagination) {
  bottom: 15px;
  left: 50%;
  right: auto;
  width: auto;
  transform: translateX(-50%);
}
.slider--reviews swiper-container::part(bullet-active) {
  transition: width 0.5s ease;
  width: 24px;
  border-radius: 4px;
}

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