:root{
  --bg-BasicBg:#ffffff;
  --bg-SecondaryBg:#fafafa;
  --bg-Input:#f5f5f5;
  --line-InputLine:#d8dce1;
  --bg-CardBg:#ffffff;
  --bg-DisableBtn:#eaecef;
  --line-BasicLine:#eaecef;
  --text-Disabled:#b7bdc6;
  --text-PrimaryText:#202630;
  --text-SecondaryText:#474d57;
  --text-TertiaryText:#707a8a;
  --function-EmphasizeText:#ff693d;
  --function-Sell:#f6465d;
  --function-TextSell:#e33b54;
  --function-DepthSellBg:#fef1f2;
  --text-SuccessBg:#e6fff1;
  --text-warning:#996c00;
  --text-Error:#e33b54;
  --text-PrimaryBlue:#0057ff;
  --function-DepthBuyBg:#e6fff1;
  --function-BuyHover:#32d993;
  --function-SellHover:#ff707e;
  --function-Buy:#2ebd85;
  --function-TextBuy:#2ebd85;
  --text-Success:#2ebd85;
  --bg-TagBg:#eaecef;
  --bg-Grid:#eaecef;
  --bg-Placeholder:#b7bdc6;
  --bg-ToastBg:#707a8a;
  --bg-TwoColorIcon:#474d57;
  --text-ErrorBg:rgba(246, 70, 93, 0.1);
  --text-PrimaryBlueHover:#004acc;
  --function-White:#ffffff;
  --function-Black:#000000;
  --text-BrandBlue50:#7eaaff;
}
*{
  font-family: Shentox Medium;
}
@font-face {
  font-family: 'Shentox-Bold';
  src: url('/static/fonts/Shentox-Bold.ttf');
}
.font-bold{
  font-family: 'Shentox-Bold';
  font-weight: normal;
}
.gap-8{
  gap: 0.5rem;
}
.gap-16{
  gap: 1rem;
}
.w-full{
  width: 100%;
}
.flex{
  display: flex;
}
.ac{
  align-items: center;
}
.jc{
  justify-content: center;
}
.jsb{
  justify-content: space-between;
}
.js{
  justify-content: flex-start;
}
.je{
  justify-content: flex-end;
}

.MuiButton-containedDefault {
  background: var(--bg-TagBg, #EAECEF);
}
.MuiButton-containedDefault:hover{
  background: var(--bg-TagBg, #EAECEF);
}
.MuiButton-containedDefault .MuiButton-label{
  color: var(--text-PrimaryText, #202630);
}
.MuiButton-containedDefault:hover .MuiButton-label {
  color: var(--text-TertiaryText, #707A8A);
}

.MuiButton-containedPrimary {
  background: var(--text-PrimaryBlue, #0057FF);
}
.MuiButton-containedPrimary:hover {
  background: var(--text-PrimaryBlueHover, #004ACC);
}
.MuiButton-containedPrimary .MuiButton-label{
  color: var(--bg-BasicBg, #FFF);
}