@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');._loader_container_7r644_1 {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

._loader_label_7r644_12 {
  color: var(--color-general-grey-500);
  font-size: var(--font-size-regular);
  line-height: var(--line-height-regular);
  text-align: center;
  cursor: default;
}
:root {
  --color-blue-50: #eaf1fe;
  --color-blue-200: #e1f2ff;
  --color-blue-500: #2b6ff2;
  --color-green-600: #56AC4A;

  --color-primary: #18a0fb;


  --color-black: #111111;
  --color-white: #ffffff;

  --color-red-50: #FCE9E9;
  --color-green-50: #EFF8EE;
  --color-red-200: #F29898;
  --color-red-500: #d92921;
  --color-red-600: #CE1D1D;
  --color-green-600: #56AC4A;
  --color-orange-600: #E49D12;
  --color-purple-500: #9747FF;

  --color-neutral-0: #ffffff;
  --color-neutral-50: #ffffff;
  --color-neutral-100: #fcfcff;
  --color-neutral-200: #f4f4f4;
  --color-neutral-300: #ebebeb;
  --color-neutral-400: #dcdfe7;
  --color-neutral-500: #aaaaaa;
  --color-neutral-600: #a7adbc;
  --color-neutral-700: #797e8b;
  --color-neutral-800: #333333;
  --color-neutral-900: #23252c;

  --color-general-grey-100: #fafafa;
  --color-general-grey-200: #f4f4f4;
  --color-general-grey-300: #ebebeb;
  --color-general-grey-400: #b2b2b2;
  --color-general-grey-500: #888888;

  --basic-grid: 4px;

  --font-size-small: 10px;
  --font-size-regular: 11px;
  --font-size-medium: 12px;
  --font-size-large: 13px;
  --font-size-x-large: 14px;
  --font-size-xx-large: 18px;

  --line-height-small: 12px;
  --line-height-regular: 13px;
  --line-height-medium: 14px;
  --line-height-large: 16px;
  --line-height-x-large: 17px;
  --line-height-xx-large: 18px;

  /* TODO upload different font sizes */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;


  /* NEW */
  --background-background-color: #ffffff;
  --background-background-secondary-color: #f1f3f6;
  --button-button-primary-color: #2b6ff2;
  --button-button-primary-stroke-coior: #1111111a;
  --button-button-primary-text-color: #ffffff;
  --button-button-secondary-color: #f4f6f8;
  --button-button-secondary-stroke-color: #dcdfe7;
  --button-button-secondary-text-color: #434751;

  --error-error-background-color: #fce9e9;
  --error-error-icon-primary-color: #e22020;
  --error-error-icon-secondary-color: #e45e5e;
  --error-error-stroke-color: #e6b8b8;
  --error-error-text-primary-color: #5f0d0d;
  
  --icon-icon-secondary-color: #797e8b;
  --icon-icon-tertiary-color: #bac0ce;
  --icons-icon-primary-color: #000000;
  --info-info-background-color: #f4f6fa;
  --info-info-icon-primary-color: #2b6ff2;
  --info-info-icon-secondary-color: #719ff6;
  --info-info-stroke-color: #bfcce3;
  --info-info-text-primary-color: #122f66;
  --input-input-background-color: #f1f3f6;
  --input-placeholder-color: #797e8b;
  --stroke-stroke-primary-color: #ebedf3;
  --stroke-stroke-secondary-color: #E5E7ED;

  --success-success-background-color: #eff8ee;
  --success-success-icon-primary-color: #56ac4a;
  --success-success-icon-secondary-color: #5fba52;
  --success-success-stroke-color: #bae0b6;
  --success-success-text-primary-color: #183813;
  --text-heading-color: #000000;

  --text-link-primary-color: #2b6ff2;
  --text-text-primary-color: #000000;
  --text-text-secondary-color: #434751;
  --text-text-tertiary-color: #797e8b;
  --text-text-alt-color: #ffffff;
  --tooltip-tooltip-background-color: #111111cc;

  --warning-warning-background-color: #fff7e8;
  --warning-warning-icon-primary-color: #faad14;
  --warning-warning-icon-secondary-color: #e6ae42;
  --warning-warning-stroke-color: #eadcc3;
  --warning-warning-text-primary-color: #3b2a08;
}


* { 
    box-sizing: border-box
}