/* Project_scale */
@media (min-width: 1920px) {
  :root {
    --size-block-banner-lable-bp-xl:calc(846px + (1200 - 846) * ((100vw - 1920px) / (3840 - 1920)));
    --size-block-form-bp-xl:calc(1080px + (1540 - 1080) * ((100vw - 1920px) / (3840 - 1920)));
    --size-block-hero-bp-xl:calc(918px + (1998 - 918) * ((100vw - 1920px) / (3840 - 1920)));
    --size-block-included-colum-max-bp-xl:calc(3000px + (3000 - 3000) * ((100vw - 1920px) / (3840 - 1920)));
    --size-block-included-colum-min-bp-xl:calc(100px + (100 - 100) * ((100vw - 1920px) / (3840 - 1920)));
    --size-block-price-third-max-bp-xl:calc(565px + (1163 - 565) * ((100vw - 1920px) / (3840 - 1920)));
    --size-card-bullet-width-max-bp-xl:calc(345px + (720 - 345) * ((100vw - 1920px) / (3840 - 1920)));
    --size-card-bullet-width-min-bp-xl:calc(280px + (540 - 280) * ((100vw - 1920px) / (3840 - 1920)));
    --size-card-case-img-height-big-lg-bp-xl:calc(578px + (1200 - 578) * ((100vw - 1920px) / (3840 - 1920)));
    --size-card-case-img-height-big-md-bp-xl:calc(540px + (1000 - 540) * ((100vw - 1920px) / (3840 - 1920)));
    --size-card-case-img-height-half-bp-xl:calc(504px + (800 - 504) * ((100vw - 1920px) / (3840 - 1920)));
    --size-card-case-img-height-tablet-full-bp-xl:calc(400px + (800 - 400) * ((100vw - 1920px) / (3840 - 1920)));
    --size-card-case-img-height-third-bp-xl:calc(400px + (800 - 400) * ((100vw - 1920px) / (3840 - 1920)));
    --size-content-number-max-bp-xl:calc(565px + (1163 - 565) * ((100vw - 1920px) / (3840 - 1920)));
    --size-content-number-min-bp-xl:calc(565px + (1163 - 565) * ((100vw - 1920px) / (3840 - 1920)));
    --size-logo-bp-xl-height:calc(164px + (301 - 164) * ((100vw - 1920px) / (3840 - 1920)));
    --size-logo-bp-xl-width:calc(333px + (612 - 333) * ((100vw - 1920px) / (3840 - 1920)));
  }
}
@media (min-width: 1280px) and (max-width: 1919px) {
  :root {
    --size-block-banner-lable-bp-lg:calc(486px + (846 - 486) * ((100vw - 1280px) / (1919 - 1280)));
    --size-block-form-bp-lg:calc(880px + (960 - 880) * ((100vw - 1280px) / (1919 - 1280)));
    --size-block-hero-bp-lg:calc(538px + (918 - 538) * ((100vw - 1280px) / (1919 - 1280)));
    --size-block-included-colum-max-bp-lg:calc(3000px + (3000 - 3000) * ((100vw - 1280px) / (1919 - 1280)));
    --size-block-included-colum-min-bp-lg:calc(100px + (100 - 100) * ((100vw - 1280px) / (1919 - 1280)));
    --size-block-price-third-max-bp-lg:calc(368px + (565 - 368) * ((100vw - 1280px) / (1919 - 1280)));
    --size-card-bullet-width-max-bp-lg:calc(335px + (345 - 335) * ((100vw - 1280px) / (1919 - 1280)));
    --size-card-bullet-width-min-bp-lg:calc(280px + (280 - 280) * ((100vw - 1280px) / (1919 - 1280)));
    --size-card-case-img-height-big-lg-bp-lg:calc(400px + (578 - 400) * ((100vw - 1280px) / (1919 - 1280)));
    --size-card-case-img-height-big-md-bp-lg:calc(400px + (540 - 400) * ((100vw - 1280px) / (1919 - 1280)));
    --size-card-case-img-height-half-bp-lg:calc(320px + (504 - 320) * ((100vw - 1280px) / (1919 - 1280)));
    --size-card-case-img-height-tablet-full-bp-lg:calc(230px + (400 - 230) * ((100vw - 1280px) / (1919 - 1280)));
    --size-card-case-img-height-third-bp-lg:calc(230px + (400 - 230) * ((100vw - 1280px) / (1919 - 1280)));
    --size-content-number-max-bp-lg:calc(368px + (565 - 368) * ((100vw - 1280px) / (1919 - 1280)));
    --size-content-number-min-bp-lg:calc(368px + (565 - 368) * ((100vw - 1280px) / (1919 - 1280)));
    --size-logo-bp-lg-height:calc(108px + (164 - 108) * ((100vw - 1280px) / (1919 - 1280)));
    --size-logo-bp-lg-width:calc(220px + (333 - 220) * ((100vw - 1280px) / (1919 - 1280)));
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  :root {
    --size-block-banner-lable-bp-md:calc(600px + (486 - 600) * ((100vw - 768px) / (1279 - 768)));
    --size-block-form-bp-md:calc(940px + (840 - 940) * ((100vw - 768px) / (1279 - 768)));
    --size-block-hero-bp-md:calc(538px + (538 - 538) * ((100vw - 768px) / (1279 - 768)));
    --size-block-included-colum-max-bp-md:calc(599px + (1000 - 599) * ((100vw - 768px) / (1279 - 768)));
    --size-block-included-colum-min-bp-md:calc(100px + (100 - 100) * ((100vw - 768px) / (1279 - 768)));
    --size-block-price-third-max-bp-md:calc(152px + (368 - 152) * ((100vw - 768px) / (1279 - 768)));
    --size-card-bullet-width-max-bp-md:calc(288px + (335 - 288) * ((100vw - 768px) / (1279 - 768)));
    --size-card-bullet-width-min-bp-md:calc(200px + (280 - 200) * ((100vw - 768px) / (1279 - 768)));
    --size-card-case-img-height-big-lg-bp-md:calc(400px + (400 - 400) * ((100vw - 768px) / (1279 - 768)));
    --size-card-case-img-height-big-md-bp-md:calc(400px + (400 - 400) * ((100vw - 768px) / (1279 - 768)));
    --size-card-case-img-height-half-bp-md:calc(400px + (320 - 400) * ((100vw - 768px) / (1279 - 768)));
    --size-card-case-img-height-tablet-full-bp-md:calc(400px + (230 - 400) * ((100vw - 768px) / (1279 - 768)));
    --size-card-case-img-height-third-bp-md:calc(230px + (230 - 230) * ((100vw - 768px) / (1279 - 768)));
    --size-content-number-max-bp-md:calc(24px + (368 - 24) * ((100vw - 768px) / (1279 - 768)));
    --size-content-number-min-bp-md:calc(24px + (24 - 24) * ((100vw - 768px) / (1279 - 768)));
    --size-logo-bp-md-height:calc(72px + (108 - 72) * ((100vw - 768px) / (1279 - 768)));
    --size-logo-bp-md-width:calc(147px + (220 - 147) * ((100vw - 768px) / (1279 - 768)));
  }
}
@media (max-width: 767px) {
  :root {
    --size-block-banner-lable-bp-sm:calc(600px + (600 - 600) * ((100vw - 360px) / (767 - 360)));
    --size-block-form-bp-sm:calc(580px + (920 - 580) * ((100vw - 360px) / (767 - 360)));
    --size-block-hero-bp-sm:calc(640px + (538 - 640) * ((100vw - 360px) / (767 - 360)));
    --size-block-included-colum-max-bp-sm:calc(296px + (599 - 296) * ((100vw - 360px) / (767 - 360)));
    --size-block-included-colum-min-bp-sm:calc(100px + (100 - 100) * ((100vw - 360px) / (767 - 360)));
    --size-block-price-third-max-bp-sm:calc(156px + (152 - 156) * ((100vw - 360px) / (767 - 360)));
    --size-card-bullet-width-max-bp-sm:calc(300px + (288 - 300) * ((100vw - 360px) / (767 - 360)));
    --size-card-bullet-width-min-bp-sm:calc(300px + (200 - 300) * ((100vw - 360px) / (767 - 360)));
    --size-card-case-img-height-big-lg-bp-sm:calc(236px + (400 - 236) * ((100vw - 360px) / (767 - 360)));
    --size-card-case-img-height-big-md-bp-sm:calc(236px + (400 - 236) * ((100vw - 360px) / (767 - 360)));
    --size-card-case-img-height-half-bp-sm:calc(236px + (400 - 236) * ((100vw - 360px) / (767 - 360)));
    --size-card-case-img-height-tablet-full-bp-sm:calc(236px + (400 - 236) * ((100vw - 360px) / (767 - 360)));
    --size-card-case-img-height-third-bp-sm:calc(236px + (230 - 236) * ((100vw - 360px) / (767 - 360)));
    --size-content-number-max-bp-sm:calc(300px + (24 - 300) * ((100vw - 360px) / (767 - 360)));
    --size-content-number-min-bp-sm:calc(300px + (24 - 300) * ((100vw - 360px) / (767 - 360)));
    --size-logo-bp-sm-height:calc(48px + (72 - 48) * ((100vw - 360px) / (767 - 360)));
    --size-logo-bp-sm-width:calc(98px + (147 - 98) * ((100vw - 360px) / (767 - 360)));
  }
}
/* Project_breakpoint */
/* xl >= 1920px */
@media (min-width: 1920px) {
  :root {
    --size-big-colum-thirt-min: var(--size-big-colum-thirt-min-bp-xl);
    --size-block-banner-lable: var(--size-block-banner-lable-bp-xl);
    --size-block-form: var(--size-block-form-bp-xl);
    --size-block-included-colum-min: var(--size-block-included-colum-min-bp-xl);
    --size-block-included-colum-max: var(--size-block-included-colum-max-bp-xl);
    --size-block-price-third-max: var(--size-block-price-third-max-bp-xl);
    --size-card-bullet-width-min: var(--size-card-bullet-width-min-bp-xl);
    --size-card-bullet-width-max: var(--size-card-bullet-width-max-bp-xl);
    --size-card-case-img-height-tablet-full: var(--size-card-case-img-height-tablet-full-bp-xl);
    --size-card-case-img-height-third: var(--size-card-case-img-height-third-bp-xl);
    --size-card-case-img-height-half: var(--size-card-case-img-height-half-bp-xl);
    --size-card-case-img-height-big-md: var(--size-card-case-img-height-big-md-bp-xl);
    --size-card-case-img-height-big-lg: var(--size-card-case-img-height-big-lg-bp-xl);
    --size-card-hero-lable-width-max: 348px;
    --size-content-number-max: var(--size-content-number-max-bp-xl);
    --size-content-number-min: var(--size-content-number-min-bp-xl);
    --size-logo-height: var(--size-logo-bp-xl-height);
    --size-logo-width: var(--size-logo-bp-xl-width);
  }
}
/* lg >= 1280px and <= 1919px */
@media (min-width: 1280px) and (max-width: 1919px) {
  :root {
    --size-big-colum-thirt-min: var(--size-big-colum-thirt-min-bp-lg);
    --size-block-banner-lable: var(--size-block-banner-lable-bp-lg);
    --size-block-form: var(--size-block-form-bp-lg);
    --size-block-included-colum-min: var(--size-block-included-colum-min-bp-lg);
    --size-block-included-colum-max: var(--size-block-included-colum-max-bp-lg);
    --size-block-price-third-max: var(--size-block-price-third-max-bp-lg);
    --size-card-bullet-width-min: var(--size-card-bullet-width-min-bp-lg);
    --size-card-bullet-width-max: var(--size-card-bullet-width-max-bp-lg);
    --size-card-case-img-height-tablet-full: var(--size-card-case-img-height-tablet-full-bp-lg);
    --size-card-case-img-height-third: var(--size-card-case-img-height-third-bp-lg);
    --size-card-case-img-height-half: var(--size-card-case-img-height-half-bp-lg);
    --size-card-case-img-height-big-md: var(--size-card-case-img-height-big-md-bp-lg);
    --size-card-case-img-height-big-lg: var(--size-card-case-img-height-big-lg-bp-lg);
    --size-card-hero-lable-width-max: 348px;
    --size-content-number-max: var(--size-content-number-max-bp-lg);
    --size-content-number-min: var(--size-content-number-min-bp-lg);
    --size-logo-height: var(--size-logo-bp-lg-height);
    --size-logo-width: var(--size-logo-bp-lg-width);
  }
}
/* md >= 768px and <= 1279px */
@media (min-width: 768px) and (max-width: 1279px) {
  :root {
    --size-big-colum-thirt-min: var(--size-big-colum-thirt-min-bp-md);
    --size-block-banner-lable: var(--size-block-banner-lable-bp-md);
    --size-block-form: var(--size-block-form-bp-md);
    --size-block-included-colum-max: var(--size-block-included-colum-max-bp-md);
    --size-block-included-colum-min: var(--size-block-included-colum-max-bp-md);
    --size-block-price-third-max: var(--size-block-price-third-max-bp-md);
    --size-card-bullet-width-min: var(--size-card-bullet-width-min-bp-md);
    --size-card-bullet-width-max: var(--size-card-bullet-width-max-bp-md);
    --size-card-case-img-height-third: var(--size-card-case-img-height-third-bp-md);
    --size-card-case-img-height-half: var(--size-card-case-img-height-half-bp-md);
    --size-card-case-img-height-tablet-full: var(--size-card-case-img-height-tablet-full-bp-md);
    --size-card-case-img-height-big-lg: var(--size-card-case-img-height-big-lg-bp-md);
    --size-card-case-img-height-big-md: var(--size-card-case-img-height-big-md-bp-md);
    --size-card-hero-lable-width-max: 348px;
    --size-content-number-max: var(--size-content-number-max-bp-md);
    --size-content-number-min: var(--size-content-number-min-bp-md);
    --size-logo-height: var(--size-logo-bp-md-height);
    --size-logo-width: var(--size-logo-bp-md-width);
  }
}
/* sm >= 360px and <= 767px */
@media (max-width: 767px) {
  :root {
    --size-big-colum-thirt-min: var(--size-big-colum-thirt-min-bp-sm);
    --size-block-form: var(--size-block-form-bp-sm);
    --size-block-banner-lable: var(--size-block-banner-lable-bp-sm);
    --size-block-included-colum-max: var(--size-block-included-colum-max-bp-sm);
    --size-block-included-colum-min: var(--size-block-included-colum-max-bp-sm);
    --size-block-price-third-max: var(--size-block-price-third-max-bp-sm);
    --size-card-bullet-width-max: var(--size-card-bullet-width-max-bp-sm);
    --size-card-bullet-width-min: var(--size-card-bullet-width-min-bp-sm);
    --size-card-case-img-height-half: var(--size-card-case-img-height-half-bp-sm);
    --size-card-case-img-height-tablet-full: var(--size-card-case-img-height-tablet-full-bp-sm);
    --size-card-case-img-height-third: var(--size-card-case-img-height-third-bp-sm);
    --size-card-case-img-height-big-lg: var(--size-card-case-img-height-big-lg-bp-sm);
    --size-card-case-img-height-big-md: var(--size-card-case-img-height-big-md-bp-sm);
    --size-card-hero-lable-width-max: 348px;
    --size-content-number-max: var(--size-content-number-max-bp-sm);
    --size-content-number-min: var(--size-content-number-min-bp-sm);
    --size-logo-height: var(--size-logo-bp-sm-height);
    --size-logo-width: var(--size-logo-bp-sm-width);
  }
}
/* Project_color_base */
:root {
  --color-grid: #ff0000;
  --color-base-component: #9747ff;
  --color-base-accent-100: #f66565;
  --color-base-accent-200: #f12626;
  --color-base-accent-25: #fcb0b0;
  --color-base-accent-300: #f02323;
  --color-base-accent-400: #ee0202;
  --color-base-accent-50: #f98b8b;
  --color-base-accent-500: #d30202;
  --color-base-accent-600: #b40303;
  --color-base-accent-700: #980404;
  --color-base-accent-800: #7b0505;
  --color-base-accent-900: #5a0606;
  --color-base-base-0: #ffffff;
  --color-base-base-1000: #000000;
  --color-base-neutral-100: #d0d0d0;
  --color-base-neutral-200: #bfbfbf;
  --color-base-neutral-25: #f4f4f4;
  --color-base-neutral-300: #adadad;
  --color-base-neutral-400: #9c9c9c;
  --color-base-neutral-50: #e2e2e2;
  --color-base-neutral-500: #838383;
  --color-base-neutral-600: #6a6a6a;
  --color-base-neutral-700: #525252;
  --color-base-neutral-800: #393939;
  --color-base-neutral-900: #1e1e1e;
  --color-base-primary-100: #fbcf68;
  --color-base-primary-200: #f9bf3f;
  --color-base-primary-25: #feeeba;
  --color-base-primary-300: #f7b018;
  --color-base-primary-400: #ed9711;
  --color-base-primary-50: #fde095;
  --color-base-primary-500: #e27d0a;
  --color-base-primary-600: #d86504;
  --color-base-primary-700: #c24b01;
  --color-base-primary-800: #a13001;
  --color-base-primary-900: #801401;
  --color-base-success-100: #aee9a9;
  --color-base-success-200: #91e18a;
  --color-base-success-25: #e9f9e8;
  --color-base-success-300: #73d96a;
  --color-base-success-400: #56d14b;
  --color-base-success-50: #cbf1c8;
  --color-base-success-500: #47b640;
  --color-base-success-600: #399d36;
  --color-base-success-700: #287e29;
  --color-base-success-800: #1a631f;
  --color-base-success-900: #0c4a14;
}

/* Project_color_styles */
:root {
  --color-grid: #ff0000;
  --color-badge-content: var(--color-content-light);
  --color-badge-bg-discount: var(--color-base-primary-800);
  --color-badge-bg-primary: var(--color-content-primary-primary);
  --color-bg-primary: var(--color-content-primary-primary);
  --color-bg-success: var(--color-base-success-25);
  --color-bg-variable: var(--color-base-base-0);
  --color-button-base-default: var(--color-content-neutral-primary);
  --color-button-base-disabled: var(--color-base-neutral-25);
  --color-button-base-hover: var(--color-base-primary-400);
  --color-button-base-pressed: var(--color-base-primary-500);
  --color-button-base-selected: var(--color-base-primary-600);
  --color-button-base-content-default-default: var(--color-content-neutral-primary);
  --color-button-base-content-default-disabled: var(--color-base-neutral-100);
  --color-button-base-content-inversion-default: var(--color-content-light);
  --color-button-base-content-inversion-disabled: var(--color-base-neutral-100);
  --color-button-standart-light-default: var(--color-base-base-0);
  --color-button-standart-light-hover: var(--color-base-neutral-25);
  --color-button-standart-light-pressed: var(--color-base-neutral-50);
  --color-button-standart-light-selected: var(--color-base-primary-600);
  --color-button-standart-neutral-default: var(--color-base-neutral-25);
  --color-button-standart-neutral-disabled: var(--color-base-neutral-25);
  --color-button-standart-neutral-hover: var(--color-base-neutral-50);
  --color-button-standart-neutral-pressed: var(--color-base-neutral-100);
  --color-button-standart-neutral-selected: var(--color-base-primary-600);
  --color-button-standart-neutral-content-default: var(--color-content-neutral-secondary);
  --color-button-standart-neutral-content-disabled: var(--color-base-neutral-100);
  --color-button-standart-neutral-content-selected: var(--color-content-light);
  --color-button-standart-primary-default: var(--color-content-neutral-primary);
  --color-button-standart-primary-disabled: var(--color-base-neutral-25);
  --color-button-standart-primary-hover: var(--color-base-primary-400);
  --color-button-standart-primary-pressed: var(--color-base-primary-500);
  --color-button-standart-primary-selected: var(--color-base-primary-600);
  --color-button-standart-primary-content-default-default: var(--color-content-neutral-primary);
  --color-button-standart-primary-content-default-disabled: var(--color-base-neutral-100);
  --color-button-standart-primary-content-inversion-default: var(--color-content-light);
  --color-button-standart-primary-content-inversion-disabled: var(--color-base-neutral-100);
  --color-button-text-default: var(--color-content-neutral-primary);
  --color-button-text-disabled: var(--color-button-standart-primary-content-default-disabled);
  --color-button-text-hover: var(--color-base-neutral-600);
  --color-button-text-pressed: var(--color-base-neutral-700);
  --color-button-text-selected: var(--color-content-primary-primary);
}

.light {
  --color-grid: #ff0000;
  --color-badge-content: var(--color-content-light);
  --color-badge-bg-discount: var(--color-base-primary-800);
  --color-badge-bg-primary: var(--color-content-primary-primary);
  --color-bg-primary: var(--color-content-primary-primary);
  --color-bg-success: var(--color-base-success-25);
  --color-bg-variable: var(--color-base-base-0);
  --color-button-base-default: var(--color-content-neutral-primary);
  --color-button-base-disabled: var(--color-base-neutral-25);
  --color-button-base-hover: var(--color-base-primary-400);
  --color-button-base-pressed: var(--color-base-primary-500);
  --color-button-base-selected: var(--color-base-primary-600);
  --color-button-base-content-default-default: var(--color-content-neutral-primary);
  --color-button-base-content-default-disabled: var(--color-base-neutral-100);
  --color-button-base-content-inversion-default: var(--color-content-light);
  --color-button-base-content-inversion-disabled: var(--color-base-neutral-100);
  --color-button-standart-light-default: var(--color-base-base-0);
  --color-button-standart-light-hover: var(--color-base-neutral-25);
  --color-button-standart-light-pressed: var(--color-base-neutral-50);
  --color-button-standart-light-selected: var(--color-base-primary-600);
  --color-button-standart-neutral-default: var(--color-base-neutral-25);
  --color-button-standart-neutral-disabled: var(--color-base-neutral-25);
  --color-button-standart-neutral-hover: var(--color-base-neutral-50);
  --color-button-standart-neutral-pressed: var(--color-base-neutral-100);
  --color-button-standart-neutral-selected: var(--color-base-primary-600);
  --color-button-standart-neutral-content-default: var(--color-content-neutral-secondary);
  --color-button-standart-neutral-content-disabled: var(--color-base-neutral-100);
  --color-button-standart-neutral-content-selected: var(--color-content-light);
  --color-button-standart-primary-default: var(--color-content-neutral-primary);
  --color-button-standart-primary-disabled: var(--color-base-neutral-25);
  --color-button-standart-primary-hover: var(--color-base-primary-400);
  --color-button-standart-primary-pressed: var(--color-base-primary-500);
  --color-button-standart-primary-selected: var(--color-base-primary-600);
  --color-button-standart-primary-content-default-default: var(--color-content-neutral-primary);
  --color-button-standart-primary-content-default-disabled: var(--color-base-neutral-100);
  --color-button-standart-primary-content-inversion-default: var(--color-content-light);
  --color-button-standart-primary-content-inversion-disabled: var(--color-base-neutral-100);
  --color-button-text-default: var(--color-content-neutral-primary);
  --color-button-text-disabled: var(--color-button-standart-primary-content-default-disabled);
  --color-button-text-hover: var(--color-base-neutral-600);
  --color-button-text-pressed: var(--color-base-neutral-700);
  --color-button-text-selected: var(--color-content-primary-primary);
}

/* dark */
.dark {
  --color-grid: #ff0000;
  --color-badge-content: var(--color-content-light);
  --color-badge-bg-discount: var(--color-base-primary-700);
  --color-badge-bg-primary: var(--color-content-primary-primary);
  --color-bg-primary: var(--color-content-primary-primary);
  --color-bg-success: var(--color-base-success-25);
  --color-bg-variable: var(--color-base-base-1000);
  --color-button-base-default: var(--color-content-light);
  --color-button-base-disabled: var(--color-base-neutral-900);
  --color-button-base-hover: var(--color-base-primary-400);
  --color-button-base-pressed: var(--color-base-primary-500);
  --color-button-base-selected: var(--color-base-primary-600);
  --color-button-base-content-default-default: var(--color-content-light);
  --color-button-base-content-default-disabled: var(--color-base-neutral-800);
  --color-button-base-content-inversion-default: var(--color-base-neutral-900);
  --color-button-base-content-inversion-disabled: var(--color-base-neutral-800);
  --color-button-standart-light-default: var(--color-base-base-0);
  --color-button-standart-light-hover: var(--color-base-neutral-25);
  --color-button-standart-light-pressed: var(--color-base-neutral-50);
  --color-button-standart-light-selected: var(--color-base-primary-600);
  --color-button-standart-neutral-default: var(--color-base-neutral-800);
  --color-button-standart-neutral-disabled: var(--color-base-neutral-900);
  --color-button-standart-neutral-hover: var(--color-base-neutral-700);
  --color-button-standart-neutral-pressed: var(--color-base-neutral-600);
  --color-button-standart-neutral-selected: var(--color-base-primary-600);
  --color-button-standart-neutral-content-default: var(--color-base-neutral-900);
  --color-button-standart-neutral-content-disabled: var(--color-base-neutral-800);
  --color-button-standart-neutral-content-selected: var(--color-content-light);
  --color-button-standart-primary-default: var(--color-content-light);
  --color-button-standart-primary-disabled: var(--color-base-neutral-900);
  --color-button-standart-primary-hover: var(--color-base-primary-400);
  --color-button-standart-primary-pressed: var(--color-base-primary-500);
  --color-button-standart-primary-selected: var(--color-base-primary-600);
  --color-button-standart-primary-content-default-default: var(--color-content-light);
  --color-button-standart-primary-content-default-disabled: var(--color-base-neutral-800);
  --color-button-standart-primary-content-inversion-default: var(--color-base-neutral-900);
  --color-button-standart-primary-content-inversion-disabled: var(--color-base-neutral-800);
  --color-button-text-default: var(--color-content-light);
  --color-button-text-disabled: var(--color-button-standart-primary-content-default-disabled);
  --color-button-text-hover: var(--color-base-neutral-300);
  --color-button-text-pressed: var(--color-base-neutral-600);
  --color-button-text-selected: var(--color-content-primary-primary);
}

/* neutral */
.neutral {
  --color-grid: #ff0000;
  --color-badge-content: var(--color-content-light);
  --color-badge-bg-discount: var(--color-base-primary-700);
  --color-badge-bg-primary: var(--color-content-primary-primary);
  --color-bg-primary: var(--color-content-primary-primary);
  --color-bg-success: var(--color-base-success-25);
  --color-bg-variable: var(--color-base-neutral-25);
  --color-button-base-default: var(--color-content-light);
  --color-button-base-disabled: var(--color-base-neutral-900);
  --color-button-base-hover: var(--color-base-primary-400);
  --color-button-base-pressed: var(--color-base-primary-500);
  --color-button-base-selected: var(--color-base-primary-600);
  --color-button-base-content-default-default: var(--color-content-light);
  --color-button-base-content-default-disabled: var(--color-base-neutral-800);
  --color-button-base-content-inversion-default: var(--color-base-neutral-900);
  --color-button-base-content-inversion-disabled: var(--color-base-neutral-800);
  --color-button-standart-light-default: var(--color-base-base-0);
  --color-button-standart-light-hover: var(--color-base-neutral-25);
  --color-button-standart-light-pressed: var(--color-base-neutral-50);
  --color-button-standart-light-selected: var(--color-base-primary-600);
  --color-button-standart-neutral-default: var(--color-base-neutral-800);
  --color-button-standart-neutral-disabled: var(--color-base-neutral-900);
  --color-button-standart-neutral-hover: var(--color-base-neutral-700);
  --color-button-standart-neutral-pressed: var(--color-base-neutral-600);
  --color-button-standart-neutral-selected: var(--color-base-primary-600);
  --color-button-standart-neutral-content-default: var(--color-base-neutral-900);
  --color-button-standart-neutral-content-disabled: var(--color-base-neutral-800);
  --color-button-standart-neutral-content-selected: var(--color-content-light);
  --color-button-standart-primary-default: var(--color-content-light);
  --color-button-standart-primary-disabled: var(--color-base-neutral-900);
  --color-button-standart-primary-hover: var(--color-base-primary-400);
  --color-button-standart-primary-pressed: var(--color-base-primary-500);
  --color-button-standart-primary-selected: var(--color-base-primary-600);
  --color-button-standart-primary-content-default-default: var(--color-content-light);
  --color-button-standart-primary-content-default-disabled: var(--color-base-neutral-800);
  --color-button-standart-primary-content-inversion-default: var(--color-base-neutral-900);
  --color-button-standart-primary-content-inversion-disabled: var(--color-base-neutral-800);
  --color-button-text-default: var(--color-base-neutral-900);
  --color-button-text-disabled: var(--color-button-standart-primary-content-default-disabled);
  --color-button-text-hover: var(--color-base-neutral-300);
  --color-button-text-pressed: var(--color-base-neutral-600);
  --color-button-text-selected: var(--color-content-primary-primary);
}

/* Project_03_radius */
:root {
  --radius-pagination: var(--size-base-1x-4);
  --radius-button-xl: var(--size-base-999);
}

/* Body fonts */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  src: local("Inter Light"), url("/themes/project/fonts/Inter-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: local("Inter Regular"), url("/themes/project/fonts/Inter-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: local("Inter Medium"), url("/themes/project/fonts/Inter-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: local("Inter SemiBold"), url("/themes/project/fonts/Inter-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: local("Inter Bold"), url("/themes/project/fonts/Inter-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  src: local("Inter Extra Bold"), url("/themes/project/fonts/Inter-ExtraBold.ttf") format("truetype");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  src: local("Inter Black"), url("/themes/project/fonts/Inter-Black.ttf") format("truetype");
}
/* Heading fonts */
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 300;
  src: local("Raleway Light"), url("/themes/project/fonts/Raleway-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  src: local("Raleway Regular"), url("/themes/project/fonts/Raleway-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 500;
  src: local("Raleway Medium"), url("/themes/project/fonts/Raleway-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 600;
  src: local("Raleway SemiBold"), url("/themes/project/fonts/Raleway-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  src: local("Raleway Bold"), url("/themes/project/fonts/Raleway-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 800;
  src: local("Raleway Extra Bold"), url("/themes/project/fonts/Raleway-ExtraBold.ttf") format("truetype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 900;
  src: local("Raleway Black"), url("/themes/project/fonts/Raleway-Black.ttf") format("truetype");
}
/* Project_fonts_default */
:root {
  --font-family: 'Inter';
  --font-secondary: 'Raleway';
  --font-heading: var(--font-secondary);
  --font-button: var(--font-secondary);
}

/* Project_fonts_styles */
:root {
  /* Heading6xlBold */
  --font-family-Heading6xlBold: var(--font-heading);
  --font-size-Heading6xlBold: var(--size-font-6xl-size);
  --font-style-Heading6xlBold: normal;
  --font-weight-Heading6xlBold: 700;
  --font-line-height-Heading6xlBold: var(--size-font-6xl-line, 100%);
  --font-letter-spacing-Heading6xlBold: -1.5px;
  --font-varian-Heading6xlBold: lining-nums proportional-nums;
  /* Heading6xlSemiBold */
  --font-family-Heading6xlSemiBold: var(--font-heading);
  --font-size-Heading6xlSemiBold: var(--size-font-6xl-size);
  --font-style-Heading6xlSemiBold: normal;
  --font-weight-Heading6xlSemiBold: 600;
  --font-line-height-Heading6xlSemiBold: var(--size-font-6xl-line, 100%);
  --font-letter-spacing-Heading6xlSemiBold: -1.5px;
  --font-varian-Heading6xlSemiBold: lining-nums proportional-nums;
  /* Heading6xlMd */
  --font-family-Heading6xlMd: var(--font-heading);
  --font-size-Heading6xlMd: var(--size-font-6xl-size);
  --font-style-Heading6xlMd: normal;
  --font-weight-Heading6xlMd: 500;
  --font-line-height-Heading6xlMd: var(--size-font-6xl-line, 100%);
  --font-letter-spacing-Heading6xlMd: -1.5px;
  --font-varian-Heading6xlMd: lining-nums proportional-nums;
  /* Heading5xlBold */
  --font-family-Heading5xlBold: var(--font-heading);
  --font-size-Heading5xlBold: var(--size-font-5xl-size);
  --font-style-Heading5xlBold: normal;
  --font-weight-Heading5xlBold: 700;
  --font-line-height-Heading5xlBold: var(--size-font-5xl-line, 110%);
  --font-letter-spacing-Heading5xlBold: -0.5px;
  /* Heading5xlSemiBold */
  --font-family-Heading5xlSemiBold: var(--font-heading);
  --font-size-Heading5xlSemiBold: var(--size-font-5xl-size);
  --font-style-Heading5xlSemiBold: normal;
  --font-weight-Heading5xlSemiBold: 600;
  --font-line-height-Heading5xlSemiBold: var(--size-font-5xl-line, 110%);
  --font-letter-spacing-Heading5xlSemiBold: -0.5px;
  --font-varian-Heading5xlSemiBold: lining-nums proportional-nums;
  /* Heading5xlMd */
  --font-family-Heading5xlMd: var(--font-heading);
  --font-size-Heading5xlMd: var(--size-font-5xl-size);
  --font-style-Heading5xlMd: normal;
  --font-weight-Heading5xlMd: 500;
  --font-line-height-Heading5xlMd: var(--size-font-5xl-line, 110%);
  --font-letter-spacing-Heading5xlMd: -0.5px;
  /* Heading4xlBold */
  --font-family-Heading4xlBold: var(--font-heading);
  --font-size-Heading4xlBold: var(--size-font-4xl-size);
  --font-style-Heading4xlBold: normal;
  --font-weight-Heading4xlBold: 700;
  --font-line-height-Heading4xlBold: var(--size-font-4xl-line, 106.667%);
  --font-varian-Heading4xlBold: lining-nums proportional-nums;
  /* Heading4xlSemiBold */
  --font-family-Heading4xlSemiBold: var(--font-heading);
  --font-size-Heading4xlSemiBold: var(--size-font-4xl-size);
  --font-style-Heading4xlSemiBold: normal;
  --font-weight-Heading4xlSemiBold: 600;
  --font-line-height-Heading4xlSemiBold: var(--size-font-4xl-line, 106.667%);
  --font-varian-Heading4xlSemiBold: lining-nums proportional-nums;
  --font-letter-spacing-Heading4xlSemiBold: 0.25px;
  /* Heading4xlMd */
  --font-family-Heading4xlMd: var(--font-heading);
  --font-size-Heading4xlMd: var(--size-font-4xl-size);
  --font-style-Heading4xlMd: normal;
  --font-weight-Heading4xlMd: 500;
  --font-line-height-Heading4xlMd: var(--size-font-4xl-line, 106.667%);
  --font-varian-Heading4xlMd: lining-nums proportional-nums;
  /* Heading4xlRegular */
  --font-family-Heading4xlRegular: var(--font-heading);
  --font-size-Heading4xlRegular: var(--size-font-4xl-size);
  --font-style-Heading4xlRegular: normal;
  --font-weight-Heading4xlRegular: 400;
  --font-line-height-Heading4xlRegular: var(--size-font-4xl-line, 106.667%);
  --font-varian-Heading4xlRegular: lining-nums proportional-nums;
  /* Heading4xlLight */
  --font-family-Heading4xlLight: var(--font-heading);
  --font-size-Heading4xlLight: var(--size-font-4xl-size);
  --font-style-Heading4xlLight: normal;
  --font-weight-Heading4xlLight: 300;
  --font-line-height-Heading4xlLight: var(--size-font-4xl-line, 106.667%);
  --font-varian-Heading4xlLight: lining-nums proportional-nums;
  /* Heading3xlBold */
  --font-family-Heading3xlBold: var(--font-heading);
  --font-size-Heading3xlBold: var(--size-font-3xl-size);
  --font-style-Heading3xlBold: normal;
  --font-weight-Heading3xlBold: 700;
  --font-line-height-Heading3xlBold: var(--size-font-3xl-line, 120%);
  --font-letter-spacing-Heading3xlBold: 0.25px;
  --font-varian-Heading3xlBold: lining-nums proportional-nums;
  /* Heading3xlSemiBold */
  --font-family-Heading3xlSemiBold: var(--font-heading);
  --font-size-Heading3xlSemiBold: var(--size-font-3xl-size);
  --font-style-Heading3xlSemiBold: normal;
  --font-weight-Heading3xlSemiBold: 600;
  --font-line-height-Heading3xlSemiBold: var(--size-font-3xl-line, 120%);
  --font-letter-spacing-Heading3xlSemiBold: 0.25px;
  --font-varian-Heading3xlSemiBold: lining-nums proportional-nums;
  /* Heading3xlMd */
  --font-family-Heading3xlMd: var(--font-heading);
  --font-size-Heading3xlMd: var(--size-font-3xl-size);
  --font-style-Heading3xlMd: normal;
  --font-weight-Heading3xlMd: 500;
  --font-line-height-Heading3xlMd: var(--size-font-3xl-line, 120%);
  --font-letter-spacing-Heading3xlMd: 0.25px;
  --font-varian-Heading3xlMd: lining-nums proportional-nums;
  /* Heading3xlRegular */
  --font-family-Heading3xlRegular: var(--font-heading);
  --font-size-Heading3xlRegular: var(--size-font-3xl-size);
  --font-style-Heading3xlRegular: normal;
  --font-weight-Heading3xlRegular: 400;
  --font-line-height-Heading3xlRegular: var(--size-font-3xl-line, 120%);
  --font-letter-spacing-Heading3xlRegular: 0.25px;
  --font-varian-Heading3xlRegular: lining-nums proportional-nums;
  /* Heading3xlLight */
  --font-family-Heading3xlLight: var(--font-heading);
  --font-size-Heading3xlLight: var(--size-font-3xl-size);
  --font-style-Heading3xlLight: normal;
  --font-weight-Heading3xlLight: 300;
  --font-line-height-Heading3xlLight: var(--size-font-3xl-line, 120%);
  --font-letter-spacing-Heading3xlLight: 0.25px;
  /* Heading2xlBold */
  --font-family-Heading2xlBold: var(--font-heading);
  --font-size-Heading2xlBold: var(--size-font-2xl-size);
  --font-style-Heading2xlBold: normal;
  --font-weight-Heading2xlBold: 700;
  --font-line-height-Heading2xlBold: var(--size-font-2xl-line, 130%);
  /* Heading2xlSemiBold */
  --font-family-Heading2xlSemiBold: var(--font-heading);
  --font-size-Heading2xlSemiBold: var(--size-font-2xl-size);
  --font-style-Heading2xlSemiBold: normal;
  --font-weight-Heading2xlSemiBold: 600;
  --font-line-height-Heading2xlSemiBold: var(--size-font-2xl-line, 130%);
  /* Heading2xlMd */
  --font-family-Heading2xlMd: var(--font-heading);
  --font-size-Heading2xlMd: var(--size-font-2xl-size);
  --font-style-Heading2xlMd: normal;
  --font-weight-Heading2xlMd: 500;
  --font-line-height-Heading2xlMd: var(--size-font-2xl-line, 130%);
  /* Heading2xlRegular */
  --font-family-Heading2xlRegular: var(--font-heading);
  --font-size-Heading2xlRegular: var(--size-font-2xl-size);
  --font-style-Heading2xlRegular: normal;
  --font-weight-Heading2xlRegular: 400;
  --font-line-height-Heading2xlRegular: var(--size-font-2xl-line, 130%);
  /* HeadingxlSemiBold */
  --font-family-HeadingxlSemiBold: var(--font-heading);
  --font-size-HeadingxlSemiBold: var(--size-font-1xl-size);
  --font-style-HeadingxlSemiBold: normal;
  --font-weight-HeadingxlSemiBold: 600;
  --font-line-height-HeadingxlSemiBold: var(--size-font-1xl-line, 130%);
  --font-letter-spacing-HeadingxlSemiBold: 0.15px;
  --font-variant-numeric-HeadingxlSemiBold: lining-nums proportional-nums;
  /* HeadingxlMd */
  --font-family-HeadingxlMd: var(--font-heading);
  --font-size-HeadingxlMd: var(--size-font-1xl-size);
  --font-style-HeadingxlMd: normal;
  --font-weight-HeadingxlMd: 500;
  --font-line-height-HeadingxlMd: var(--size-font-1xl-line, 130%);
  --font-letter-spacing-HeadingxlMd: 0.15px;
  --font-variant-numeric-HeadingxlMd: lining-nums proportional-nums;
  /* HeadingxlRegular */
  --font-family-HeadingxlRegular: var(--font-heading);
  --font-size-HeadingxlRegular: var(--size-font-1xl-size);
  --font-style-HeadingxlRegular: normal;
  --font-weight-HeadingxlRegular: 400;
  --font-line-height-HeadingxlRegular: var(--size-font-1xl-line, 130%);
  --font-letter-spacing-HeadingxlRegular: 0.15px;
  --font-variant-numeric-HeadingxlRegular: lining-nums proportional-nums;
  /* BodyLgBold */
  --font-family-BodyLgBold: var(--font-family);
  --font-size-BodyLgBold: var(--size-font-lg-size);
  --font-style-BodyLgBold: normal;
  --font-weight-BodyLgBold: 700;
  --font-line-height-BodyLgBold: var(--size-font-lg-line, 150%);
  --font-letter-spacing-BodyLgBold: 0.1px;
  --font-variant-numeric-BodyLgBold: lining-nums proportional-nums;
  /* BodyLgSemiBold */
  --font-family-BodyLgSemiBold: var(--font-family);
  --font-size-BodyLgSemiBold: var(--size-font-lg-size);
  --font-style-BodyLgSemiBold: normal;
  --font-weight-BodyLgSemiBold: 600;
  --font-line-height-BodyLgSemiBold: var(--size-font-lg-line, 150%);
  --font-letter-spacing-BodyLgSemiBold: 0.1px;
  --font-variant-numeric-BodyLgSemiBold: lining-nums proportional-nums;
  /* BodyLgRegular */
  --font-family-BodyLgRegular: var(--font-family);
  --font-size-BodyLgRegular: var(--size-font-lg-size);
  --font-style-BodyLgRegular: normal;
  --font-weight-BodyLgRegular: 400;
  --font-line-height-BodyLgRegular: var(--size-font-lg-line, 150%);
  --font-letter-spacing-BodyLgRegular: 0.1px;
  --font-variant-numeric-BodyLgRegular: lining-nums proportional-nums;
  /* BodyMdSemiBold */
  --font-family-BodyMdSemiBold: var(--font-family);
  --font-size-BodyMdSemiBold: var(--size-font-md-size);
  --font-style-BodyMdSemiBold: normal;
  --font-weight-BodyMdSemiBold: 600;
  --font-line-height-BodyMdSemiBold: var(--size-font-md-line, 150%);
  --font-letter-spacing-BodyMdSemiBold: 0.1px;
  /* BodyMdRegular */
  --font-family-BodyMdRegular: var(--font-family);
  --font-size-BodyMdRegular: var(--size-font-md-size);
  --font-style-BodyMdRegular: normal;
  --font-weight-BodyMdRegular: 400;
  --font-line-height-BodyMdRegular: var(--size-font-md-line, 150%);
  --font-letter-spacing-BodyMdRegular: 0.25px;
  /* BodySmSemiBold */
  --font-family-BodySmSemiBold: var(--font-family);
  --font-size-BodySmSemiBold: var(--size-font-sm-size);
  --font-style-BodySmSemiBold: normal;
  --font-weight-BodySmSemiBold: 600;
  --font-line-height-BodySmSemiBold: var(--size-font-sm-line);
  --font-letter-spacing-BodySmSemiBold: 0.1px;
  /* BodySmRegular */
  --font-family-BodySmRegular: var(--font-family);
  --font-size-BodySmRegular: var(--size-font-sm-size);
  --font-style-BodySmRegular: normal;
  --font-weight-BodySmRegular: 400;
  --font-line-height-BodySmRegular: var(--size-font-sm-line);
  --font-letter-spacing-BodySmRegular: 0.2px;
  /* ButtonLg */
  --font-family-ButtonLg: var(--font-button);
  --font-size-ButtonLg: var(--size-font-lg-size);
  --font-style-ButtonLg: normal;
  --font-weight-ButtonLg: 600;
  --font-line-height-ButtonLg: var(--size-font-lg-line);
  --font-letter-spacing-ButtonLg: 0.2px;
}

/* Project_fonts_mixin */
.heading-6xl-bold {
  /* Heading6xlBold */
  font-family: var(--font-family-Heading6xlBold);
  font-size: var(--font-size-Heading6xlBold);
  font-style: var(--font-style-Heading6xlBold);
  font-weight: var(--font-weight-Heading6xlBold);
  line-height: var(--font-line-height-Heading6xlBold);
  letter-spacing: var(--font-letter-spacing-Heading6xlBold);
  font-variant-numeric: var(--font-varian-Heading6xlBold);
}

.heading-6xl-semibold {
  /* Heading6xlSemiBold */
  font-family: var(--font-family-Heading6xlSemiBold);
  font-size: var(--font-size-Heading6xlSemiBold);
  font-style: var(--font-style-Heading6xlSemiBold);
  font-weight: var(--font-weight-Heading6xlSemiBold);
  line-height: var(--font-line-height-Heading6xlSemiBold);
  letter-spacing: var(--font-letter-spacing-Heading6xlSemiBold);
  font-variant-numeric: var(--font-varian-Heading6xlSemiBold);
}

.heading-6xl-md {
  /* Heading6xlMd */
  font-family: var(--font-family-Heading6xlMd);
  font-size: --font-size-Heading6xlMd;
  font-style: var(--font-style-Heading6xlMd);
  font-weight: var(--font-weight-Heading6xlMd);
  line-height: var(--font-line-height-Heading6xlMd);
  letter-spacing: var(--font-letter-spacing-Heading6xlMd);
  font-variant-numeric: var(--font-varian-Heading6xlMd);
}

.heading-5xl-bold {
  /* Heading5xlBold */
  font-family: var(--font-family-Heading5xlBold);
  font-size: var(--font-size-Heading5xlBold);
  font-style: var(--font-style-Heading5xlBold);
  font-weight: var(--font-weight-Heading5xlBold);
  line-height: var(--font-line-height-Heading5xlBold);
  letter-spacing: var(--font-letter-spacing-Heading5xlBold);
}

.heading-5xl-semibold {
  /* Heading5xlSemiBold */
  font-variant-numeric: var(--font-varian-Heading5xlSemiBold);
  font-family: var(--font-family-Heading5xlSemiBold);
  font-size: var(--font-size-Heading5xlSemiBold);
  font-style: var(--font-style-Heading5xlSemiBold);
  font-weight: var(--font-weight-Heading5xlSemiBold);
  line-height: var(--font-line-height-Heading5xlSemiBold);
  letter-spacing: var(--font-letter-spacing-Heading5xlSemiBold);
}

.heading-5xl-md {
  /* Heading5xlMd */
  font-family: var(--font-family-Heading5xlMd);
  font-size: var(--font-size-Heading5xlMd);
  font-style: var(--font-style-Heading5xlMd);
  font-weight: var(--font-weight-Heading5xlMd);
  line-height: var(--font-line-height-Heading5xlMd);
  letter-spacing: var(--font-letter-spacing-Heading5xlMd);
}

.heading-4xl-bold {
  /* Heading4xlBold */
  font-variant-numeric: var(--font-varian-Heading4xlBold);
  font-family: var(--font-family-Heading4xlBold);
  font-size: var(--font-size-Heading4xlBold);
  font-style: var(--font-style-Heading4xlBold);
  font-weight: var(--font-weight-Heading4xlBold);
  line-height: var(--font-line-height-Heading4xlBold);
}

.heading-4xl-semibold {
  /* Heading4xlSemiBold */
  font-variant-numeric: var(--font-varian-Heading4xlSemiBold);
  font-family: var(--font-family-Heading4xlSemiBold);
  font-size: var(--font-size-Heading4xlSemiBold);
  font-style: var(--font-style-Heading4xlSemiBold);
  font-weight: var(--font-weight-Heading4xlSemiBold);
  line-height: var(--font-line-height-Heading4xlSemiBold);
  letter-spacing: var(--font-letter-spacing-Heading4xlSemiBold);
}

.heading-4xl-md {
  /* Heading4xlMd */
  font-variant-numeric: var(--font-varian-Heading4xlMd);
  font-family: var(--font-family-Heading4xlMd);
  font-size: var(--font-size-Heading4xlMd);
  font-style: var(--font-style-Heading4xlMd);
  font-weight: var(--font-weight-Heading4xlMd);
  line-height: var(--font-line-height-Heading4xlMd);
}

.heading-4xl-regular {
  /* Heading4xlRegular */
  font-family: var(--font-family-Heading4xlRegular);
  font-size: var(--font-size-Heading4xlRegular);
  font-style: var(--font-style-Heading4xlRegular);
  font-weight: var(--font-weight-Heading4xlRegular);
  line-height: var(--font-line-height-Heading4xlRegular);
  font-variant-numeric: var(--font-varian-Heading4xlRegular);
}

.heading-4xl-light {
  /* Heading4xlLight */
  font-variant-numeric: var(--font-varian-Heading4xlLight);
  font-family: var(--font-family-Heading4xlLight);
  font-size: var(--font-size-Heading4xlLight);
  font-style: var(--font-style-Heading4xlLight);
  font-weight: var(--font-weight-Heading4xlLight);
  line-height: var(--font-line-height-Heading4xlLight);
}

.heading-3xl-bold {
  /* Heading3xlBold */
  font-variant-numeric: var(--font-varian-Heading3xlBold);
  font-family: var(--font-family-Heading3xlBold);
  font-size: var(--font-size-Heading3xlBold);
  font-style: var(--font-style-Heading3xlBold);
  font-weight: var(--font-weight-Heading3xlBold);
  line-height: var(--font-line-height-Heading3xlBold);
  letter-spacing: var(--font-letter-spacing-Heading3xlBold);
}

.heading-3xl-semibold {
  /* Heading3xlSemiBold */
  font-variant-numeric: var(--font-varian-Heading3xlSemiBold);
  font-family: var(--font-family-Heading3xlSemiBold);
  font-size: var(--font-size-Heading3xlSemiBold);
  font-style: var(--font-style-Heading3xlSemiBold);
  font-weight: var(--font-weight-Heading3xlSemiBold);
  line-height: var(--font-line-height-Heading3xlSemiBold);
  letter-spacing: var(--font-letter-spacing-Heading3xlSemiBold);
}

.heading-3xl-md {
  /* Heading3xlMd */
  font-variant-numeric: var(--font-varian-Heading3xlMd);
  font-family: var(--font-family-Heading3xlMd);
  font-size: var(--font-size-Heading3xlMd);
  font-style: var(--font-style-Heading3xlMd);
  font-weight: var(--font-weight-Heading3xlMd);
  line-height: var(--font-line-height-Heading3xlMd);
  letter-spacing: var(--font-letter-spacing-Heading3xlMd);
}

.heading-3xl-regular {
  /* Heading3xlRegular */
  font-variant-numeric: var(--font-varian-Heading3xlRegular);
  font-family: var(--font-family-Heading3xlRegular);
  font-size: var(--font-size-Heading3xlRegular);
  font-style: var(--font-style-Heading3xlRegular);
  font-weight: var(--font-weight-Heading3xlRegular);
  line-height: var(--font-line-height-Heading3xlRegular);
  letter-spacing: var(--font-letter-spacing-Heading3xlRegular);
}

.heading-3xl-light {
  /* Heading3xlLight */
  font-family: var(--font-family-Heading3xlLight);
  font-size: var(--font-size-Heading3xlLight);
  font-style: var(--font-style-Heading3xlLight);
  font-weight: var(--font-weight-Heading3xlLight);
  line-height: var(--font-line-height-Heading3xlLight);
  letter-spacing: var(--font-letter-spacing-Heading3xlLight);
}

.heading-2xl-bold {
  /* Heading2xlBold */
  font-family: var(--font-family-Heading2xlBold);
  font-size: var(--font-size-Heading2xlBold);
  font-style: var(--font-style-Heading2xlBold);
  font-weight: var(--font-weight-Heading2xlBold);
  line-height: var(--font-line-height-Heading2xlBold);
}

.heading-2xl-semibold {
  /* Heading2xlSemiBold */
  font-family: var(--font-family-Heading2xlSemiBold);
  font-size: var(--font-size-Heading2xlSemiBold);
  font-style: var(--font-style-Heading2xlSemiBold);
  font-weight: var(--font-weight-Heading2xlSemiBold);
  line-height: var(--font-line-height-Heading2xlSemiBold);
}

.heading-2xl-md {
  /* Heading2xlMd */
  font-family: var(--font-family-Heading2xlMd);
  font-size: var(--font-size-Heading2xlMd);
  font-style: var(--font-style-Heading2xlMd);
  font-weight: var(--font-weight-Heading2xlMd);
  line-height: var(--font-line-height-Heading2xlMd);
}

.heading-2xl-regular {
  /* Heading2xlRegular */
  font-family: var(--font-family-Heading2xlRegular);
  font-size: var(--font-size-Heading2xlRegular);
  font-style: var(--font-style-Heading2xlRegular);
  font-weight: var(--font-weight-Heading2xlRegular);
  line-height: var(--font-line-height-Heading2xlRegular);
}

.heading-xl-semibold {
  /* HeadingxlSemiBold */
  font-variant-numeric: var(--font-variant-numeric-HeadingxlSemiBold);
  font-family: var(--font-family-HeadingxlSemiBold);
  font-size: var(--font-size-HeadingxlSemiBold);
  font-style: var(--font-style-HeadingxlSemiBold);
  font-weight: var(--font-weight-HeadingxlSemiBold);
  line-height: var(--font-line-height-HeadingxlSemiBold);
  letter-spacing: var(--font-letter-spacing-HeadingxlSemiBold);
}

.heading-xl-md {
  /* HeadingxlMd */
  font-variant-numeric: var(--font-variant-numeric-HeadingxlMd);
  font-family: var(--font-family-HeadingxlMd);
  font-size: var(--font-size-HeadingxlMd);
  font-style: var(--font-style-HeadingxlMd);
  font-weight: var(--font-weight-HeadingxlMd);
  line-height: var(--font-line-height-HeadingxlMd);
  letter-spacing: var(--font-letter-spacing-HeadingxlMd);
}

.heading-xl-regular {
  /* HeadingxlRegular */
  font-variant-numeric: var(--font-variant-numeric-HeadingxlRegular);
  font-family: var(--font-family-HeadingxlRegular);
  font-size: var(--font-size-HeadingxlRegular);
  font-style: var(--font-style-HeadingxlRegular);
  font-weight: var(--font-weight-HeadingxlRegular);
  line-height: var(--font-line-height-HeadingxlRegular);
  letter-spacing: var(--font-letter-spacing-HeadingxlRegular);
}

.body-lg-bold {
  /* BodyLgBold */
  font-family: var(--font-family-BodyLgBold);
  font-size: var(--font-size-BodyLgBold);
  font-style: var(--font-style-BodyLgBold);
  font-weight: var(--font-weight-BodyLgBold);
  line-height: var(--font-line-height-BodyLgBold);
  letter-spacing: var(--font-letter-spacing-BodyLgBold);
  font-variant-numeric: var(--font-variant-numeric-BodyLgBold);
}

.body-lg-semibold {
  /* BodyLgSemiBold */
  font-variant-numeric: var(--font-variant-numeric-BodyLgSemiBold);
  font-family: var(--font-family-BodyLgSemiBold);
  font-size: var(--font-size-BodyLgSemiBold);
  font-style: var(--font-style-BodyLgSemiBold);
  font-weight: var(--font-weight-BodyLgSemiBold);
  line-height: var(--font-line-height-BodyLgSemiBold);
  letter-spacing: var(--font-letter-spacing-BodyLgSemiBold);
}

.body-lg-regular {
  /* BodyLgRegular */
  font-variant-numeric: var(--font-variant-numeric-BodyLgRegular);
  font-family: var(--font-family-BodyLgRegular);
  font-size: var(--font-size-BodyLgRegular);
  font-style: var(--font-style-BodyLgRegular);
  font-weight: var(--font-weight-BodyLgRegular);
  line-height: var(--font-line-height-BodyLgRegular);
  letter-spacing: var(--font-letter-spacing-BodyLgRegular);
}

.body-md-semibold {
  /* BodyMdSemiBold */
  font-family: var(--font-family-BodyMdSemiBold);
  font-size: var(--font-size-BodyMdSemiBold);
  font-style: var(--font-style-BodyMdSemiBold);
  font-weight: var(--font-weight-BodyMdSemiBold);
  line-height: var(--font-line-height-BodyMdSemiBold);
  letter-spacing: var(--font-letter-spacing-BodyMdSemiBold);
}

.body-md-regular {
  /* BodyMdRegular */
  font-family: var(--font-family-BodyMdRegular);
  font-size: var(--font-size-BodyMdRegular);
  font-style: var(--font-style-BodyMdRegular);
  font-weight: var(--font-weight-BodyMdRegular);
  line-height: var(--font-line-height-BodyMdRegular);
  letter-spacing: var(--font-letter-spacing-BodyMdRegular);
}

.body-sm-semibold {
  /* BodySmSemiBold */
  font-family: var(--font-family-BodySmSemiBold);
  font-size: var(--font-size-BodySmSemiBold);
  font-style: var(--font-style-BodySmSemiBold);
  font-weight: var(--font-weight-BodySmSemiBold);
  line-height: var(--font-line-height-BodySmSemiBold);
  letter-spacing: var(--font-letter-spacing-BodySmSemiBold);
}

.body-sm-regular {
  /* BodySmRegular */
  font-family: var(--font-family-BodySmRegular);
  font-size: var(--font-size-BodySmRegular);
  font-style: var(--font-style-BodySmRegular);
  font-weight: var(--font-weight-BodySmRegular);
  line-height: var(--font-line-height-BodySmRegular);
  letter-spacing: var(--font-letter-spacing-BodySmRegular);
}

/* Custom_vars */
:root {
  /* default */
  --gap: 16px;
  --fr: calc(calc(100% - calc(var(--gap) * 2)) / 3);
  /* grids */
  --column-one-third: var(--fr) 1fr;
  --column-two-third: 1fr var(--fr);
  --width-one-third: var(--fr);
  --width-two-third: calc(calc(var(--fr) * 2) + var(--gap));
  --transition: 0.3s;
}/*# sourceMappingURL=vars.css.map */