:root {
  --font-family: "Inter", Arial, sans-serif;
  --font-secondary: "Roboto", Arial, sans-serif;
  --header-height: 77px;
  --container-padding: 50px;
  --Bg_block: linear-gradient(153deg, #414141 9.56%, #1E1E1E 55.24%);
  --radius-button-md: 12px;
  --radius-checkbox: 4px;
  --radius-divider: 4px;
  --stroke-cards: linear-gradient(148deg, #8B8B8B 3.46%, #282828 34.9%, #282828 75.63%, #636567 119.38%);
  --size-breakpoint-chart-screen-height: 910px;
  --size-blocks-main-screen-max-height: 884px;
}

@media (max-width: 1440px) {
  :root {
    --size-breakpoint-chart-screen-height: 810px;
    --size-blocks-main-screen-max-height: 860px;
  }
}
@media (max-width: 1366px) and (max-height: 800px) {
  :root {
    --size-blocks-main-screen-max-height: 680px;
  }
}
@media (max-width: 1280px) {
  :root {
    --container-padding: 42px;
    --size-breakpoint-chart-screen-height: 680px;
    --size-blocks-main-screen-max-height: 680px;
  }
}
@media (max-width: 1024px) {
  :root {
    --header-height: 64px;
    --container-padding: 32px;
    --size-breakpoint-chart-screen-height: 635px;
    --size-blocks-main-screen-max-height: 900px;
  }
}
@media (max-width: 1024px) and (max-height: 780px) {
  :root {
    --size-blocks-main-screen-max-height: 680px;
  }
}
@media (max-height: 601px) {
  :root {
    --size-breakpoint-chart-screen-height: calc(100vh - var(--header-height));
    --size-blocks-main-screen-max-height: calc(100vh - var(--header-height));
  }
}
@media (max-width: 768px) {
  :root {
    --container-padding: 24px;
    --size-breakpoint-chart-screen-height: 640px;
    --size-blocks-main-screen-max-height: 900px;
  }
}
@media (max-width: 439px) {
  :root {
    --container-padding: 20px;
    --size-breakpoint-chart-screen-height: auto;
    --size-blocks-main-screen-max-height: calc(100vh - var(--header-height));
  }
}
/* color_base */
:root {
  /* Lg */
  /* color */
  --color-base-0000: #000000;
  --color-base-1000: #ffffff;
  --color-error-10: #ffebeb;
  --color-error-100: #ff8585;
  --color-error-20: #ffdada;
  --color-error-200: #fe5d5d;
  --color-error-25: #fecfcf;
  --color-error-30: #ffc7c7;
  --color-error-300: #ff3939;
  --color-error-40: #ffb5b5;
  --color-error-400: #ff0e0e;
  --color-error-50: #ffa3a3;
  --color-error-500: #e80000;
  --color-error-600: #c30101;
  --color-error-700: #9d0000;
  --color-error-800: #7a0000;
  --color-error-900: #610000;
  --color-error-950: #130000;
  --color-neutral-10: #f7f7f7;
  --color-neutral-100: #cfcfcf;
  --color-neutral-20: #f0f0f0;
  --color-neutral-200: #c0c0c0;
  --color-neutral-25: #ececec;
  --color-neutral-30: #e9e9e9;
  --color-neutral-300: #b0b0b0;
  --color-neutral-40: #e2e2e2;
  --color-neutral-400: #a2a2a2;
  --color-neutral-50: #dbdbdb;
  --color-neutral-500: #8f8f8f;
  --color-neutral-600: #7a7b7b;
  --color-neutral-700: #656666;
  --color-neutral-800: #515253;
  --color-neutral-900: #424345;
  --color-neutral-920: #323435;
  --color-neutral-950: #17191a;
  --color-primary-10: #e9f4ff;
  --color-primary-100: #86c5ff;
  --color-primary-20: #d8ecfe;
  --color-primary-200: #5eb1fe;
  --color-primary-25: #cee7ff;
  --color-primary-30: #c6e3ff;
  --color-primary-300: #389fff;
  --color-primary-40: #b2daff;
  --color-primary-400: #108cff;
  --color-primary-50: #a1d2ff;
  --color-primary-500: #0078e9;
  --color-primary-600: #0065c4;
  --color-primary-700: #0152a0;
  --color-primary-800: #013f7c;
  --color-primary-900: #013061;
  --color-primary-950: #010613;
}

/* color_styles */
:root {
  /* Mode 1 */
  /* color */
  --color-button-filled-neutral-md-error: var(--color-error-300);
  --color-button-filled-neutral-md-focus: var(--color-neutral-500);
  --color-button-filled-neutral-md-bg-active: var(--color-neutral-600);
  --color-button-filled-neutral-md-bg-default: var(--color-neutral-800);
  --color-button-filled-neutral-md-bg-disabled: var(--color-neutral-900);
  --color-button-filled-neutral-md-bg-error: var(--color-error-30);
  --color-button-filled-neutral-md-bg-focus: var(--color-neutral-800);
  --color-button-filled-neutral-md-bg-hover: var(--color-neutral-700);
  --color-button-filled-neutral-md-content-active: var(--color-neutral-50);
  --color-button-filled-neutral-md-content-default: var(--color-neutral-50);
  --color-button-filled-neutral-md-content-disabled: var(--color-neutral-800);
  --color-button-filled-neutral-md-content-error: var(--color-neutral-10);
  --color-button-filled-neutral-md-content-focus: var(--color-neutral-50);
  --color-button-filled-neutral-md-content-hover: var(--color-neutral-50);
  --color-button-filled-primary-error: var(--color-error-300);
  --color-button-filled-primary-focus: var(--color-primary-200);
  --color-button-filled-primary-bg-active: var(--color-primary-600);
  --color-button-filled-primary-bg-default: var(--color-primary-400);
  --color-button-filled-primary-bg-disabled: var(--color-neutral-900);
  --color-button-filled-primary-bg-error: var(--color-error-30);
  --color-button-filled-primary-bg-focus: var(--color-primary-400);
  --color-button-filled-primary-bg-hover: var(--color-primary-500);
  --color-button-filled-primary-content-active: var(--color-neutral-10);
  --color-button-filled-primary-content-default: var(--color-neutral-10);
  --color-button-filled-primary-content-disabled: var(--color-neutral-800);
  --color-button-filled-primary-content-error: var(--color-neutral-10);
  --color-button-filled-primary-content-focus: var(--color-neutral-10);
  --color-button-filled-primary-content-hover: var(--color-neutral-10);
  --color-button-text-focus: var(--color-neutral-400);
  --color-button-text-neutral-md-content-active: var(--color-neutral-700);
  --color-button-text-neutral-md-content-default: var(--color-neutral-400);
  --color-button-text-neutral-md-content-disabled: var(--color-neutral-800);
  --color-button-text-neutral-md-content-focus: var(--color-neutral-400);
  --color-button-text-neutral-md-content-hover: var(--color-neutral-600);
  --color-button-text-neutral-sm-content-active: var(--color-neutral-200);
  --color-button-text-neutral-sm-content-default: var(--color-neutral-20);
  --color-button-text-neutral-sm-content-disabled: var(--color-neutral-800);
  --color-button-text-neutral-sm-content-focus: var(--color-neutral-20);
  --color-button-text-neutral-sm-content-hover: var(--color-neutral-40);
  --color-content-neutral-primary: var(--color-neutral-20);
  --color-content-neutral-secondary: var(--color-neutral-50);
  --color-content-neutral-tertuary: var(--color-neutral-300);
  --color-textfield-outline-bg-default: var(--color-neutral-920);
  --color-textfield-outline-bg-disabled: var(--color-neutral-920);
  --color-textfield-outline-bg-error: var(--color-neutral-920);
  --color-textfield-outline-bg-focus: var(--color-neutral-920);
  --color-textfield-outline-bg-hover: var(--color-neutral-900);
  --color-textfield-outline-border-default: var(--color-neutral-800);
  --color-textfield-outline-border-disabled: var(--color-neutral-800);
  --color-textfield-outline-border-error: var(--color-error-400);
  --color-textfield-outline-border-focus: var(--color-neutral-600);
  --color-textfield-outline-border-hover: var(--color-neutral-800);
  --color-textfield-outline-content-default: var(--color-neutral-300);
  --color-textfield-outline-content-disabled: var(--color-neutral-800);
  --color-textfield-outline-content-error: var(--color-error-400);
  --color-textfield-outline-content-focus: var(--color-neutral-300);
  --color-textfield-outline-content-hover: var(--color-neutral-100);
}

/* size */
:root {
  /* xl */
  /* number */
  --size-blocks-ga-tasks-card-radius: 18px;
  --size-blocks-ga-tasks-text-width: 714px;
  --size-blocks-usp-card-spacing-block: -400px;
  --size-blocks-usp-card-radius: 34px;
  --size-blocks-usp-card-padding-2row: 50px;
  --size-blocks-usp-card-padding-3row: 100px;
  --size-blocks-usp-card-img-min-height: 320px;
  --size-blocks-usp-card-height: 427px;
  --size-blocks-usp-card-width: 1280px;
  --size-blocks-banner-radius: 54px;
  --size-blocks-banner-text-max-wight: 731px;
  --size-blocks-banner-min-width: 792px;
  --size-blocks-banner-block-height: 910px;
  --size-blocks-benefits-card-padding-horizontal: 16px;
  --size-blocks-benefits-card-padding-vertical: 24px;
  --size-blocks-benefits-card-wight-min: 294px;
  --size-blocks-benefits-card-wight-max: 348px;
  --size-blocks-footer-text-width: 316px;
  --size-blocks-footer-footer-height: 720px;
  --size-blocks-form-padding-button: 16px;
  --size-blocks-form-form-radius: 44px;
  --size-blocks-form-form-padding: 60px;
  --size-blocks-form-input-width-min: 253px;
  --size-blocks-form-text-max-width: 780px;
  --size-blocks-form-form-width: 900px;
  --size-blocks-graph-block-spacing: 100px;
  --size-blocks-graph-card-width: 415px;
  --size-blocks-graph-block-height: 550px;
  --size-blocks-graph-card-spacing-xs: -60px;
  --size-blocks-graph-card-spacing-sm: -30px;
  --size-blocks-header-navigation-button-min-widht: 623px;
  --size-blocks-header-side-header-max-wight: 374px;
  --size-blocks-main-screen-slogan-width: 380px;
  --size-blocks-one-program-spacing: 0px;
  --size-blocks-one-program-title-width: 810px;
  --size-blocks-one-program-text-width: 908px;
  --size-blocks-one-program-img-min-width: 0px;
  --size-blocks-one-program-img-max-width: 1228px;
  --size-blocks-tasks-spacing: 54px;
  --size-blocks-tasks-2row-padding: 100px;
  --size-blocks-tasks-3row-spacing: 400px;
  --size-blocks-tasks-title-width: 1210px;
  --size-blocks-tasks-message-padding-vertical: 4px;
  --size-blocks-tasks-message-padding-horizontal: 6px;
  --size-breakpoint-screen-height: 910px;
  --size-breakpoint-min: 1440px;
  --size-breakpoint-max: 1920px;
  --size-font-body-2xs-letter-spasing: -0.20000000298023224px;
  --size-font-body-2xs-size: 12px;
  --size-font-body-2xs-line-height: 14px;
  --size-font-body-lg-letter-spasing: -0.5px;
  --size-font-body-lg-size: 20px;
  --size-font-body-lg-line-height: 26px;
  --size-font-body-md-letter-spasing: -0.5px;
  --size-font-body-md-line-height: 18px;
  --size-font-body-md-size: 18px;
  --size-font-body-sm-letter-spasing: -0.30000001192092896px;
  --size-font-body-sm-size: 16px;
  --size-font-body-sm-line-height: 20px;
  --size-font-body-xs-letter-spasing: -0.20000000298023224px;
  --size-font-body-xs-size: 14px;
  --size-font-body-xs-line-height: 16px;
  --size-font-button-lg-letter-spasing: -0.5px;
  --size-font-button-lg-line-height: 16px;
  --size-font-button-lg-size: 16px;
  --size-font-button-xl-letter-spasing: -0.800000011920929px;
  --size-font-button-xl-size: 24px;
  --size-font-button-xl-line-height: 32px;
  --size-font-heading-2xl-letter-spasing: -1.7999999523162842px;
  --size-font-heading-2xl-line-height: 42px;
  --size-font-heading-2xl-size: 42px;
  --size-font-heading-3xl-letter-spasing: -2.5px;
  --size-font-heading-3xl-line-height: 56px;
  --size-font-heading-3xl-size: 56px;
  --size-font-heading-4xl-letter-spasing: -4px;
  --size-font-heading-4xl-line-height: 66px;
  --size-font-heading-4xl-size: 66px;
  --size-font-heading-5xl-letter-spasing: -6px;
  --size-font-heading-5xl-size: 98px;
  --size-font-heading-5xl-line-height: 100px;
  --size-font-heading-lg-letter-spasing: -0.800000011920929px;
  --size-font-heading-lg-size: 24px;
  --size-font-heading-lg-line-height: 28px;
  --size-font-heading-xl-letter-spasing: -1.7999999523162842px;
  --size-font-heading-xl-line-height: 32px;
  --size-font-heading-xl-size: 32px;
  --size-grids-gutter: 20px;
  --size-grids-block-padding-sm: 16px;
  --size-grids-block-padding-md: 32px;
  --size-grids-block-padding-xl: 60px;
  --size-grids-block-spacing-3xs: -50px;
  --size-grids-block-spacing-2xs: 8px;
  --size-grids-block-spacing-xs: 12px;
  --size-grids-block-spacing-sm: 20px;
  --size-grids-block-spacing-md: 24px;
  --size-grids-block-spacing-lg: 32px;
  --size-grids-block-spacing-xl: 40px;
  --size-grids-margin-horuzontal: 50px;
  --size-grids-margin-vertical-md: 86px;
  --size-grids-margin-vertical-lg: 132px;
  --size-grids-margin-vertical-xl: 182px;
}

/* lg */
@media (max-width: 1440px) {
  /* size */
  :root {
    /* lg */
    /* number */
    --size-blocks-ga-tasks-card-radius: 18px;
    --size-blocks-ga-tasks-text-width: 714px;
    --size-blocks-usp-card-spacing-block: -330px;
    --size-blocks-usp-card-radius: 28px;
    --size-blocks-usp-card-padding-2row: 50px;
    --size-blocks-usp-card-padding-3row: 100px;
    --size-blocks-usp-card-img-min-height: 320px;
    --size-blocks-usp-card-height: 350px;
    --size-blocks-usp-card-width: 1024px;
    --size-blocks-banner-radius: 54px;
    --size-blocks-banner-text-max-wight: 731px;
    --size-blocks-banner-min-width: 792px;
    --size-blocks-banner-block-height: 810px;
    --size-blocks-benefits-card-padding-horizontal: 16px;
    --size-blocks-benefits-card-padding-vertical: 24px;
    --size-blocks-benefits-card-wight-min: 310px;
    --size-blocks-benefits-card-wight-max: 320px;
    --size-blocks-footer-text-width: 316px;
    --size-blocks-footer-footer-height: 720px;
    --size-blocks-form-padding-button: 16px;
    --size-blocks-form-form-radius: 44px;
    --size-blocks-form-form-padding: 60px;
    --size-blocks-form-input-width-min: 253px;
    --size-blocks-form-text-max-width: 780px;
    --size-blocks-form-form-width: 900px;
    --size-blocks-graph-block-spacing: 50px;
    --size-blocks-graph-card-width: 415px;
    --size-blocks-graph-block-height: 450px;
    --size-blocks-graph-card-spacing-xs: -60px;
    --size-blocks-graph-card-spacing-sm: -30px;
    --size-blocks-header-navigation-button-min-widht: 623px;
    --size-blocks-header-side-header-max-wight: 374px;
    --size-blocks-main-screen-slogan-width: 380px;
    --size-blocks-one-program-spacing: 0px;
    --size-blocks-one-program-title-width: 810px;
    --size-blocks-one-program-text-width: 908px;
    --size-blocks-one-program-img-min-width: 0px;
    --size-blocks-one-program-img-max-width: 955px;
    --size-blocks-tasks-spacing: 54px;
    --size-blocks-tasks-2row-padding: 100px;
    --size-blocks-tasks-3row-spacing: 400px;
    --size-blocks-tasks-title-width: 1180px;
    --size-blocks-tasks-message-padding-vertical: 4px;
    --size-blocks-tasks-message-padding-horizontal: 6px;
    --size-breakpoint-screen-height: 810px;
    --size-breakpoint-min: 1280px;
    --size-breakpoint-max: 1439px;
    --size-font-body-2xs-letter-spasing: -0.20000000298023224px;
    --size-font-body-2xs-size: 12px;
    --size-font-body-2xs-line-height: 14px;
    --size-font-body-lg-letter-spasing: -0.5px;
    --size-font-body-lg-size: 20px;
    --size-font-body-lg-line-height: 26px;
    --size-font-body-md-letter-spasing: -0.5px;
    --size-font-body-md-line-height: 18px;
    --size-font-body-md-size: 18px;
    --size-font-body-sm-letter-spasing: -0.30000001192092896px;
    --size-font-body-sm-size: 16px;
    --size-font-body-sm-line-height: 20px;
    --size-font-body-xs-letter-spasing: -0.20000000298023224px;
    --size-font-body-xs-size: 14px;
    --size-font-body-xs-line-height: 16px;
    --size-font-button-lg-letter-spasing: -0.5px;
    --size-font-button-lg-line-height: 16px;
    --size-font-button-lg-size: 16px;
    --size-font-button-xl-letter-spasing: -0.800000011920929px;
    --size-font-button-xl-size: 24px;
    --size-font-button-xl-line-height: 32px;
    --size-font-heading-2xl-letter-spasing: -1.7999999523162842px;
    --size-font-heading-2xl-line-height: 42px;
    --size-font-heading-2xl-size: 42px;
    --size-font-heading-3xl-letter-spasing: -2px;
    --size-font-heading-3xl-line-height: 48px;
    --size-font-heading-3xl-size: 48px;
    --size-font-heading-4xl-letter-spasing: -4px;
    --size-font-heading-4xl-line-height: 66px;
    --size-font-heading-4xl-size: 66px;
    --size-font-heading-5xl-letter-spasing: -6px;
    --size-font-heading-5xl-size: 98px;
    --size-font-heading-5xl-line-height: 100px;
    --size-font-heading-lg-letter-spasing: -0.800000011920929px;
    --size-font-heading-lg-size: 24px;
    --size-font-heading-lg-line-height: 28px;
    --size-font-heading-xl-letter-spasing: -1.7999999523162842px;
    --size-font-heading-xl-line-height: 32px;
    --size-font-heading-xl-size: 32px;
    --size-grids-gutter: 20px;
    --size-grids-block-padding-sm: 16px;
    --size-grids-block-padding-md: 32px;
    --size-grids-block-padding-xl: 60px;
    --size-grids-block-spacing-3xs: -50px;
    --size-grids-block-spacing-2xs: 8px;
    --size-grids-block-spacing-xs: 12px;
    --size-grids-block-spacing-sm: 20px;
    --size-grids-block-spacing-md: 24px;
    --size-grids-block-spacing-lg: 28px;
    --size-grids-block-spacing-xl: 40px;
    --size-grids-margin-horuzontal: 50px;
    --size-grids-margin-vertical-md: 86px;
    --size-grids-margin-vertical-lg: 132px;
    --size-grids-margin-vertical-xl: 182px;
  }
}
/* md */
@media (max-width: 1280px) {
  /* size */
  :root {
    /* md */
    /* number */
    --size-blocks-ga-tasks-card-radius: 18px;
    --size-blocks-ga-tasks-text-width: 714px;
    --size-blocks-usp-card-spacing-block: -340px;
    --size-blocks-usp-card-radius: 24px;
    --size-blocks-usp-card-padding-2row: 50px;
    --size-blocks-usp-card-padding-3row: 100px;
    --size-blocks-usp-card-img-min-height: 320px;
    --size-blocks-usp-card-height: 350px;
    --size-blocks-usp-card-width: 1024px;
    --size-blocks-banner-min-width: 0px;
    --size-blocks-banner-radius: 42px;
    --size-blocks-banner-block-height: 680px;
    --size-blocks-banner-text-max-wight: 731px;
    --size-blocks-benefits-card-padding-horizontal: 16px;
    --size-blocks-benefits-card-padding-vertical: 24px;
    --size-blocks-benefits-card-wight-min: 310px;
    --size-blocks-benefits-card-wight-max: 385px;
    --size-blocks-footer-text-width: 316px;
    --size-blocks-footer-footer-height: 600px;
    --size-blocks-form-padding-button: 12px;
    --size-blocks-form-form-padding: 24px;
    --size-blocks-form-form-radius: 34px;
    --size-blocks-form-input-width-min: 253px;
    --size-blocks-form-text-max-width: 530px;
    --size-blocks-form-form-width: 940px;
    --size-blocks-graph-block-spacing: 32px;
    --size-blocks-graph-card-width: 344px;
    --size-blocks-graph-block-height: 438px;
    --size-blocks-graph-card-spacing-xs: -60px;
    --size-blocks-graph-card-spacing-sm: -30px;
    --size-blocks-header-navigation-button-min-widht: 623px;
    --size-blocks-header-side-header-max-wight: 374px;
    --size-blocks-main-screen-slogan-width: 310px;
    --size-blocks-one-program-spacing: 20px;
    --size-blocks-one-program-title-width: 540px;
    --size-blocks-one-program-text-width: 908px;
    --size-blocks-one-program-img-min-width: 0px;
    --size-blocks-one-program-img-max-width: 875px;
    --size-blocks-tasks-2row-padding: 0px;
    --size-blocks-tasks-spacing: 66px;
    --size-blocks-tasks-3row-spacing: 200px;
    --size-blocks-tasks-title-width: 940px;
    --size-blocks-tasks-message-padding-vertical: 4px;
    --size-blocks-tasks-message-padding-horizontal: 6px;
    --size-breakpoint-screen-height: 680px;
    --size-breakpoint-min: 1024px;
    --size-breakpoint-max: 1279px;
    --size-font-body-2xs-letter-spasing: -0.20000000298023224px;
    --size-font-body-2xs-size: 12px;
    --size-font-body-2xs-line-height: 14px;
    --size-font-body-lg-letter-spasing: -0.5px;
    --size-font-body-lg-size: 20px;
    --size-font-body-lg-line-height: 26px;
    --size-font-body-md-letter-spasing: -0.5px;
    --size-font-body-md-line-height: 18px;
    --size-font-body-md-size: 18px;
    --size-font-body-sm-letter-spasing: -0.30000001192092896px;
    --size-font-body-sm-size: 16px;
    --size-font-body-sm-line-height: 20px;
    --size-font-body-xs-letter-spasing: -0.20000000298023224px;
    --size-font-body-xs-size: 14px;
    --size-font-body-xs-line-height: 16px;
    --size-font-button-lg-letter-spasing: -0.5px;
    --size-font-button-lg-line-height: 16px;
    --size-font-button-lg-size: 16px;
    --size-font-button-xl-letter-spasing: -0.800000011920929px;
    --size-font-button-xl-size: 24px;
    --size-font-button-xl-line-height: 32px;
    --size-font-heading-2xl-letter-spasing: -1.5px;
    --size-font-heading-2xl-size: 34px;
    --size-font-heading-2xl-line-height: 40px;
    --size-font-heading-3xl-letter-spasing: -2px;
    --size-font-heading-3xl-line-height: 42px;
    --size-font-heading-3xl-size: 42px;
    --size-font-heading-4xl-letter-spasing: -4px;
    --size-font-heading-4xl-line-height: 60px;
    --size-font-heading-4xl-size: 60px;
    --size-font-heading-5xl-letter-spasing: -4.5px;
    --size-font-heading-5xl-size: 88px;
    --size-font-heading-5xl-line-height: 90px;
    --size-font-heading-lg-letter-spasing: -0.800000011920929px;
    --size-font-heading-lg-size: 20px;
    --size-font-heading-lg-line-height: 26px;
    --size-font-heading-xl-letter-spasing: -1.5px;
    --size-font-heading-xl-size: 28px;
    --size-font-heading-xl-line-height: 32px;
    --size-grids-gutter: 16px;
    --size-grids-block-padding-sm: 16px;
    --size-grids-block-padding-md: 24px;
    --size-grids-block-padding-xl: 24px;
    --size-grids-block-spacing-3xs: -42px;
    --size-grids-block-spacing-2xs: 8px;
    --size-grids-block-spacing-xs: 12px;
    --size-grids-block-spacing-md: 18px;
    --size-grids-block-spacing-sm: 18px;
    --size-grids-block-spacing-lg: 28px;
    --size-grids-block-spacing-xl: 32px;
    --size-grids-margin-horuzontal: 42px;
    --size-grids-margin-vertical-md: 56px;
    --size-grids-margin-vertical-lg: 84px;
    --size-grids-margin-vertical-xl: 126px;
  }
}
/* sm */
@media (max-width: 1024px) {
  /* size */
  :root {
    /* sm */
    /* number */
    --size-blocks-ga-tasks-card-radius: 18px;
    --size-blocks-ga-tasks-text-width: 690px;
    --size-blocks-usp-card-spacing-block: -380px;
    --size-blocks-usp-card-radius: 20px;
    --size-blocks-usp-card-padding-2row: 50px;
    --size-blocks-usp-card-padding-3row: 100px;
    --size-blocks-usp-card-img-min-height: 320px;
    --size-blocks-usp-card-height: 400px;
    --size-blocks-usp-card-width: 1024px;
    --size-blocks-banner-min-width: 0px;
    --size-blocks-banner-radius: 34px;
    --size-blocks-banner-text-max-wight: 523px;
    --size-blocks-banner-block-height: 660px;
    --size-blocks-benefits-card-padding-horizontal: 12px;
    --size-blocks-benefits-card-padding-vertical: 18px;
    --size-blocks-benefits-card-wight-min: 260px;
    --size-blocks-benefits-card-wight-max: 457px;
    --size-blocks-footer-text-width: 316px;
    --size-blocks-footer-footer-height: 520px;
    --size-blocks-form-padding-button: 8px;
    --size-blocks-form-form-padding: 20px;
    --size-blocks-form-form-radius: 28px;
    --size-blocks-form-input-width-min: 253px;
    --size-blocks-form-text-max-width: 468px;
    --size-blocks-form-form-width: 940px;
    --size-blocks-graph-block-spacing: 32px;
    --size-blocks-graph-card-width: 320px;
    --size-blocks-graph-block-height: 438px;
    --size-blocks-graph-card-spacing-xs: -54px;
    --size-blocks-graph-card-spacing-sm: -30px;
    --size-blocks-header-navigation-button-min-widht: 0px;
    --size-blocks-header-side-header-max-wight: 374px;
    --size-blocks-main-screen-slogan-width: 290px;
    --size-blocks-one-program-spacing: 20px;
    --size-blocks-one-program-title-width: 540px;
    --size-blocks-one-program-text-width: 699px;
    --size-blocks-one-program-img-min-width: 0px;
    --size-blocks-one-program-img-max-width: 875px;
    --size-blocks-tasks-2row-padding: 0px;
    --size-blocks-tasks-3row-spacing: 0px;
    --size-blocks-tasks-spacing: 100px;
    --size-blocks-tasks-title-width: 704px;
    --size-blocks-tasks-message-padding-vertical: 4px;
    --size-blocks-tasks-message-padding-horizontal: 6px;
    --size-breakpoint-min: 768px;
    --size-breakpoint-screen-height: 900px;
    --size-breakpoint-max: 1023px;
    --size-font-body-2xs-letter-spasing: -0.20000000298023224px;
    --size-font-body-2xs-size: 12px;
    --size-font-body-2xs-line-height: 14px;
    --size-font-body-lg-letter-spasing: -0.5px;
    --size-font-body-lg-size: 18px;
    --size-font-body-lg-line-height: 22px;
    --size-font-body-md-letter-spasing: -0.5px;
    --size-font-body-md-size: 16px;
    --size-font-body-md-line-height: 18px;
    --size-font-body-sm-letter-spasing: -0.30000001192092896px;
    --size-font-body-sm-size: 16px;
    --size-font-body-sm-line-height: 20px;
    --size-font-body-xs-letter-spasing: -0.20000000298023224px;
    --size-font-body-xs-size: 14px;
    --size-font-body-xs-line-height: 16px;
    --size-font-button-lg-letter-spasing: -0.5px;
    --size-font-button-lg-line-height: 16px;
    --size-font-button-lg-size: 16px;
    --size-font-button-xl-letter-spasing: -0.800000011920929px;
    --size-font-button-xl-size: 24px;
    --size-font-button-xl-line-height: 32px;
    --size-font-heading-2xl-letter-spasing: -1.5px;
    --size-font-heading-2xl-size: 32px;
    --size-font-heading-2xl-line-height: 38px;
    --size-font-heading-3xl-letter-spasing: -2px;
    --size-font-heading-3xl-line-height: 38px;
    --size-font-heading-3xl-size: 38px;
    --size-font-heading-4xl-letter-spasing: -2.5px;
    --size-font-heading-4xl-size: 38px;
    --size-font-heading-4xl-line-height: 42px;
    --size-font-heading-5xl-letter-spasing: -3px;
    --size-font-heading-5xl-line-height: 66px;
    --size-font-heading-5xl-size: 66px;
    --size-font-heading-lg-letter-spasing: -0.800000011920929px;
    --size-font-heading-lg-size: 18px;
    --size-font-heading-lg-line-height: 20px;
    --size-font-heading-xl-letter-spasing: -1.5px;
    --size-font-heading-xl-size: 28px;
    --size-font-heading-xl-line-height: 32px;
    --size-grids-gutter: 12px;
    --size-grids-block-padding-sm: 16px;
    --size-grids-block-padding-md: 20px;
    --size-grids-block-padding-xl: 20px;
    --size-grids-block-spacing-3xs: -32px;
    --size-grids-block-spacing-2xs: 8px;
    --size-grids-block-spacing-md: 12px;
    --size-grids-block-spacing-sm: 12px;
    --size-grids-block-spacing-xs: 12px;
    --size-grids-block-spacing-lg: 24px;
    --size-grids-block-spacing-xl: 24px;
    --size-grids-margin-horuzontal: 32px;
    --size-grids-margin-vertical-lg: 48px;
    --size-grids-margin-vertical-md: 48px;
    --size-grids-margin-vertical-xl: 96px;
  }
}
/* xs */
@media (max-width: 768px) {
  /* size */
  :root {
    /* xs */
    /* number */
    --size-blocks-ga-tasks-card-radius: 14px;
    --size-blocks-ga-tasks-text-width: 580px;
    --size-blocks-usp-card-spacing-block: -380px;
    --size-blocks-usp-card-img-min-height: 100%;
    --size-blocks-usp-card-radius: 18px;
    --size-blocks-usp-card-padding-2row: 20px;
    --size-blocks-usp-card-padding-3row: 40px;
    --size-blocks-usp-card-height: 400px;
    --size-blocks-usp-card-width: 1024px;
    --size-blocks-banner-min-width: 0px;
    --size-blocks-banner-radius: 28px;
    --size-blocks-banner-block-height: 660px;
    --size-blocks-banner-text-max-wight: 731px;
    --size-blocks-benefits-card-padding-horizontal: 12px;
    --size-blocks-benefits-card-padding-vertical: 18px;
    --size-blocks-benefits-card-wight-min: 260px;
    --size-blocks-benefits-card-wight-max: 457px;
    --size-blocks-footer-text-width: 316px;
    --size-blocks-footer-footer-height: 508px;
    --size-blocks-form-padding-button: 8px;
    --size-blocks-form-form-padding: 16px;
    --size-blocks-form-form-radius: 24px;
    --size-blocks-form-input-width-min: 253px;
    --size-blocks-form-text-max-width: 387px;
    --size-blocks-form-form-width: 940px;
    --size-blocks-graph-block-spacing: 16px;
    --size-blocks-graph-card-width: 320px;
    --size-blocks-graph-block-height: 438px;
    --size-blocks-graph-card-spacing-xs: -45px;
    --size-blocks-graph-card-spacing-sm: -30px;
    --size-blocks-header-navigation-button-min-widht: 0px;
    --size-blocks-header-side-header-max-wight: 767px;
    --size-blocks-main-screen-slogan-width: 290px;
    --size-blocks-one-program-spacing: 20px;
    --size-blocks-one-program-title-width: 415px;
    --size-blocks-one-program-text-width: 520px;
    --size-blocks-one-program-img-min-width: 598px;
    --size-blocks-one-program-img-max-width: 800px;
    --size-blocks-tasks-2row-padding: 0px;
    --size-blocks-tasks-3row-spacing: 0px;
    --size-blocks-tasks-title-width: 100%;
    --size-blocks-tasks-spacing: 20px;
    --size-blocks-tasks-message-padding-vertical: 4px;
    --size-blocks-tasks-message-padding-horizontal: 6px;
    --size-breakpoint-min: 440px;
    --size-breakpoint-screen-height: 760px;
    --size-breakpoint-max: 767px;
    --size-font-body-2xs-letter-spasing: -0.20000000298023224px;
    --size-font-body-2xs-size: 12px;
    --size-font-body-2xs-line-height: 14px;
    --size-font-body-lg-letter-spasing: -0.5px;
    --size-font-body-lg-size: 16px;
    --size-font-body-lg-line-height: 20px;
    --size-font-body-md-letter-spasing: -0.5px;
    --size-font-body-md-size: 16px;
    --size-font-body-md-line-height: 18px;
    --size-font-body-sm-letter-spasing: -0.30000001192092896px;
    --size-font-body-sm-size: 16px;
    --size-font-body-sm-line-height: 20px;
    --size-font-body-xs-letter-spasing: -0.20000000298023224px;
    --size-font-body-xs-size: 14px;
    --size-font-body-xs-line-height: 16px;
    --size-font-button-lg-letter-spasing: -0.5px;
    --size-font-button-lg-line-height: 16px;
    --size-font-button-lg-size: 16px;
    --size-font-button-xl-letter-spasing: -0.800000011920929px;
    --size-font-button-xl-size: 24px;
    --size-font-button-xl-line-height: 32px;
    --size-font-heading-2xl-letter-spasing: -1.5px;
    --size-font-heading-2xl-size: 32px;
    --size-font-heading-2xl-line-height: 38px;
    --size-font-heading-3xl-letter-spasing: -1.5px;
    --size-font-heading-3xl-size: 32px;
    --size-font-heading-3xl-line-height: 34px;
    --size-font-heading-4xl-letter-spasing: -1.5px;
    --size-font-heading-4xl-line-height: 32px;
    --size-font-heading-4xl-size: 32px;
    --size-font-heading-5xl-letter-spasing: -2px;
    --size-font-heading-5xl-line-height: 32px;
    --size-font-heading-5xl-size: 32px;
    --size-font-heading-lg-letter-spasing: -0.800000011920929px;
    --size-font-heading-lg-size: 18px;
    --size-font-heading-lg-line-height: 20px;
    --size-font-heading-xl-letter-spasing: -1px;
    --size-font-heading-xl-size: 22px;
    --size-font-heading-xl-line-height: 26px;
    --size-grids-gutter: 12px;
    --size-grids-block-padding-md: 16px;
    --size-grids-block-padding-sm: 16px;
    --size-grids-block-padding-xl: 16px;
    --size-grids-block-spacing-3xs: -32px;
    --size-grids-block-spacing-2xs: 8px;
    --size-grids-block-spacing-md: 10px;
    --size-grids-block-spacing-sm: 10px;
    --size-grids-block-spacing-xs: 12px;
    --size-grids-block-spacing-xl: 20px;
    --size-grids-block-spacing-lg: 22px;
    --size-grids-margin-horuzontal: 24px;
    --size-grids-margin-vertical-lg: 48px;
    --size-grids-margin-vertical-md: 48px;
    --size-grids-margin-vertical-xl: 96px;
  }
}
/* xxs */
@media (max-width: 439px) {
  /* size */
  :root {
    /* xxs */
    /* number */
    --size-blocks-ga-tasks-card-radius: 12px;
    --size-blocks-ga-tasks-text-width: 714px;
    --size-blocks-usp-card-spacing-block: -350px;
    --size-blocks-usp-card-img-min-height: 100%;
    --size-blocks-usp-card-radius: 16px;
    --size-blocks-usp-card-padding-2row: 20px;
    --size-blocks-usp-card-padding-3row: 40px;
    --size-blocks-usp-card-height: 360px;
    --size-blocks-usp-card-width: 1024px;
    --size-blocks-banner-radius: 20px;
    --size-blocks-banner-block-height: 570px;
    --size-blocks-banner-min-width: 570px;
    --size-blocks-banner-text-max-wight: 731px;
    --size-blocks-benefits-card-padding-horizontal: 12px;
    --size-blocks-benefits-card-padding-vertical: 16px;
    --size-blocks-benefits-card-wight-min: 320px;
    --size-blocks-benefits-card-wight-max: 392px;
    --size-blocks-footer-text-width: 316px;
    --size-blocks-footer-footer-height: 500px;
    --size-blocks-form-padding-button: 0px;
    --size-blocks-form-form-padding: 12px;
    --size-blocks-form-form-radius: 20px;
    --size-blocks-form-input-width-min: 253px;
    --size-blocks-form-text-max-width: 440px;
    --size-blocks-form-form-width: 940px;
    --size-blocks-graph-block-height: 0px;
    --size-blocks-graph-block-spacing: 0px;
    --size-blocks-graph-card-width: 0px;
    --size-blocks-graph-card-spacing-xs: -60px;
    --size-blocks-graph-card-spacing-sm: -30px;
    --size-blocks-header-navigation-button-min-widht: 0px;
    --size-blocks-header-side-header-max-wight: 439px;
    --size-blocks-main-screen-slogan-width: 290px;
    --size-blocks-one-program-spacing: 20px;
    --size-blocks-one-program-title-width: 415px;
    --size-blocks-one-program-text-width: 520px;
    --size-blocks-one-program-img-min-width: 474px;
    --size-blocks-one-program-img-max-width: 500px;
    --size-blocks-tasks-2row-padding: 0px;
    --size-blocks-tasks-3row-spacing: 0px;
    --size-blocks-tasks-title-width: 100%;
    --size-blocks-tasks-spacing: 16px;
    --size-blocks-tasks-message-padding-vertical: 4px;
    --size-blocks-tasks-message-padding-horizontal: 6px;
    --size-breakpoint-min: 360px;
    --size-breakpoint-max: 439px;
    --size-breakpoint-screen-height: 640px;
    --size-font-body-2xs-letter-spasing: -0.20000000298023224px;
    --size-font-body-2xs-size: 12px;
    --size-font-body-2xs-line-height: 14px;
    --size-font-body-lg-letter-spasing: -0.5px;
    --size-font-body-lg-size: 16px;
    --size-font-body-lg-line-height: 20px;
    --size-font-body-md-letter-spasing: -0.5px;
    --size-font-body-md-size: 16px;
    --size-font-body-md-line-height: 18px;
    --size-font-body-sm-letter-spasing: -0.30000001192092896px;
    --size-font-body-sm-size: 16px;
    --size-font-body-sm-line-height: 20px;
    --size-font-body-xs-letter-spasing: -0.20000000298023224px;
    --size-font-body-xs-size: 14px;
    --size-font-body-xs-line-height: 16px;
    --size-font-button-lg-letter-spasing: -0.5px;
    --size-font-button-lg-line-height: 16px;
    --size-font-button-lg-size: 16px;
    --size-font-button-xl-letter-spasing: -0.800000011920929px;
    --size-font-button-xl-size: 24px;
    --size-font-button-xl-line-height: 32px;
    --size-font-heading-2xl-letter-spasing: -1.5px;
    --size-font-heading-2xl-size: 32px;
    --size-font-heading-2xl-line-height: 38px;
    --size-font-heading-3xl-letter-spasing: -1.5px;
    --size-font-heading-3xl-size: 26px;
    --size-font-heading-3xl-line-height: 28px;
    --size-font-heading-4xl-letter-spasing: -1px;
    --size-font-heading-4xl-line-height: 26px;
    --size-font-heading-4xl-size: 26px;
    --size-font-heading-5xl-letter-spasing: -1.5px;
    --size-font-heading-5xl-line-height: 26px;
    --size-font-heading-5xl-size: 26px;
    --size-font-heading-lg-letter-spasing: -0.800000011920929px;
    --size-font-heading-lg-size: 18px;
    --size-font-heading-lg-line-height: 20px;
    --size-font-heading-xl-letter-spasing: -0.800000011920929px;
    --size-font-heading-xl-size: 20px;
    --size-font-heading-xl-line-height: 24px;
    --size-grids-gutter: 12px;
    --size-grids-block-padding-md: 12px;
    --size-grids-block-padding-xl: 12px;
    --size-grids-block-padding-sm: 16px;
    --size-grids-block-spacing-3xs: -32px;
    --size-grids-block-spacing-2xs: 8px;
    --size-grids-block-spacing-md: 10px;
    --size-grids-block-spacing-sm: 10px;
    --size-grids-block-spacing-xs: 12px;
    --size-grids-block-spacing-xl: 20px;
    --size-grids-block-spacing-lg: 22px;
    --size-grids-margin-horuzontal: 20px;
    --size-grids-margin-vertical-lg: 32px;
    --size-grids-margin-vertical-md: 32px;
    --size-grids-margin-vertical-xl: 64px;
  }
}/*# sourceMappingURL=vars.css.map */