:root {
  --white-color: #FFFFFF;  /* Text&IconAnti */
  --primary-color: #3C3CE8; /* Brand */
  --Brand-gradient: linear-gradient(265.56deg, #5858FF -0.27%, #3C3CE8 98.59%);

  --bk-blue-1: #F0F0FE;   /* Brand10:F0F0FE */
  --bk-blue-2: #D8D8FC;   /* Brand20：D8D8FC */
  --bk-blue-3: #B9B9F9;   /* Brand30：B9B9F9 */
  --bk-blue-4: #9A9AF7;   /* Brand40：9A9AF7 */
  --bk-blue-5: #5858FF;   /* Brand45：5858FF */
  --bk-blue-6: #3C3CE8;   /* Brand */

  --bk-green-1: #EBF8F1;   /* Success10：EBF8F1 */
  --bk-green-2: #D2EEDF;   /* Success20：D2EEDF */
  --bk-green-3: #A8DDC4;   /* Success30：A8DDC4 */
  --bk-green-4: #7DCCA9;   /* Success40：7DCCA9 */
  --bk-green-5: #1BBB7D;   /* Success45：1BBB7D */
  --bk-green-6: #35AB71;   /* Success */

  --bk-red-1: #FCEBE9;   /* Error10：FCEBE9 */
  --bk-red-2: #F8D2CF;   /* Error20：F8D2CF */
  --bk-red-3: #F1A9A3;   /* Error30：F1A9A3 */
  --bk-red-4: #EA8178;   /* Error40：EA8178 */
  --bk-red-5: #FA3E57;   /* Error45：FA3E57 */
  --bk-red-6: #DE4D42;   /* Error */

  --bk-warn-1: #FFF2EA;   /* Warning10：FFF2EA */
  --bk-warn-2: #FFE0CE;   /* Warning20：FFE0CE */
  --bk-warn-3: #FFC9A8;   /* Warning30：FFC9A8 */
  --bk-warn-4: #FFB283;   /* Warning40：FFB283 */
  --bk-warn-5: #FF7C25;   /* Warning */
  --bk-warn-6: #FF7C25;   /* Warning */

  --bk-gray-1: #FFFFFF;   /* Neutral0 */
  --bk-gray-2: #FFFFFF;   /* Neutral0 */
  --bk-gray-3: #FFFFFF;   /* Neutral0 */
  --bk-gray-4: #F2F2F2;   /* Neutral5 */
  --bk-gray-5: #CCCCCC;   /* Neutral20 */
  --bk-gray-6: #F2F2F2;   /* Neutral5 */
  --bk-gray-7: #B3B3B3;   /* Neutral30 */
  --bk-gray-8: #A6A6A6;   /* Neutral35 */
  --bk-gray-9: #999999;   /* Neutral40 */
  --bk-gray-10: #808080;  /* Neutral50 */
  --bk-gray-11: #E6E6E6; /* 按钮disable(后期还原新增色值) */ /* Neutral10 */

  --TextIconPrimary: #000000;                       
  --TextIconSecondary: #666666;                     
  --Brand: #3C3CE8;                                
  --Success: #35AB71;                               
  --Error: #DE4D42;                                 
  --Warning: #FCA044;                              
  --TextIconDisabled: #CCCCCC;  /* 0.25 */         
  --TextIconPlaceholder: #999999; /* 0.45 */        

  --bgColorPage: #FFFFFF;        
  --bgColorPageHover: #F2F2F2;   
  --bgColorInput: #F7F8FA;       
  --svg-gray: #CCCEDF;               /* SVG 的背景色 */
  --bgColorPageTrade: #FFFFFF;       /*  交易界面bg */
  --bgColorCard: #FFFFFF; 
  --bgColorDividerBlock: #F6F6F6;
  --bgColorbutton: #F8F9FC;
  --bgColorbuttonhover: #E6E8F0;

  /* 分割线 */
  --borderColorDivider: #E1E3EC;       
  --borderColorInput: #E6E6E6;       
  --borderColorInputHover: #3C3CE8;

  /* 补充规范颜色 */
  --BrandHover: #5858FF;
  --BrandActive: #2929CF;
  --BrandDisabled: #B9B9F9;
  --ErrorHover: #EA8178;
  --ErrorActive: #C43A30;
  --ErrorDisabled: #F1A9A3;
  --WarningHover: #FFB283;
  --WarningActive: #F08A25;
  --WarningDisabled: #FFC9A8;
  --SuccessHover: #7DCCA9;
  --SuccessActive: #2B8D5D;
  --SuccessDisabled: #A8DDC4;

  /* 颜色rgb */
  --Success-rgb: 53, 171, 113;
  --Error-rgb: 222, 77, 66;
  --Warning-rgb:  252, 160, 68;
  --Brand-rgb: 60, 60, 232;
  --BrandDisabled-rgb: 185, 185, 249;
  --BrandActive-rgb: 41, 41, 207;

  --box-shadow: 0px 4px 24px 0px rgba(88, 102, 126, 0.1);

  --overlay-hover-bg: var(--bgColorPageHover);  

  --xsSize: 12px;
  --linkSize: 12px;
  --smallSize: 13px;
  --textSize: 14px;
  --lgTextSize: 15px;
  --titleSize: 16px;
  --lgTitleSize: 18px;
  --h6Size: 20px;
  --h5Size: 24px;
  --h4Size: 28px;
  --h3Size: 32px;
  --h2Size: 40px;
  --h1Size: 56px;
  --bigSize: 62px;

  --border-radius: 6px;
  --small-border-radius: 2px;
  --lg-border-radius: 9px;

}

html[theme="black"],.dark-theme-module {
  --white-color: #FFFFFF;  /* Text&IconAnti */
  --primary-color: #3C3CE8; /* Brand */
  --Brand-gradient: linear-gradient(265.56deg, #5858FF -0.27%, #3C3CE8 98.59%);

  --bk-blue-1: #101083;   /* Brand90 */
  --bk-blue-2: #101083;   /* Brand90 */
  --bk-blue-3: #17179C;   /* Brand80 */
  --bk-blue-4: #1F1FB6;   /* Brand70 */
  --bk-blue-5: #2929CF;   /* Brand60 */
  --bk-blue-6: #3C3CE8;   /* Brand */

  --bk-green-1: #123623;   /* Success90 */
  --bk-green-2: #123623;   /* Success90 */
  --bk-green-3: #1A5336;   /* Success80 */
  --bk-green-4: #22704A;   /* Success70 */
  --bk-green-5: #2B8D5D;   /* Success60 */
  --bk-green-6: #1BBB7D;   /* Success */

  --bk-red-1: #5C1B16;   /* Error90 */
  --bk-red-2: #5C1B16;   /* Error90 */
  --bk-red-3: #7F251E;   /* Error80 */
  --bk-red-4: #A22F26;   /* Error70 */
  --bk-red-5: #C43A30;   /* Error60 */
  --bk-red-6: #FA3E57;   /* Error */

  --bk-warn-1: #9B3E05;   /* Warning90 */
  --bk-warn-2: #9B3E05;   /* Warning90 */
  --bk-warn-3: #B84C07;   /* Warning80 */
  --bk-warn-4: #D45A0A;   /* Warning70 */
  --bk-warn-5: #F0670E;   /* Warning60 */
  --bk-warn-6: #FF7C25;   /* Warning */

  --bk-gray-1: #3D3F50;  /* Dark0 */
  --bk-gray-2: #3D3F50;  /* Dark0 */
  --bk-gray-3: #3D3F50;  /* Dark0 */
  --bk-gray-4: #3A3C4C;  /* Dark5 */
  --bk-gray-5: #313340;  /* Dark20 */
  --bk-gray-6: #1F2128;  /* Dark50 */
  --bk-gray-7: #2B2D38;  /* Dark30 */
  --bk-gray-8: #282A34 ;  /* Dark35 */
  --bk-gray-9: #252730;  /* Dark40 */
  --bk-gray-10: #1F2128;  /* Dark50 */
  --bk-gray-11: #373948;  /* 按钮disable(后期还原新增色值) */  /* Dark10 */

  --TextIconPrimary: #FFFFFF;                      
  --TextIconSecondary: #999999;                      
  --Brand: #3C3CE8;                     
  --Success: #21C389;                 
  --Error: #FF455D;                  
  --Warning: #FCA044;                 
  --TextIconDisabled: #333333;     
  --TextIconPlaceholder: #666666;      

  --bgColorPage: #0C0D11;   
  --bgColorPageHover: #1F2128; 
  --bgColorInput: #282A34;   
  --svg-gray: #8E91AB;            /* SVG 的背景色 */ 
  --bgColorPageTrade: #121419;
  --bgColorCard: #0F1015;  
  --bgColorDividerBlock: #09090C; 
  --bgColorbutton: #171B26;
  --bgColorbuttonhover: #3A415A;

  /* 分割线 */
  --borderColorDivider: #2E303C;     
  --borderColorInput: #373948;      
  --borderColorInputHover: #FFFFFF;

  /* 补充规范颜色 */
  --BrandHover: #5858FF;
  --BrandActive: #9A9AF7;
  --BrandDisabled: #1F1FB6;
  --ErrorHover: #CF2E43;
  --ErrorActive: #EA8178;
  --ErrorDisabled: #A22F26;
  --WarningHover: #F08A25;
  --WarningActive: #FFB283;
  --WarningDisabled: #BB6A1B;
  --SuccessHover: #2B8D5D;
  --SuccessActive: #7DCCA9;
  --SuccessDisabled: #22704A;

  /* 颜色rgb */
  --Success-rgb: 33, 195, 137;
  --Error-rgb: 255, 69, 93;
  --Warning-rgb:  252, 160, 68;
  --Brand-rgb: 60, 60, 232;
  --BrandDisabled-rgb: 31, 31, 182;
  --BrandActive-rgb: 154, 154, 247;

  --box-shadow: rgb(0 0 0 / 9%) 0px 7px 14px, rgb(0 0 0 / 9%) 0px 3px 6px, rgb(94 102 115 / 95%) 0px 0px 1px inset;

  --overlay-hover-bg: var(--bgColorPageHover);  
}


/* select css */
.bkreact-select-dropdown {
  box-shadow: var(--box-shadow);
}
.bkreact-select-arrow {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: all .3s;
}
.bkreact-select-arrow:after {
  font-family: bkreact-iconfont;
  content: '\e62f';
  display: inline-block;
  font-size: 100%;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  transform: rotate(180deg);
  transition: all .6s;
  font-size: 16px;
  color: var(--TextIconSecondary);
}
.bkreact-select-open .bkreact-select-arrow:after {
  transform: rotate(360deg);
}

.bkreact-select-item-option-state {
  display: none;
}