:root {
  --gray-1: #ffffff;
  --gray-2: #FAFBFC;
  --gray-3: #F7F8FB;
  --gray-4: #F5F6F9;
  --gray-5: #EEF1F6;
  --gray-6: #DFE4EC;
  --gray-7: #CDD2DB;
  --gray-8: #A4AAB2;
  --gray-9: #90949E;
  --gray-10: #2C2E30;
  --gray-11: #1D1D1F;
  --gray-12: #141414;
  --gray-13: #000000;
  --gray-13a45: rgba(0,0,0,0.45);
  --gray-13a75: rgba(0,0,0,0.75);
  --blue-1: #F6FAFF;
  --blue-2: #E8F3FF;
  --blue-3: #DDEDFF;
  --blue-4: #D0E5FE;
  --blue-5: #7AAEFC;
  --blue-6: #326BFB;
  --blue-7: #0344E9;
  --blue-8: #0047B3;
  --blue-9: #00338C;
  --blue-10: #002266;
  --green-1: #F4FDF9;
  --green-2: #EAFBF3;
  --green-3: #DFF9EC;
  --green-4: #C4F4DC;
  --green-5: #75E4AE;
  --green-6: #2BD684;
  --green-7: #01B15C;
  --green-8: #0d6137;
  --green-9: #053b21;
  --green-10: #01140c;
  --red-1: #FFF7F6;
  --red-2: #FFF0EE;
  --red-3: #FFE1DE;
  --red-4: #FFD4CF;
  --red-5: #FE7B6F;
  --red-6: #FE3421;
  --red-7: #F01703;
  --red-8: #ad0e05;
  --red-9: #870200;
  --red-10: #610002;
  --gold-1: #FFF9EC;
  --gold-2: #FFF2D9;
  --gold-3: #FFEBBD;
  --gold-4: #FFE0A4;
  --gold-5: #FFC659;
  --gold-6: #FFA800;
  --gold-7: #FF9900;
  --gold-8: #AD7102;
  --gold-9: #875300;
  --gold-10: #613900;
  --datared-1: #FE3666;
  --datagreen-1: #1FCDA3;
  --spacing-1: 2px;
  --spacing-2: 4px;
  --spacing-3: 8px;
  --spacing-4: 12px;
  --spacing-5: 16px;
  --spacing-6: 24px;
  --spacing-7: 32px;
  --spacing-8: 48px;
  --spacing-9: 64px;
  --spacing-10: 96px;
  --spacing-11: 128px;
  --sizing-1: 8px;
  --sizing-2: 10px;
  --sizing-3: 12px;
  --sizing-4: 14px;
  --sizing-5: 16px;
  --sizing-6: 18px;
  --sizing-7: 20px;
  --sizing-8: 24px;
  --sizing-9: 32px;
  --sizing-10: 36px;
  --sizing-11: 40px;
  --sizing-12: 44px;
  --sizing-13: 48px;
  --sizing-14: 52px;
  --sizing-15: 56px;
  --sizing-16: 64px;
  --sizing-17: 72px;
  --fontsizing-1: 10px;
  --fontsizing-2: 12px;
  --fontsizing-3: 14px;
  --fontsizing-4: 16px;
  --fontsizing-5: 18px;
  --fontsizing-6: 20px;
  --fontsizing-7: 22px;
  --fontsizing-8: 24px;
  --fontsizing-9: 26px;
  --fontsizing-10: 28px;
  --radius-1: 2px;
  --radius-2: 4px;
  --radius-3: 6px;
  --radius-4: 8px;
  --radius-5: 12px;
  --radius-6: 16px;
  --radius-7: 9999px;
  --radius-8: 0px;
  --shadow-1:  0 20px 50px -8px rgba(#1D1D1F, 0.15);
  --shadow-2:  0 -20px 50px -8px rgba(#1D1D1F, 0.15);
  --shadow-3:  20 0px 50px -8px rgba(#1D1D1F, 0.15);
  --shadow-4:  -20 0px 50px -8px rgba(#1D1D1F, 0.15);
  --shadow-5:  0 0px 50px -8px rgba(#1D1D1F, 0.15);
  --shadow-6:  0 6px 15px -2px rgba(#1D1D1F, 0.15);
  --font-family-1: 'PingFang SC';
  --font-family-2: 'PingFang SC';
  --font-family-3: 'SF Pro';
  --font-weight-1: 300;
  --font-weight-2: 400;
  --font-weight-3: 500;
  --font-weight-4: 700;
  --opacity-1: 0%;
  --opacity-2: 25%;
  --opacity-3: 50%;
  --opacity-4: 75%;
  --opacity-5: 100%;
  --stroke-style-1: solid;
  --stroke-style-2: dashed;
  --stroke-width-1: 0.5px;
  --stroke-width-2: 1px;
  --stroke-width-3: 2px;
  --stroke-width-4: 4px;
}