:root[data-template="flycatcher"] {
  --mono-blue-35: #e9eaf2;
  --mono-blue-50: #e3e7fe;
  --mono-blue-100: #c8d0fa;
  --mono-blue-200: #9ba9f2;
  --mono-blue-300: #7386e6;
  --mono-blue-400: #4f6af6;
  --mono-blue-500: #3657fe;
  --mono-blue-600: #2a40af;
  --mono-blue-700: #1d2c75;
  --mono-blue-800: #16225f;
  --mono-blue-900: #0f194a;
  --mono-blue-025: #f0f2fa;
  --mono-blue-025-alpha-15: rgba(240, 242, 250, 0.15);
  --mono-blue-010: #edeef2;
  --mono-blue-000: #ffffff;
  --mono-blue-500-50: rgba(54, 87, 254, 0.5);
  --mono-blue-500-40: rgba(54, 87, 254, 0.4);
  --mono-black-neutral-100: #eaecf4;
  --mono-black-neutral-200: #d2d4e0;
  --mono-black-neutral-300: #b0b3c3;
  --mono-black-neutral-400: #8a8ea3;
  --mono-black-neutral-500: #676b81;
  --mono-black-neutral-600: #4d5166;
  --mono-black-neutral-700: #3a3e51;
  --mono-black-neutral-800: #2a2e41;
  --mono-black-neutral-900: #1d2030;
  --mono-black-neutral-950: #08080d;
  --mono-black-neutral-900-50: #1d2030;
  --mono-black-neutral-050: #f7f8fb;
  --mono-black-neutral-950-50: rgba(8, 9, 13, 0.2);
  --mono-black-neutral-950-10: rgba(8, 9, 13, 0.1);
  --mono-white-1000-20: rgba(255, 255, 255, 0.2);
  --mono-grey-blue-500: #f5f6fa;
  --mono-grey-blue-600: #eeeef0;
  --mono-orange-35: #f2ede9;
  --mono-orange-50: #fef3e5;
  --mono-orange-100: #fbe6c9;
  --mono-orange-200: #f8cda0;
  --mono-orange-300: #f3af71;
  --mono-orange-400: #ec964c;
  --mono-orange-500: #e6802e;
  --mono-orange-600: #935228;
  --mono-orange-700: #7a4321;
  --mono-orange-800: #62361a;
  --mono-orange-900: #4c2b12;
  --mono-orange-025: #fff9f2;
  --mono-orange-010: #f2efed;
  --mono-orange-000: #ffffff;
  --mono-dark-blue-900: #111319;
  --mono-red-100: #f8d3d4;
  --mono-red-200: #f4b0b2;
  --mono-red-300: #ea8a8d;
  --mono-red-400: #e06a6f;
  --mono-red-500: #d84c53;
  --mono-red-600: #8f363a;
  --mono-red-700: #772b2f;
  --mono-red-800: #612126;
  --mono-red-900: #4a171a;
  --mono-red-050: #fcebec;
  --mono-red-025: #fef5f5;
  --mono-green-50: #edf9f0;
  --mono-green-100: #d7efe0;
  --mono-green-200: #b3dec0;
  --mono-green-300: #89ca95;
  --mono-green-400: #69bc78;
  --mono-green-500: #4caf5f;
  --mono-green-600: #31673d;
  --mono-green-700: #275531;
  --mono-green-800: #1e4428;
  --mono-green-900: #16351f;
  --mono-green-025: #f6fcf7;
  --purple-500: #b1d0fc;
  --white-900: #fafcff;
  --white-1000: #ffffff;
  --neutral-50: #f7f8fb;
  --neutral-100: #eaedf4;
  --neutral-200: #d2d7e0;
  --neutral-300: #b0b7c3;
  --neutral-400: #8a93a3;
  --neutral-500: #677081;
  --neutral-600: #4d5566;
  --neutral-700: #3a4151;
  --neutral-800: #2a3141;
  --neutral-900: #1d2230;

  --background-fill-disable: var(--mono-black-neutral-100);
  --background-offers-promo-gradient: linear-gradient(
    180deg,
    var(--mono-blue-025) 0%,
    var(--mono-blue-025-alpha-15) 100%
  );
  --background-vehicle-options-gradient: linear-gradient(
    180deg,
    var(--mono-blue-025) 0%,
    var(--mono-blue-025-alpha-15) 100%
  );
  --background-fill-banner-dop: var(--mono-blue-010);
  --background-fill-disable-banner: var(--mono-blue-010);
  --background-bg-blur-cta: var(--mono-black-neutral-900-50);
  --text-icon-color-primary-900: var(--mono-black-neutral-900);
  --text-icon-primary-white: var(--mono-black-neutral-100);
  --text-icon-secondary-white: var(--mono-black-neutral-200);
  --text-icon-secondary-900: var(--mono-black-neutral-900);
  --text-icon-tertiary-800: var(--mono-black-neutral-800);
  --text-icon-quaternary-700: var(--mono-black-neutral-700);
  --text-icon-quinary-600: var(--mono-black-neutral-600);
  --text-icon-quinary-light-500: var(--mono-black-neutral-500);
  --text-icon-black-text-light: var(--mono-black-neutral-400);
  --text-icon-link-white-primary: var(--mono-black-neutral-400);
  --text-icon-black-light: var(--mono-black-neutral-200);
  --text-icon-disable: var(--mono-black-neutral-300);
  --stroke-primary: var(--mono-blue-35);
  --stroke-secondary: var(--mono-blue-100);
  --base-brand: var(--mono-blue-500);
  --base-brand-hover: var(--mono-blue-400);
  --base-brand-pressed: var(--mono-blue-600);
  --base-brand-line-white: var(--mono-blue-50);
  --base-brand-light-primary: var(--mono-blue-35);
  --base-brand-light-secondary: var(--mono-blue-100);
  --base-brand-light-tertiary: var(--mono-blue-50);
  --base-brand-light-quaternary: var(--mono-blue-025);
  --base-brand-light-car-bg: var(--mono-blue-35);
  --base-brand-white: var(--mono-blue-000);
  --base-bg-header: var(--mono-black-neutral-950);
  --base-bg-card: var(--mono-grey-blue-600);
  --base-danger: var(--mono-red-500);
  --base-danger-text-icon: var(--mono-red-700);
  --base-danger-light: var(--mono-red-100);
  --base-danger-hover: var(--mono-red-300);
  --base-danger-fill: var(--mono-red-025);
  --base-succes: var(--mono-green-900);
  --base-secondary-green: var(--mono-green-300);
  --base-attention-title: var(--mono-orange-900);
  --base-attention-text-icon: var(--mono-orange-800);
  --base-attention-fill: var(--mono-orange-50);
  --base-dark-drop-shadow: var(--mono-black-neutral-950-50);
  --base-brand-drop-shadow: var(--mono-blue-500-50);
  --color-credit-background: var(--base-brand-light-quaternary);
  --color-credit-car-line: var(--text-icon-disable);
  --color-vehicle-swatch-border: var(--mono-black-neutral-950-10);
  --color-vehicle-swatch-highlight: var(--mono-white-1000-20);
  --banks-background: var(--mono-blue-000);
  --banks-surface: var(--mono-blue-000);
  --banks-border: var(--mono-blue-35);
  --shadow-card-hover: 0 0 16px 0 var(--base-dark-drop-shadow);
  --shadow-brand: 0 12px 28px -4px var(--base-brand-drop-shadow);
  --shadow-brand-floating: 0 4px 28px -4px var(--mono-blue-500-40);
  --shadow-popover: 0 0 16px 0 var(--base-dark-drop-shadow);
  --color-footer-background: var(--base-bg-header);
  --color-footer-text-primary: var(--text-icon-black-light);
  --color-footer-link: var(--text-icon-link-white-primary);
  --color-footer-muted: var(--text-icon-black-text-light);
  --color-footer-line: var(--base-brand-light-primary);
  --color-contacts-border: var(--stroke-secondary);
  --color-contacts-label: var(--text-icon-quinary-light-500);
  --color-contacts-map-fallback: var(--base-brand-light-tertiary);
  --color-contacts-pin: var(--base-brand);
  --color-contacts-pin-icon: var(--base-brand-white);
  --color-contacts-surface: var(--base-brand-white);
  --color-contacts-text: var(--text-icon-tertiary-800);
  --shadow-contacts-card: 0 0 8px 0 var(--base-dark-drop-shadow);

  --font-sans: Onest;
  --font-heading: Onest;
  --font-subheading: Onest;
  --font-body: Onest;
  --font-caption: Onest;
  --font-display: Consolas;
  --font-fonts-sans-heading: Onest;
  --font-fonts-sans: Onest;
  --font-fonts-monospace: Consolas;
  --font-weight-header-b: 600;
  --font-weight-header-m: 500;
  --font-weight-body-text-b: 600;
  --font-weight-body-text-m: 500;
  --font-weight-body-text-r: 400;
  --font-heading-size-h1-long: 38px;
  --font-heading-size-h2: 38px;
  --font-heading-size-h2-title-ndfl: 28px;
  --font-heading-size-h2-adv: 48px;
  --font-heading-size-h3: 28px;
  --font-heading-size-h3-sale-card: 24px;
  --font-heading-size-h3-title-car: 28px;
  --font-heading-size-h4: 24px;
  --font-heading-size-h5: 21px;
  --font-heading-size-h6: 21px;
  --font-heading-size-h7: 21px;
  --font-heading-size-h8: 18px;
  --font-heading-line-height-h1-long: 42px;
  --font-heading-line-height-h2: 44px;
  --font-heading-line-height-h2-title-ndfl: 32px;
  --font-heading-line-height-h2-adv: 52px;
  --font-heading-line-height-h3: 30px;
  --font-heading-line-height-h3-sale-card: 28px;
  --font-heading-line-height-h3-title-car: 32px;
  --font-heading-line-height-h4: 28px;
  --font-heading-line-height-h5: 22px;
  --font-heading-line-height-h6: 22px;
  --font-heading-line-height-h7: 19px;
  --font-body-text-size-b1: 21px;
  --font-body-text-size-b2: 18px;
  --font-body-text-size-b3: 18px;
  --font-body-text-size-b4: 16px;
  --font-body-text-size-b5: 16px;
  --font-body-text-size-b6: 16px;
  --font-body-text-size-b7: 15px;
  --font-body-text-size-b-politik: 11px;
  --font-body-text-size-b8: 12px;
  --font-body-text-size-n1: 48px;
  --font-body-text-size-n2: 32px;
  --font-body-text-size-n1-banner: 160px;
  --font-body-line-height-b1: 28px;
  --font-body-line-height-b2: 22px;
  --font-body-line-height-b3: 24px;
  --font-body-line-height-b4: 22px;
  --font-body-line-height-b5: 24px;
  --font-body-line-height-b6: 18px;
  --font-body-line-height-b7: 18px;
  --font-body-line-height-b-politik: 14px;
  --font-body-line-height-b8: 16px;
  --font-body-line-height-n1: 60px;
  --font-body-line-height-n2: 38px;
  --font-body-line-height-n1-banner: 240px;

  --radius-0: 0px;
  --radius-1: 4px;
  --radius-2: 8px;
  --radius-3: 12px;
  --radius-4: 16px;
  --radius-6: 24px;
  --radius-8: 32px;
  --radius-10: 40px;
  --radius-14: 56px;
  --radius-100: 960px;
  --radius-0-5: 2px;
  --radius-2-5: 10px;

  --spacing-0: 0px;
  --spacing-1: 8px;
  --spacing-2: 16px;
  --spacing-3: 24px;
  --spacing-4: 32px;
  --spacing-5: 40px;
  --spacing-6: 48px;
  --spacing-7: 56px;
  --spacing-8: 64px;
  --spacing-9: 72px;
  --spacing-10: 72px;
  --spacing-12: 96px;
  --spacing-13: 104px;
  --spacing-14: 112px;
  --spacing-15: 120px;
  --spacing-16: 136px;
  --spacing-20: 60px;
  --spacing-25: 200px;
  --spacing-0-25: 2px;
  --spacing-0-5: 4px;
  --spacing-1-25: 10px;
  --spacing-1-5: 12px;
  --spacing-2-5: 20px;
  --spacing-4-5: 36px;
  --spacing-5-5: 44px;
  --button-spacing-0: 0px;
  --button-spacing-1: 8px;
  --button-spacing-2: 16px;
  --button-spacing-3: 24px;
  --button-spacing-4: 32px;
  --button-spacing-5: 40px;
  --button-spacing-0-25: 2px;
  --button-spacing-0-5: 4px;
  --button-spacing-1-25: 10px;
  --button-spacing-1-5: 12px;
  --button-spacing-2-5: 20px;
  --button-spacing-4-5: 36px;
  --container-max-width: 1840px;

  background-color: var(--base-bg-header);
}

