:root {
  /* Region palette */
  --kt-ui-palette-white: #ffffff;
  --kt-ui-palette-white-20: rgba(255, 255, 255, 0.2);
  --kt-ui-palette-white-60: rgba(255, 255, 255, 0.6);
  --kt-ui-palette-grey-50: #f7f7f8;
  --kt-ui-palette-grey-100: #f4f5f6;
  --kt-ui-palette-grey-200: #edeef0;
  --kt-ui-palette-grey-300: #e0e2e5;
  --kt-ui-palette-grey-400: #d3d5da;
  --kt-ui-palette-grey-500: #b7bbc2;
  --kt-ui-palette-grey-600: #949fa8;
  --kt-ui-palette-grey-800: #44556f;
  --kt-ui-palette-grey-900: #13303e;
  --kt-ui-palette-blue-100: #dbe0e7;
  --kt-ui-palette-blue-200: #eaf2fd;
  --kt-ui-palette-blue-300: #ddebff;
  --kt-ui-palette-blue-400: #b8ceed;
  --kt-ui-palette-blue-500: #1e6fbe;
  --kt-ui-palette-blue-600: #1a62a8;
  --kt-ui-palette-blue-700: #175693;
  --kt-ui-palette-blue-800: #13477b;
  --kt-ui-palette-blue-900: #103b65;
  --kt-ui-palette-red-100: #ffe5e7;
  --kt-ui-palette-red-200: #ffccd0;
  --kt-ui-palette-red-400: #ff5763;
  --kt-ui-palette-red-500: #ff3e4c;
  --kt-ui-palette-red-500-15: rgba(255, 62, 76, 0.1490196078);
  --kt-ui-palette-red-500-25: rgba(255, 62, 76, 0.2470588235);
  --kt-ui-palette-pink-100: #faeaf9;
  --kt-ui-palette-pink-200: #f5d6f3;
  --kt-ui-palette-pink-400: #db66cf;
  --kt-ui-palette-pink-500: #d652c9;
  --kt-ui-palette-yellow-100: #fef3e6;
  --kt-ui-palette-yellow-200: #fde7ce;
  --kt-ui-palette-yellow-400: #f9b86c;
  --kt-ui-palette-yellow-500: #f8ab51;
  --kt-ui-palette-green-100: #eafbf0;
  --kt-ui-palette-green-200: #d4f7e0;
  --kt-ui-palette-green-400: #28c865;
  --kt-ui-palette-green-500: #24b35b;
  --kt-ui-palette-purple-100: #f1e5ff;
  --kt-ui-palette-purple-200: #e4ccff;
  --kt-ui-palette-purple-400: #a661ff;
  --kt-ui-palette-purple-500: #9747ff;
  --kt-ui-palette-brown-100: #f2eeea;
  --kt-ui-palette-brown-200: #f6e9cc;
  --kt-ui-palette-brown-400: #c49c48;
  --kt-ui-palette-brown-500: #bb976e;
  /* Endregion */
  /* Region brand */
  --kt-ui-brand-color: #175693;
  --kt-ui-brand-color-hover: #13477b;
  --kt-ui-brand-color-active: #103b65;
  /* Endregion */
  /* Region colors */
  --kt-ui-color-primary: #175693;
  --kt-ui-color-danger: #ff3e4c;
  --kt-ui-color-warning: #f8ab51;
  --kt-ui-color-focus: #3889D8;
  --kt-ui-color-disabled: #b7bbc2;
  /* Endregion */
  /* Region text-color */
  --kt-ui-text-color-primary: #13303e;
  --kt-ui-text-color-secondary: #44556f;
  --kt-ui-text-color-helper: #b7bbc2;
  --kt-ui-text-color-placeholder: #A7B1B5;
  --kt-ui-text-color-on-color: #ffffff;
  --kt-ui-text-color-on-color-disabled: #949fa8;
  --kt-ui-text-color-error: #ff3e4c;
  --kt-ui-text-color-success: #24b35b;
  --kt-ui-text-color-warning: #f8ab51;
  --kt-ui-text-color-disabled: #b7bbc2;
  /* Endregion */
  /* Region icon-color */
  --kt-ui-icon-color-primary: #13303e;
  --kt-ui-icon-color-secondary: #44556f;
  --kt-ui-icon-color-placeholder: #949fa8;
  --kt-ui-icon-color-danger: #ff3e4c;
  --kt-ui-icon-color-warning: #f8ab51;
  /* Endregion */
}

