:root[data-template="peony"] {
  --peony-blue-100: #f3f4fc;
  --peony-blue-200: #d5d7f3;
  --peony-blue-300: #7b82d1;
  --peony-blue-400: #a3a8e0;
  --peony-blue-500: #3947e6;
  --peony-blue-600: #232c95;
  --peony-blue-700: #171e69;
  --peony-blue-800: #0e1344;
  --peony-blue-800-alpha-7: #0e134412;
  --peony-blue-800-alpha-50: #0e134480;
  --peony-blue-800-alpha-75: #0e1344bf;
  --peony-gray-100: #f5f5f5;
  --peony-gray-200: #eeeeee;
  --peony-gray-300: #dddddd;
  --peony-gray-500: #757575;
  --peony-gray-700: #2f303d;
  --peony-white: #ffffff;
  --peony-disabled-text: #b0b0bf;
  --color-scheme-buttons-primary-background-default: var(--peony-blue-500);
  --color-scheme-buttons-primary-background-hover: var(--peony-blue-600);
  --color-scheme-buttons-primary-background-press: var(--peony-blue-700);
  --color-scheme-buttons-primary-background-disabled: var(--peony-blue-200);
  --color-scheme-buttons-primary-background-active: var(--peony-blue-500);
  --color-scheme-buttons-primary-text-icon-default: var(--peony-white);
  --color-scheme-buttons-primary-text-icon-hover: var(--peony-white);
  --color-scheme-buttons-secondary-text-icon-default: var(--peony-blue-500);
  --color-scheme-buttons-secondary-text-icon-hover: var(--peony-white);
  --color-scheme-buttons-tertiary-text-icon-default: var(--peony-blue-500);
  --color-scheme-buttons-tertiary-text-icon-hover: var(--peony-blue-600);
  --color-scheme-buttons-quartinary-background-default: var(--peony-blue-100);
  --color-scheme-buttons-quartinary-text-icon-default: var(--peony-blue-500);
  --color-scheme-buttons-quartinary-text-icon-hover: var(--peony-white);
  --color-scheme-buttons-quartinary-text-icon-disabled: var(--peony-disabled-text);
  --color-scheme-buttons-brand-button-default: var(--peony-blue-100);
  --color-scheme-buttons-brand-button-hover: var(--peony-blue-200);
  --color-scheme-buttons-brand-button-press: var(--peony-blue-400);
  --color-scheme-buttons-navbar-button-hover: var(--peony-blue-200);
  --color-scheme-buttons-navbar-button-press: var(--peony-blue-400);
  --color-scheme-elements-buttons-primary: var(--color-scheme-buttons-primary-background-default);
  --color-scheme-elements-buttons-hover: var(--color-scheme-buttons-primary-background-hover);
  --color-scheme-elements-buttons-press: var(--color-scheme-buttons-primary-background-press);
  --color-scheme-elements-buttons-disabled: var(--color-scheme-buttons-primary-background-disabled);
  --color-scheme-elements-buttons-tertiary-active: var(--peony-blue-100);
  --color-scheme-elements-buttons-tertiary: var(--peony-blue-100);
  --color-scheme-elements-buttons-brand-button-default: var(
    --color-scheme-buttons-brand-button-default
  );
  --color-scheme-elements-buttons-brand-button-hover: var(
    --color-scheme-buttons-brand-button-hover
  );
  --color-scheme-elements-buttons-navbar-button-hover: var(
    --color-scheme-buttons-navbar-button-hover
  );
  --color-scheme-elements-buttons-navbar-button-press: var(
    --color-scheme-buttons-navbar-button-press
  );
  --color-scheme-elements-bank-logo-container-primary: var(--peony-white);
  --bank-logo-monochrome-color: var(--color-scheme-text-secondary);
  --color-scheme-elements-links-primary: var(--peony-blue-500);
  --color-scheme-elements-links-primary-hover: var(--peony-blue-600);
  --color-scheme-elements-links-primary-pressed: var(--peony-blue-700);
  --color-scheme-elements-links-secondary: var(--peony-gray-500);
  --color-scheme-elements-links-disabled: var(--peony-blue-300);
  --color-scheme-elements-links-hover: var(--peony-blue-600);
  --color-scheme-elements-links-press: var(--peony-blue-700);
  --color-scheme-elements-infotip-primary: var(--peony-blue-500);
  --color-scheme-elements-infotip-hover: var(--peony-blue-600);
  --color-scheme-elements-infotip-press: var(--peony-blue-700);
  --color-scheme-elements-infotip-fill-hover-press: var(--peony-blue-200);
  --color-scheme-elements-pagination-default: var(--peony-blue-800-alpha-50);
  --color-scheme-elements-pagination-hover: var(--peony-blue-800-alpha-75);
  --color-scheme-elements-pagination-active: var(--peony-blue-500);
  --color-scheme-elements-pagination-press: var(--peony-blue-800);
  --color-scheme-elements-bank-logo-container-hover: var(--peony-blue-100);
  --color-scheme-elements-bank-logo-container-press: var(--peony-blue-100);
  --color-scheme-elements-tabs-active: var(--peony-blue-500);
  --color-scheme-elements-tabs-hover: var(--peony-blue-500);
  --color-scheme-elements-tabs-press: var(--peony-blue-700);
  --color-scheme-elements-tabs-disable: var(--peony-blue-300);
  --color-scheme-elements-tabs-background-primary: var(--peony-white);
  --color-scheme-elements-tabs-background-secondary: var(--peony-blue-100);
  --color-scheme-elements-checkbox-default: var(--peony-blue-500);
  --color-scheme-elements-checkbox-hover: var(--peony-blue-500);
  --color-scheme-elements-checkbox-active: var(--peony-blue-500);
  --color-scheme-elements-checkbox-press: var(--peony-blue-700);
  --color-scheme-elements-checkbox-disable: var(--peony-blue-300);
  --color-scheme-icons-inverse: var(--peony-white);
  --color-scheme-icons-primary: var(--peony-blue-500);
  --color-scheme-icons-hover: var(--peony-blue-500);
  --color-scheme-icons-press: var(--peony-blue-700);
  --color-scheme-text-primary: var(--peony-gray-700);
  --color-scheme-text-primary-inverse: var(--peony-white);
  --color-scheme-text-secondary: var(--peony-gray-500);
  --color-scheme-text-accent: var(--peony-blue-500);
  --color-scheme-text-accent-secondary: var(--peony-blue-500);
  --color-scheme-text-disabled: var(--peony-disabled-text);
  --color-scheme-text-disable: var(--peony-disabled-text);
  --color-scheme-background-primary: var(--peony-white);
  --color-scheme-background-block: var(--peony-blue-100);
  --color-scheme-basic-background-page-background: var(--peony-white);
  --color-scheme-basic-background-block-background: var(--color-scheme-background-block);
  --color-scheme-basic-background-accent-background: var(--peony-blue-500);
  --color-scheme-background-hover: var(--peony-gray-100);
  --color-scheme-background-active: var(--peony-gray-200);
  --color-scheme-background-list-hover: var(--peony-blue-100);
  --color-scheme-background-list-active: var(--peony-blue-100);
  --color-scheme-border-default: var(--peony-blue-800-alpha-7);
  --color-scheme-border-hover: var(--peony-blue-800-alpha-7);
  --color-scheme-border-pressed: var(--peony-blue-800-alpha-7);
  --color-scheme-border-disabled: var(--peony-blue-800-alpha-7);
  --color-scheme-borders-primary: var(--peony-blue-800-alpha-7);
  --color-scheme-borders-secondary: var(--peony-blue-800-alpha-7);
  --color-scheme-borders-hover: var(--peony-blue-800-alpha-7);
  --color-scheme-borders-press: var(--peony-blue-800-alpha-50);
  --color-scheme-borders-active: var(--peony-blue-800-alpha-7);
  --color-scheme-borders-filled: var(--peony-blue-800-alpha-7);
  --color-scheme-borders-disable: var(--peony-blue-800-alpha-7);
  --color-scheme-divider-primary: var(--peony-blue-800-alpha-7);
  --color-scheme-border-track: var(--peony-gray-300);
  --color-scheme-elements-dropdown-list-text-hover: var(--peony-gray-700);
  --color-scheme-elements-dropdown-list-text-press: var(--peony-gray-700);
  --color-scheme-elements-dropdown-list-background-hover: var(--peony-blue-100);
  --color-scheme-elements-dropdown-list-background-press: var(--peony-blue-100);
  --color-scheme-basic-text-style-regular: 400;
  --color-scheme-basic-text-style-medium: 500;
  --color-scheme-basic-text-style-semi-bold: 600;
  --corners-buttons-inputs: 4px;
  --corners-buttons-gap: 20px;
  --corners-cards: 10px;
  --special-sale-card-border-radius: var(--corners-cards);
  --corners-elements-gap: 6px;
  --corners-min-gap: 6px;
  --corners-tag: 32px;
  --gaps-header-h2: 32px;
  --gaps-header-h3: 24px;
  --gaps-button-button: 24px;
  --typography-headers: Unbounded, sans-serif;
  --typography-text: Inter, sans-serif;
  --basics-colors-gray-xs: var(--peony-gray-300);
  --basics-colors-gray-xl: var(--color-scheme-elements-buttons-primary);
  --basics-scale-7xs: 0px;
  --basics-scale-6xs: 2px;
  --basics-scale-5xs: 4px;
  --basics-scale-4xs: 6px;
  --basics-scale-3xs: 8px;
  --basics-scale-2xs: 10px;
  --basics-scale-xs: 12px;
  --basics-scale-sm: 14px;
  --basics-scale-md: 16px;
  --basics-scale-md-plus: 18px;
  --basics-scale-lg: 20px;
  --basics-scale-xl: 24px;
  --basics-scale-2xl: 32px;
  --basics-scale-3xl: 40px;
  --basics-scale-4xl: 48px;
  --basics-scale-5xl: 56px;
  --basics-scale-6xl: 64px;
  --basics-scale-7xl: 96px;
  --screen-headers-h4-line-height: 20px;
  --screen-headers-h4: 18px;
  --screen-headers-h3-line-height: 28px;
  --screen-headers-h3: 24px;
  --screen-headers-h2-line-height: 36px;
  --screen-headers-h2: 32px;
  --screen-headers-h1-line-height: 44px;
  --screen-headers-h1: 40px;
  --screen-screen-width-max-width: 1440px;
  --screen-screen-width-width: 360px;
  --screen-paddings-padding-horizontal: 48px;
  --screen-paddings-padding-vertical: 48px;
}

@media (max-width: 1279.98px) {
  :root[data-template="peony"] {
    --screen-headers-h1-line-height: 28px;
    --screen-headers-h1: 24px;
    --screen-headers-h2-line-height: 28px;
    --screen-headers-h2: 24px;
    --screen-headers-h3-line-height: 20px;
    --screen-headers-h3: 18px;
    --screen-paddings-padding-horizontal: 40px;
    --screen-paddings-padding-vertical: 40px;
  }
}

@media (max-width: 767.98px) {
  :root[data-template="peony"] {
    --screen-screen-width-max-width: 415px;
    --screen-paddings-padding-horizontal: 24px;
    --screen-paddings-padding-vertical: 24px;
  }
}