:root {
  --font-family: "Inter", Arial, sans-serif;
  --font-secondary: "Involve", "Inter", Georgia, serif;
  --font-third: "Geologica", "Inter", Georgia, serif;
  --font-heading: var(--font-secondary);
  --font-button: var(--font-family);
  --element-height-xs: 38px;
  --element-height-s: 48px;
  --element-height-m: 78px;
  --element-height-l: 52px;
  --element-height-xl: 88px;
  --element-height-xxl: 93px;
  --element-radius-xs: 33px;
  --element-radius-s: 36px;
  --element-radius-m: 60px;
  --element-radius-l: 64px;
  --size-button-height-sm: 38px;
  --size-button-height-md: 48px;
  --size-button-height-lg: 78px;
  --size-button-font-size-sm: 16px;
  --size-button-font-size-md: 18px;
  --size-button-font-size-lg: 24px;
  --size-button-padding-xs: 16px;
  --size-button-padding-s: 20px;
  --size-button-padding-m: 24px;
  --size-button-padding-l: 26px;
  --size-button-padding-xl: 32px;
  --size-button-space-md: 10px;
  --radius-button-md: 36px;
  --search-input-height-s: var(--element-height-s);
  --search-input-height-m: var(--element-height-m);
  --search-input-height-l: var(--element-height-l);
  --search-input-radius-l: var(--element-radius-l);
  --search-input-background-light: var(--color-base-base-0);
  --search-input-color-light: var(--color-base-neutral-200);
  --search-input-background-dark: var(--color-base-neutral-950);
  --search-input-color-dark: var(--color-base-neutral-200);
  --search-input-background-neutral: #F2F2F2;
  --search-input-color-neutral: #747474;
  --search-input-fontsize-s: 16px;
  --search-input-fontsize-m: 24px;
  --search-suggestions-fontsize-s: 16px;
  --search-suggestions-fontsize-m: 20px;
  --color-body-neutral: #747474;
  --color-heading-dark: #161616;
  --color-header-menu-item: var(--color-base-base-0);
  --color-faq-border: #dedede;
  --color-faq-trigger: #B3B3B3;
  --color-breadcrumbs-text: #747474;
  --color-breadcrumbs-divider: #B3B3B3;
  --font-size-breadcrumbs: calc(16px + 4 * ((100vw - 360px) / (1920 - 360)));
  --size-breadcrumbs-space: 10px;
  --gap: 10px;
  --fr: calc(calc(100% - calc(var(--gap) * 11)) / 12);
  --transition: 0.3s;
  --radius-block-md: 16px;
  --container: 1328px;
  --block-bottom-offset: 64px;
  --header-height: 83px;
  --header-inner-padding: 14px 30px;
  --container-offset: 38px;
  --banner-inner-height: 683px;
  --banner-margin: 20px 0 24px;
  --banner-nav-padding: 26px 28px;
  --banner-search-view-width: 775px;
  --banner-search-view-padding: 18px 18px 0 0;
  --banner-element-search-width: 757px;
  --banner-substract-image-width: 812px;
  --banner-substract-image-height: 145px;
}

@media (max-width: 1500px) {
  :root {
    --search-input-height-s: 42px;
  }
}
@media (max-width: 1300px) {
  :root {
    --header-height: 70px;
    --size-button-height-lg: 60px;
    --size-button-font-size-lg: 20px;
  }
}
@media (max-width: 1180px) {
  :root {
    --element-height-m: 64px;
    --search-input-fontsize-m: 20px;
    --search-suggestions-fontsize-m: 16px;
    --container-offset: 24px;
    --banner-inner-height: 584px;
    --banner-nav-padding: 26px 18px;
    --banner-search-view-width: 528px;
    --banner-search-view-padding: 12px 18px 0 0;
    --banner-element-search-width: 510px;
    --banner-substract-image-width: 555px;
    --banner-substract-image-height: 115px;
  }
}
@media (max-width: 1000px) {
  :root {
    --size-button-height-lg: 48px;
    --size-button-font-size-lg: 16px;
    --header-height: 66px;
    --header-inner-padding: 12px 20px;
    --banner-nav-padding: 20px 18px;
  }
}
@media (max-width: 900px) {
  :root {
    --container-offset: 20px;
    --search-input-height-m: 54px;
    --banner-inner-height: 490px;
    --banner-nav-padding: 20px 18px;
    --banner-search-view-width: 492px;
    --banner-search-view-padding: 12px 12px 0 0;
    --banner-element-search-width: 480px;
    --banner-substract-image-width: 515px;
    --banner-substract-image-height: 100px;
  }
}
@media (max-width: 767px) {
  :root {
    --container-offset: 16px;
    --size-button-font-size-md: 16px;
    --size-button-height-md: 40px;
    --size-button-padding-l: 20px;
    --size-button-font-size-sm: 14px;
    --size-button-height-sm: 32px;
    --search-input-height-m: 42px;
    --search-input-fontsize-m: 14px;
    --search-suggestions-fontsize-m: 12px;
    --search-input-height-s: 34px;
    --search-input-fontsize-s: 14px;
    --search-suggestions-fontsize-s: 12px;
    --banner-inner-height: 425px;
    --banner-search-view-width: 415px;
    --banner-search-view-padding: 8px 8px 0 0;
    --banner-element-search-width: 405px;
    --banner-substract-image-width: 435px;
    --banner-substract-image-height: 75px;
  }
}
@media (max-width: 680px) {
  :root {
    --header-height: 53px;
    --header-inner-padding: 7px 10px;
    --size-breadcrumbs-space: 6px;
    --banner-inner-height: 338px;
    --banner-nav-padding: 10px;
    --banner-search-view-width: 338px;
    --banner-element-search-width: 328px;
    --banner-substract-image-width: 352px;
  }
}
@media (max-width: 480px) {
  :root {
    --container-offset: 10px;
    --size-button-height-md: 36px;
    --header-height: 48px;
    --search-input-fontsize-m: 14px;
    --banner-inner-height: 245px;
    --banner-nav-padding: 6px;
    --banner-search-view-width: 100%;
    --banner-search-view-padding: 6px 0 0 0;
    --banner-element-search-width: 100%;
  }
}/*# sourceMappingURL=vars.css.map */