:root {
  --global-bg: #f5f5f8;
  --glass-morphism-bg: rgba(247, 247, 249, 0.9);
  --global-bg-normal: #ffffff;
  --base-bg: #fbfbfc;
  --base-bg-dark: #252b3a;
  --brand: #5e7ce0;
  --brand-foil: #f2f2f3;
  --brand-hover: #7693f5;
  --brand-active: #526ecc;
  --brand-active-focus: #344899;
  --contrast: #c7000b;
  --text: #252b3a;
  --text-weak: #575d6c;
  --aide-text: #606266;
  --aide-text-hover: #252b3a;
  --aide-text-stress: #575d6c;
  --placeholder: #babbc0;
  --light-text: #ffffff;
  --dark-text: #252b3a;
  --link: #526ecc;
  --link-active: #526ecc;
  --link-light: #96adfa;
  --link-light-active: #beccfa;
  --line: #d7d8da;
  --dividing-line: #f2f2f3;
  --block: #ffffff;
  --area: #f5f5f5;
  --danger: #f66f6a;
  --warning: #fac20a;
  --waiting: #beccfa;
  --success: #50d4ab;
  --info: #5e7ce0;
  --initial: #e9edfa;
  --unavailable: #f5f5f5;
  --shadow: rgba(37, 43, 58, 0.2);
  --light-shadow: rgba(37, 43, 58, 0.1);
  --connected-overlay-shadow: rgba(37, 43, 58, 0.12);
  --feedback-overlay-shadow: rgba(37, 43, 58, 0.16);
  --icon-text: #71757f;
  --icon-bg: #ffffff;
  --icon-fill: #71757f;
  --icon-fill-weak: #babbc0;
  --icon-fill-hover: #252b3a;
  --icon-fill-active: #252b3a;
  --icon-fill-active-hover: #252b3a;
  --shape-icon-fill: #d7d8da;
  --shape-icon-fill-hover: #babbc0;
  --shape-icon-fill-active: #babbc0;
  --shape-icon-fill-disabled: #f5f5f5;
  --form-control-line: #d7d8da;
  --form-control-bg: #ffffff;
  --form-control-line-hover: #9b9fa8;
  --form-control-line-active: #5e7ce0;
  --form-control-line-active-hover: #344899;
  --list-item-active-bg: linear-gradient(96.15deg, #446dff 2.85%, rgba(99, 125, 255, 0.75) 100%), #ffffff;
  --list-item-active-text: #f2f5fc;
  --list-item-active-hover-bg: #f2f5fc;
  --list-item-hover-bg: #f2f2f3;
  --list-item-hover-text: #252b3a;
  --list-item-selected-bg: #f2f5fc;
  --list-item-strip-bg: #f2f5fc;
  --disabled-bg: #f5f5f5;
  --disabled-line: #dfe1e6;
  --disabled-text: #cfd0d3;
  --primary-disabled: #beccfa;
  --icon-fill-active-disabled: #beccfa;
  --label-bg: #e9edfa;
  --connected-overlay-bg: #ffffff;
  --connected-overlay-line: #526ecc;
  --fullscreen-overlay-bg: #ffffff;
  --feedback-overlay-bg: #464d6e;
  --feedback-overlay-text: #dfe1e6;
  --embed-search-bg: #f2f2f3;
  --embed-search-bg-hover: #eef0f5;
  --float-block-shadow: rgba(94, 124, 224, 0.3);
  --highlight-overlay: rgba(255, 255, 255, 0.8);
  --range-item-hover-bg: #e9edfa;
  --gray-form-control-bg: #f5f5f5;
  --gray-form-control-hover-bg: #ebebeb;
  --nav-expand-bg: #fbfbfc;
  --primary: #5e7ce0;
  --primary-hover: #7693f5;
  --primary-active: #344899;
  --contrast-hover: #d64a52;
  --contrast-active: #b12220;
  --danger-line: #f66f6a;
  --danger-bg: #ffd5d4;
  --warning-line: #fa9841;
  --warning-bg: #ffe1c7;
  --info-line: #5e7ce0;
  --info-bg: #e9edfa;
  --success-line: #50d4ab;
  --success-bg: #cffcee;
  --primary-line: #5e7ce0;
  --primary-bg: #f2f5fc;
  --default-line: #5e7ce0;
  --default-bg: #f7f8fa;
  --shadow-length-base: 0 1px 4px 0;
  --shadow-length-slide-left: -2px 0 8px 0;
  --shadow-length-slide-right: 2px 0 8px 0;
  --shadow-length-connected-overlay: 0 2px 8px 0;
  --shadow-length-hover: 0 6px 16px 0;
  --shadow-length-feedback-overlay: 0 8px 16px 0;
  --shadow-length-fullscreen-overlay: 0 12px 24px 0;
  --border-radius: 4px;
  --border-radius-feedback: 4px;
  --border-radius-card: 4px;
  --border-radius-full: 100px;
  --font-size: 12px;
  --font-size-card-title: 14px;
  --font-size-page-title: 16px;
  --font-size-modal-title: 18px;
  --font-size-price: 20px;
  --font-size-data-overview: 24px;
  --font-size-icon: 16px;
  --font-size-sm: 12px;
  --font-size-md: 12px;
  --font-size-lg: 14px;
  --font-title-weight: bold;
  --font-content-weight: normal;
  --line-height-base: 1.5;
  --animation-ease-in-smooth: cubic-bezier(0.645, 0.045, 0.355, 1);
  --animation-duration-slow: 300ms;
  --animation-duration-base: 200ms;
  --animation-duration-fast: 100ms;
  --animation-ease-in: cubic-bezier(0.5, 0, 0.84, 0.25);
  --animation-ease-out: cubic-bezier(0.16, 0.75, 0.5, 1);
  --animation-ease-in-out: cubic-bezier(0.5, 0.05, 0.5, 0.95);
  --animation-ease-in-out-smooth: cubic-bezier(0.645, 0.045, 0.355, 1);
  --animation-linear: cubic-bezier(0, 0, 1, 1);
  --z-index-full-page-overlay: 1080;
  --z-index-pop-up: 1060;
  --z-index-dropdown: 1052;
  --z-index-modal: 1050;
  --z-index-drawer: 1040;
  --z-index-framework: 1000;
  --btn-sm-padding: 0 12px;
  --btn-padding: 0 16px;
  --btn-lg-padding: 0 20px;
  --btn-common-bg: #ebebeb;
  --btn-common-border-color: transparent;
  --btn-common-bg-hover: #d1d1d1;
  --btn-common-color-hover: #252b3a;
  --btn-common-border-color-hover: transparent;
  --btn-common-bg-active: #bdbdbd;
  --btn-common-color-active: #252b3a;
  --btn-common-border-color-active: transparent;
  --btn-common-border-disabled: transparent;
  --icon-hover-bg: #ebebeb;
  --icon-active-bg: #d1d1d1;

  --border-color: #efefef;
  --border-obvious-color: #d4d7de;
  --border-active-color: #5e7ce0;

  --tree-row-stripe-bg-color: rgba(255, 163, 255, 0.1);

  --scrollbar-color: #e9e9eb;

  --login-bg-color: #eaeaff;

  --mask-gb-color: rgba(255, 255, 255, 0.9);

  --hover-mask-color: #efefef71;

  --bar-background-color: linear-gradient(
    13.54deg,
    rgba(255, 163, 255, 0.1) 36.27%,
    rgba(255, 163, 255, 0.25) 78.76%,
    rgba(255, 163, 255, 0.15) 100%
  );

  --panel-bg-color: #ffffff;
  --panel-bg-color-rgb: 255, 255, 255;

  --append-el-color: #f3f6f9;

  --rmb-color: #fff;

  --search-border: #beccff;
  --search-color: #252b3a;
}