:root {
  /* Region sizes */
  --ui-btn-size-xs: 28px;
  --ui-btn-size-sm: 32px;
  --ui-btn-size-md: 40px;
  --ui-btn-size-lg: 44px;
  --ui-btn-size-xl: 48px;
  --ui-btn-size-2xl: 56px;
  /* Endregion */
  /* Region widths */
  --kt-ui-btn-min-width-xs: 170px;
  --kt-ui-btn-min-width-sm: 180px;
  --kt-ui-btn-min-width-md: 190px;
  --kt-ui-btn-min-width-lg: 200px;
  --kt-ui-btn-min-width-xl: 210px;
  --kt-ui-btn-min-width-2xl: 220px;
  --ui-btn-min-width: var(--kt-ui-btn-min-width-md);
  /* Endregion */
  /* Region padding */
  --kt-ui-btn-padding-block: 0;
  --kt-ui-btn-padding-inline-xs: 3px;
  --kt-ui-btn-padding-inline-sm: 11px;
  --kt-ui-btn-padding-inline-md: 13px;
  --kt-ui-btn-padding-inline-lg: 15px;
  --kt-ui-btn-padding-inline-xl: 23px;
  --kt-ui-btn-padding-inline: var(--kt-ui-btn-padding-inline-sm);
  --ui-btn-padding: var(--kt-ui-btn-padding-block) var(--kt-ui-btn-padding-inline);
  /* End region padding */
  /* Region border-radius */
  --kt-ui-btn-radius-xs: 8px;
  --kt-ui-btn-radius-sm: 12px;
  --kt-ui-btn-radius-md: 14px;
  --kt-ui-btn-radius-lg: 20px;
  --kt-ui-btn-radius-xl: 99rem;
  --ui-btn-radius: var(--kt-ui-btn-radius-sm);
  /* End region border-radius */
  /* Region font */
  --kt-ui-btn-ff: "Inter", sans-serif;
  --kt-ui-btn-font-weight: 500;
  --kt-ui-btn-font-size-sm: 12px;
  --kt-ui-btn-font-size-md: 14px;
  --kt-ui-btn-font-size-lg: 16px;
  --ui-btn-font-size: var(--kt-ui-btn-font-size-md);
  /* End region font */
  /* Region focus state */
  --kt-ui-btn-focus-color: var(--kt-ui-color-focus);
  --kt-ui-btn-focus-offset-color: var(--kt-ui-palette-white);
  /* Endregion */
  /* Region split btn separator */
  --ui-btn-opacity-after: 1;
  --ui-btn-colors-after-bg: var(--kt-ui-palette-white-20);
  /* Endregion */
  /* Region split btn dropdown arrow */
  --ui-btn-colors-before-bg: var(--kt-ui-palette-white);
  /* Endregion */
  /* Region buttons offset */
  --ui-btn-margin-left: 8px;
  /* Endregion */
  /* Region content */
  --kt-ui-btn-content-gap: 8px;
  /* Endregion */
  /* Region counter */
  --kt-ui-btn-counter-size: 20px;
  --kt-ui-btn-counter-padding: 0 8px;
  --kt-ui-btn-counter-ff: "Inter", sans-serif;
  --kt-ui-btn-counter-font-size: 12px;
  --kt-ui-btn-counter-color: var(--kt-ui-palette-white);
  --kt-ui-btn-counter-background: var(--kt-ui-palette-red-500);
  /* Endregion */
  /* Region dropdown icon */
  --kt-ui-btn-dropdown-size: 16px;
  --kt-ui-btn-dropdown-icon-size: 12px;
  --kt-ui-btn-dropdown-icon-color: var(--kt-ui-palette-white);
  /* Endregion */
  /* Region primary button */
  --kt-ui-btn-primary-color: var(--kt-ui-palette-white);
  --kt-ui-btn-primary-color-hover: var(--kt-ui-palette-white);
  --kt-ui-btn-primary-color-active: var(--kt-ui-palette-white);
  --kt-ui-btn-primary-color-disabled: var(--kt-ui-palette-white);
  --kt-ui-btn-primary-background: var(--kt-ui-palette-blue-700);
  --kt-ui-btn-primary-background-hover: #2E78C0;
  --kt-ui-btn-primary-background-active: #2E78C0;
  --kt-ui-btn-primary-background-disabled: var(--kt-ui-palette-blue-400);
  --kt-ui-btn-primary-border-color: var(--kt-ui-palette-blue-700);
  --kt-ui-btn-primary-border-color-hover: #7BBEFF;
  --kt-ui-btn-primary-border-color-active: #2E78C0;
  --kt-ui-btn-primary-border-color-disabled: var(--kt-ui-btn-primary-background-disabled);
  /* End region primary button */
  /* Region secondary-grey button */
  --kt-ui-btn-secondary-grey-color: var(--kt-ui-text-color-primary);
  --kt-ui-btn-secondary-grey-color-hover: var(--kt-ui-text-color-primary);
  --kt-ui-btn-secondary-grey-color-active: var(--kt-ui-text-color-primary);
  --kt-ui-btn-secondary-grey-color-disabled: var(--kt-ui-text-color-disabled);
  --kt-ui-btn-secondary-grey-background: #f4f5f9;
  --kt-ui-btn-secondary-grey-background-hover: #e8ebf1;
  --kt-ui-btn-secondary-grey-background-active: #e8ebf1;
  --kt-ui-btn-secondary-grey-background-disabled: var(--kt-ui-palette-grey-50);
  --kt-ui-btn-secondary-grey-border-color: #f4f5f9;
  --kt-ui-btn-secondary-grey-border-color-hover: #d0d7e4;
  --kt-ui-btn-secondary-grey-border-color-active: #e8ebf1;
  --kt-ui-btn-secondary-grey-border-color-disabled: var(--kt-ui-btn-secondary-grey-background-disabled);
  /* End region secondary-grey button */
  /* Region secondary-blue button */
  --kt-ui-btn-secondary-blue-color: var(--kt-ui-text-color-secondary);
  --kt-ui-btn-secondary-blue-color-hover: var(--kt-ui-palette-blue-700);
  --kt-ui-btn-secondary-blue-color-active: var(--kt-ui-palette-blue-700);
  --kt-ui-btn-secondary-blue-color-disabled: var(--kt-ui-text-color-disabled);
  --kt-ui-btn-secondary-blue-background: var(--kt-ui-palette-grey-200);
  --kt-ui-btn-secondary-blue-background-hover: var(--kt-ui-palette-blue-300);
  --kt-ui-btn-secondary-blue-background-active: var(--kt-ui-palette-blue-400);
  --kt-ui-btn-secondary-blue-background-disabled: var(--kt-ui-palette-grey-50);
  --kt-ui-btn-secondary-blue-border-color: var(--kt-ui-btn-secondary-blue-background);
  --kt-ui-btn-secondary-blue-border-color-hover: var(--kt-ui-btn-secondary-blue-background-hover);
  --kt-ui-btn-secondary-blue-border-color-active: var(--kt-ui-btn-secondary-blue-background-active);
  --kt-ui-btn-secondary-blue-border-color-disabled: var(--kt-ui-btn-secondary-blue-background-disabled);
  /* End region secondary-blue button */
  /* Region secondary-dark-blue button */
  --kt-ui-btn-secondary-dark-blue-color: var(--kt-ui-text-color-secondary);
  --kt-ui-btn-secondary-dark-blue-color-hover: var(--kt-ui-palette-white);
  --kt-ui-btn-secondary-dark-blue-color-active: var(--kt-ui-palette-white);
  --kt-ui-btn-secondary-dark-blue-color-disabled: var(--kt-ui-text-color-disabled);
  --kt-ui-btn-secondary-dark-blue-background: var(--kt-ui-palette-grey-200);
  --kt-ui-btn-secondary-dark-blue-background-hover: var(--kt-ui-palette-blue-700);
  --kt-ui-btn-secondary-dark-blue-background-active: var(--kt-ui-palette-blue-600);
  --kt-ui-btn-secondary-dark-blue-background-disabled: var(--kt-ui-palette-grey-50);
  --kt-ui-btn-secondary-dark-blue-border-color: var(--kt-ui-btn-secondary-dark-blue-background);
  --kt-ui-btn-secondary-dark-blue-border-color-hover: var(--kt-ui-btn-secondary-dark-blue-background-hover);
  --kt-ui-btn-secondary-dark-blue-border-color-active: var(--kt-ui-btn-secondary-dark-blue-background-active);
  --kt-ui-btn-secondary-dark-blue-border-color-disabled: var(--kt-ui-btn-secondary-dark-blue-background);
  /* End region secondary-dark-blue button */
  /* Region secondary-red button */
  --kt-ui-btn-secondary-red-color: var(--kt-ui-text-color-secondary);
  --kt-ui-btn-secondary-red-color-hover: var(--kt-ui-palette-red-500);
  --kt-ui-btn-secondary-red-color-active: var(--kt-ui-palette-red-500);
  --kt-ui-btn-secondary-red-color-disabled: var(--kt-ui-text-color-disabled);
  --kt-ui-btn-secondary-red-background: var(--kt-ui-palette-grey-200);
  --kt-ui-btn-secondary-red-background-hover: var(--kt-ui-palette-red-100);
  --kt-ui-btn-secondary-red-background-active: var(--kt-ui-palette-red-200);
  --kt-ui-btn-secondary-red-background-disabled: var(--kt-ui-palette-grey-50);
  --kt-ui-btn-secondary-red-border-color: var(--kt-ui-btn-secondary-red-background);
  --kt-ui-btn-secondary-red-border-color-hover: var(--kt-ui-btn-secondary-red-background-hover);
  --kt-ui-btn-secondary-red-border-color-active: var(--kt-ui-btn-secondary-red-background-active);
  --kt-ui-btn-secondary-red-border-color-disabled: var(--kt-ui-btn-secondary-red-background-disabled);
  /* End region secondary-red button */
  /* Region tertiary button */
  --kt-ui-btn-tertiary-color: var(--kt-ui-palette-blue-700);
  --kt-ui-btn-tertiary-color-hover: var(--kt-ui-palette-white);
  --kt-ui-btn-tertiary-color-active: var(--kt-ui-palette-white);
  --kt-ui-btn-tertiary-color-disabled: var(--kt-ui-palette-blue-400);
  --kt-ui-btn-tertiary-background: var(--kt-ui-palette-blue-300);
  --kt-ui-btn-tertiary-background-hover: var(--kt-ui-palette-blue-700);
  --kt-ui-btn-tertiary-background-active: var(--kt-ui-palette-blue-600);
  --kt-ui-btn-tertiary-background-disabled: var(--kt-ui-palette-blue-200);
  --kt-ui-btn-tertiary-border-color: var(--kt-ui-btn-tertiary-background);
  --kt-ui-btn-tertiary-border-color-hover: var(--kt-ui-btn-tertiary-background-hover);
  --kt-ui-btn-tertiary-border-color-active: var(--kt-ui-btn-tertiary-background-active);
  --kt-ui-btn-tertiary-border-color-disabled: var(--kt-ui-btn-tertiary-background-disabled);
  /* End region tertiary button */
  /* Region primary-light button */
  --kt-ui-btn-primary-light-color: var(--kt-ui-text-color-secondary);
  --kt-ui-btn-primary-light-color-hover: var(--kt-ui-palette-white);
  --kt-ui-btn-primary-light-color-active: var(--kt-ui-palette-white);
  --kt-ui-btn-primary-light-color-disabled: var(--kt-ui-text-color-disabled);
  --kt-ui-btn-primary-light-background: var(--kt-ui-palette-white);
  --kt-ui-btn-primary-light-background-hover: var(--kt-ui-palette-grey-500);
  --kt-ui-btn-primary-light-background-active: var(--kt-ui-palette-grey-600);
  --kt-ui-btn-primary-light-background-disabled: var(--kt-ui-palette-white);
  --kt-ui-btn-primary-light-border-color: var(--kt-ui-btn-primary-light-background);
  --kt-ui-btn-primary-light-border-color-hover: var(--kt-ui-btn-primary-light-background-hover);
  --kt-ui-btn-primary-light-border-color-active: var(--kt-ui-btn-primary-light-background-active);
  --kt-ui-btn-primary-light-border-color-disabled: var(--kt-ui-btn-primary-light-background-disabled);
  /* End region primary-light button */
  /* Region tertiary-light button */
  --kt-ui-btn-tertiary-light-color: var(--kt-ui-palette-white);
  --kt-ui-btn-tertiary-light-color-hover: var(--kt-ui-palette-blue-700);
  --kt-ui-btn-tertiary-light-color-active: var(--kt-ui-palette-blue-800);
  --kt-ui-btn-tertiary-light-color-disabled: var(--kt-ui-palette-white-60);
  --kt-ui-btn-tertiary-light-background: var(--kt-ui-palette-white-20);
  --kt-ui-btn-tertiary-light-background-hover: var(--kt-ui-palette-white);
  --kt-ui-btn-tertiary-light-background-active: var(--kt-ui-palette-white);
  --kt-ui-btn-tertiary-light-background-disabled: var(--kt-ui-palette-white-20);
  --kt-ui-btn-tertiary-light-border-color: var(--kt-ui-btn-tertiary-light-background);
  --kt-ui-btn-tertiary-light-border-color-hover: var(--kt-ui-btn-tertiary-light-background-hover);
  --kt-ui-btn-tertiary-light-border-color-active: var(--kt-ui-btn-tertiary-light-background-active);
  --kt-ui-btn-tertiary-light-border-color-disabled: var(--kt-ui-btn-tertiary-light-background-disabled);
  /* End region secondary-light button */
  /* Region primary-outlined button */
  --kt-ui-btn-light-border-color: var(--kt-ui-text-color-secondary);
  --kt-ui-btn-light-border-color-hover: var(--kt-ui-palette-white);
  --kt-ui-btn-light-border-color-active: var(--kt-ui-palette-white);
  --kt-ui-btn-light-border-color-disabled: var(--kt-ui-text-color-disabled);
  --kt-ui-btn-light-border-background: transparent;
  --kt-ui-btn-light-border-background-hover: var(--kt-ui-palette-grey-500);
  --kt-ui-btn-light-border-background-active: var(--kt-ui-palette-grey-600);
  --kt-ui-btn-light-border-background-disabled: transparent;
  --kt-ui-btn-light-border-border-color: var(--kt-ui-palette-grey-600);
  --kt-ui-btn-light-border-border-color-hover: var(--kt-ui-palette-grey-500);
  --kt-ui-btn-light-border-border-color-active: var(--kt-ui-palette-grey-600);
  --kt-ui-btn-light-border-border-color-disabled: var(--kt-ui-palette-grey-500);
  /* Endregion */
}