/* Figma Styles of your File */
:root {
  /* Colors */
  --: #efefef;
  --icon: #d7e2ff;
  --: #404040;
  --: #999999;
  --icon: rgba(209, 198, 255, 0.3);
  --: #d1c6ff;
  --icon: rgba(23, 185, 93, 0.1);
  --: #efefef;
  --: #d9d9d9;

  /* Fonts */
  ---font-family: SourceHanSansCn-Heavy, sans-serif;
  ---font-size: 42px;
  ---line-height: normal;
  ---font-weight: 400;
  ---font-style: normal;
  ---font-family: SourceHanSansCn-Normal, sans-serif;
  ---font-size: 20px;
  ---line-height: normal;
  ---font-weight: 400;
  ---font-style: normal;
  ---font-family: SourceHanSansCn-Regular, sans-serif;
  ---font-size: 24px;
  ---line-height: 48px;
  ---font-weight: 400;
  ---font-style: normal;
  ---font-family: SourceHanSansCn-Bold, sans-serif;
  ---font-size: 34px;
  ---line-height: normal;
  ---font-weight: 700;
  ---font-style: normal;
  ---font-family: SourceHanSansCn-Bold, sans-serif;
  ---font-size: 34px;
  ---line-height: normal;
  ---font-weight: 700;
  ---font-style: normal;
  ---font-family: SourceHanSansCn-Normal, sans-serif;
  ---font-size: 20px;
  ---line-height: normal;
  ---font-weight: 400;
  ---font-style: normal;
  ---font-family: SourceHanSansCn-Medium, sans-serif;
  ---font-size: 22px;
  ---line-height: normal;
  ---font-weight: 500;
  ---font-style: normal;
  --footer-font-family: SourceHanSansCn-Normal, sans-serif;
  --footer-font-size: 16px;
  --footer-line-height: normal;
  --footer-font-weight: 400;
  --footer-font-style: normal;
  --footer-font-family: SourceHanSansCn-Bold, sans-serif;
  --footer-font-size: 24px;
  --footer-line-height: normal;
  --footer-font-weight: 700;
  --footer-font-style: normal;
  ---font-family: SourceHanSansCn-Bold, sans-serif;
  ---font-size: 22px;
  ---line-height: normal;
  ---font-weight: 700;
  ---font-style: normal;
  ---font-family: SourceHanSansCn-Medium, sans-serif;
  ---font-size: 18px;
  ---line-height: normal;
  ---font-weight: 500;
  ---font-style: normal;
  ---font-family: SourceHanSansCn-Normal, sans-serif;
  ---font-size: 18px;
  ---line-height: normal;
  ---font-weight: 400;
  ---font-style: normal;
  ---font-family: SourceHanSansCn-Bold, sans-serif;
  ---font-size: 20px;
  ---line-height: 36px;
  ---font-weight: 700;
  ---font-style: normal;
  ---font-family: SourceHanSansCn-Regular, sans-serif;
  ---font-size: 22px;
  ---line-height: 48px;
  ---font-weight: 400;
  ---font-style: normal;
  ---font-family: SourceHanSansCn-Regular, sans-serif;
  ---font-size: 18px;
  ---line-height: 36px;
  ---font-weight: 400;
  ---font-style: normal;
  ---font-family: SourceHanSansCn-Regular, sans-serif;
  ---font-size: 24px;
  ---line-height: 48px;
  ---font-weight: 400;
  ---font-style: normal;

  /* Effects */
  ---box-shadow: 4px 4px 20px 0px rgba(108, 108, 108, 0.25);
  ---box-shadow: 0px 30px 35px 0px rgba(0, 0, 0, 0.25);
  ---box-shadow: 4px 4px 4px 1px rgba(165, 165, 165, 0.5);
  --icon-filter: blur(2px);
  ---box-shadow: 4px 4px 10px 0px rgba(152, 152, 152, 1);
}
/* Figma Color Variables of your File */
[data-variable-collection-mode="mode-1"] {
  /* mode-1 */
  --: #404040;
}