:root[data-template="flycatcher"] .flycatcher-offers-promo {
  background-color: var(--base-brand-white);
  background-image: var(--background-offers-promo-gradient);
  background-repeat: no-repeat;
  background-size: 100% 50%;
}

:root[data-template="flycatcher"] .flycatcher-offers-promo {
  background-color: var(--base-brand-white);
  background-image: var(--background-offers-promo-gradient);
  background-repeat: no-repeat;
  background-size: 100% 50%;
}

@media (min-width: 1280px) {
  :root[data-template="flycatcher"] .flycatcher-model-range-card {
    transition: box-shadow 200ms ease-out;
  }

  :root[data-template="flycatcher"] .flycatcher-model-range-card:hover,
  :root[data-template="flycatcher"] .flycatcher-model-range-card:focus-within {
    box-shadow: var(--shadow-card-hover);
  }
}

@media (min-width: 768px) {
  :root[data-template="flycatcher"] {
    --font-heading-size-h1-long: 44px;
    --font-heading-size-h3: 32px;
    --font-heading-size-h3-sale-card: 28px;
    --font-heading-size-h3-title-car: 24px;
    --font-heading-size-h5: 24px;
    --font-heading-line-height-h1-long: 52px;
    --font-heading-line-height-h3: 36px;
    --font-heading-line-height-h3-sale-card: 32px;
    --font-heading-line-height-h3-title-car: 28px;
    --font-heading-line-height-h5: 28px;
    --font-body-text-size-b1: 24px;
    --font-body-text-size-b2: 21px;
    --font-body-text-size-b4: 18px;
    --font-body-text-size-n1-banner: 320px;
    --font-body-line-height-b2: 28px;
    --font-body-line-height-b4: 24px;
    --font-body-line-height-n1-banner: 408px;
    --spacing-20: 160px;
  }
}

@media (min-width: 1280px) {
  :root[data-template="flycatcher"] {
    --font-heading-size-h1-long: 64px;
    --font-heading-size-h2: 58px;
    --font-heading-size-h2-title-ndfl: 48px;
    --font-heading-size-h3: 40px;
    --font-heading-size-h3-sale-card: 40px;
    --font-heading-size-h3-title-car: 40px;
    --font-heading-size-h4: 32px;
    --font-heading-size-h5: 28px;
    --font-heading-size-h6: 24px;
    --font-heading-line-height-h1-long: 70px;
    --font-heading-line-height-h2: 64px;
    --font-heading-line-height-h2-title-ndfl: 57px;
    --font-heading-line-height-h3: 44px;
    --font-heading-line-height-h3-sale-card: 48px;
    --font-heading-line-height-h3-title-car: 48px;
    --font-heading-line-height-h4: 38px;
    --font-heading-line-height-h6: 24px;
    --font-body-text-size-b1: 28px;
    --font-body-text-size-b2: 24px;
    --font-body-text-size-b3: 21px;
    --font-body-text-size-b6: 15px;
    --font-body-line-height-b1: 36px;
    --spacing-10: 80px;
  }
}