@font-face {
  font-family: "QuickSand";
  src: url("/static/fonts/Quicksand-VariableFont_wght.ttf?d4e0f3347f15") format("truetype"); }

@font-face {
  font-family: "CrimsonPro";
  src: url("/static/fonts/CrimsonPro-Regular.ttf?d4e0f3347f15") format("truetype"); }

/* line 11, app__theme/static/scss/app__theme/ui/constants.scss */
:root {
  --core-font-1: "CrimsonPro", "Georgia", serif;
  --core-font-2: "QuickSand", "Verdana", sans-serif;
  --core-font-3: "Tahoma", sans-serif;
  --blue-200: #6A93A7;
  --blue-300: #61a5ff;
  --blue-400: #0098de;
  --blue-450: #007bff;
  --blue-500: #248cbd;
  --blue-600: #0072a7;
  --blue-700: #006a9b;
  --blue-800: #003652;
  --gray-050: #fefbf6;
  --gray-100: #ebebeb;
  --gray-120: #dedede;
  --gray: #C0C0C0;
  --gray-150: #cbcbcb;
  --gray-200: #bababa;
  --gray-300: #989898;
  --gray-400: #7a7a7a;
  --gray-500: #616161;
  --gray-600: #3f3f3f;
  --gray-700: #313131;
  --gray-800: #2a2a2a;
  --gray-900: #101010;
  --green-300: #8BC096;
  --green-400: #36A751;
  --green-500: #479447;
  --yellow-400: #ffec4f;
  --yellow-500: #bbaa04;
  --orange-600: #B46B00;
  --red-100: #f3e2e2;
  --red-300: #e74c3c;
  --red-400: #c90720;
  --red-500: #9f2424;
  --red-600: #88182d;
  --z-level-0-bg: #3F3F3F;
  --z-level--2-bg: hsl(from var(--z-level-0-bg) h s calc(l - 20));
  --z-level--1-bg: hsl(from var(--z-level-0-bg) h s calc(l - 10));
  --z-level-1-bg: hsl(from var(--z-level-0-bg) h s calc(l + 10));
  --z-level-2-bg: hsl(from var(--z-level-0-bg) h s calc(l + 20));
  --z-level-3-bg: hsl(from var(--z-level-0-bg) h s calc(l + 30));
  --z-level-4-bg: hsl(from var(--z-level-0-bg) h s calc(l + 40));
  --z-level--2-fg: white;
  --z-level--1-fg: white;
  --z-level-0-fg: white;
  --z-level-1-fg: white;
  --z-level-2-fg: white;
  --z-level-3-fg: white;
  --core-bg: var(--gray-800);
  --core-fg: white;
  --core-fg-300: white;
  --core-blue-fg: var(--blue-700);
  --core-yellow-fg: yellow;
  --core-header-bg-1: #2a2f3d;
  --core-header-bg-2: #25263d;
  --core-header-bg-3: #282f46;
  --color-icon: white;
  --core-header-bg: linear-gradient(90deg, var(--core-header-bg-1), var(--core-header-bg-2), var(--core-header-bg-3));
  --core-header-title-fg: #fcf7f5;
  --core-header-fg: black;
  --core-logo-height: 5rem;
  --core-logo-width: 5rem;
  --core-user-dropdown-bg: #28272e;
  --core-user-dropdown-fg: white;
  --core-breadcrumb-bg: var(--gray-400);
  --core-spinner-bg: var(--blue-300);
  --core-success-bg: var(--green-400);
  --core-success-fg: white;
  --core-success-border-color: var(--green-300);
  --core-success-border: 3px solid var(--core-success-border-color);
  --core-warning-bg: var(--yellow-400);
  --core-warning-fg: black;
  --core-warning-border-color: var(--yellow-500);
  --core-warning-border: 3px solid var(--core-warning-border-color);
  --core-error-bg: var(--red-400);
  --core-error-fg: var(--red-100);
  --core-error-border-color: var(--red-600);
  --core-error-border: 3px solid var(--core-error-border-color);
  --core-discreet-bg: var(--gray-600);
  --core-discreet-fg: white;
  --core-discreet-fg-hover: var(--blue-400);
  --core-discreet-border-color: var(--gray-300);
  --core-discreet-border: 3px solid var(--core-discreet-border-color);
  --core-primary-bg: var(--blue-500);
  --core-primary-fg: white;
  --core-disabled-bg: var(--gray-150);
  --tabs-tab-bg: var(--gray-800);
  --tabs-selected-bg: var(--blue-600);
  --tabs-tab-bg-hover: var(--gray-500);
  --tabs-tab-fg: white;
  --tile-bg: var(--gray-800);
  --grouping-tab-bg: var(--gray-500);
  --grouping-tab-selected-bg: var(--blue-800);
  --hr-bg: var(--gray-150);
  --modal-bg: white;
  --modal-fg: black;
  --modal-hr-bg: var(--gray-120);
  --modal-cancel-bg: var(--gray-150);
  --modal-confirm-bg: var(--blue-450);
  --table-header-bg: linear-gradient(30deg, var(--blue-600) -4.26%, #6A93A7 100.38%);
  --table-header-fg: white;
  --table-odd-bg: var(--gray-600);
  --table-even-bg: var(--gray-700);
  --form-input-bg: white;
  --form-input-bg-disbaled: var(--gray-050);
  --form-input-fg-disbaled: var(--gray-400);
  --form-input-border: 1.5px solid var(--gray-120);
  --form-input-selected-color: var(--blue-450);
  --form-input-border-hover: 2px solid var(--form-input-selected-color);
  --form-error-fg: var(--red-300);
  --error-tile-bg: var(--gray-050);
  --error-tile-bg: var(--gray-050);
  --error-tile-fg: black;
  --error-tile-header-bg: var(--red-600);
  --error-tile-header-fg: white;
  --error-tile-link-hover: var(--blue-300);
  --tooltip-bg: rgba(0, 0, 0, 0.8);
  --tooltip-fg: white;
  --core-t1: 2.4rem;
  --core-h1: 2.4rem;
  --core-h2: 2rem;
  --core-p1: 1.6rem;
  --core-p2: 1.4rem;
  --core-error-form: 1.4rem;
  --core-input-number-size: 3rem;
  --vh100: 100vh;
  --vh100: 100dvh;
  --core-header-height: 8rem;
  --core-breadcrumb-height: 3rem;
  --core-content-margin-top: calc(var(--core-header-height) + var(--core-breadcrumb-height));
  --core-content-height: calc(var(--vh100) - var(--core-content-margin-top));
  --core-content-nobc-margin-top: var(--core-header-height);
  --core-content-nobc-height: calc(var(--vh100) - var(--core-content-nobc-margin-top));
  --core-z-index-loader: 1000;
  --core-z-index-messages: 200;
  --core-z-index-modal: 150;
  --core-z-index-header: 100;
  --core-z-index-breadcrumb: 50;
  --core-z-index-table-popover: 10; }
  @media screen and (max-width: 768px) {
    /* line 11, app__theme/static/scss/app__theme/ui/constants.scss */
    :root {
      --core-t1: 2rem; } }
  /* line 180, app__theme/static/scss/app__theme/ui/constants.scss */
  :root body.lightmode {
    --core-bg: var(--gray-100);
    --core-fg: black;
    --core-fg-300: #444444;
    --core-header-bg-1: #D5BFAA;
    --core-header-bg-2: #EAD8C3 90%;
    --core-header-bg-3: #FAEBD7;
    --color-icon: black;
    --core-header-bg: linear-gradient(90deg, var(--core-header-bg-1), var(--core-header-bg-2), var(--core-header-bg-3));
    --core-header-title-fg: #504941;
    --core-header-fg: black;
    --core-blue-fg: var(--blue-500);
    --core-yellow-fg: var(--orange-600);
    --core-user-dropdown-bg: white;
    --core-user-dropdown-fg: black;
    --z-level-0-bg: #b0b0b0;
    --z-level--2-bg: hsl(from var(--z-level-0-bg) h s calc(l - 20));
    --z-level--1-bg: hsl(from var(--z-level-0-bg) h s calc(l - 10));
    --z-level-1-bg: hsl(from var(--z-level-0-bg) h s calc(l + 10));
    --z-level-2-bg: hsl(from var(--z-level-0-bg) h s calc(l + 20));
    --z-level-3-bg: hsl(from var(--z-level-0-bg) h s calc(l + 30));
    --z-level-4-bg: hsl(from var(--z-level-0-bg) h s calc(l + 40));
    --z-level--2-fg: white;
    --z-level--1-fg: white;
    --z-level-0-fg: white;
    --z-level-1-fg: black;
    --z-level-2-fg: black;
    --z-level-3-fg: black;
    --table-odd-bg: var(--gray-100);
    --table-even-bg: var(--gray-120); }
