/* Figma Styles of your File */
:root {
  /* Colors */
  --: #333333;
  --: #777777;
  --: #aaaaaa;
  --yuan: #cccccc;
  --yuan: #e6e6e6;
  --: #eeeeee;
  --: #f8f8f8;
  --light-primary-primary-1: #e8f3ff;
  --light-primary-primary-2: #bedaff;
  --light-primary-primary-3: #94bfff;
  --light-primary-primary-4: #6aa1ff;
  --light-primary-primary-5: #4080ff;
  --light-primary-primary-6: #165dff;
  --light-primary-primary-7: #0e42d2;
  --light-primary-primary-8: #072ca6;
  --light-primary-primary-9: #031a79;
  --light-primary-primary-10: #000d4d;
  --light-text-color-text-1: #1d2129;
  --light-text-color-text-2: #4e5969;
  --light-text-color-text-3: #86909c;
  --light-text-color-text-4: #c9cdd4;
  --light-text-color-white: #ffffff;
  --light-fill-color-bg-white: #ffffff;
  --light-fill-color-fill-1: #f7f8fa;
  --light-fill-color-fill-2: #f2f3f5;
  --light-fill-color-fill-3: #e5e6eb;
  --light-fill-color-fill-4: #c9cdd4;
  --light-line-color-border-1: #f2f3f5;
  --light-line-color-border-2: #e5e6eb;
  --light-line-color-border-3: #c9cdd4;
  --light-line-color-border-4: #86909c;
  --light-bg-color-bg-1: #ffffff;
  --light-bg-color-bg-2: #ffffff;
  --light-bg-color-bg-3: #ffffff;
  --light-bg-color-bg-4: #ffffff;
  --light-bg-color-bg-5: #ffffff;
  --light-warning-warning-1: #fff7e8;
  --light-warning-warning-2: #ffe4ba;
  --light-warning-warning-3: #ffcf8b;
  --light-warning-warning-4: #ffb65d;
  --light-warning-warning-5: #ff9a2e;
  --light-warning-warning-6: #ff7d00;
  --light-warning-warning-7: #d25f00;
  --light-warning-warning-8: #a64500;
  --light-warning-warning-9: #792e00;
  --light-warning-warning-10: #4d1b00;
  --light-success-success-1: #e8ffea;
  --light-success-success-2: #aff0b5;
  --light-success-success-3: #7be188;
  --light-success-success-4: #4cd263;
  --light-success-success-5: #23c343;
  --light-success-success-6: #00b42a;
  --light-success-success-7: #009a29;
  --light-success-success-8: #008026;
  --light-success-success-9: #006622;
  --light-success-success-10: #004d1c;
  --light-danger-danger-1: #ffece8;
  --light-danger-danger-2: #fdcdc5;
  --light-danger-danger-3: #fbaca3;
  --light-danger-danger-4: #f98981;
  --light-danger-danger-5: #f76560;
  --light-danger-danger-6: #f53f3f;
  --light-danger-danger-7: #cb272d;
  --light-danger-danger-8: #a1151e;
  --light-danger-danger-9: #770813;
  --light-danger-danger-10: #4d000a;
  --light-link-link-1: #e8f3ff;
  --light-link-link-2: #bedaff;
  --light-link-link-3: #94bfff;
  --light-link-link-4: #6aa1ff;
  --light-link-link-5: #4080ff;
  --light-link-link-6: #165dff;
  --light-link-link-7: #0e42d2;
  --light-link-link-8: #072ca6;
  --light-link-link-9: #031a79;
  --light-link-link-10: #000d4d;
  --dark-primary-primary-1: #000d4d;
  --dark-primary-primary-2: #041b79;
  --dark-primary-primary-3: #0e32a6;
  --dark-primary-primary-4: #1d4dd2;
  --dark-primary-primary-5: #306fff;
  --dark-primary-primary-6: #3c7eff;
  --dark-primary-primary-7: #689fff;
  --dark-primary-primary-8: #93beff;
  --dark-primary-primary-9: #bedaff;
  --dark-primary-primary-10: #eaf4ff;
  --dark-text-color-text-1: rgba(255, 255, 255, 0.9);
  --dark-text-color-text-2: rgba(255, 255, 255, 0.7);
  --dark-text-color-text-3: rgba(255, 255, 255, 0.5);
  --dark-text-color-text-4: rgba(255, 255, 255, 0.3);
  --dark-text-color-white: rgba(255, 255, 255, 0.9);
  --dark-fill-color-bg-white: #f6f6f6;
  --dark-fill-color-fill-1: rgba(255, 255, 255, 0.04);
  --dark-fill-color-fill-2: rgba(255, 255, 255, 0.08);
  --dark-fill-color-fill-3: rgba(255, 255, 255, 0.12);
  --dark-fill-color-fill-4: rgba(255, 255, 255, 0.16);
  --dark-line-color-border-1: #2e2e30;
  --dark-line-color-border-2: #484849;
  --dark-line-color-border-3: #5f5f60;
  --dark-line-color-border-4: #929293;
  --dark-bg-color-bg-1: #17171a;
  --dark-bg-color-bg-2: #232324;
  --dark-bg-color-bg-3: #2a2a2b;
  --dark-bg-color-bg-4: #313132;
  --dark-bg-color-bg-5: #373739;
  --dark-warning-warning-1: #4d1b00;
  --dark-warning-warning-2: #793004;
  --dark-warning-warning-3: #a64b0a;
  --dark-warning-warning-4: #d26913;
  --dark-warning-warning-5: #ff8d1f;
  --dark-warning-warning-6: #ff9626;
  --dark-warning-warning-7: #ffb357;
  --dark-warning-warning-8: #ffcd87;
  --dark-warning-warning-9: #ffe3b8;
  --dark-warning-warning-10: #fff7e8;
  --dark-success-success-1: #004d1c;
  --dark-success-success-2: #046625;
  --dark-success-success-3: #0a802d;
  --dark-success-success-4: #129a37;
  --dark-success-success-5: #1db440;
  --dark-success-success-6: #27c346;
  --dark-success-success-7: #50d266;
  --dark-success-success-8: #7ee18b;
  --dark-success-success-9: #b2f0b7;
  --dark-success-success-10: #ebffec;
  --dark-danger-danger-1: #4d000a;
  --dark-danger-danger-2: #770611;
  --dark-danger-danger-3: #a1161f;
  --dark-danger-danger-4: #cb2e34;
  --dark-danger-danger-5: #f54e4e;
  --dark-danger-danger-6: #f76965;
  --dark-danger-danger-7: #f98d86;
  --dark-danger-danger-8: #fbb0a7;
  --dark-danger-danger-9: #fdd1ca;
  --dark-danger-danger-10: #fff0ec;
  --dark-link-link-1: #000d4d;
  --dark-link-link-2: #041b79;
  --dark-link-link-3: #0e32a6;
  --dark-link-link-4: #1d4dd2;
  --dark-link-link-5: #306fff;
  --dark-link-link-6: #3c7eff;
  --dark-link-link-7: #689fff;
  --dark-link-link-8: #93beff;
  --dark-link-link-9: #bedaff;
  --dark-link-link-10: #eaf4ff;

  /* Fonts */
  ---font-family: PingFangSc-Medium, sans-serif;
  ---font-size: 20px;
  ---line-height: normal;
  ---font-weight: 500;
  ---font-style: normal;
  ---font-family: PingFangSc-Medium, sans-serif;
  ---font-size: 18px;
  ---line-height: normal;
  ---font-weight: 500;
  ---font-style: normal;
  ---font-family: PingFangSc-Medium, sans-serif;
  ---font-size: 16px;
  ---line-height: normal;
  ---font-weight: 500;
  ---font-style: normal;
  ---font-family: PingFangSc-Medium, sans-serif;
  ---font-size: 14px;
  ---line-height: normal;
  ---font-weight: 500;
  ---font-style: normal;
  ---font-family: PingFangSc-Regular, sans-serif;
  ---font-size: 14px;
  ---line-height: normal;
  ---font-weight: 400;
  ---font-style: normal;
  ---font-family: PingFangSc-Regular, sans-serif;
  ---font-size: 12px;
  ---line-height: normal;
  ---font-weight: 400;
  ---font-style: normal;
  ---font-family: PingFangSc-Regular, sans-serif;
  ---font-size: 10px;
  ---line-height: normal;
  ---font-weight: 400;
  ---font-style: normal;
  --header-h1-font-family: Inter-Regular, sans-serif;
  --header-h1-font-size: 36px;
  --header-h1-line-height: normal;
  --header-h1-font-weight: 400;
  --header-h1-font-style: normal;
  --header-h2-font-family: Inter-Regular, sans-serif;
  --header-h2-font-size: 32px;
  --header-h2-line-height: normal;
  --header-h2-font-weight: 400;
  --header-h2-font-style: normal;
  --header-h3-font-family: Inter-Regular, sans-serif;
  --header-h3-font-size: 28px;
  --header-h3-line-height: normal;
  --header-h3-font-weight: 400;
  --header-h3-font-style: normal;
  --header-h4-font-family: Inter-Regular, sans-serif;
  --header-h4-font-size: 24px;
  --header-h4-line-height: normal;
  --header-h4-font-weight: 400;
  --header-h4-font-style: normal;
  --header-h5-font-family: Inter-Regular, sans-serif;
  --header-h5-font-size: 20px;
  --header-h5-line-height: normal;
  --header-h5-font-weight: 400;
  --header-h5-font-style: normal;
  --header-h6-font-family: Inter-Regular, sans-serif;
  --header-h6-font-size: 16px;
  --header-h6-line-height: normal;
  --header-h6-font-weight: 400;
  --header-h6-font-style: normal;

  /* Effects */
}
/* Figma Color Variables of your File */
:root,
[data-collection-1-mode=] {
  /*  */
  --: #e33c55;
  --: #e33c55;
  --: #eeeeee;
  --: #eeeeee;
  --: #9b9bb0;
  --: rgba(255, 255, 255, 0.55);
  --: #35363d;
  --: #ffffff;
  --: #f76437;
  --: #f76437;
  --: #aa6854;
  --: #aa6854;
  --: #c1c4ce;
  --: #c1c4ce;
  --: #f5f5f5;
  --: #f5f5f5;
  --: #dbe1e6;
  --: #dbe1e6;
  --: #697a91;
  --: rgba(255, 255, 255, 0.77);
  --: #3e82f4;
  --: #ffffff;
  --or: #436eeb;
  --or: #ffffff;
}