:root {
  --color-cyan-gray-0: #f6f8fa;
  --color-cyan-gray-1: #f0f2f5;
  --color-cyan-gray-2: #d9dfe6;
  --color-cyan-gray-3: #c1cad5;
  --color-cyan-gray-4: #a7b5c3;
  --color-cyan-gray-5: #92a3b4;
  --color-cyan-gray-6: #7e92a6;
  --color-cyan-gray-7: #708294;
  --color-cyan-gray-8: #5f6d7c;
  --color-cyan-gray-9: #4f5a65;
  --color-cyan-gray-10: #3c444d;
  --color-blue-0: #e4f2ff;
  --color-blue-1: #bdddff;
  --color-blue-2: #94c8ff;
  --color-blue-3: #6bb2ff;
  --color-blue-4: #4fa1ff;
  --color-blue-5: #3d90ff;
  --color-blue-6: #3d83f0;
  --color-blue-7: #3b70dc;
  --color-blue-8: #395fc9;
  --color-blue-9: #343fa9;
  --color-deep-blue-0: #e9ebf1;
  --color-deep-blue-1: #c7ccdd;
  --color-deep-blue-2: #a3acc5;
  --color-deep-blue-3: #818bad;
  --color-deep-blue-4: #67729d;
  --color-deep-blue-5: #4e5a8e;
  --color-deep-blue-6: #475285;
  --color-deep-blue-7: #3f4979;
  --color-deep-blue-8: #373f6c;
  --color-deep-blue-9: #2c2f54;
  --color-gray-blue-0: #e8eefd;
  --color-gray-blue-1: #c9d6e8;
  --color-gray-blue-2: #acbad0;
  --color-gray-blue-3: #8d9eb9;
  --color-gray-blue-4: #7789a6;
  --color-gray-blue-5: #607595;
  --color-gray-blue-6: #526783;
  --color-gray-blue-7: #42546d;
  --color-gray-blue-8: #324157;
  --color-gray-blue-9: #202d3f;
  --color-gray-0: #fbfbfb;
  --color-gray-1: #f6f6f6;
  --color-gray-2: #f0f0f0;
  --color-gray-3: #e6e6e6;
  --color-gray-4: #c3c3c3;
  --color-gray-5: #a5a5a5;
  --color-gray-6: #7c7c7c;
  --color-gray-7: #676767;
  --color-gray-8: #484848;
  --color-gray-9: #262626;
  --color-green-0: #e3f6eb;
  --color-green-1: #bae8cd;
  --color-green-2: #8bd9ad;
  --color-green-3: #53cb8c;
  --color-green-4: #00bf74;
  --color-green-5: #00b359;
  --color-green-6: #00a44f;
  --color-green-7: #009243;
  --color-green-8: #008037;
  --color-green-9: #006122;
  --color-orange-0: #f9f5e0;
  --color-orange-1: #f1e5b0;
  --color-orange-2: #e8d47e;
  --color-orange-3: #e0c54c;
  --color-orange-4: #dbb828;
  --color-orange-5: #d7ad03;
  --color-orange-6: #d7a000;
  --color-orange-7: #d78f00;
  --color-orange-8: #d68000;
  --color-orange-9: #d66300;
  --color-red-0: #ffedf0;
  --color-red-1: #ffd1d7;
  --color-red-2: #f8a1a3;
  --color-red-3: #f27c7e;
  --color-red-4: #ff5d5d;
  --color-red-5: #ff4c43;
  --color-red-6: #f74543;
  --color-red-7: #e53a3c;
  --color-red-8: #d73435;
  --color-red-9: #c82829;
  --color-A1: #bce0fa;
  --color-A2: #66b9f5;
  --color-A3: #219af2;
  --color-A4: #137bd1;
  --color-A5: #004ca1;
  --color-B1: #b2e9e7;
  --color-B2: #34cdc5;
  --color-B3: #00b3a6;
  --color-B4: #009486;
  --color-B5: #006657;
  --color-C1: #a9def4;
  --color-C2: #20b3e4;
  --color-C3: #0094dc;
  --color-C4: #0075bc;
  --color-C5: #004688;
  --color-D1: #f6e1aa;
  --color-D2: #e8bc39;
  --color-D3: #dfa100;
  --color-D4: #e08300;
  --color-D5: #de5000;
  --color-E1: #d3c4ea;
  --color-E2: #9975cf;
  --color-E3: #6d38b9;
  --color-E4: #572baa;
  --color-E5: #381895;
  --color-F1: #beeed8;
  --color-F2: #5ad8a6;
  --color-F3: #00c47e;
  --color-F4: #00a164;
  --color-F5: #006f40;
  --color-G1: #fcbcc7;
  --color-G2: #f56580;
  --color-G3: #ea2f4d;
  --color-G4: #c52348;
  --color-G5: #8e1041;
  --color-H1: #ffeec0;
  --color-H2: #ffdb74;
  --color-H3: #ffca59;
  --color-H4: #ffac50;
  --color-H5: #f98349;
  --color-I1: #fec1db;
  --color-I2: #ff70ab;
  --color-I3: #ff3681;
  --color-I4: #d72f76;
  --color-I5: #9a2668;
  --color-J1: #c3cbd9;
  --color-J2: #798aa4;
  --color-J3: #415982;
  --color-J4: #32486e;
  --color-J5: #1d2e50;
  --color-blue: var(--color-blue-5);
  --color-green: var(--color-green-4);
  --color-orange: var(--color-orange-4);
  --color-red: var(--color-red-4);
  --color-white: #fff;
  --color-white-a45: rgba(255, 255, 255, 0.45);
  --color-black-a75: rgba(0, 0, 0, 0.75);
  --color-black-a15: rgba(0, 0, 0, 0.15);
  --color-black-a5: rgba(0, 0, 0, 0.05);
  --color-black-a3: rgba(0, 0, 0, 0.03);
  --color-black: #000;
  --color-blue-a45: rgba(61, 144, 255, 0.45);
  --color-gray-blue-a45: rgba(141, 158, 185, 0.45);
  --primary-color: var(--color-blue-5);
  --secondary-color: var(--color-blue-0);
  --navbar-color: var(--color-deep-blue-6);
  --active-color: var(--color-blue-6);
  --primary-hover-color: var(--color-blue-4);
  --primary-active-color: var(--color-blue-6);
  --primary-disable-color: var(--color-blue-a45);
  --secondary-hover-color: var(--color-blue-1);
  --secondary-active-color: var(--color-blue-2);
  --danger-hover-color: var(--color-red-4);
  --danger-active-color: var(--color-red-6);
  --widget-bg-color: var(--color-gray-1);
  --widget-color: var(--color-deep-blue-4);
  --widget-disable-color: var(--color-gray-blue-2);
  --danger-color: var(--color-red);
  --success-color: var(--color-green);
  --warn-color: var(--color-orange);
  --title-color: var(--color-gray-blue-9);
  --text-color: var(--color-gray-blue-7);
  --hint-color: var(--color-gray-blue-5);
  --desc-color: var(--color-gray-blue-3);
  --nav-active-color: var(--secondary-color);
  --nav-color: var(--color-white-a45);
  --form-color: var(--color-deep-blue-4);
  --dark-split-color: var(--color-gray-3);
  --light-split-color: var(--color-gray-2);
  --dark-bg-color: var(--color-cyan-gray-1);
  --light-bg-color: var(--color-cyan-gray-0);
  --normal-bg-color: var(--color-gray-0);
  --model-widget-bg-color: var(--color-cyan-gray-1);
  --model-widget-split-color: var(--color-cyan-gray-2);
  --model-hover-bg-color: var(--color-cyan-gray-0);
  --lg-shadow: 0 12px 24px var(--color-black-a15);
  --md-shadow: 0 4px 12px var(--color-black-a15);
  --sm-shadow: 0 2px 8px var(--color-black-a15);
  --nav-shadow: 0 4px 16px var(--color-black-a5);
  --input-shadow: 0 0 4px var(--color-blue-a45);
  --font-size-base: 14px;
  --font-size-sm: 12px;
  --font-size-lg: 16px;
  --font-size-xlg: 18px;
  --font-weight-base: 400;
  --font-weight-lg: 500;
  --border-radius-base: 2px;
  --border-radius-sm: 1px;
  --border-radius-lg: 4px;
}