:root {
  --hbg-global-text-color: #000000;
  --hbg-global-rise-color: #0094ff;
  --hbg-global-fall-color: #e94359;
  --hbg-header-height: 64px;
  --hbg-header-item-height: 64px;
}
@media screen and (max-width: 743px) {
  :root {
    --hbg-header-height: 44px;
    --hbg-header-item-height: 44px;
  }
}
:root .global-common-header--mobile {
  --hbg-header-height: 44px;
  --hbg-header-item-height: 44px;
}
:root .global-common-header--stacking {
  --hbg-header-height: 128px;
}
.hbg-drawer,
.global-common-header {
  --hbg-header-main-bgcolor: #161616;
  --hbg-header-main-txtcolor: #e6e6e6;
  --hbg-header-primary-color: #0094ff;
  --hbg-header-main-hover-bgcolor: #313132;
  --hbg-header-dropdown-bgcolor: #1e1e1f;
  --hbg-header-three-bgcolor: #1e1e1f;
  --hbg-header-three-color: #f0f1f4;
  --hbg-header-three-item-hovercolor: #313132;
  --hbg-header-three-hovercolor: #0094ff;
  --hbg-header-secondary-txtcolor: #8c8c93;
  --hbg-header-tertiary-txtcolor: #b2b8c7;
  --hbg-header-split-color: rgba(255, 255, 255, 0.06);
  --hbg-header-scrollbar-bgcolor: rgba(255, 255, 255, 0.07);
  --hbg-header-button-color: #8c8c93;
  --hbg-header-button-hovercolor: #313132;
  --hbg-header-user-txt-color: #d7ddeb;
}
.hbg-drawer--light,
.global-common-header--light {
  --hbg-header-main-bgcolor: #fff;
  --hbg-header-main-txtcolor: #000;
  --hbg-header-primary-color: #0173e5;
  --hbg-header-main-hover-bgcolor: #f5f5f5;
  --hbg-header-dropdown-bgcolor: #fff;
  --hbg-header-secondary-txtcolor: #565656;
  --hbg-header-tertiary-txtcolor: #575759;
  --hbg-header-three-bgcolor: #fff;
  --hbg-header-three-color: #000000;
  --hbg-header-three-item-hovercolor: #f5f5f5;
  --hbg-header-three-hovercolor: #0173e5;
  --hbg-header-split-color: rgba(0, 0, 0, 0.06);
  --hbg-header-scrollbar-bgcolor: rgba(0, 0, 0, 0.07);
  --hbg-header-button-color: #565656;
  --hbg-header-button-hovercolor: #f5f5f5;
  --hbg-header-user-txt-color: #000;
}
.mini-toastr {
  position: fixed;
  top: 90px;
  right: 15px;
  z-index: 99999999;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #263241;
}
.mini-toastr.rb {
  top: auto;
  top: initial;
  bottom: 36px;
}
@-webkit-keyframes slideInto {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInto {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes enSlideInto {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes enSlideInto {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.mini-toastr__notification {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 220px;
  max-width: 400px;
  margin-bottom: 10px;
  padding: 21px 16px;
  font-size: 14px;
  white-space: pre-wrap;
  text-align: left;
  word-break: break-all;
  background: #fff;
  border-left: 4px solid;
  border-radius: 3px;
  -webkit-box-shadow: 0 4px 16px rgba(69, 97, 137, 0.2);
  box-shadow: 0 4px 16px rgba(69, 97, 137, 0.2);
  cursor: pointer;
}
html.mobile .mini-toastr__notification {
  padding: 42px 32px;
  font-size: 28px;
}
.mini-toastr__notification.devices-toast {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 24px 24px 24px 52px;
  color: #4b5565;
  font-size: 14px;
  line-height: 20px;
}
.mini-toastr__notification.devices-toast .mini-toastr-notification__icon {
  position: absolute;
  top: 24px;
  left: 20px;
  margin: 0;
  color: #0173e5;
}
.mini-toastr__notification.devices-toast .mini-toastr-notification__title {
  color: #1c242c;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.mini-toastr__notification.devices-toast .mini-toastr-notification__message {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 8px;
  color: #4b5565;
}
.mini-toastr__notification.devices-toast a {
  margin-top: 16px;
  font-weight: 500;
  line-height: 14px;
}
.mini-toastr-in {
  -webkit-animation: slideInto 0.5s;
  animation: slideInto 0.5s;
}
.mini-toastr-out {
  -webkit-transform: translateX(120%);
  transform: translateX(120%);
  -webkit-transition: ease-out 0.8s;
  transition: ease-out 0.8s;
}
.mini-toastr-notification__icon {
  display: inline-block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  font-size: 20px;
  line-height: 20px;
}
html.mobile .mini-toastr-notification__icon {
  width: 30px;
  height: 30px;
  font-size: 30px;
  line-height: 30px;
}
.-error {
  border-left-color: #fa5252;
}
.-success {
  border-left-color: #12b886;
}
.-info {
  border-left-color: #0173e5;
}
.fed-icon__arrow {
  position: relative;
  width: 20px;
  height: 20px;
  display: inline-block;
}
.fed-icon__arrow::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 8px;
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-arrow-right.dd8e5803.svg) no-repeat;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
}
.fed-icon__arrow--white::after {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-arrow-right-white.d178a56a.svg);
}
.fed-icon__arrow--right {
  position: relative;
  width: 20px;
  height: 20px;
  display: inline-block;
}
.fed-icon__arrow--right::after {
  position: absolute;
  top: 50%;
  left: 100%;
  width: 5px;
  height: 8px;
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-arrow-right.dd8e5803.svg) no-repeat;
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
  content: "";
}
.fed-icon__arrow--right--white::after {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-arrow-right-white.d178a56a.svg);
}
.hbg-drawer--dark .fed-icon__arrow--right::after,
.global-common-header--dark .fed-icon__arrow--right::after {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-arrow-right--dark.185ee9a6.svg);
}
.hbg-drawer--dark .fed-icon__arrow::after,
.global-common-header--dark .fed-icon__arrow::after {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-arrow-right--dark.185ee9a6.svg);
}
i.coin-icon_box {
  display: inline-block;
  overflow: hidden;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 50%;
}
i.coin-icon_box .coin_icon {
  width: 100%;
  height: 100%;
  vertical-align: middle;
  border-radius: 50%;
  opacity: 0;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  outline: none;
}
.tile {
  display: block;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-align: stretch;
  align-items: stretch;
  min-height: -webkit-min-content;
  min-height: -moz-min-content;
  min-height: min-content;
}
.fed-ly-columns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}
.fed-ly-columns > * {
  margin-bottom: 2px;
}
.fed-ly-columns > :last-child {
  margin-bottom: 0;
}
.fed-ly-columns.is-right {
  -ms-flex-align: end;
  align-items: flex-end;
}
.fed-ly-columns.is-right .hbg-finance-cell-item__label {
  font-weight: 500;
}
.fed-text-align.is-right {
  text-align: right;
}
.loading-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}
.loading-container .img-container {
  width: 32px;
  height: 32px;
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/loading.d6985980.svg) no-repeat center;
  background-size: 32px 32px;
}
.coin_box {
  display: inline-block;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  justify-items: center;
  overflow: hidden;
  font-size: 0;
  background-size: contain;
  border-radius: 50%;
}
.coin_box .coin_icon {
  width: 100%;
  height: 100%;
  vertical-align: middle;
  border-radius: 50%;
  opacity: 0;
}
.animated {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes noani {
  from {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
@keyframes noani {
  from {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes logo {
  from {
    background: rgba(255, 255, 255, 0.4);
    -webkit-transform: skewX(25deg) translate(-20px);
    transform: skewX(25deg) translate(-20px);
  }
  to {
    background: #fff;
    -webkit-transform: skewX(25deg) translate(100px);
    transform: skewX(25deg) translate(100px);
  }
}
@keyframes logo {
  from {
    background: rgba(255, 255, 255, 0.4);
    -webkit-transform: skewX(25deg) translate(-20px);
    transform: skewX(25deg) translate(-20px);
  }
  to {
    background: #fff;
    -webkit-transform: skewX(25deg) translate(100px);
    transform: skewX(25deg) translate(100px);
  }
}
@-webkit-keyframes fadeInDropdown {
  from {
    -webkit-transform: translate3d(0, -48px, 0);
    transform: translate3d(0, -48px, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInDropdown {
  from {
    -webkit-transform: translate3d(0, -48px, 0);
    transform: translate3d(0, -48px, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeOutDropdown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, -48px, 0);
    transform: translate3d(0, -48px, 0);
    opacity: 0;
  }
}
@keyframes fadeOutDropdown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, -48px, 0);
    transform: translate3d(0, -48px, 0);
    opacity: 0;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInRight {
  from {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInRight {
  from {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes widthIn {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes widthIn {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.vue-recycle-scroller {
  position: relative;
}
.vue-recycle-scroller.direction-vertical:not(.page-mode) {
  overflow-y: auto;
}
.vue-recycle-scroller.direction-horizontal:not(.page-mode) {
  overflow-x: auto;
}
.vue-recycle-scroller.direction-horizontal {
  display: -ms-flexbox;
  display: flex;
}
.vue-recycle-scroller__slot {
  -ms-flex: auto 0 0px;
  flex: auto 0;
  -webkit-box-flex: 1;
}
.vue-recycle-scroller__item-wrapper {
  position: relative;
  -ms-flex: 1;
  flex: 1 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-box-flex: 1;
}
.vue-recycle-scroller.ready .vue-recycle-scroller__item-view {
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
}
.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper {
  width: 100%;
}
.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper {
  height: 100%;
}
.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view {
  width: 100%;
}
.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view {
  height: 100%;
}
.resize-observer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
  border: none;
  opacity: 0;
  pointer-events: none;
}
.resize-observer object {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}
.hbg-drawer,
.global-common-header {
  --fed-btn-triangle-border-color: rgba(255, 255, 255, 0.15);
  --fed-btn-block-bgcolor: #1e1e1f;
  --fed-btn-block-bgcolor-hover: #313132;
  --fed-btn-block-txt-color: #d7ddeb;
  --fed-btn-block-hovercolor: #8c8c93;
  --fed-btn-default-color: #0094ff;
  --fed-btn-default-bgcolor: rgba(1, 115, 229, 0.1);
  --fed-btn-primary-color: #fff;
  --fed-btn-primary-bgcolor: #0094ff;
}
.hbg-drawer--light,
.global-common-header--light {
  --fed-btn-triangle-border-color: rgba(0, 0, 0, 0.15);
  --fed-btn-block-bgcolor: #fff;
  --fed-btn-block-bgcolor-hover: #f0f0f0;
  --fed-btn-block-txt-color: #000;
  --fed-btn-block-hovercolor: #8a8a8e;
  --fed-btn-default-color: #0173e5;
  --fed-btn-default-bgcolor: rgba(1, 115, 229, 0.1);
  --fed-btn-primary-color: #fff;
  --fed-btn-primary-bgcolor: #007cd6;
}
.fed-btn-triangle {
  position: relative;
  height: 18px;
  padding: 0 11px 0 2px;
  display: inline-block;
  overflow: visible;
  color: var(--hbg-header-main-txtcolor);
  font-size: 12px;
  line-height: 16px;
  border-top: 1px solid var(--fed-btn-triangle-border-color);
  border-bottom: 1px solid var(--fed-btn-triangle-border-color);
}
.fed-btn-triangle::before {
  position: absolute;
  top: -1px;
  left: 0;
  height: 12px;
  border-left: 1px solid var(--fed-btn-triangle-border-color);
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  content: "";
}
.fed-btn-triangle::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 12px;
  border-left: 1px solid var(--fed-btn-triangle-border-color);
  -webkit-transform: rotate(-42deg);
  transform: rotate(-42deg);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  content: "";
}
.fed-btn-block {
  height: 48px;
  color: var(--fed-btn-block-txt-color);
  background: var(--fed-btn-block-bgcolor);
  line-height: 48px;
  text-align: center;
  cursor: pointer;
}
.fed-btn-block:hover {
  color: var(--fed-btn-block-hovercolor);
  background: var(--fed-btn-block-bgcolor-hover);
}
.fed-btn {
  height: 30px;
  padding: 0 16px;
  display: inline-block;
  border-radius: 4px;
  color: var(--fed-btn-default-color);
  line-height: 30px;
  white-space: nowrap;
  text-align: center;
  text-decoration: none;
  background: var(--fed-btn-default-bgcolor);
  cursor: pointer;
}
.fed-btn--primary {
  color: var(--fed-btn-primary-color);
  background: var(--fed-btn-primary-bgcolor);
}
.fed-btn--primary:hover {
  color: var(--fed-btn-primary-color);
  background: var(--fed-btn-primary-bgcolor);
}
.fed-btn--block {
  display: block;
}
.hbg-drawer,
.global-common-header {
  --hbg-cell-subtitle-color: rgba(240, 241, 244, 0.5);
}
.hbg-drawer--light,
.global-common-header--light {
  --hbg-cell-subtitle-color: rgba(0, 0, 0, 0.5);
}
.hbg-cell {
  height: 44px;
  padding: 0 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.hbg-cell__title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1 1;
  justify-items: center;
  font-size: 14px;
}
.hbg-cell__title p {
  margin: 0;
}
.hbg-cell__kyc {
  line-height: 18px;
}
.hbg-cell__kyc p {
  max-width: 185px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hbg-cell__kyc i {
  width: 20px;
  height: 14px;
  margin: 3px 0 0 8px;
  display: block;
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/duomini-logo.43dd7d6b.svg);
}
.hbg-cell__kyc span {
  height: 20px;
  margin-left: 8px;
  padding: 0 4px;
  display: block;
  font-size: 12px;
  line-height: 18px;
  border-radius: 2px;
}
.hbg-cell__kyc_c0 {
  color: #00a171;
  border: 1px solid #00a171;
}
.hbg-cell__kyc_c1 {
  color: #fe8731;
  border: 1px solid #fe8731;
}
.hbg-cell__kyc_c2 {
  color: #edbf60;
  border: 1px solid #edbf60;
}
.hbg-cell__icon {
  width: 24px;
  height: 24px;
  margin-right: 4px;
}
.hbg-cell__content {
  color: var(--hbg-cell-subtitle-color);
  font-size: 14px;
}
.hbg-cell.is-link {
  cursor: pointer;
}
.hbg-cell.is-link:hover {
  color: var(--hbg-header-main-txtcolor);
  background: var(--hbg-header-main-hover-bgcolor);
}
a.hbg-cell {
  color: var(--hbg-header-main-txtcolor);
  text-decoration: none;
  cursor: pointer;
}
a.hbg-cell:hover {
  color: var(--hbg-header-main-txtcolor);
}
.hbg-cell-group {
  background: var(--hbg-header-main-bgcolor);
}
.fed-nft-avatar {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.fed-nft-avatar__lottie {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.fed-nft-avatar--mask {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 90%;
  height: 90%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-mask-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/nft-mask.51463a4f.png);
  mask-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/nft-mask.51463a4f.png);
  -webkit-mask-mode: match-source;
  mask-mode: match-source;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
}
.fed-nft-avatar--mask > img {
  width: 100% !important;
  height: 100% !important;
}
.fed-nft-avatar-mask {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%) rotate(120deg);
  transform: translate(-50%, -50%) rotate(120deg);
}
.fed-nft-avatar-mask__box2 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.fed-nft-avatar-mask__box3 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.hbg-drawer,
.global-common-header {
  --dropdown-content-subtitle-color: #5e5e61;
  --dropdown-active-bg-color: #313132;
  --dropdown-txt-color: #e6e6e6;
}
.hbg-drawer--light,
.global-common-header--light {
  --dropdown-content-subtitle-color: #8a8a8e;
  --dropdown-active-bg-color: #f5f5f5;
  --dropdown-txt-color: #000;
}
.hbg-drawer--light .hb-dropdown--open .toggle .toggle__triangle,
.global-common-header--light .hb-dropdown--open .toggle .toggle__triangle {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-dropdown-arrow-active_light.0f59ba7f.svg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.hb-dropdown-wrap {
  position: relative;
  display: inline-block;
}
.hb-dropdown-wrap .hb-dropdown__content {
  position: absolute;
  z-index: 9999;
  display: none;
  overflow: hidden;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.06);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.06);
}
.hb-dropdown-wrap .hb-dropdown__content.show {
  display: block;
}
.hb-dropdown-wrap .hb-dropdown__trigger {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.hb-dropdown-wrap .toggle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 12px;
}
.hb-dropdown-wrap .toggle .toggle__triangle {
  width: 14px;
  height: 14px;
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-dropdown-arrow.a0cf0645.svg) no-repeat;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.hb-dropdown-wrap .toggle .toggle__triangle--expend {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-dropdown-arrow-active.a116b86f.svg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.trade-financing-dropdown .hb-dropdown__content {
  overflow: inherit !important;
}
.trade-financing-dropdown .hb-dropdown__content .hbg-seting {
  overflow: inherit !important;
}
.hbg_small_search_dropdown .hb-dropdown__content {
  right: -80px !important;
}
.hb-menu-dropdown .toggle {
  color: var(--hbg-header-main-txtcolor);
  cursor: pointer;
}
.hb-menu-dropdown .toggle__title {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
}
.hb-menu-dropdown .toggle__title .hbg-title-tag1 {
  position: absolute;
  top: -10px;
  left: 100%;
  -webkit-transform: translateX(-12px);
  transform: translateX(-12px);
}
.hb-menu-dropdown .toggle__icon {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.hb-menu-dropdown__body {
  height: 100%;
  padding: 12px 4px;
  color: var(--hbg-header-main-txtcolor);
  font-size: 14px;
  background: var(--hbg-header-dropdown-bgcolor);
  border-radius: 0 0 8px 8px;
}
.hb-menu-dropdown__body--single {
  min-width: 288px;
  max-width: 400px;
  height: 100%;
}
.hb-menu-dropdown__body--multi {
  display: -ms-flexbox;
  display: flex;
  min-width: 200px;
  height: 100%;
  max-height: 500px;
}
.hb-menu-dropdown__body--multi > div {
  -ms-flex: 1;
  flex: 1 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.hb-menu-dropdown__body--default {
  padding: 0;
}
.hb-menu-dropdown__body > div {
  height: 100%;
  overflow: auto;
}
.hb-menu-dropdown__body__items {
  -ms-flex: 1;
  flex: 1 1;
  overflow: auto;
}
.hb-menu-dropdown__body__items::-webkit-scrollbar {
  width: 5px;
  background: transparent;
  border-radius: 0;
}
.hb-menu-dropdown__body__items::-webkit-scrollbar-thumb {
  width: 5px;
  background-color: var(--hbg-header-scrollbar-bgcolor);
  border-radius: 0;
}
.hb-menu-dropdown__body__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 52px;
  padding: 16px 24px;
  overflow: hidden;
  color: var(--dropdown-txt-color);
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.hb-menu-dropdown__body__item:hover,
.hb-menu-dropdown__body__item:active {
  background: var(--dropdown-active-bg-color);
}
.hb-menu-dropdown__body__item.active {
  padding-right: 40px;
  font-weight: 500;
  background: var(--dropdown-active-bg-color);
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/checked.944c0a43.svg);
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 14px 14px;
}
.hb-menu-dropdown__body__item--multi {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 200px;
}
.hb-menu-dropdown__body__item--single {
  height: 100%;
  overflow: auto;
}
.hb-menu-dropdown__body__item--single::-webkit-scrollbar {
  width: 5px;
  background: transparent;
  border-radius: 0;
}
.hb-menu-dropdown__body__item--single::-webkit-scrollbar-thumb {
  width: 5px;
  background-color: var(--hbg-header-scrollbar-bgcolor);
  border-radius: 0;
}
.hb-menu-dropdown__body__item__icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.hb-menu-dropdown__body__item__txt {
  position: relative;
  -ms-flex: 1;
  flex: 1 1;
  overflow: hidden;
  line-height: 18px;
  white-space: normal;
  text-overflow: ellipsis;
}
.hb-menu-dropdown__body__item__sub {
  padding: 16px 0 4px 24px;
  color: var(--dropdown-content-subtitle-color);
  line-height: 1.4;
  text-align: left;
}
.hb-dropdown--open .toggle {
  position: relative;
  color: var(--hbg-header-main-txtcolor);
  background: var(--hbg-header-dropdown-bgcolor);
}
.hb-dropdown--open .toggle::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: none;
  width: 100%;
  height: 2px;
  background: #0094ff;
  -webkit-animation-name: widthIn;
  animation-name: widthIn;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  content: "";
}
.hb-dropdown--open .toggle .toggle__triangle {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-dropdown-arrow-active.a116b86f.svg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.hb-dropdown--open .hb-menu-dropdown__body {
  -webkit-animation-name: fadeInDropdown;
  animation-name: fadeInDropdown;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: cubic-bezier(0.16, 0, 0.18, 1);
  animation-timing-function: cubic-bezier(0.16, 0, 0.18, 1);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.hb-dropdown--hide .toggle {
  position: relative;
  color: var(--hbg-header-main-txtcolor);
  background: var(--hbg-header-dropdown-bgcolor);
}
.hb-dropdown--hide .toggle::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: none;
  width: 100%;
  height: 2px;
  background: #0094ff;
  -webkit-animation-name: widthIn;
  animation-name: widthIn;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  content: "";
}
.hb-dropdown--hide .toggle .toggle__triangle {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-dropdown-arrow-active.a116b86f.svg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.hb-dropdown--hide .hb-menu-dropdown__body {
  -webkit-animation-name: fadeInDropdown;
  animation-name: fadeInDropdown;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: cubic-bezier(0.16, 0, 0.18, 1);
  animation-timing-function: cubic-bezier(0.16, 0, 0.18, 1);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.hb-dropdown--hide .toggle {
  color: var(--hbg-header-main-txtcolor);
  background: var(--hbg-header-main-bgcolor);
}
.hb-dropdown--hide .toggle .toggle__triangle {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-dropdown-arrow.a0cf0645.svg);
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.hb-dropdown--hide .hb-dropdown__content {
  overflow: hidden !important;
  pointer-events: none;
}
.hb-dropdown--hide .hb-menu-dropdown__body {
  -webkit-animation-name: fadeOutDropdown;
  animation-name: fadeOutDropdown;
  -webkit-animation-duration: 0.27s;
  animation-duration: 0.27s;
  -webkit-animation-timing-function: cubic-bezier(0.16, 0, 0.18, 1);
  animation-timing-function: cubic-bezier(0.16, 0, 0.18, 1);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  pointer-events: none;
}
.header-nav__right .hb-dropdown__content {
  -webkit-box-shadow: var(--hbg-dropdown-shadow);
  box-shadow: var(--hbg-dropdown-shadow);
}
.global-common-header {
  --hbg-dropdown-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.4);
}
.global-common-header--light {
  --hbg-dropdown-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
}
.hbg-dropdown-v2 {
  position: relative;
}
.hbg-dropdown-v2 :nth-child(1) {
  z-index: 3;
}
.hbg-dropdown-v2 :nth-child(2) {
  z-index: 2;
}
.hbg-dropdown-v2__trigger {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 0 12px;
  color: var(--hbg-header-main-txtcolor);
  background: var(--hbg-header-main-bgcolor);
  cursor: pointer;
}
.hbg-dropdown-v2__trigger-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.hbg-dropdown-v2__trigger-title em {
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  white-space: nowrap;
}
.hbg-dropdown-v2__trigger-float-img {
  max-height: 64px;
  vertical-align: bottom;
}
.hbg-dropdown-v2__trigger-triangle {
  width: 14px;
  height: 14px;
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-dropdown-arrow.a0cf0645.svg) no-repeat center center;
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}
.hbg-dropdown-v2__trigger-triangle--expend {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.hbg-dropdown-v2__content {
  display: none;
  overflow: inherit !important;
  border-radius: 0 0 8px 8px;
  -webkit-box-shadow: var(--hbg-dropdown-shadow);
  box-shadow: var(--hbg-dropdown-shadow);
}
.hbg-dropdown-v2__body {
  padding: 12px 4px;
  background: var(--hbg-header-dropdown-bgcolor);
  border-radius: 0 0 8px 8px;
}
.hbg-dropdown-v2__body-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 80px;
  padding: 16px 24px 16px 0;
  cursor: pointer;
}
.hbg-dropdown-v2__body-item-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 70px;
  padding-left: 10px;
}
.hbg-dropdown-v2__body-item-icon-img {
  width: 30px;
  height: 30px;
}
.hbg-dropdown-v2__body-item-icon-placeholder {
  width: 30px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
}
.hbg-dropdown-v2__body-item-content {
  -ms-flex: 1;
  flex: 1 1;
}
.hbg-dropdown-v2__body-item-title {
  margin-bottom: 4px;
  color: var(--hbg-header-main-txtcolor);
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.hbg-dropdown-v2__body-item-title-sub-float {
  position: relative;
  display: inline;
}
.hbg-dropdown-v2__body-item-title-sub-float-img {
  position: absolute;
  bottom: 0;
  left: 10px;
  height: 34px;
}
.hbg-dropdown-v2__body-item-subtitle {
  display: -webkit-box;
  overflow: hidden;
  color: var(--hbg-header-main-txtcolor);
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
  text-overflow: ellipsis;
  opacity: 0.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.hbg-dropdown-v2__body-item-three-right-icon {
  opacity: 0.5;
}
.hbg-dropdown-v2__body-item:hover .hbg-dropdown-v2__body-item-three-right-icon {
  opacity: 1;
}
.hbg-dropdown-v2__body-item:hover .hbg-dropdown-v2__body-item-three-nav-wrap {
  display: block;
}
.hbg-dropdown-v2__body-item-three-nav-wrap {
  position: absolute;
  top: 0;
  left: 340px;
  z-index: 5;
  display: none;
  width: 344px;
  padding: 0 0 0 4px;
  color: var(--hbg-header-three-color);
  background: transparent;
  border-radius: 0 0 8px 8px;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.06);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.06);
  cursor: auto;
  cursor: initial;
}
.hbg-dropdown-v2__body-item-three-nav-wrap > div {
  position: relative;
  height: 100%;
  padding: 12px 4px;
  background: var(--hbg-header-three-bgcolor);
  border-radius: 0 0 8px 8px;
}
.hbg-dropdown-v2__body-item-three-nav-wrap-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 44px;
  padding-left: 24px;
  font-size: 14px;
  line-height: 44px;
  cursor: pointer;
}
.hbg-dropdown-v2__body-item-three-nav-wrap-item span {
  display: inline-block;
  width: 100%;
  line-height: 16px;
  white-space: normal;
  overflow-wrap: break-word;
}
.hbg-dropdown-v2__body-item-three-nav-wrap-item:hover {
  color: var(--hbg-header-three-hovercolor);
  font-weight: 500;
  background: var(--hbg-header-three-item-hovercolor);
}
.hbg-dropdown-v2__body-item:hover {
  background: var(--hbg-header-main-hover-bgcolor);
}
.hbg-dropdown-v2__body-item:hover .hbg-dropdown-v2__body-item-title {
  font-weight: 500;
}
.hbg-dropdown-v2__body-muti {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
}
.hbg-dropdown-v2__body-muti .hbg-dropdown-v2__body-group {
  -ms-flex: 1;
  flex: 1 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.hbg-dropdown-v2__body-muti .hbg-dropdown-v2__body-group:hover {
  z-index: 10;
}
.hbg-dropdown-v2--open .hbg-dropdown-v2__trigger {
  position: relative;
  background: var(--hbg-header-dropdown-bgcolor);
}
.hbg-dropdown-v2--open .hbg-dropdown-v2__trigger-triangle {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-dropdown-arrow-active.a116b86f.svg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.hbg-dropdown-v2--open .hbg-dropdown-v2__content {
  display: block;
}
.hbg-dropdown-v2--open .hbg-dropdown-v2__body {
  -webkit-animation-name: fadeInDropdown;
  animation-name: fadeInDropdown;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: cubic-bezier(0.16, 0, 0.18, 1);
  animation-timing-function: cubic-bezier(0.16, 0, 0.18, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.hbg-dropdown-v2--hide .hbg-dropdown-v2__trigger {
  color: var(--hbg-header-main-txtcolor);
  background: var(--hbg-header-main-bgcolor);
}
.hbg-dropdown-v2--hide .hbg-dropdown-v2__trigger-triangle {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-dropdown-arrow.a0cf0645.svg);
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.hbg-dropdown-v2--hide .hbg-dropdown-v2__content {
  overflow: hidden !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  pointer-events: none;
}
.hbg-dropdown-v2--hide .hbg-dropdown-v2__body {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-animation-name: fadeOutDropdown !important;
  animation-name: fadeOutDropdown !important;
  -webkit-animation-duration: 0.27s;
  animation-duration: 0.27s;
  -webkit-animation-timing-function: cubic-bezier(0.16, 0, 0.18, 1);
  animation-timing-function: cubic-bezier(0.16, 0, 0.18, 1);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  pointer-events: none;
}
.global-common-header--light .hbg-dropdown-v2__trigger-triangle {
  width: 14px;
  height: 14px;
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-dropdown-arrow_light.d816ddbd.svg) no-repeat center center;
}
.global-common-header--light .hbg-dropdown-v2--open .hbg-dropdown-v2__trigger-triangle {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-dropdown-arrow-active_light.0f59ba7f.svg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.global-common-header--light .hbg-dropdown-v2--hide .hbg-dropdown-v2__trigger-triangle {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-dropdown-arrow_light.d816ddbd.svg);
}
.hbg-nav-menu-v2 {
  height: 64px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.hbg-nav-menu-v2__item {
  height: 100%;
}
.hbg-nav-menu-v2__item .hbg-dropdown-v2__content {
  width: 344px;
}
.hbg-nav-menu-v2__item .hbg-dropdown-v2__content-muti {
  width: 658px;
}
.hbg-nav-menu-v2__activebar {
  position: absolute;
  z-index: 100;
  top: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  border-top: 2px solid #0173e5;
  pointer-events: none;
}
.hbg-nav-menu-v2__activebar--ani {
  -webkit-transition: all 0.3s cubic-bezier(0.16, 0, 0.18, 1);
  transition: all 0.3s cubic-bezier(0.16, 0, 0.18, 1);
}
.hbg-nav-menu-v2__hover .hbg-dropdown-v2--hide .hbg-dropdown-v2__body {
  -webkit-animation-name: noani;
  animation-name: noani;
  -webkit-animation-duration: 1ms;
  animation-duration: 1ms;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.hbg-nav-menu-v2__hover .hb-dropdown--hide .hb-menu-dropdown__body {
  -webkit-animation-name: noani;
  animation-name: noani;
  -webkit-animation-duration: 1ms;
  animation-duration: 1ms;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.hbg-nav-menu-v2__disable-ani .hbg-dropdown-v2--open .hbg-dropdown-v2__body {
  -webkit-animation: none;
  animation: none;
}
.hbg-nav-menu-v2__disable-ani .hbg-dropdown-v2--hide .hbg-dropdown-v2__body {
  -webkit-animation-name: noani;
  animation-name: noani;
  -webkit-animation-duration: 1ms;
  animation-duration: 1ms;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.hbg-nav-menu-v2__disable-ani .hb-dropdown--open .hb-menu-dropdown__body {
  -webkit-animation: none;
  animation: none;
}
.hbg-nav-menu-v2__disable-ani .hb-dropdown--hide .hb-menu-dropdown__body {
  -webkit-animation-name: noani;
  animation-name: noani;
  -webkit-animation-duration: 1ms;
  animation-duration: 1ms;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  pointer-events: none;
}
.hbg-drawer,
.global-common-header {
  --hbg-header-search-bgcolor: #1e1e1f;
  --hbg-search-input-bgcolor: #313132;
  --hbg-search-input-color: #8c8c93;
  --hbg-search-active-input-color: #e6e6e6;
  --hbg-item-hover-color: #313132;
  --hbg-search-txt-color: #e6e6e6;
  --hbg-search-tag-color: #8c8c93;
  --hbg-scrollbar-color: #5e5e61;
  --hbg-search-shadow: none;
  --hbg-next-img: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/next.4da003dc.svg);
  --hbg-next-hover-img: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/next_hover.58191bb8.svg);
  --hbg-prev-img: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/prev.3d5269df.svg);
  --hbg-prev-hover-img: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/prev_hover.f5bdba1b.svg);
}
.hbg-drawer--light,
.global-common-header--light {
  --hbg-header-search-bgcolor: #fff;
  --hbg-search-input-bgcolor: #f5f5f5;
  --hbg-search-input-color: #565656;
  --hbg-search-active-input-color: #000;
  --hbg-item-hover-color: #f5f5f5;
  --hbg-search-txt-color: #000;
  --hbg-search-tag-color: #565656;
  --hbg-scrollbar-color: #ddd;
  --hbg-search-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
  --hbg-next-img: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/next_light.dd12f9e1.svg);
  --hbg-next-hover-img: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/next_light_hover.673915a7.svg);
  --hbg-prev-img: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/prev_light.019cf55d.svg);
  --hbg-prev-hover-img: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/prev_light_hover.deda69d1.svg);
}
.common-item {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  padding: 0 16px;
  cursor: pointer;
}
.common-item:hover {
  background: var(--hbg-item-hover-color);
}
.common-scrollbar::-webkit-scrollbar {
  width: 5px;
  background: transparent;
  border-radius: 0;
}
.common-scrollbar::-webkit-scrollbar-thumb {
  width: 5px;
  background-color: var(--hbg-header-scrollbar-bgcolor);
  border-radius: 0;
}
.hbg-user-avatar__border {
  border-color: var(--hbg-header-primary-color);
}
.flex-layout {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1 1;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}
.common-input .search__icon {
  position: absolute;
  top: 50%;
  left: 6px;
  width: 28px;
  height: 28px;
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/search.732eb982.svg);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}
.common-input .search__input {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.common-input .search__input input {
  width: 100%;
  height: 100%;
  padding: 2px 0 2px 40px;
  color: var(--hbg-search-input-color);
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  background: var(--hbg-search-input-bgcolor);
  border: none;
  border-radius: 4px;
  outline: none;
}
.common-input .search__input input::-webkit-input-placeholder {
  color: var(--hbg-search-input-color);
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
}
.common-input .search__input input::-moz-placeholder {
  color: var(--hbg-search-input-color);
}
.common-input .search__input input:-ms-input-placeholder {
  color: var(--hbg-search-input-color);
}
.common-input .search__input input:focus {
  color: var(--hbg-search-active-input-color);
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  border: 1px solid #0173e5;
}
.common-input .clear__icon {
  position: absolute;
  top: 50%;
  right: 8px;
  width: 20px;
  height: 20px;
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/clear.7e1cd1f6.svg);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}
.loading-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 120px;
}
.hbg_small-search-wrapper,
.header__search-wrapper {
  background: var(--hbg-header-search-bgcolor);
}
.hbg_small-search-wrapper .search__box,
.header__search-wrapper .search__box {
  z-index: 1;
}
.hbg_small-search-wrapper .search__box .search__hot-container,
.header__search-wrapper .search__box .search__hot-container {
  width: 360px;
  border-radius: 0 0 8px 8px;
}
.hbg_small-search-wrapper .search__box .search__hot-container .hot-tab-list,
.header__search-wrapper .search__box .search__hot-container .hot-tab-list {
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-align: center;
  align-items: center;
  padding: 9px 20px;
}
.hbg_small-search-wrapper .search__box .search__hot-container .hot-tab-list .tab-item,
.header__search-wrapper .search__box .search__hot-container .hot-tab-list .tab-item {
  color: var(--hbg-search-input-color);
  font-weight: 500;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
  cursor: pointer;
}
.hbg_small-search-wrapper .search__box .search__hot-container .hot-tab-list .active-tab-item,
.header__search-wrapper .search__box .search__hot-container .hot-tab-list .active-tab-item {
  color: var(--hbg-search-active-input-color);
  font-size: 16px;
}
.hbg_small-search-wrapper .search__box .search__hot-container .search-container,
.header__search-wrapper .search__box .search__hot-container .search-container {
  max-height: 480px;
  overflow-y: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1 1;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}
.hbg_small-search-wrapper .search__box .search__hot-container .search-container::-webkit-scrollbar,
.header__search-wrapper .search__box .search__hot-container .search-container::-webkit-scrollbar {
  width: 5px;
  background: transparent;
  border-radius: 0;
}
.hbg_small-search-wrapper .search__box .search__hot-container .search-container::-webkit-scrollbar-thumb,
.header__search-wrapper .search__box .search__hot-container .search-container::-webkit-scrollbar-thumb {
  width: 5px;
  background-color: var(--hbg-header-scrollbar-bgcolor);
  border-radius: 0;
}
.hbg_small-search-wrapper .search__box .hot-list,
.header__search-wrapper .search__box .hot-list,
.hbg_small-search-wrapper .search__box .spot-list,
.header__search-wrapper .search__box .spot-list,
.hbg_small-search-wrapper .search__box .swap-list,
.header__search-wrapper .search__box .swap-list,
.hbg_small-search-wrapper .search__box .earn-list,
.header__search-wrapper .search__box .earn-list,
.hbg_small-search-wrapper .search__box .fun-list,
.header__search-wrapper .search__box .fun-list,
.hbg_small-search-wrapper .search__box .news-list,
.header__search-wrapper .search__box .news-list,
.hbg_small-search-wrapper .search__box .notice-list,
.header__search-wrapper .search__box .notice-list,
.hbg_small-search-wrapper .search__box .user-list,
.header__search-wrapper .search__box .user-list,
.hbg_small-search-wrapper .search__box .poloniex-list,
.header__search-wrapper .search__box .poloniex-list {
  padding: 0 4px;
}
.hbg_small-search-wrapper .search__box .hot-list .hot-item,
.header__search-wrapper .search__box .hot-list .hot-item,
.hbg_small-search-wrapper .search__box .spot-list .hot-item,
.header__search-wrapper .search__box .spot-list .hot-item,
.hbg_small-search-wrapper .search__box .swap-list .hot-item,
.header__search-wrapper .search__box .swap-list .hot-item,
.hbg_small-search-wrapper .search__box .earn-list .hot-item,
.header__search-wrapper .search__box .earn-list .hot-item,
.hbg_small-search-wrapper .search__box .poloniex-list .hot-item,
.header__search-wrapper .search__box .poloniex-list .hot-item,
.hbg_small-search-wrapper .search__box .hot-list .spot-item,
.header__search-wrapper .search__box .hot-list .spot-item,
.hbg_small-search-wrapper .search__box .spot-list .spot-item,
.header__search-wrapper .search__box .spot-list .spot-item,
.hbg_small-search-wrapper .search__box .swap-list .spot-item,
.header__search-wrapper .search__box .swap-list .spot-item,
.hbg_small-search-wrapper .search__box .earn-list .spot-item,
.header__search-wrapper .search__box .earn-list .spot-item,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item,
.header__search-wrapper .search__box .poloniex-list .spot-item,
.hbg_small-search-wrapper .search__box .hot-list .swap-item,
.header__search-wrapper .search__box .hot-list .swap-item,
.hbg_small-search-wrapper .search__box .spot-list .swap-item,
.header__search-wrapper .search__box .spot-list .swap-item,
.hbg_small-search-wrapper .search__box .swap-list .swap-item,
.header__search-wrapper .search__box .swap-list .swap-item,
.hbg_small-search-wrapper .search__box .earn-list .swap-item,
.header__search-wrapper .search__box .earn-list .swap-item,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item,
.header__search-wrapper .search__box .poloniex-list .swap-item,
.hbg_small-search-wrapper .search__box .hot-list .earn-item,
.header__search-wrapper .search__box .hot-list .earn-item,
.hbg_small-search-wrapper .search__box .spot-list .earn-item,
.header__search-wrapper .search__box .spot-list .earn-item,
.hbg_small-search-wrapper .search__box .swap-list .earn-item,
.header__search-wrapper .search__box .swap-list .earn-item,
.hbg_small-search-wrapper .search__box .earn-list .earn-item,
.header__search-wrapper .search__box .earn-list .earn-item,
.hbg_small-search-wrapper .search__box .poloniex-list .earn-item,
.header__search-wrapper .search__box .poloniex-list .earn-item,
.hbg_small-search-wrapper .search__box .hot-list .poloniex-item,
.header__search-wrapper .search__box .hot-list .poloniex-item,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item,
.header__search-wrapper .search__box .spot-list .poloniex-item,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item,
.header__search-wrapper .search__box .swap-list .poloniex-item,
.hbg_small-search-wrapper .search__box .earn-list .poloniex-item,
.header__search-wrapper .search__box .earn-list .poloniex-item,
.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item,
.header__search-wrapper .search__box .poloniex-list .poloniex-item {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  padding: 0 16px;
  cursor: pointer;
}
.hbg_small-search-wrapper .search__box .hot-list .hot-item:hover,
.header__search-wrapper .search__box .hot-list .hot-item:hover,
.hbg_small-search-wrapper .search__box .spot-list .hot-item:hover,
.header__search-wrapper .search__box .spot-list .hot-item:hover,
.hbg_small-search-wrapper .search__box .swap-list .hot-item:hover,
.header__search-wrapper .search__box .swap-list .hot-item:hover,
.hbg_small-search-wrapper .search__box .earn-list .hot-item:hover,
.header__search-wrapper .search__box .earn-list .hot-item:hover,
.hbg_small-search-wrapper .search__box .poloniex-list .hot-item:hover,
.header__search-wrapper .search__box .poloniex-list .hot-item:hover,
.hbg_small-search-wrapper .search__box .hot-list .spot-item:hover,
.header__search-wrapper .search__box .hot-list .spot-item:hover,
.hbg_small-search-wrapper .search__box .spot-list .spot-item:hover,
.header__search-wrapper .search__box .spot-list .spot-item:hover,
.hbg_small-search-wrapper .search__box .swap-list .spot-item:hover,
.header__search-wrapper .search__box .swap-list .spot-item:hover,
.hbg_small-search-wrapper .search__box .earn-list .spot-item:hover,
.header__search-wrapper .search__box .earn-list .spot-item:hover,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item:hover,
.header__search-wrapper .search__box .poloniex-list .spot-item:hover,
.hbg_small-search-wrapper .search__box .hot-list .swap-item:hover,
.header__search-wrapper .search__box .hot-list .swap-item:hover,
.hbg_small-search-wrapper .search__box .spot-list .swap-item:hover,
.header__search-wrapper .search__box .spot-list .swap-item:hover,
.hbg_small-search-wrapper .search__box .swap-list .swap-item:hover,
.header__search-wrapper .search__box .swap-list .swap-item:hover,
.hbg_small-search-wrapper .search__box .earn-list .swap-item:hover,
.header__search-wrapper .search__box .earn-list .swap-item:hover,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item:hover,
.header__search-wrapper .search__box .poloniex-list .swap-item:hover,
.hbg_small-search-wrapper .search__box .hot-list .earn-item:hover,
.header__search-wrapper .search__box .hot-list .earn-item:hover,
.hbg_small-search-wrapper .search__box .spot-list .earn-item:hover,
.header__search-wrapper .search__box .spot-list .earn-item:hover,
.hbg_small-search-wrapper .search__box .swap-list .earn-item:hover,
.header__search-wrapper .search__box .swap-list .earn-item:hover,
.hbg_small-search-wrapper .search__box .earn-list .earn-item:hover,
.header__search-wrapper .search__box .earn-list .earn-item:hover,
.hbg_small-search-wrapper .search__box .poloniex-list .earn-item:hover,
.header__search-wrapper .search__box .poloniex-list .earn-item:hover,
.hbg_small-search-wrapper .search__box .hot-list .poloniex-item:hover,
.header__search-wrapper .search__box .hot-list .poloniex-item:hover,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item:hover,
.header__search-wrapper .search__box .spot-list .poloniex-item:hover,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item:hover,
.header__search-wrapper .search__box .swap-list .poloniex-item:hover,
.hbg_small-search-wrapper .search__box .earn-list .poloniex-item:hover,
.header__search-wrapper .search__box .earn-list .poloniex-item:hover,
.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item:hover,
.header__search-wrapper .search__box .poloniex-list .poloniex-item:hover {
  background: var(--hbg-item-hover-color);
}
.hbg_small-search-wrapper .search__box .hot-list .hot-item .icon-symbol,
.header__search-wrapper .search__box .hot-list .hot-item .icon-symbol,
.hbg_small-search-wrapper .search__box .spot-list .hot-item .icon-symbol,
.header__search-wrapper .search__box .spot-list .hot-item .icon-symbol,
.hbg_small-search-wrapper .search__box .swap-list .hot-item .icon-symbol,
.header__search-wrapper .search__box .swap-list .hot-item .icon-symbol,
.hbg_small-search-wrapper .search__box .earn-list .hot-item .icon-symbol,
.header__search-wrapper .search__box .earn-list .hot-item .icon-symbol,
.hbg_small-search-wrapper .search__box .poloniex-list .hot-item .icon-symbol,
.header__search-wrapper .search__box .poloniex-list .hot-item .icon-symbol,
.hbg_small-search-wrapper .search__box .hot-list .spot-item .icon-symbol,
.header__search-wrapper .search__box .hot-list .spot-item .icon-symbol,
.hbg_small-search-wrapper .search__box .spot-list .spot-item .icon-symbol,
.header__search-wrapper .search__box .spot-list .spot-item .icon-symbol,
.hbg_small-search-wrapper .search__box .swap-list .spot-item .icon-symbol,
.header__search-wrapper .search__box .swap-list .spot-item .icon-symbol,
.hbg_small-search-wrapper .search__box .earn-list .spot-item .icon-symbol,
.header__search-wrapper .search__box .earn-list .spot-item .icon-symbol,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item .icon-symbol,
.header__search-wrapper .search__box .poloniex-list .spot-item .icon-symbol,
.hbg_small-search-wrapper .search__box .hot-list .swap-item .icon-symbol,
.header__search-wrapper .search__box .hot-list .swap-item .icon-symbol,
.hbg_small-search-wrapper .search__box .spot-list .swap-item .icon-symbol,
.header__search-wrapper .search__box .spot-list .swap-item .icon-symbol,
.hbg_small-search-wrapper .search__box .swap-list .swap-item .icon-symbol,
.header__search-wrapper .search__box .swap-list .swap-item .icon-symbol,
.hbg_small-search-wrapper .search__box .earn-list .swap-item .icon-symbol,
.header__search-wrapper .search__box .earn-list .swap-item .icon-symbol,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item .icon-symbol,
.header__search-wrapper .search__box .poloniex-list .swap-item .icon-symbol,
.hbg_small-search-wrapper .search__box .hot-list .earn-item .icon-symbol,
.header__search-wrapper .search__box .hot-list .earn-item .icon-symbol,
.hbg_small-search-wrapper .search__box .spot-list .earn-item .icon-symbol,
.header__search-wrapper .search__box .spot-list .earn-item .icon-symbol,
.hbg_small-search-wrapper .search__box .swap-list .earn-item .icon-symbol,
.header__search-wrapper .search__box .swap-list .earn-item .icon-symbol,
.hbg_small-search-wrapper .search__box .earn-list .earn-item .icon-symbol,
.header__search-wrapper .search__box .earn-list .earn-item .icon-symbol,
.hbg_small-search-wrapper .search__box .poloniex-list .earn-item .icon-symbol,
.header__search-wrapper .search__box .poloniex-list .earn-item .icon-symbol,
.hbg_small-search-wrapper .search__box .hot-list .poloniex-item .icon-symbol,
.header__search-wrapper .search__box .hot-list .poloniex-item .icon-symbol,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item .icon-symbol,
.header__search-wrapper .search__box .spot-list .poloniex-item .icon-symbol,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item .icon-symbol,
.header__search-wrapper .search__box .swap-list .poloniex-item .icon-symbol,
.hbg_small-search-wrapper .search__box .earn-list .poloniex-item .icon-symbol,
.header__search-wrapper .search__box .earn-list .poloniex-item .icon-symbol,
.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item .icon-symbol,
.header__search-wrapper .search__box .poloniex-list .poloniex-item .icon-symbol {
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
}
.hbg_small-search-wrapper .search__box .fun-list .fun-item,
.header__search-wrapper .search__box .fun-list .fun-item {
  gap: 8px;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  padding: 0 16px;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.hbg_small-search-wrapper .search__box .fun-list .fun-item:hover,
.header__search-wrapper .search__box .fun-list .fun-item:hover {
  background: var(--hbg-item-hover-color);
}
.hbg_small-search-wrapper .search__box .fun-list .fun-item .icon-img,
.header__search-wrapper .search__box .fun-list .fun-item .icon-img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.hbg_small-search-wrapper .search__box .fun-list .fun-item .fun-name,
.header__search-wrapper .search__box .fun-list .fun-item .fun-name {
  color: var(--hbg-search-txt-color);
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.hbg_small-search-wrapper .search__box .news-list .item,
.header__search-wrapper .search__box .news-list .item,
.hbg_small-search-wrapper .search__box .notice-list .item,
.header__search-wrapper .search__box .notice-list .item {
  gap: 8px;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  padding: 0 16px;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2px;
  -ms-flex-pack: center;
  justify-content: center;
}
.hbg_small-search-wrapper .search__box .news-list .item:hover,
.header__search-wrapper .search__box .news-list .item:hover,
.hbg_small-search-wrapper .search__box .notice-list .item:hover,
.header__search-wrapper .search__box .notice-list .item:hover {
  background: var(--hbg-item-hover-color);
}
.hbg_small-search-wrapper .search__box .news-list .item .name,
.header__search-wrapper .search__box .news-list .item .name,
.hbg_small-search-wrapper .search__box .notice-list .item .name,
.header__search-wrapper .search__box .notice-list .item .name {
  width: 100%;
  overflow: hidden;
  color: var(--hbg-search-txt-color);
  font-weight: 500;
  font-size: 14px;
  font-style: normal;
  line-height: 18px;
  white-space: nowrap;
  text-transform: capitalize;
  text-overflow: ellipsis;
}
.hbg_small-search-wrapper .search__box .news-list .item .time,
.header__search-wrapper .search__box .news-list .item .time,
.hbg_small-search-wrapper .search__box .notice-list .item .time,
.header__search-wrapper .search__box .notice-list .item .time {
  color: var(--hbg-search-tag-color);
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}
.hbg_small-search-wrapper .search__box .news-list .item,
.header__search-wrapper .search__box .news-list .item,
.hbg_small-search-wrapper .search__box .notice-list .item,
.header__search-wrapper .search__box .notice-list .item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}
.hbg_small-search-wrapper .search__box .user-list .user-item,
.header__search-wrapper .search__box .user-list .user-item {
  gap: 8px;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  padding: 0 16px;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.hbg_small-search-wrapper .search__box .user-list .user-item:hover,
.header__search-wrapper .search__box .user-list .user-item:hover {
  background: var(--hbg-item-hover-color);
}
.hbg_small-search-wrapper .search__box .user-list .user-item .icon-user-img,
.header__search-wrapper .search__box .user-list .user-item .icon-user-img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.hbg_small-search-wrapper .search__box .user-list .user-item .content,
.header__search-wrapper .search__box .user-list .user-item .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1 1;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.hbg_small-search-wrapper .search__box .user-list .user-item .content .user-desc .name,
.header__search-wrapper .search__box .user-list .user-item .content .user-desc .name {
  margin-bottom: 2px;
  color: var(--hbg-search-txt-color);
  font-weight: 500;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
}
.hbg_small-search-wrapper .search__box .user-list .user-item .content .user-desc .fans,
.header__search-wrapper .search__box .user-list .user-item .content .user-desc .fans {
  color: var(--hbg-search-tag-color);
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}
.hbg_small-search-wrapper .search__box .user-list .user-item .content .action .button,
.header__search-wrapper .search__box .user-list .user-item .content .action .button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 64px;
  height: 28px;
  padding: 0 8px;
  background: #adadb4;
  border-radius: 4px;
}
.hbg_small-search-wrapper .search__box .user-list .user-item .content .action .button span,
.header__search-wrapper .search__box .user-list .user-item .content .action .button span {
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}
.hbg_small-search-wrapper .search__box .user-list .user-item .content .action .blue-button,
.header__search-wrapper .search__box .user-list .user-item .content .action .blue-button {
  background: #0173e5;
}
.hbg_small-search-wrapper .search__box .hot-list .hot-item .num,
.header__search-wrapper .search__box .hot-list .hot-item .num {
  width: 17px;
  color: var(--hbg-search-tag-color);
  font-weight: 700;
  font-size: 14px;
  font-style: normal;
  line-height: 18px;
  text-align: center;
  text-transform: capitalize;
}
.hbg_small-search-wrapper .search__box .hot-list .hot-item:nth-child(1) .num,
.header__search-wrapper .search__box .hot-list .hot-item:nth-child(1) .num {
  color: #fa6e6e;
}
.hbg_small-search-wrapper .search__box .hot-list .hot-item:nth-child(2) .num,
.header__search-wrapper .search__box .hot-list .hot-item:nth-child(2) .num {
  color: #ff8336;
}
.hbg_small-search-wrapper .search__box .hot-list .hot-item:nth-child(3) .num,
.header__search-wrapper .search__box .hot-list .hot-item:nth-child(3) .num {
  color: #ffaa00;
}
.hbg_small-search-wrapper .search__box .hot-list .hot-topic .content,
.header__search-wrapper .search__box .hot-list .hot-topic .content {
  overflow: hidden;
  color: var(--hbg-search-txt-color);
  font-weight: 500;
  font-size: 14px;
  font-style: normal;
  line-height: 18px;
  white-space: nowrap;
  text-transform: capitalize;
  text-overflow: ellipsis;
}
.hbg_small-search-wrapper .search__box .hot-list .hot-topic .hot-img,
.header__search-wrapper .search__box .hot-list .hot-topic .hot-img {
  width: 14px;
  height: 14px;
}
.hbg_small-search-wrapper .search__box .hot-list .hot-finance .content,
.header__search-wrapper .search__box .hot-list .hot-finance .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1 1;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.hbg_small-search-wrapper .search__box .hot-list .hot-finance .content .info,
.header__search-wrapper .search__box .hot-list .hot-finance .content .info {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-align: end;
  align-items: flex-end;
}
.hbg_small-search-wrapper .search__box .hot-list .hot-finance .content .info .name,
.header__search-wrapper .search__box .hot-list .hot-finance .content .info .name {
  color: var(--hbg-search-txt-color);
  font-weight: 500;
  font-size: 14px;
  font-style: normal;
  line-height: 18px;
  text-transform: capitalize;
}
.hbg_small-search-wrapper .search__box .hot-list .hot-finance .content .info .tag,
.header__search-wrapper .search__box .hot-list .hot-finance .content .info .tag {
  color: var(--hbg-search-tag-color);
  font-weight: 500;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}
.hbg_small-search-wrapper .search__box .hot-list .hot-finance .content .rate,
.header__search-wrapper .search__box .hot-list .hot-finance .content .rate {
  color: #00a171;
  font-weight: 500;
  font-size: 14px;
  font-style: normal;
  line-height: 18px;
  text-transform: capitalize;
}
.hbg_small-search-wrapper .search__box .spot-list,
.header__search-wrapper .search__box .spot-list,
.hbg_small-search-wrapper .search__box .swap-list,
.header__search-wrapper .search__box .swap-list,
.hbg_small-search-wrapper .search__box .poloniex-list,
.header__search-wrapper .search__box .poloniex-list {
  min-height: 60px;
}
.hbg_small-search-wrapper .search__box .spot-list .spot-item,
.header__search-wrapper .search__box .spot-list .spot-item,
.hbg_small-search-wrapper .search__box .swap-list .spot-item,
.header__search-wrapper .search__box .swap-list .spot-item,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item,
.header__search-wrapper .search__box .poloniex-list .spot-item,
.hbg_small-search-wrapper .search__box .spot-list .swap-item,
.header__search-wrapper .search__box .spot-list .swap-item,
.hbg_small-search-wrapper .search__box .swap-list .swap-item,
.header__search-wrapper .search__box .swap-list .swap-item,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item,
.header__search-wrapper .search__box .poloniex-list .swap-item,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item,
.header__search-wrapper .search__box .spot-list .poloniex-item,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item,
.header__search-wrapper .search__box .swap-list .poloniex-item,
.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item,
.header__search-wrapper .search__box .poloniex-list .poloniex-item {
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.hbg_small-search-wrapper .search__box .spot-list .spot-item .content,
.header__search-wrapper .search__box .spot-list .spot-item .content,
.hbg_small-search-wrapper .search__box .swap-list .spot-item .content,
.header__search-wrapper .search__box .swap-list .spot-item .content,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item .content,
.header__search-wrapper .search__box .poloniex-list .spot-item .content,
.hbg_small-search-wrapper .search__box .spot-list .swap-item .content,
.header__search-wrapper .search__box .spot-list .swap-item .content,
.hbg_small-search-wrapper .search__box .swap-list .swap-item .content,
.header__search-wrapper .search__box .swap-list .swap-item .content,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item .content,
.header__search-wrapper .search__box .poloniex-list .swap-item .content,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item .content,
.header__search-wrapper .search__box .spot-list .poloniex-item .content,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item .content,
.header__search-wrapper .search__box .swap-list .poloniex-item .content,
.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item .content,
.header__search-wrapper .search__box .poloniex-list .poloniex-item .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1 1;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.hbg_small-search-wrapper .search__box .spot-list .spot-item .content .info,
.header__search-wrapper .search__box .spot-list .spot-item .content .info,
.hbg_small-search-wrapper .search__box .swap-list .spot-item .content .info,
.header__search-wrapper .search__box .swap-list .spot-item .content .info,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item .content .info,
.header__search-wrapper .search__box .poloniex-list .spot-item .content .info,
.hbg_small-search-wrapper .search__box .spot-list .swap-item .content .info,
.header__search-wrapper .search__box .spot-list .swap-item .content .info,
.hbg_small-search-wrapper .search__box .swap-list .swap-item .content .info,
.header__search-wrapper .search__box .swap-list .swap-item .content .info,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item .content .info,
.header__search-wrapper .search__box .poloniex-list .swap-item .content .info,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item .content .info,
.header__search-wrapper .search__box .spot-list .poloniex-item .content .info,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item .content .info,
.header__search-wrapper .search__box .swap-list .poloniex-item .content .info,
.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item .content .info,
.header__search-wrapper .search__box .poloniex-list .poloniex-item .content .info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.hbg_small-search-wrapper .search__box .spot-list .spot-item .content .info .symbol-info,
.header__search-wrapper .search__box .spot-list .spot-item .content .info .symbol-info,
.hbg_small-search-wrapper .search__box .swap-list .spot-item .content .info .symbol-info,
.header__search-wrapper .search__box .swap-list .spot-item .content .info .symbol-info,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item .content .info .symbol-info,
.header__search-wrapper .search__box .poloniex-list .spot-item .content .info .symbol-info,
.hbg_small-search-wrapper .search__box .spot-list .swap-item .content .info .symbol-info,
.header__search-wrapper .search__box .spot-list .swap-item .content .info .symbol-info,
.hbg_small-search-wrapper .search__box .swap-list .swap-item .content .info .symbol-info,
.header__search-wrapper .search__box .swap-list .swap-item .content .info .symbol-info,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item .content .info .symbol-info,
.header__search-wrapper .search__box .poloniex-list .swap-item .content .info .symbol-info,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item .content .info .symbol-info,
.header__search-wrapper .search__box .spot-list .poloniex-item .content .info .symbol-info,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item .content .info .symbol-info,
.header__search-wrapper .search__box .swap-list .poloniex-item .content .info .symbol-info,
.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item .content .info .symbol-info,
.header__search-wrapper .search__box .poloniex-list .poloniex-item .content .info .symbol-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
}
.hbg_small-search-wrapper .search__box .spot-list .spot-item .content .info .symbol-info .symbol,
.header__search-wrapper .search__box .spot-list .spot-item .content .info .symbol-info .symbol,
.hbg_small-search-wrapper .search__box .swap-list .spot-item .content .info .symbol-info .symbol,
.header__search-wrapper .search__box .swap-list .spot-item .content .info .symbol-info .symbol,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item .content .info .symbol-info .symbol,
.header__search-wrapper .search__box .poloniex-list .spot-item .content .info .symbol-info .symbol,
.hbg_small-search-wrapper .search__box .spot-list .swap-item .content .info .symbol-info .symbol,
.header__search-wrapper .search__box .spot-list .swap-item .content .info .symbol-info .symbol,
.hbg_small-search-wrapper .search__box .swap-list .swap-item .content .info .symbol-info .symbol,
.header__search-wrapper .search__box .swap-list .swap-item .content .info .symbol-info .symbol,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item .content .info .symbol-info .symbol,
.header__search-wrapper .search__box .poloniex-list .swap-item .content .info .symbol-info .symbol,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item .content .info .symbol-info .symbol,
.header__search-wrapper .search__box .spot-list .poloniex-item .content .info .symbol-info .symbol,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item .content .info .symbol-info .symbol,
.header__search-wrapper .search__box .swap-list .poloniex-item .content .info .symbol-info .symbol,
.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item .content .info .symbol-info .symbol,
.header__search-wrapper .search__box .poloniex-list .poloniex-item .content .info .symbol-info .symbol {
  color: var(--hbg-search-txt-color);
  font-weight: 500;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.14px;
}
.hbg_small-search-wrapper .search__box .spot-list .spot-item .content .info .symbol-info .currency,
.header__search-wrapper .search__box .spot-list .spot-item .content .info .symbol-info .currency,
.hbg_small-search-wrapper .search__box .swap-list .spot-item .content .info .symbol-info .currency,
.header__search-wrapper .search__box .swap-list .spot-item .content .info .symbol-info .currency,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item .content .info .symbol-info .currency,
.header__search-wrapper .search__box .poloniex-list .spot-item .content .info .symbol-info .currency,
.hbg_small-search-wrapper .search__box .spot-list .swap-item .content .info .symbol-info .currency,
.header__search-wrapper .search__box .spot-list .swap-item .content .info .symbol-info .currency,
.hbg_small-search-wrapper .search__box .swap-list .swap-item .content .info .symbol-info .currency,
.header__search-wrapper .search__box .swap-list .swap-item .content .info .symbol-info .currency,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item .content .info .symbol-info .currency,
.header__search-wrapper .search__box .poloniex-list .swap-item .content .info .symbol-info .currency,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item .content .info .symbol-info .currency,
.header__search-wrapper .search__box .spot-list .poloniex-item .content .info .symbol-info .currency,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item .content .info .symbol-info .currency,
.header__search-wrapper .search__box .swap-list .poloniex-item .content .info .symbol-info .currency,
.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item .content .info .symbol-info .currency,
.header__search-wrapper .search__box .poloniex-list .poloniex-item .content .info .symbol-info .currency {
  margin-left: 2px;
  color: var(--hbg-search-tag-color);
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.12px;
}
.hbg_small-search-wrapper .search__box .spot-list .spot-item .content .info .ratio,
.header__search-wrapper .search__box .spot-list .spot-item .content .info .ratio,
.hbg_small-search-wrapper .search__box .swap-list .spot-item .content .info .ratio,
.header__search-wrapper .search__box .swap-list .spot-item .content .info .ratio,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item .content .info .ratio,
.header__search-wrapper .search__box .poloniex-list .spot-item .content .info .ratio,
.hbg_small-search-wrapper .search__box .spot-list .swap-item .content .info .ratio,
.header__search-wrapper .search__box .spot-list .swap-item .content .info .ratio,
.hbg_small-search-wrapper .search__box .swap-list .swap-item .content .info .ratio,
.header__search-wrapper .search__box .swap-list .swap-item .content .info .ratio,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item .content .info .ratio,
.header__search-wrapper .search__box .poloniex-list .swap-item .content .info .ratio,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item .content .info .ratio,
.header__search-wrapper .search__box .spot-list .poloniex-item .content .info .ratio,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item .content .info .ratio,
.header__search-wrapper .search__box .swap-list .poloniex-item .content .info .ratio,
.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item .content .info .ratio,
.header__search-wrapper .search__box .poloniex-list .poloniex-item .content .info .ratio {
  margin-left: 4px;
  padding: 0 4px;
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
  background: #007bff;
  border-radius: 2px;
}
.hbg_small-search-wrapper .search__box .spot-list .spot-item .content .price-box,
.header__search-wrapper .search__box .spot-list .spot-item .content .price-box,
.hbg_small-search-wrapper .search__box .swap-list .spot-item .content .price-box,
.header__search-wrapper .search__box .swap-list .spot-item .content .price-box,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item .content .price-box,
.header__search-wrapper .search__box .poloniex-list .spot-item .content .price-box,
.hbg_small-search-wrapper .search__box .spot-list .swap-item .content .price-box,
.header__search-wrapper .search__box .spot-list .swap-item .content .price-box,
.hbg_small-search-wrapper .search__box .swap-list .swap-item .content .price-box,
.header__search-wrapper .search__box .swap-list .swap-item .content .price-box,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item .content .price-box,
.header__search-wrapper .search__box .poloniex-list .swap-item .content .price-box,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item .content .price-box,
.header__search-wrapper .search__box .spot-list .poloniex-item .content .price-box,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item .content .price-box,
.header__search-wrapper .search__box .swap-list .poloniex-item .content .price-box,
.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item .content .price-box,
.header__search-wrapper .search__box .poloniex-list .poloniex-item .content .price-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: end;
  align-items: flex-end;
}
.hbg_small-search-wrapper .search__box .spot-list .spot-item .content .price-box .price,
.header__search-wrapper .search__box .spot-list .spot-item .content .price-box .price,
.hbg_small-search-wrapper .search__box .swap-list .spot-item .content .price-box .price,
.header__search-wrapper .search__box .swap-list .spot-item .content .price-box .price,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item .content .price-box .price,
.header__search-wrapper .search__box .poloniex-list .spot-item .content .price-box .price,
.hbg_small-search-wrapper .search__box .spot-list .swap-item .content .price-box .price,
.header__search-wrapper .search__box .spot-list .swap-item .content .price-box .price,
.hbg_small-search-wrapper .search__box .swap-list .swap-item .content .price-box .price,
.header__search-wrapper .search__box .swap-list .swap-item .content .price-box .price,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item .content .price-box .price,
.header__search-wrapper .search__box .poloniex-list .swap-item .content .price-box .price,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item .content .price-box .price,
.header__search-wrapper .search__box .spot-list .poloniex-item .content .price-box .price,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item .content .price-box .price,
.header__search-wrapper .search__box .swap-list .poloniex-item .content .price-box .price,
.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item .content .price-box .price,
.header__search-wrapper .search__box .poloniex-list .poloniex-item .content .price-box .price {
  color: var(--hbg-search-txt-color);
  font-weight: 500;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.14px;
}
.hbg_small-search-wrapper .search__box .spot-list .spot-item .content .price-box .rate,
.header__search-wrapper .search__box .spot-list .spot-item .content .price-box .rate,
.hbg_small-search-wrapper .search__box .swap-list .spot-item .content .price-box .rate,
.header__search-wrapper .search__box .swap-list .spot-item .content .price-box .rate,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item .content .price-box .rate,
.header__search-wrapper .search__box .poloniex-list .spot-item .content .price-box .rate,
.hbg_small-search-wrapper .search__box .spot-list .swap-item .content .price-box .rate,
.header__search-wrapper .search__box .spot-list .swap-item .content .price-box .rate,
.hbg_small-search-wrapper .search__box .swap-list .swap-item .content .price-box .rate,
.header__search-wrapper .search__box .swap-list .swap-item .content .price-box .rate,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item .content .price-box .rate,
.header__search-wrapper .search__box .poloniex-list .swap-item .content .price-box .rate,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item .content .price-box .rate,
.header__search-wrapper .search__box .spot-list .poloniex-item .content .price-box .rate,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item .content .price-box .rate,
.header__search-wrapper .search__box .swap-list .poloniex-item .content .price-box .rate,
.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item .content .price-box .rate,
.header__search-wrapper .search__box .poloniex-list .poloniex-item .content .price-box .rate {
  color: var(--hbg-search-txt-color);
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}
.hbg_small-search-wrapper .search__box .spot-list .spot-item .content .price-box .up,
.header__search-wrapper .search__box .spot-list .spot-item .content .price-box .up,
.hbg_small-search-wrapper .search__box .swap-list .spot-item .content .price-box .up,
.header__search-wrapper .search__box .swap-list .spot-item .content .price-box .up,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item .content .price-box .up,
.header__search-wrapper .search__box .poloniex-list .spot-item .content .price-box .up,
.hbg_small-search-wrapper .search__box .spot-list .swap-item .content .price-box .up,
.header__search-wrapper .search__box .spot-list .swap-item .content .price-box .up,
.hbg_small-search-wrapper .search__box .swap-list .swap-item .content .price-box .up,
.header__search-wrapper .search__box .swap-list .swap-item .content .price-box .up,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item .content .price-box .up,
.header__search-wrapper .search__box .poloniex-list .swap-item .content .price-box .up,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item .content .price-box .up,
.header__search-wrapper .search__box .spot-list .poloniex-item .content .price-box .up,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item .content .price-box .up,
.header__search-wrapper .search__box .swap-list .poloniex-item .content .price-box .up,
.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item .content .price-box .up,
.header__search-wrapper .search__box .poloniex-list .poloniex-item .content .price-box .up {
  color: #00a171;
}
.hbg_small-search-wrapper .search__box .spot-list .spot-item .content .price-box .down,
.header__search-wrapper .search__box .spot-list .spot-item .content .price-box .down,
.hbg_small-search-wrapper .search__box .swap-list .spot-item .content .price-box .down,
.header__search-wrapper .search__box .swap-list .spot-item .content .price-box .down,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item .content .price-box .down,
.header__search-wrapper .search__box .poloniex-list .spot-item .content .price-box .down,
.hbg_small-search-wrapper .search__box .spot-list .swap-item .content .price-box .down,
.header__search-wrapper .search__box .spot-list .swap-item .content .price-box .down,
.hbg_small-search-wrapper .search__box .swap-list .swap-item .content .price-box .down,
.header__search-wrapper .search__box .swap-list .swap-item .content .price-box .down,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item .content .price-box .down,
.header__search-wrapper .search__box .poloniex-list .swap-item .content .price-box .down,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item .content .price-box .down,
.header__search-wrapper .search__box .spot-list .poloniex-item .content .price-box .down,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item .content .price-box .down,
.header__search-wrapper .search__box .swap-list .poloniex-item .content .price-box .down,
.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item .content .price-box .down,
.header__search-wrapper .search__box .poloniex-list .poloniex-item .content .price-box .down {
  color: #e94359;
}
.hbg_small-search-wrapper .search__box .spot-list .spot-item .action,
.header__search-wrapper .search__box .spot-list .spot-item .action,
.hbg_small-search-wrapper .search__box .swap-list .spot-item .action,
.header__search-wrapper .search__box .swap-list .spot-item .action,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item .action,
.header__search-wrapper .search__box .poloniex-list .spot-item .action,
.hbg_small-search-wrapper .search__box .spot-list .swap-item .action,
.header__search-wrapper .search__box .spot-list .swap-item .action,
.hbg_small-search-wrapper .search__box .swap-list .swap-item .action,
.header__search-wrapper .search__box .swap-list .swap-item .action,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item .action,
.header__search-wrapper .search__box .poloniex-list .swap-item .action,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item .action,
.header__search-wrapper .search__box .spot-list .poloniex-item .action,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item .action,
.header__search-wrapper .search__box .swap-list .poloniex-item .action,
.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item .action,
.header__search-wrapper .search__box .poloniex-list .poloniex-item .action {
  width: 20px;
  height: 20px;
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/fav.eb0ed5fa.svg);
}
.hbg_small-search-wrapper .search__box .spot-list .spot-item .action-active,
.header__search-wrapper .search__box .spot-list .spot-item .action-active,
.hbg_small-search-wrapper .search__box .swap-list .spot-item .action-active,
.header__search-wrapper .search__box .swap-list .spot-item .action-active,
.hbg_small-search-wrapper .search__box .poloniex-list .spot-item .action-active,
.header__search-wrapper .search__box .poloniex-list .spot-item .action-active,
.hbg_small-search-wrapper .search__box .spot-list .swap-item .action-active,
.header__search-wrapper .search__box .spot-list .swap-item .action-active,
.hbg_small-search-wrapper .search__box .swap-list .swap-item .action-active,
.header__search-wrapper .search__box .swap-list .swap-item .action-active,
.hbg_small-search-wrapper .search__box .poloniex-list .swap-item .action-active,
.header__search-wrapper .search__box .poloniex-list .swap-item .action-active,
.hbg_small-search-wrapper .search__box .spot-list .poloniex-item .action-active,
.header__search-wrapper .search__box .spot-list .poloniex-item .action-active,
.hbg_small-search-wrapper .search__box .swap-list .poloniex-item .action-active,
.header__search-wrapper .search__box .swap-list .poloniex-item .action-active,
.hbg_small-search-wrapper .search__box .poloniex-list .poloniex-item .action-active,
.header__search-wrapper .search__box .poloniex-list .poloniex-item .action-active {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/fav_active.2b233216.svg);
}
.hbg_small-search-wrapper .search__box .swap-list .swap-item,
.header__search-wrapper .search__box .swap-list .swap-item {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.hbg_small-search-wrapper .search__box .swap-list .swap-item .content .info .symbol,
.header__search-wrapper .search__box .swap-list .swap-item .content .info .symbol {
  color: var(--hbg-search-txt-color);
  font-weight: 500;
  font-size: 14px;
  font-style: normal;
  line-height: 18px;
  letter-spacing: 0;
  text-transform: uppercase;
}
.hbg_small-search-wrapper .search__box .swap-list .swap-item .content .info .currency,
.header__search-wrapper .search__box .swap-list .swap-item .content .info .currency {
  margin-left: 2px;
  color: var(--hbg-search-tag-color);
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
  letter-spacing: 0;
}
.hbg_small-search-wrapper .search__box .swap-list .swap-item .content .price-box,
.header__search-wrapper .search__box .swap-list .swap-item .content .price-box {
  margin-right: 4px;
}
.hbg_small-search-wrapper .search__box .swap-list .swap-item .content .price-box .price,
.header__search-wrapper .search__box .swap-list .swap-item .content .price-box .price {
  color: var(--hbg-search-txt-color);
  font-weight: 500;
  font-size: 14px;
  font-style: normal;
  line-height: 18px;
  letter-spacing: 0;
}
.hbg_small-search-wrapper .search__box .earn-list .earn-item .content,
.header__search-wrapper .search__box .earn-list .earn-item .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1 1;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.hbg_small-search-wrapper .search__box .earn-list .earn-item .content .info,
.header__search-wrapper .search__box .earn-list .earn-item .content .info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.hbg_small-search-wrapper .search__box .earn-list .earn-item .content .info .symbol,
.header__search-wrapper .search__box .earn-list .earn-item .content .info .symbol {
  color: var(--hbg-search-txt-color);
  font-weight: 500;
  font-size: 14px;
  font-style: normal;
  line-height: 18px;
  text-transform: uppercase;
}
.hbg_small-search-wrapper .search__box .earn-list .earn-item .content .info .type,
.header__search-wrapper .search__box .earn-list .earn-item .content .info .type {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #0173e5;
  font-weight: 400;
  font-size: 10px;
  font-style: normal;
  line-height: 12px;
}
.hbg_small-search-wrapper .search__box .earn-list .earn-item .content .info .type img,
.header__search-wrapper .search__box .earn-list .earn-item .content .info .type img {
  display: block;
  -ms-flex: 1;
  flex: 1 1;
  width: 100%;
  height: 16px;
  margin-left: 4px;
}
.hbg_small-search-wrapper .search__box .earn-list .earn-item .content .rate,
.header__search-wrapper .search__box .earn-list .earn-item .content .rate {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: end;
  align-items: flex-end;
}
.hbg_small-search-wrapper .search__box .earn-list .earn-item .content .rate .value,
.header__search-wrapper .search__box .earn-list .earn-item .content .rate .value {
  color: #00a171;
  font-weight: 500;
  font-size: 14px;
  font-style: normal;
  line-height: 18px;
}
.hbg_small-search-wrapper .search__box .earn-list .earn-item .content .rate .value em,
.header__search-wrapper .search__box .earn-list .earn-item .content .rate .value em {
  font-style: normal;
}
.hbg_small-search-wrapper .search__box .earn-list .earn-item .content .rate .txt,
.header__search-wrapper .search__box .earn-list .earn-item .content .rate .txt {
  color: var(--hbg-search-tag-color);
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}
.hbg_small-search-wrapper .search__box .live-list,
.header__search-wrapper .search__box .live-list {
  display: grid;
  grid-auto-flow: row;
  grid-gap: 12px 6px;
  grid-template-columns: repeat(2, 157px);
  padding: 12px 20px;
}
.hbg_small-search-wrapper .search__box .live-list .live-item,
.header__search-wrapper .search__box .live-list .live-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  height: 130px;
}
.hbg_small-search-wrapper .search__box .live-list .live-item .live-container,
.header__search-wrapper .search__box .live-list .live-item .live-container {
  position: relative;
  width: 100%;
  height: 88px;
  border-radius: 8px;
  cursor: pointer;
}
.hbg_small-search-wrapper .search__box .live-list .live-item .live-container img,
.header__search-wrapper .search__box .live-list .live-item .live-container img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.hbg_small-search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper,
.header__search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 63px;
  height: 16px;
}
.hbg_small-search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .tag-container,
.header__search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .tag-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-bottom-left-radius: 8px;
}
.hbg_small-search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .tag-container .tag,
.header__search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .tag-container .tag {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-left: 6px;
}
.hbg_small-search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .tag-container .txt,
.header__search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .tag-container .txt {
  padding-left: 1.4px;
  color: #fff;
  font-weight: 400;
  font-size: 8.6px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.hbg_small-search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .unstart,
.header__search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .unstart {
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/blue.00a90d2b.svg) no-repeat center center;
  background-size: 63px 16px;
}
.hbg_small-search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .unstart .tag,
.header__search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .unstart .tag {
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/time.24474107.svg) no-repeat center center;
  background-size: 9px 10px;
}
.hbg_small-search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .live,
.header__search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .live {
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/orange.359ed115.svg) no-repeat center center;
  background-size: 63px 16px;
}
.hbg_small-search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .live .tag,
.header__search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .live .tag {
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/live.7fca1d91.svg) no-repeat center center;
  background-size: 7px 7px;
}
.hbg_small-search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .live-end,
.header__search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .live-end {
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/green.5a9ed923.svg) no-repeat center center;
  background-size: 63px 16px;
}
.hbg_small-search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .live-end .tag,
.header__search-wrapper .search__box .live-list .live-item .live-container .tag-wrapper .live-end .tag {
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/play.cd1c8cc4.svg) no-repeat center center;
  background-size: 9px 9px;
}
.hbg_small-search-wrapper .search__box .live-list .live-item .live-content .title,
.header__search-wrapper .search__box .live-list .live-item .live-content .title {
  width: 100%;
  overflow: hidden;
  color: var(--hbg-search-txt-color);
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
  white-space: nowrap;
  text-transform: capitalize;
  text-overflow: ellipsis;
}
.hbg_small-search-wrapper .search__box .live-list .live-item .live-content .desc,
.header__search-wrapper .search__box .live-list .live-item .live-content .desc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 12px;
  margin-top: 6px;
}
.hbg_small-search-wrapper .search__box .live-list .live-item .live-content .desc .speaker .nick-img,
.header__search-wrapper .search__box .live-list .live-item .live-content .desc .speaker .nick-img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.hbg_small-search-wrapper .search__box .live-list .live-item .live-content .desc .speaker .nick-img img,
.header__search-wrapper .search__box .live-list .live-item .live-content .desc .speaker .nick-img img {
  width: 100%;
  height: 100%;
}
.hbg_small-search-wrapper .search__box .live-list .live-item .live-content .desc .speaker .nick-name,
.header__search-wrapper .search__box .live-list .live-item .live-content .desc .speaker .nick-name {
  color: var(--hbg-search-tag-color);
  font-weight: 400;
  font-size: 10px;
  font-style: normal;
  line-height: 12px;
}
.hbg_small-search-wrapper .search__box .live-list .live-item .live-content .desc .action,
.header__search-wrapper .search__box .live-list .live-item .live-content .desc .action {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.hbg_small-search-wrapper .search__box .live-list .live-item .live-content .desc .action span,
.header__search-wrapper .search__box .live-list .live-item .live-content .desc .action span {
  color: #0173e5;
  font-weight: 500;
  font-size: 11px;
  font-style: normal;
  line-height: 12px;
}
.hbg_small-search-wrapper .search__box .live-list .live-item .live-content .desc .action .action-arrow,
.header__search-wrapper .search__box .live-list .live-item .live-content .desc .action .action-arrow {
  width: 6px;
  height: 9px;
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/action-arrow.b9f9e2f8.svg);
}
.hbg_small-search-wrapper .search__box .live-list .live-item .live-content .desc .disable-action,
.header__search-wrapper .search__box .live-list .live-item .live-content .desc .disable-action {
  background: #8c8c93;
  pointer-events: none;
}
.hbg_small-search-wrapper .search__box .search__prompt-container,
.header__search-wrapper .search__box .search__prompt-container {
  width: 360px;
  border-radius: 0 0 8px 8px;
}
.hbg_small-search-wrapper .search__box .search__prompt-container .prompt-list,
.header__search-wrapper .search__box .search__prompt-container .prompt-list {
  width: 100%;
  max-height: 480px;
  overflow-y: auto;
}
.hbg_small-search-wrapper .search__box .search__prompt-container .prompt-list::-webkit-scrollbar,
.header__search-wrapper .search__box .search__prompt-container .prompt-list::-webkit-scrollbar {
  width: 5px;
  background: transparent;
  border-radius: 0;
}
.hbg_small-search-wrapper .search__box .search__prompt-container .prompt-list::-webkit-scrollbar-thumb,
.header__search-wrapper .search__box .search__prompt-container .prompt-list::-webkit-scrollbar-thumb {
  width: 5px;
  background-color: var(--hbg-header-scrollbar-bgcolor);
  border-radius: 0;
}
.hbg_small-search-wrapper .search__box .search__prompt-container .prompt-list .prompt-item,
.header__search-wrapper .search__box .search__prompt-container .prompt-list .prompt-item {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  padding: 0 16px;
  cursor: pointer;
  height: 40px;
  padding: 10px 20px;
}
.hbg_small-search-wrapper .search__box .search__prompt-container .prompt-list .prompt-item:hover,
.header__search-wrapper .search__box .search__prompt-container .prompt-list .prompt-item:hover {
  background: var(--hbg-item-hover-color);
}
.hbg_small-search-wrapper .search__box .search__prompt-container .prompt-list .prompt-item:last-child:hover,
.header__search-wrapper .search__box .search__prompt-container .prompt-list .prompt-item:last-child:hover {
  border-radius: 0 0 8px 8px;
}
.hbg_small-search-wrapper .search__box .search__prompt-container .prompt-list .prompt-item .prompt-icon,
.header__search-wrapper .search__box .search__prompt-container .prompt-list .prompt-item .prompt-icon {
  width: 20px;
  height: 20px;
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/prompt_search.448893a6.svg);
}
.hbg_small-search-wrapper .search__box .search__prompt-container .prompt-list .prompt-item .prompt-content,
.header__search-wrapper .search__box .search__prompt-container .prompt-list .prompt-item .prompt-content {
  color: var(--hbg-search-txt-color);
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  line-height: 20px;
}
.hbg_small-search-wrapper .search__box .search__prompt-container .no-content,
.header__search-wrapper .search__box .search__prompt-container .no-content {
  padding: 20px 0;
}
.hbg_small-search-wrapper .search__box .search__result-container,
.header__search-wrapper .search__box .search__result-container {
  width: 360px;
  padding-bottom: 16px;
  border-radius: 0 0 8px 8px;
}
.hbg_small-search-wrapper .search__box .search__result-container .nav-container,
.header__search-wrapper .search__box .search__result-container .nav-container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 20px;
}
.hbg_small-search-wrapper .search__box .search__result-container .nav-container .nav_list-container,
.header__search-wrapper .search__box .search__result-container .nav-container .nav_list-container {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
}
.hbg_small-search-wrapper .search__box .search__result-container .nav-container .nav_list-container ::-webkit-scrollbar,
.header__search-wrapper .search__box .search__result-container .nav-container .nav_list-container ::-webkit-scrollbar {
  display: none;
}
.hbg_small-search-wrapper .search__box .search__result-container .nav-container .nav_list-container .nav-list,
.header__search-wrapper .search__box .search__result-container .nav-container .nav_list-container .nav-list {
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-align: center;
  align-items: center;
}
.hbg_small-search-wrapper .search__box .search__result-container .nav-container .nav_list-container .nav-list .nav-item,
.header__search-wrapper .search__box .search__result-container .nav-container .nav_list-container .nav-list .nav-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--hbg-search-tag-color);
  font-weight: 500;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
}
.hbg_small-search-wrapper .search__box .search__result-container .nav-container .nav_list-container .nav-list .nav-item:hover,
.header__search-wrapper .search__box .search__result-container .nav-container .nav_list-container .nav-list .nav-item:hover {
  color: var(--hbg-search-txt-color);
}
.hbg_small-search-wrapper .search__box .search__result-container .nav-container .nav_list-container .nav-list .active-nav-item,
.header__search-wrapper .search__box .search__result-container .nav-container .nav_list-container .nav-list .active-nav-item {
  color: var(--hbg-search-txt-color);
  font-size: 16px;
  line-height: 22px;
}
.hbg_small-search-wrapper .search__box .search__result-container .nav-container .pre-container,
.header__search-wrapper .search__box .search__result-container .nav-container .pre-container,
.hbg_small-search-wrapper .search__box .search__result-container .nav-container .next-container,
.header__search-wrapper .search__box .search__result-container .nav-container .next-container {
  position: absolute;
  top: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 24px;
  height: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}
.hbg_small-search-wrapper .search__box .search__result-container .nav-container .pre-container .icon-img,
.header__search-wrapper .search__box .search__result-container .nav-container .pre-container .icon-img,
.hbg_small-search-wrapper .search__box .search__result-container .nav-container .next-container .icon-img,
.header__search-wrapper .search__box .search__result-container .nav-container .next-container .icon-img {
  width: 24px;
  height: 40px;
  background: var(--hbg-next-img) no-repeat center;
  background-size: 24px 40px;
}
.hbg_small-search-wrapper .search__box .search__result-container .nav-container .pre-container:hover .icon-img,
.header__search-wrapper .search__box .search__result-container .nav-container .pre-container:hover .icon-img,
.hbg_small-search-wrapper .search__box .search__result-container .nav-container .next-container:hover .icon-img,
.header__search-wrapper .search__box .search__result-container .nav-container .next-container:hover .icon-img {
  background: var(--hbg-next-hover-img) no-repeat center;
  background-size: 24px 40px;
}
.hbg_small-search-wrapper .search__box .search__result-container .nav-container .pre-container,
.header__search-wrapper .search__box .search__result-container .nav-container .pre-container {
  left: 0;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 4px;
}
.hbg_small-search-wrapper .search__box .search__result-container .nav-container .pre-container .icon-img,
.header__search-wrapper .search__box .search__result-container .nav-container .pre-container .icon-img {
  background: var(--hbg-prev-img) no-repeat center;
  background-size: 24px 40px;
}
.hbg_small-search-wrapper .search__box .search__result-container .nav-container .pre-container:hover .icon-img,
.header__search-wrapper .search__box .search__result-container .nav-container .pre-container:hover .icon-img {
  background: var(--hbg-prev-hover-img) no-repeat center;
  background-size: 24px 40px;
}
.hbg_small-search-wrapper .search__box .search__result-container .nav-container .next-container,
.header__search-wrapper .search__box .search__result-container .nav-container .next-container {
  right: 0;
  padding-left: 4px;
}
.hbg_small-search-wrapper .search__box .search__result-container .nav_padding-left,
.header__search-wrapper .search__box .search__result-container .nav_padding-left {
  padding-left: 28px;
}
.hbg_small-search-wrapper .search__box .search__result-container .nav_padding-right,
.header__search-wrapper .search__box .search__result-container .nav_padding-right {
  padding-right: 28px;
}
.hbg_small-search-wrapper .search__box .search__result-container .search__list-container,
.header__search-wrapper .search__box .search__result-container .search__list-container {
  max-height: 480px;
  overflow-y: auto;
}
.hbg_small-search-wrapper .search__box .search__result-container .search__list-container::-webkit-scrollbar,
.header__search-wrapper .search__box .search__result-container .search__list-container::-webkit-scrollbar {
  width: 5px;
  background: transparent;
  border-radius: 0;
}
.hbg_small-search-wrapper .search__box .search__result-container .search__list-container::-webkit-scrollbar-thumb,
.header__search-wrapper .search__box .search__result-container .search__list-container::-webkit-scrollbar-thumb {
  width: 5px;
  background-color: var(--hbg-header-scrollbar-bgcolor);
  border-radius: 0;
}
.hbg_small-search-wrapper .search__box .search__result-container .search__list-container .search-list .search-item .search-header,
.header__search-wrapper .search__box .search__result-container .search__list-container .search-list .search-item .search-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 32px;
  padding: 0 20px;
  cursor: pointer;
}
.hbg_small-search-wrapper .search__box .search__result-container .search__list-container .search-list .search-item .search-header .name,
.header__search-wrapper .search__box .search__result-container .search__list-container .search-list .search-item .search-header .name {
  color: var(--hbg-search-tag-color);
  font-weight: 500;
  font-size: 12px;
  font-style: normal;
  line-height: 20px;
}
.hbg_small-search-wrapper .search__box .search__result-container .search__list-container .search-list .search-item .search-header .arrow-img,
.header__search-wrapper .search__box .search__result-container .search__list-container .search-list .search-item .search-header .arrow-img {
  width: 8px;
  height: 20px;
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/arrow.cef68ff1.svg) no-repeat center;
  background-size: 8px 20px;
}
.hbg_small-search-wrapper .no-content,
.header__search-wrapper .no-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  padding: 60px 0;
}
.hbg_small-search-wrapper .no-content .no-img,
.header__search-wrapper .no-content .no-img {
  width: 76px;
  height: 76px;
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/no-content.382f9935.svg);
}
.hbg_small-search-wrapper .no-content span,
.header__search-wrapper .no-content span {
  margin-top: 12px;
  color: #4c4c4e;
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}
.header__search-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 200px;
  height: 32px;
  border-radius: 4px;
}
.header__search-wrapper .header__search-container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.header__search-wrapper .header__search-container .header__search-input-container {
  -ms-flex: 1;
  flex: 1 1;
  height: 100%;
}
.header__search-wrapper .header__search-container .header__search-input-container .search__icon {
  position: absolute;
  top: 50%;
  left: 6px;
  width: 28px;
  height: 28px;
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/search.732eb982.svg);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}
.header__search-wrapper .header__search-container .header__search-input-container .search__input {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.header__search-wrapper .header__search-container .header__search-input-container .search__input input {
  width: 100%;
  height: 100%;
  padding: 2px 0 2px 40px;
  color: var(--hbg-search-input-color);
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  background: var(--hbg-search-input-bgcolor);
  border: none;
  border-radius: 4px;
  outline: none;
}
.header__search-wrapper .header__search-container .header__search-input-container .search__input input::-webkit-input-placeholder {
  color: var(--hbg-search-input-color);
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
}
.header__search-wrapper .header__search-container .header__search-input-container .search__input input::-moz-placeholder {
  color: var(--hbg-search-input-color);
}
.header__search-wrapper .header__search-container .header__search-input-container .search__input input:-ms-input-placeholder {
  color: var(--hbg-search-input-color);
}
.header__search-wrapper .header__search-container .header__search-input-container .search__input input:focus {
  color: var(--hbg-search-active-input-color);
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  border: 1px solid #0173e5;
}
.header__search-wrapper .header__search-container .header__search-input-container .clear__icon {
  position: absolute;
  top: 50%;
  right: 8px;
  width: 20px;
  height: 20px;
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/clear.7e1cd1f6.svg);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}
.header__search-wrapper .header__search-container .search__box {
  position: absolute;
  top: 48px;
  border-radius: 0 0 8px 8px;
  -webkit-box-shadow: var(--hbg-search-shadow);
  box-shadow: var(--hbg-search-shadow);
}
.header__search-wrapper .header__search-container .search__box .search__hot-container,
.header__search-wrapper .header__search-container .search__box .search__prompt-container,
.header__search-wrapper .header__search-container .search__box .search__result-container {
  padding: 16px 0;
  background: var(--hbg-header-search-bgcolor);
}
.hbg_small-search-wrapper .search-input-wrapper {
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  width: 100%;
  padding: 8px 16px;
}
.hbg_small-search-wrapper .search-input-wrapper .search-input-container {
  position: relative;
  width: 100%;
  height: 40px;
}
.hbg_small-search-wrapper .search-input-wrapper .search-input-container .search__icon {
  position: absolute;
  top: 50%;
  left: 6px;
  width: 28px;
  height: 28px;
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/search.732eb982.svg);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}
.hbg_small-search-wrapper .search-input-wrapper .search-input-container .search__input {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.hbg_small-search-wrapper .search-input-wrapper .search-input-container .search__input input {
  width: 100%;
  height: 100%;
  padding: 2px 0 2px 40px;
  color: var(--hbg-search-input-color);
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  background: var(--hbg-search-input-bgcolor);
  border: none;
  border-radius: 4px;
  outline: none;
}
.hbg_small-search-wrapper .search-input-wrapper .search-input-container .search__input input::-webkit-input-placeholder {
  color: var(--hbg-search-input-color);
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
}
.hbg_small-search-wrapper .search-input-wrapper .search-input-container .search__input input::-moz-placeholder {
  color: var(--hbg-search-input-color);
}
.hbg_small-search-wrapper .search-input-wrapper .search-input-container .search__input input:-ms-input-placeholder {
  color: var(--hbg-search-input-color);
}
.hbg_small-search-wrapper .search-input-wrapper .search-input-container .search__input input:focus {
  color: var(--hbg-search-active-input-color);
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  border: 1px solid #0173e5;
}
.hbg_small-search-wrapper .search-input-wrapper .search-input-container .clear__icon {
  position: absolute;
  top: 50%;
  right: 8px;
  width: 20px;
  height: 20px;
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/clear.7e1cd1f6.svg);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}
.hbg_small-search-wrapper .search__txt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 60px;
  color: var(--hbg-search-txt-color);
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .hbg_drawer__search {
    height: 100%;
  }
  .hbg_drawer__search .hbg-drawer__content {
    height: 100%;
    overflow: hidden;
    border: 0;
  }
  .hbg_small-search-wrapper {
    width: 100%;
    height: 100%;
  }
  .hbg_small-search-wrapper .hbg-search-container {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1 1;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
  }
  .hbg_small-search-wrapper .hbg-search-container .search-input-wrapper {
    width: auto;
  }
  .hbg_small-search-wrapper .hbg-search-container .search-input-wrapper .search-input-container .search__input {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
  }
  .hbg_small-search-wrapper .hbg-search-container .search__box {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1 1;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
  }
  .hbg_small-search-wrapper .hbg-search-container .search__box .search__hot-container,
  .hbg_small-search-wrapper .hbg-search-container .search__box .search__result-container {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1 1;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
  }
  .hbg_small-search-wrapper .hbg-search-container .search__box .search__hot-container .search__list-container .live-list,
  .hbg_small-search-wrapper .hbg-search-container .search__box .search__result-container .search__list-container .live-list {
    display: grid;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .hbg_small-search-wrapper .hbg-search-container .search__box .search__hot-container .search-container,
  .hbg_small-search-wrapper .hbg-search-container .search__box .search__result-container .search-container,
  .hbg_small-search-wrapper .hbg-search-container .search__box .search__hot-container .search__list-container,
  .hbg_small-search-wrapper .hbg-search-container .search__box .search__result-container .search__list-container {
    height: 100%;
    max-height: none;
    overflow-y: auto;
  }
  .hbg_small-search-wrapper .hbg-search-container .search__box .search__hot-container .search-container::-webkit-scrollbar,
  .hbg_small-search-wrapper .hbg-search-container .search__box .search__result-container .search-container::-webkit-scrollbar,
  .hbg_small-search-wrapper .hbg-search-container .search__box .search__hot-container .search__list-container::-webkit-scrollbar,
  .hbg_small-search-wrapper .hbg-search-container .search__box .search__result-container .search__list-container::-webkit-scrollbar {
    width: 5px;
    background: transparent;
    border-radius: 0;
  }
  .hbg_small-search-wrapper .hbg-search-container .search__box .search__hot-container .search-container::-webkit-scrollbar-thumb,
  .hbg_small-search-wrapper .hbg-search-container .search__box .search__result-container .search-container::-webkit-scrollbar-thumb,
  .hbg_small-search-wrapper .hbg-search-container .search__box .search__hot-container .search__list-container::-webkit-scrollbar-thumb,
  .hbg_small-search-wrapper .hbg-search-container .search__box .search__result-container .search__list-container::-webkit-scrollbar-thumb {
    width: 5px;
    background-color: var(--hbg-header-scrollbar-bgcolor);
    border-radius: 0;
  }
  .hbg_small-search-wrapper .hbg-search-container .search__box .search__prompt-container {
    width: 100%;
    padding-bottom: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1 1;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
  }
  .hbg_small-search-wrapper .hbg-search-container .search__box .search__prompt-container .prompt-list {
    height: 100%;
    max-height: none;
  }
}
@media screen and (min-width: 745px) and (max-width: 1024px) {
  .hbg_small-search-wrapper .hbg-search-container .search__box .search__result-container .search__list-container {
    max-height: none;
  }
  .hbg_small-search-wrapper .hbg-search-container .search__box .search__result-container .search__list-container .live-list {
    display: grid;
    grid-template-columns: repeat(4, 157px);
  }
}
@media screen and (min-width: 540px) and (max-width: 744px) {
  .hbg_small-search-wrapper .hbg-search-container .search__box .search__result-container .search__list-container {
    max-height: none;
  }
  .hbg_small-search-wrapper .hbg-search-container .search__box .search__result-container .search__list-container .live-list {
    display: grid;
    grid-template-columns: repeat(3, 157px);
  }
}
.spot-content,
.swap-content {
  display: contents;
}
@media screen and (min-width: 1024px) {
  html[lang="ru"] .search__hot-container .hot-tab-list,
  html[lang="ru-ru"] .search__hot-container .hot-tab-list,
  html[lang="ru-RU"] .search__hot-container .hot-tab-list,
  html[lang="fr"] .search__hot-container .hot-tab-list,
  html[lang="fr-fr"] .search__hot-container .hot-tab-list,
  html[lang="fr-FR"] .search__hot-container .hot-tab-list,
  html[lang="es"] .search__hot-container .hot-tab-list,
  html[lang="es-es"] .search__hot-container .hot-tab-list,
  html[lang="es-ES"] .search__hot-container .hot-tab-list,
  html[lang="es"] .search__hot-container .hot-tab-list,
  html[lang="es-la"] .search__hot-container .hot-tab-list,
  html[lang="es-LA"] .search__hot-container .hot-tab-list,
  html[lang="tr"] .search__hot-container .hot-tab-list,
  html[lang="tr-tr"] .search__hot-container .hot-tab-list,
  html[lang="tr-TR"] .search__hot-container .hot-tab-list,
  html[lang="vi"] .search__hot-container .hot-tab-list,
  html[lang="vi-vi"] .search__hot-container .hot-tab-list,
  html[lang="vi-VI"] .search__hot-container .hot-tab-list,
  html[lang="pt"] .search__hot-container .hot-tab-list,
  html[lang="pt-pt"] .search__hot-container .hot-tab-list,
  html[lang="pt-PT"] .search__hot-container .hot-tab-list,
  html[lang="it"] .search__hot-container .hot-tab-list,
  html[lang="it-it"] .search__hot-container .hot-tab-list,
  html[lang="it-IT"] .search__hot-container .hot-tab-list,
  html[lang="en"] .search__hot-container .hot-tab-list,
  html[lang="en-in"] .search__hot-container .hot-tab-list,
  html[lang="en-IN"] .search__hot-container .hot-tab-list,
  html[lang="uk"] .search__hot-container .hot-tab-list,
  html[lang="uk-ua"] .search__hot-container .hot-tab-list,
  html[lang="uk-UA"] .search__hot-container .hot-tab-list,
  html[lang="id"] .search__hot-container .hot-tab-list,
  html[lang="id-id"] .search__hot-container .hot-tab-list,
  html[lang="id-ID"] .search__hot-container .hot-tab-list {
    height: auto !important;
  }
  html[lang="ru"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="ru-ru"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="ru-RU"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="fr"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="fr-fr"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="fr-FR"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="es"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="es-es"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="es-ES"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="es"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="es-la"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="es-LA"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="tr"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="tr-tr"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="tr-TR"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="vi"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="vi-vi"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="vi-VI"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="pt"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="pt-pt"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="pt-PT"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="it"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="it-it"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="it-IT"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="en"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="en-in"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="en-IN"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="uk"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="uk-ua"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="uk-UA"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="id"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="id-id"] .search__hot-container .hot-tab-list .tab-item,
  html[lang="id-ID"] .search__hot-container .hot-tab-list .tab-item {
    font-size: 14px !important;
    line-height: 14px !important;
  }
}
@media screen and (min-width: 1024px) {
  html.ru-ru .search__hot-container .hot-tab-list,
  html.fr-fr .search__hot-container .hot-tab-list,
  html.es-es .search__hot-container .hot-tab-list,
  html.es-la .search__hot-container .hot-tab-list,
  html.tr-tr .search__hot-container .hot-tab-list,
  html.vi-vi .search__hot-container .hot-tab-list,
  html.pt-pt .search__hot-container .hot-tab-list,
  html.it-it .search__hot-container .hot-tab-list,
  html.en-in .search__hot-container .hot-tab-list,
  html.uk-ua .search__hot-container .hot-tab-list,
  html.id-id .search__hot-container .hot-tab-list {
    height: auto !important;
  }
  html.ru-ru .search__hot-container .hot-tab-list .tab-item,
  html.fr-fr .search__hot-container .hot-tab-list .tab-item,
  html.es-es .search__hot-container .hot-tab-list .tab-item,
  html.es-la .search__hot-container .hot-tab-list .tab-item,
  html.tr-tr .search__hot-container .hot-tab-list .tab-item,
  html.vi-vi .search__hot-container .hot-tab-list .tab-item,
  html.pt-pt .search__hot-container .hot-tab-list .tab-item,
  html.it-it .search__hot-container .hot-tab-list .tab-item,
  html.en-in .search__hot-container .hot-tab-list .tab-item,
  html.uk-ua .search__hot-container .hot-tab-list .tab-item,
  html.id-id .search__hot-container .hot-tab-list .tab-item {
    font-size: 14px !important;
    line-height: 14px !important;
  }
}
.spot-scroller,
.swap-scroller {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1 1;
  -ms-flex-direction: column;
  flex-direction: column;
}
.spot-scroller .recycle-scroller,
.swap-scroller .recycle-scroller {
  -ms-flex: 1;
  flex: 1 1;
}
.ReactVirtualized__List::-webkit-scrollbar {
  width: 5px;
  background: transparent;
  border-radius: 0;
}
.ReactVirtualized__List::-webkit-scrollbar-thumb {
  width: 5px;
  background-color: var(--hbg-header-scrollbar-bgcolor);
  border-radius: 0;
}
.model-dark {
  --hbg-model-switch-bgcolor: #1e1e1f;
  --hbg-switch-txtcolor: #e6e6e6;
  --hbg-switch-header-bordercolor: rgba(255, 255, 255, 0.06);
  --hbg-switch-operatecolor: #e6e6e6;
  --hbg-content-bghovercolor: #282829;
  --hbg-switch-search-bgcolor: #313132;
  --hbg-switch-search-txtcolor: #e6e6e6;
  --hbg-no-data-img: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/no_data.c4e6c873.svg);
  --hbg-tab-active-color: #fff;
}
.model-light {
  --hbg-model-switch-bgcolor: #fff;
  --hbg-switch-txtcolor: #000;
  --hbg-switch-header-bordercolor: #ebebeb;
  --hbg-switch-operatecolor: #0173e5;
  --hbg-content-bghovercolor: #fafafa;
  --hbg-switch-search-bgcolor: #f5f5f5;
  --hbg-switch-search-txtcolor: #000;
  --hbg-no-data-img: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/no_data_light.fbd0d9ac.svg);
  --hbg-tab-active-color: #000;
}
.vm--container .vm--overlay {
  background: rgba(0, 0, 0, 0.8) !important;
}
.model-switch-container {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1 1;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}
.model-switch-user {
  background: var(--hbg-model-switch-bgcolor) !important;
  border-radius: 8px !important;
}
.model-switch-user .switch-user-container {
  position: relative;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1 1;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}
.model-switch-user .switch-user-container .switch-loading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.1);
}
.model-switch-user .switch-user-container .switch-user-header {
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 72px;
  padding: 22px 24px;
}
.model-switch-user .switch-user-container .switch-user-header .switch-user_title {
  color: var(--hbg-switch-txtcolor);
  font-weight: 500;
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
}
.model-switch-user .switch-user-container .switch-user-header .switch-user_close {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.model-switch-user .switch-user-container .switch-user-header .switch-user_close img {
  width: 100%;
  height: 100%;
}
.model-switch-user .switch-user-container .switch-user-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1 1;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}
.model-switch-user .switch-user-container .switch-user-body .main-user {
  width: 100%;
}
.model-switch-user .switch-user-container .switch-user-body .main-user .main-user_header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 30px;
  padding: 0 24px 8px;
}
.model-switch-user .switch-user-container .switch-user-body .main-user .main-user_header .main-user_title {
  color: var(--hbg-switch-txtcolor);
  font-weight: 500;
  font-size: 16px;
  font-style: normal;
  line-height: 22px;
}
.model-switch-user .switch-user-container .switch-user-body .main-user .main-user_content {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-align: center;
  align-items: center;
  padding: 14px 24px;
  cursor: pointer;
}
.model-switch-user .switch-user-container .switch-user-body .main-user .main-user_content:hover {
  background: var(--hbg-content-bghovercolor);
  border-radius: 8px;
}
.model-switch-user .switch-user-container .switch-user-body .main-user .main-user_content .user_avatar {
  position: relative;
}
.model-switch-user .switch-user-container .switch-user-body .main-user .main-user_content .user_avatar .user_img {
  width: 42px;
  height: 42px;
  padding: 1px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 50%;
}
.model-switch-user .switch-user-container .switch-user-body .main-user .main-user_content .user_avatar .user_img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.model-switch-user .switch-user-container .switch-user-body .main-user .main-user_content .user_avatar i {
  position: absolute;
  right: 0;
  bottom: 1px;
  z-index: 2;
  display: block;
  width: 8px;
  height: 8px;
}
.model-switch-user .switch-user-container .switch-user-body .main-user .main-user_content .user_avatar .user_avatar_big {
  width: 20px;
  height: 20px;
}
.model-switch-user .switch-user-container .switch-user-body .main-user .main-user_content .user_avatar .user_avatar__live {
  background: var(--hbg-user-info-live);
  background-size: 100% 100%;
}
.model-switch-user .switch-user-container .switch-user-body .main-user .main-user_content .user_avatar .user_avatar__v {
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-v.f3f05b94.svg) no-repeat;
  background-size: 100% 100%;
}
.model-switch-user .switch-user-container .switch-user-body .main-user .main-user_content .user-info-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1 1;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.model-switch-user .switch-user-container .switch-user-body .main-user .main-user_content .user-info-container .user_info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 460px;
  white-space: normal;
  word-wrap: break-word;
}
.model-switch-user .switch-user-container .switch-user-body .main-user .main-user_content .user-info-container .user_info .user_name {
  min-height: 22px;
  color: var(--hbg-switch-txtcolor);
  font-weight: 500;
  font-size: 16px;
  font-style: normal;
  line-height: 22px;
}
.model-switch-user .switch-user-container .switch-user-body .main-user .main-user_content .user-info-container .user_info .user_uid {
  min-height: 14px;
  color: #8a8a8e;
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  line-height: 14px;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user {
  margin-top: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1 1;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_header {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 44px;
  padding: 0 24px;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_header:after {
  position: absolute;
  right: 24px;
  bottom: 0;
  left: 24px;
  height: 1px;
  background: var(--hbg-switch-header-bordercolor);
  content: "";
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_header .sub-user_tab {
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_header .sub-user_tab .sub-user_title {
  color: var(--hbg-switch-txtcolor);
  font-weight: 500;
  font-size: 16px;
  font-style: normal;
  line-height: 22px;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_header .user-tab_box .sub-user_title {
  color: #8a8a8e;
  cursor: pointer;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_header .user-tab_box .tab-active {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  color: var(--hbg-tab-active-color);
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_header .user-tab_box .tab-active:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 16px;
  height: 2px;
  background: #0173e5;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "";
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_header .sub-user_operate {
  color: #0173e5;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  cursor: pointer;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1 1;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1 1;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  padding-bottom: 24px;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .loading-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-search {
  padding: 12px 24px 8px;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-search .search__input {
  width: 100%;
  height: 40px;
  padding: 10px 24px;
  background: var(--hbg-switch-search-bgcolor);
  border-radius: 12px;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-search .search__input input {
  width: 100%;
  height: 100%;
  padding: 0;
  color: var(--hbg-switch-search-txtcolor);
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  background: var(--hbg-switch-search-bgcolor);
  border: none;
  outline: none;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-search .search__input input::-webkit-input-placeholder {
  color: #8a8a8e;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-search .search__input input::-moz-placeholder {
  color: #8a8a8e;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-search .search__input input:-ms-input-placeholder {
  color: #8a8a8e;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .u-wrapper {
  display: contents;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-user_list {
  padding-top: 8px;
  overflow-y: auto;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-user_list::-webkit-scrollbar {
  width: 4px;
  background: transparent;
  border-radius: 0;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-user_list::-webkit-scrollbar-thumb {
  width: 4px;
  background-color: var(--hbg-model-switch-bgcolor);
  border-radius: 0;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-user_list .sub-user_item {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-align: center;
  align-items: center;
  padding: 14px 24px;
  cursor: pointer;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-user_list .sub-user_item:hover {
  background: var(--hbg-content-bghovercolor);
  border-radius: 8px;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-user_list .sub-user_item .u-img {
  width: 40px;
  height: 40px;
  padding: 1px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 50%;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-user_list .sub-user_item .u-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-user_list .sub-user_item .u_content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1 1;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-user_list .sub-user_item .u_content .u_info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2px;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 460px;
  white-space: normal;
  word-wrap: break-word;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-user_list .sub-user_item .u_content .u_info .u_name {
  min-height: 20px;
  color: var(--hbg-switch-txtcolor);
  font-weight: 500;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-user_list .sub-user_item .u_content .u_info .u_uid {
  min-height: 14px;
  color: #8a8a8e;
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  line-height: 14px;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .sub-user_list .u-manage {
  cursor: default;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .u-check-img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .u-check-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .u-clear {
  padding: 6px 0;
  color: #e94359;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .no-data-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 80px;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .no-data-container .no-data {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  -ms-flex-align: center;
  align-items: center;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .no-data-container .no-data .no-data_img {
  width: 76px;
  height: 76px;
  background: var(--hbg-no-data-img) no-repeat center;
  background-size: 76px 76px;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .no-data-container .no-data .no-data_img img {
  width: 100%;
  height: 100%;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .no-data-container .no-data .no-data_txt {
  color: var(--hbg-switch-txtcolor);
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .no-data-container .no-data_button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 28px;
  padding: 0 12px;
  background: #0173e5;
  border-radius: 4px;
  cursor: pointer;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .no-data-container .no-data_button span {
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .user-list-container .no-data-container .no-data_button:hover {
  background: #0069d9;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .u-user-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .u-user-list .add-button-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 20px 24px 0 24px;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .u-user-list .add-button-container .add-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 44px;
  padding: 0 16px;
  background: #0173e5;
  border-radius: 4px;
  cursor: pointer;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .u-user-list .add-button-container .add-button span {
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.model-switch-user .switch-user-container .switch-user-body .sub-user .sub-user_content .u-user-list .add-button-container .add-button:hover {
  background: #0069d9;
}
.model-switch-user .switch-user-container .switch-user-body .u-disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.del-user-dialog {
  min-height: 180px;
  background: #fff;
  border-radius: 8px;
}
.del-user-dialog .d-user-dialog-container {
  padding: 0 24px;
}
.del-user-dialog .d-user-dialog-container .del-user-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 22px 0;
}
.del-user-dialog .d-user-dialog-container .del-user-header .del-user_title {
  color: #000;
  font-weight: 500;
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
}
.del-user-dialog .d-user-dialog-container .del-user-header .del-user_close {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.del-user-dialog .d-user-dialog-container .del-user-header .del-user_close img {
  width: 100%;
  height: 100%;
}
.del-user-dialog .d-user-dialog-container .del-user-body {
  color: #000;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.del-user-dialog .d-user-dialog-container .del-user-footer .del-button-container {
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 20px 0 24px 0;
}
.del-user-dialog .d-user-dialog-container .del-user-footer .del-button-container .button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 88px;
  height: 44px;
  padding: 0 16px;
  background: #fff;
  border: 0;
  cursor: pointer;
}
.del-user-dialog .d-user-dialog-container .del-user-footer .del-button-container .cancel-button {
  color: #000;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.del-user-dialog .d-user-dialog-container .del-user-footer .del-button-container .cancel-button:hover {
  background-color: #fafafa;
}
.del-user-dialog .d-user-dialog-container .del-user-footer .del-button-container .confirm-button {
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  background: #0173e5;
  border-radius: 4px;
}
.del-user-dialog .d-user-dialog-container .del-user-footer .del-button-container .confirm-button:hover {
  background-color: #0069d9;
}
.HBDrawer.HBDrawer--open .HBDrawer__overlay {
  display: block;
  opacity: 1;
}
.HBDrawer.HBDrawer--open .HBDrawer__container {
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
  visibility: visible;
}
.HBDrawer.HBDrawer--open .hbg-user-info__detail .hbg-user-info__content .username_switch {
  width: auto;
}
.HBDrawer .HBDrawer__overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  display: none;
  width: 100%;
  height: 100vh;
  -webkit-transition: opacity 0.2s ease-in 0s;
  transition: opacity 0.2s ease-in 0s;
}
.HBDrawer .HBDrawer__container {
  position: fixed;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100% !important;
  max-height: 80vh;
  overflow: auto;
  color: var(--hbg-header-main-txtcolor);
  background: var(--hbg-header-main-bgcolor);
  border-radius: 0 0 8px 8px;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.HBDrawer .HBDrawer__header {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: var(--hbg-header-height);
  padding: 0 16px;
  background: #0e1015;
}
.HBDrawer .HBDrawer__close {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.HBDrawer .hbg-user-dropdown__short {
  display: block;
}
.hgb-popup-parent--hidden {
  overflow: hidden;
}
.hbg-drawer {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-height: 100vh;
  margin: 0;
  color: var(--hbg-header-main-txtcolor);
  font-size: 12px;
  line-height: 14px;
  background: var(--hbg-header-main-bgcolor);
  border-radius: 0 0 8px 8px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 1027px) {
  .hbg-drawer {
    width: 100%;
    max-height: 80vh;
  }
}
.hbg-drawer__title {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 44px;
  padding: 0 16px;
}
@media screen and (min-width: 745px) and (max-width: 1024px) {
  .hbg-drawer__title {
    height: 64px;
    background: var(--hbg-header-main-bgcolor);
  }
}
.hbg-drawer__icon-back,
.hbg-drawer__title-close {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-back-white.fa2947ac.svg) no-repeat center center;
  background-size: 20px 20px;
  cursor: pointer;
}
.hbg-drawer--light .hbg-drawer__icon-back,
.hbg-drawer--light .hbg-drawer__title-close {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-back.9571c0d5.svg);
}
.hbg-drawer__title-close {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-close.4a630f5d.svg);
}
@media screen and (max-width: 1027px) {
  .hbg-drawer__title-close {
    background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-close-white.e16986c3.svg);
  }
}
.hbg-drawer__title-logo {
  width: 55px;
  height: 16px;
}
.hbg-drawer__title-logo-img {
  width: 55px;
  height: 16px;
}
@media screen and (min-width: 1028px) {
  .hbg-drawer__title-logo {
    display: none;
  }
}
.hbg-drawer__title-close {
  position: absolute;
  top: 10px;
  right: 16px;
  width: 24px;
  height: 24px;
}
.hbg-drawer__content {
  padding: 0 0;
  overflow: auto;
  border-top: 1px solid var(--hbg-header-split-color);
  border-radius: 0 0 8px 8px;
}
.hbg-drawer__overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity 0.2s ease-in 0s;
  transition: opacity 0.2s ease-in 0s;
}
.hbg-drawer .hbg-user-info__detail .hbg-user-info__content .username_switch {
  width: auto;
}
.v-modal-enter {
  -webkit-animation: v-modal-in 0.2s ease;
  animation: v-modal-in 0.2s ease;
}
.v-modal-leave {
  -webkit-animation: v-modal-out 0.2s ease forwards;
  animation: v-modal-out 0.2s ease forwards;
}
@-webkit-keyframes v-modal-in {
  0% {
    opacity: 0;
  }
}
@keyframes v-modal-in {
  0% {
    opacity: 0;
  }
}
@-webkit-keyframes v-modal-out {
  100% {
    opacity: 0;
  }
}
@keyframes v-modal-out {
  100% {
    opacity: 0;
  }
}
.draw-fade-enter-active {
  -webkit-animation: draw-fade-in 0.3s;
  animation: draw-fade-in 0.3s;
}
.draw-fade-leave-active {
  -webkit-animation: draw-fade-out 0.3s;
  animation: draw-fade-out 0.3s;
}
@-webkit-keyframes draw-fade-in {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes draw-fade-in {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes draw-fade-out {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0;
  }
}
@keyframes draw-fade-out {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes draw-fade-in__top-bottom {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes draw-fade-in__top-bottom {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes draw-fade-out__top-bottom {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    opacity: 0;
  }
}
@keyframes draw-fade-out__top-bottom {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    opacity: 0;
  }
}
.draw-fade__top-bottom-enter-active {
  -webkit-animation: draw-fade-in__top-bottom 0.3s;
  animation: draw-fade-in__top-bottom 0.3s;
}
.draw-fade__top-bottom-leave-active {
  -webkit-animation: draw-fade-out__top-bottom 0.3s;
  animation: draw-fade-out__top-bottom 0.3s;
}
.hbg-drawer .hbg-languages,
.hbg-drawer .hbg-currencys {
  width: 100%;
}
.hbg-drawer .hbg-languages .hb-menu-dropdown__body__item__sub,
.hbg-drawer .hbg-currencys .hb-menu-dropdown__body__item__sub {
  display: none;
}
.hbg-drawer .hbg-languages .hb-menu-dropdown__body__items,
.hbg-drawer .hbg-currencys .hb-menu-dropdown__body__items {
  max-height: none;
}
.hbg-drawer .hbg-user-dropdown__short {
  display: block;
}
.hbg-download {
  width: 288px;
  padding: 24px;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.hbg-download__img {
  width: 110px;
  height: 110px;
  margin-right: 12px;
  padding: 4px;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0.5px solid #e9eaed;
}
.hbg-download__img svg {
  width: 102px;
  height: 102px;
}
.hbg-download__title {
  margin-bottom: 9px;
  color: var(--hbg-header-main-txtcolor);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.hbg-download__content {
  padding: 4px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.hbg-download .fed-btn--primary {
  color: #0094ff;
  background: rgba(1, 115, 229, 0.1);
  border: 0;
}
.hbg-drawer--dark,
.global-common-header {
  --hbg-user-info-bgcolor: rgba(255, 255, 255, 0.1);
  --hbg-user-info-live: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-live-dark.05674e18.svg) no-repeat;
  --hbg-header-user-txtcolor: #e6e6e6;
  --hbg-header-switch-txtcolor: #8c8c93;
  --hbg-header-switch-hovercolor: #e6e6e6;
  --switch-img: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/switch.0478843d.svg);
  --switch-hover-img: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/switch_hover.c9c966f5.svg);
  --user-line-height: 26px;
  --switch-bordercolor: #333;
}
.hbg-drawer--dark .hbg-user-info__uid,
.global-common-header .hbg-user-info__uid {
  color: #8c8c93;
}
.hbg-drawer--dark .hbg-user-info__uid-copy,
.global-common-header .hbg-user-info__uid-copy {
  width: 12px;
  height: 12px;
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-copy.a2d26cd7.svg) no-repeat center center;
  background-size: 12px 12px;
}
.hbg-drawer--light,
.global-common-header--light {
  --hbg-user-info-bgcolor: rgba(0, 0, 0, 0.1);
  --hbg-user-info-live: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-live-light.11e1667b.svg) no-repeat;
  --hbg-header-user-txtcolor: #000;
  --hbg-header-switch-txtcolor: #565656;
  --hbg-header-switch-hovercolor: #000;
  --switch-img: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/switch_light.73b2aaf5.svg);
  --switch-hover-img: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/switch_hover_light.3a5c7f5b.svg);
  --user-line-height: 22px;
  --switch-bordercolor: #ddd;
}
.hbg-drawer--light .hbg-user-info__uid,
.global-common-header--light .hbg-user-info__uid {
  padding: 2px 4px;
  color: #000;
  background: #fafafa;
  border-radius: 100px;
}
.hbg-drawer--light .hbg-user-info__uid-copy,
.global-common-header--light .hbg-user-info__uid-copy {
  width: 14px;
  height: 14px;
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-copy--light.4429332f.svg) no-repeat center center;
  background-size: 14px 14px;
}
.hbg-user-info {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-align: center;
  align-items: center;
}
.hbg-user-info__avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
.hbg-user-info__avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.hbg-user-info__detail {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1 1;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  overflow: hidden;
}
.hbg-user-info__content {
  display: -ms-flexbox;
  display: flex;
  gap: 18px;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.hbg-user-info__switch {
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 22px;
  padding: 0 8px;
  border: 1px solid var(--switch-bordercolor);
  border-radius: 40px;
  cursor: pointer;
}
.hbg-user-info__switch:hover span {
  color: var(--hbg-header-switch-hovercolor);
}
.hbg-user-info__switch:hover .switch-img {
  background: var(--switch-hover-img) no-repeat center center;
  background-size: 12px 12px;
}
.hbg-user-info__switch span {
  display: inline-block;
  color: var(--hbg-header-switch-txtcolor);
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  white-space: nowrap;
}
.hbg-user-info__switch .switch-img {
  width: 12px;
  height: 12px;
  background: var(--switch-img) no-repeat center center;
  background-size: 12px 12px;
}
.hbg-user-info__username {
  color: var(--hbg-header-user-txtcolor);
  font-weight: 700;
  font-size: 20px;
  font-style: normal;
  line-height: var(--user-line-height);
  cursor: pointer;
}
.hbg-user-info .username_switch {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hbg-user-info__uid {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 2px;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  line-height: 14px;
}
.hbg-user-info .icon-copy-w {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.hbg-user-info__uid-copy {
  display: inline-block;
  cursor: pointer;
}
.hbg-user-info__uid-copy--success {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-copied.a28e1806.svg);
}
.hbg-user-info__medals > img {
  width: 24px;
  height: 24px;
}
.hbg-user-avatar {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.hbg-user-avatar__img {
  width: 100%;
  height: 100%;
}
.hbg-user-avatar__is-not-nft {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50%;
}
.hbg-user-avatar__border {
  width: 100%;
  height: 100%;
  padding: 1px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 50%;
}
.hbg-user-avatar__border-general {
  width: 100%;
  height: 100%;
  padding: 1px;
  overflow: hidden;
}
.hbg-user-avatar i {
  position: absolute;
  right: 0;
  bottom: 1px;
  z-index: 2;
  display: block;
  width: 8px;
  height: 8px;
}
.hbg-user-avatar__big {
  width: 20px !important;
  height: 20px !important;
}
.hbg-user-avatar__live {
  background: var(--hbg-user-info-live);
  background-size: 100% 100%;
}
.hbg-user-avatar__v {
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-v.f3f05b94.svg) no-repeat;
  background-size: 100% 100%;
}
.hbg-user-dropdown {
  padding: 0;
}
.hbg-user-dropdown__user {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  padding: 24px 28px;
  -webkit-box-shadow: inset 0 -1px 0 var(--hbg-header-split-color);
  box-shadow: inset 0 -1px 0 var(--hbg-header-split-color);
  cursor: default;
}
.hbg-user-dropdown .hbg-cell-group {
  -webkit-transition: border-bottom 0.3s;
  transition: border-bottom 0.3s;
}
.hbg-user-dropdown .hbg-fee__border {
  margin-top: 12px;
  -webkit-transition: margin-bottom 0.3s;
  transition: margin-bottom 0.3s;
}
.hbg-user-dropdown__short {
  display: none;
}
.hb-dropdown-wrap .hbg-user-dropdown {
  height: 100%;
  max-height: none;
  overflow-x: hidden;
  overflow-y: auto;
}
.hb-dropdown-wrap .hbg-user-dropdown::-webkit-scrollbar {
  width: 5px;
  background: transparent;
  border-radius: 0;
}
.hb-dropdown-wrap .hbg-user-dropdown::-webkit-scrollbar-thumb {
  width: 5px;
  background-color: var(--hbg-header-scrollbar-bgcolor);
  border-radius: 0;
}
.hb-dropdown-wrap .hbg-user-dropdown .hbg-cell {
  height: 52px;
}
.hb-dropdown-wrap .hbg-user-dropdown .hbg-cell .hbg-cell__title {
  color: var(--hbg-header-user-txt-color);
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.hb-dropdown-wrap .hbg-user-dropdown .hbg-cell .hbg-cell-user_key p {
  position: relative;
}
.hb-dropdown-wrap .hbg-user-dropdown .hbg-cell .hbg-cell-user_key p:before {
  position: absolute;
  top: 0;
  right: -8px;
  width: 6px;
  height: 6px;
  background: #e94359;
  border-radius: 50%;
  content: "";
}
.hb-dropdown-wrap .hbg-user-dropdown .hbg-cell-group {
  background-color: transparent;
  border-bottom: 1px solid var(--hbg-header-split-color);
}
.hb-dropdown-wrap .hbg-user-dropdown .hbg-cell-group a.hbg-cell {
  color: var(--hbg-header-main-txtcolor);
}
.hb-dropdown-wrap .hbg-user-dropdown .hbg-cell-group .hbg-cell.is-link:hover {
  background: var(--hbg-header-main-hover-bgcolor);
}
.global-common-header {
  --pl-btn: #313132;
  --pl-btn-text: #292929;
  --pl-btn-hover: #0173e5;
  --icon-eye: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-eye-open.18103640.svg);
  --icon-eye-close: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-eye-close.85c5e5f3.svg);
  --icon-pl: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-profit-and-loss.d43b9bda.svg);
  --hbg-finance-tips-text: rgba(253, 249, 242, 0.6);
  --icon-finance-tips: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-finance-tips.be18b03b.svg);
  --pl-text: #e6e6e6;
  --otc-bg: #313132;
  --otc-bg-hover: #0173e5;
  --audit-color: #e6e6e6;
  --pl-btn-text-border: #0173e5;
  --otc-top-border: #292929;
}
.global-common-header--light {
  --pl-btn: #f5f5f5;
  --pl-btn-text: #ebebeb;
  --pl-btn-hover: #0173e5;
  --icon-eye: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-eye-open--light.83ff4d07.svg);
  --icon-eye-close: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-eye-close--light.89d37f3e.svg);
  --icon-pl: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-profit-and-loss--light.bd0ffbd3.svg);
  --hbg-finance-tips-text: #000000;
  --pl-text: #000;
  --otc-bg: #f5f5f5;
  --otc-bg-hover: #0173e5;
  --audit-color: #000;
  --pl-btn-text-border: #0173e5;
  --otc-top-border: #ebebeb;
}
.hbg-finance-tips {
  padding: 10px 10px 5px;
}
.hbg-finance-tips_val {
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 11px 16px;
  color: var(--hbg-finance-tips-text);
  font-size: 12px;
  line-height: 18px;
  white-space: normal;
  background: rgba(224, 147, 0, 0.05);
  border: 1px solid rgba(224, 147, 0, 0.3);
  border-radius: 2px;
}
.hbg-finance-tips_val i {
  display: block;
  -ms-flex: 0 0 12px;
  flex: 0 0 12px;
  width: 12px;
  height: 12px;
  margin: 3px 8px 0 0;
  background-image: var(--icon-finance-tips);
}
.hbg-finance-tips_val-box p {
  margin: 0;
}
.hbg-finance-tips:hover {
  cursor: default;
}
.hbg-finance-v2 {
  padding: 16px 24px;
}
.hbg-finance-v2__title-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8px;
}
.hbg-finance-v2__title-bar .fed-icon__arrow--right {
  margin-left: auto;
}
.hbg-finance-v2__title {
  margin-right: 8px;
  font-size: 14px;
  line-height: 20px;
  line-height: 16px;
  color: #8c8c93;
}
.hbg-finance-v2__eye {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: var(--icon-eye) no-repeat 0 0;
  background-size: 14px 14px;
  cursor: pointer;
}
.hbg-finance-v2__eye--close {
  background-image: var(--icon-eye-close);
}
.hbg-finance-v2__assets-title {
  margin-bottom: 2px;
  color: var(--hbg-header-main-txtcolor);
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  font-weight: 400;
}
.hbg-finance-v2__assets-val {
  margin-bottom: 6.5px;
  overflow: hidden;
  color: var(--hbg-header-main-txtcolor);
  font-weight: 700;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  text-overflow: ellipsis;
}
.hbg-finance-v2__assets-pl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.hbg-finance-v2__assets-pl-title {
  margin-right: 8px;
  color: var(--hbg-header-secondary-txtcolor);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.hbg-finance-v2__assets-pl-val {
  margin-right: 4px;
  overflow: hidden;
  color: var(--hbg-header-tertiary-txtcolor);
  font-weight: 700;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-overflow: ellipsis;
}
.hbg-finance-v2__assets-pl-icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 4px;
  background: var(--icon-pl) no-repeat center center;
  background-size: 12px 12px;
}
.hbg-finance-v2__assets-pl-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 25px;
  margin-left: auto;
  padding: 6px 16px;
  color: var(--pl-btn-text);
  font-size: 12px;
  line-height: 13px;
  border-radius: 34px;
  border: 1px solid var(--pl-btn);
}
.hbg-finance-v2__assets-pl-btn span {
  color: var(--pl-text);
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  line-height: 13px;
}
.hbg-finance-v2__assets-pl-btn:hover {
  cursor: pointer;
}
.hbg-finance-v2:hover {
  background: var(--hbg-header-main-hover-bgcolor);
}
.hbg-finance-v2:hover .hbg-finance-v2__assets .hbg-finance-v2__assets-pl .hbg-finance-v2__assets-pl-btn {
  border: 1px solid var(--pl-btn-text);
}
.hbg-finance-v2:hover .hbg-finance-v2__assets .hbg-finance-v2__assets-pl .hbg-finance-v2__assets-pl-btn:hover {
  border: 1px solid var(--pl-btn-hover);
}
.hbg-finance-v2__otc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 12px 24px;
}
.hbg-finance-v2__otc span {
  display: block;
  border-radius: 32px;
  background: var(--otc-bg);
  -ms-flex: 1;
  flex: 1 1;
  font-size: 12px;
  font-weight: 500;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: var(--otc-color);
}
.hbg-finance-v2__otc span:nth-child(2) {
  margin: 0 8px;
}
.hbg-finance-v2__otc span:hover {
  cursor: pointer;
  background: var(--otc-bg-hover);
  color: #fff;
}
.hbg-finance-v2__audit {
  padding: 0 24px;
}
.hbg-finance-v2__audit .hbg-finance-v2__audit-content {
  border-top: 1px solid var(--otc-top-border);
  padding: 16px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.hbg-finance-v2__audit .hbg-finance-v2__audit-content p {
  font-size: 14px;
  line-height: 20px;
  color: var(--audit-color);
}
.hbg-finance-v2__audit:hover {
  cursor: pointer;
  background: var(--hbg-header-main-hover-bgcolor);
}
.hbg-finance-v2__audit:hover p {
  font-weight: 500;
}
.hbg-finance-dropdown {
  height: 100%;
  max-height: none !important;
  padding: 4px;
  overflow: auto;
}
.hbg-finance-dropdown::-webkit-scrollbar {
  width: 5px;
  background: transparent;
  border-radius: 0;
}
.hbg-finance-dropdown::-webkit-scrollbar-thumb {
  width: 5px;
  background-color: var(--hbg-header-scrollbar-bgcolor);
  border-radius: 0;
}
.hbg-finance-cell-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 52px;
  padding: 16px 24px;
  overflow: hidden;
  cursor: pointer;
}
.hbg-finance-cell-item__title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.hbg-finance-cell-item__title .hbg-finance-cell-item__label {
  color: var(--hbg-header-main-txtcolor);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.hbg-finance-cell-item__title .hbg-finance-cell-item__val {
  color: var(--hbg-header-secondary-txtcolor);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  padding-left: 8px;
}
.hbg-finance-cell-item__value {
  -ms-flex: 1;
  flex: 1 1;
  margin-left: 12px;
  overflow: hidden;
  text-align: right;
}
.hbg-finance-cell-item__value .hbg-finance-cell-item__label {
  width: 100%;
  overflow: hidden;
  color: var(--hbg-header-main-txtcolor);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hbg-finance-cell-item__value .hbg-finance-cell-item__val {
  color: var(--hbg-header-main-txtcolor);
}
.hbg-finance-cell-item__value .hbg-finance-cell-item__val.is-rise {
  color: #00a171;
}
.hbg-finance-cell-item__value .hbg-finance-cell-item__val.is-fall {
  color: #e94359;
}
.hbg-finance-cell-item:hover {
  background: var(--hbg-header-main-hover-bgcolor);
}
.hbg-finance-cell-item:hover .hbg-finance-cell-item__title .hbg-finance-cell-item__label {
  font-weight: 700;
}
.fed-collapes-item {
  position: relative;
}
.fed-collapes-item::after {
  position: absolute;
  right: 16px;
  bottom: 0;
  left: 16px;
  display: none;
  content: "";
}
.fed-collapes-item:last-child::after {
  display: none;
}
.fed-collapes-item__title {
  height: 48px;
  padding: 0 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: var(--hbg-header-main-txtcolor);
  font-size: 14px;
  line-height: 16px;
  background: var(--hbg-header-main-bgcolor);
  cursor: pointer;
}
.fed-collapes-item__title .fed-icon__arrow {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.fed-collapes-item__title[aria-expanded="false"] .fed-icon__arrow {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fed-collapes-item__title[aria-expanded="true"] {
  color: var(--hbg-header-primary-color);
  font-weight: 700;
}
.fed-collapes-item__title[aria-expanded="true"] .fed-icon__arrow::after {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-arrow-right-active.476a7db7.svg);
}
.fed-collapes-item__title-text {
  -ms-flex: 1;
  flex: 1 1;
}
.fed-collapes-item__content {
  position: relative;
}
.fed-collapes-item__content .hbg-cell-group {
  background: var(--hbg-header-main-bgcolor);
}
.fed-collapes-item__content .hbg-cell {
  padding: 0 40px;
}
.fed-collapes-item__content .hbg-cell::after {
  display: none;
}
.fed-collapes-item__content .hbg-cell:active,
.fed-collapes-item__content .hbg-cell:hover {
  background: var(--hbg-header-main-hover-bgcolor);
}
.fed-collapes-item__content .hbg-cell__title {
  color: var(--hbg-header-main-txtcolor);
  font-size: 14px;
  line-height: 16px;
}
.fed-collapes-item__content::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  content: "";
}
.fed-collapes-item__content-wrapper {
  position: relative;
  overflow: hidden;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
}
.fed-collapes-item__content-wrapper::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid var(--hbg-header-split-color);
  content: "";
}
.hbg-panel-function .fed-collapes > .hbg-cell {
  padding: 0 16px;
}
.hbg-panel-function .login-panel {
  border-bottom: 1px solid var(--hbg-header-split-color);
}
.hbg-panel-function .fed-collapes {
  border-bottom: 1px solid var(--hbg-header-split-color);
}
.hbg-login {
  padding: 24px 16px;
}
.hbg-login__title {
  margin-bottom: 4px;
  color: var(--hbg-header-main-txtcolor);
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}
.hbg-login__subtitle {
  color: var(--fed-btn-block-color);
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}
@media screen and (min-width: 376px) {
  .hbg-login {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .hbg-login__btns {
    display: -ms-flexbox;
    display: flex;
    margin-left: 12px;
  }
  .hbg-login__btns .fed-btn {
    min-width: 80px;
    white-space: nowrap;
    text-align: center;
  }
  .hbg-login__btns .fed-btn:nth-child(1) {
    margin-right: 8px;
  }
}
@media screen and (max-width: 375px) {
  .hbg-login {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .hbg-login__btns {
    margin-top: 24px;
    display: -ms-flexbox;
    display: flex;
  }
  .hbg-login__btns .fed-btn {
    -ms-flex: 1;
    flex: 1 1;
  }
  .hbg-login__btns .fed-btn:nth-child(1) {
    margin-right: 8px;
  }
}
.hbg-more-btn {
  position: relative;
  width: 16px;
  height: 13px;
  cursor: pointer;
}
.hbg-more-btn > div {
  position: absolute;
  left: 0;
  width: 16px;
  height: 3px;
  background-color: var(--hbg-header-main-txtcolor);
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.hbg-more-btn__line0 {
  top: 0;
}
.hbg-more-btn__line1 {
  top: 5px;
}
.hbg-more-btn__line2 {
  bottom: 0;
}
.hbg-more-btn__close > div {
  width: 17px;
  background-color: #0094ff;
}
.hbg-more-btn__close .hbg-more-btn__line0 {
  top: -0.9px;
  left: -0.9px;
  -webkit-transform: rotateZ(45deg) scaleY(0.5);
  transform: rotateZ(45deg) scaleY(0.5);
}
.hbg-more-btn__close .hbg-more-btn__line1 {
  width: 0;
  opacity: 0;
}
.hbg-more-btn__close .hbg-more-btn__line2 {
  bottom: -0.9px;
  left: -0.9px;
  -webkit-transform: rotateZ(-45deg) scaleY(0.5);
  transform: rotateZ(-45deg) scaleY(0.5);
}
.hbg-user-info__prime--level[data-level='0'] {
  --level: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/prime0.256e7eaf.svg);
}
.hbg-user-info__prime--level[data-level='1'] {
  --level: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/prime1.11ffc283.svg);
}
.hbg-user-info__prime--level[data-level='2'] {
  --level: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/prime2.11ffc283.svg);
}
.hbg-user-info__prime--level[data-level='3'] {
  --level: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/prime3.11ffc283.svg);
}
.hbg-user-info__prime--level[data-level='4'] {
  --level: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/prime4.092244ac.svg);
}
.hbg-user-info__prime--level[data-level='5'] {
  --level: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/prime5.092244ac.svg);
}
.hbg-user-info__prime--level[data-level='6'] {
  --level: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/prime6.092244ac.svg);
}
.hbg-user-info__prime--level[data-level='7'] {
  --level: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/prime7.fddb3b3b.svg);
}
.hbg-user-info__prime--level[data-level='8'] {
  --level: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/prime8.fddb3b3b.svg);
}
.hbg-user-info__prime--level[data-level='9'] {
  --level: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/prime9.fddb3b3b.svg);
}
.hbg-user-info__prime--level[data-level='10'] {
  --level: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/prime10.4c2e263b.svg);
}
.hbg-user-info__prime--level[data-level='11'] {
  --level: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/prime11.4c2e263b.svg);
}
.global-common-header,
.hbg-drawer--dark {
  --kyc-bg: #282829;
  --kyc-color: #d7deeb;
}
.global-common-header .hbg-user-info__prime--level[data-level="0"],
.hbg-drawer--dark .hbg-user-info__prime--level[data-level="0"] {
  --experience-color: #737e96;
  --experience-bg: #172736;
}
.global-common-header .hbg-user-info__prime--level[data-level="1"],
.hbg-drawer--dark .hbg-user-info__prime--level[data-level="1"],
.global-common-header .hbg-user-info__prime--level[data-level="2"],
.hbg-drawer--dark .hbg-user-info__prime--level[data-level="2"],
.global-common-header .hbg-user-info__prime--level[data-level="3"],
.hbg-drawer--dark .hbg-user-info__prime--level[data-level="3"] {
  --experience-color: #12b298;
  --experience-bg: #192925;
}
.global-common-header .hbg-user-info__prime--level[data-level="4"],
.hbg-drawer--dark .hbg-user-info__prime--level[data-level="4"],
.global-common-header .hbg-user-info__prime--level[data-level="5"],
.hbg-drawer--dark .hbg-user-info__prime--level[data-level="5"],
.global-common-header .hbg-user-info__prime--level[data-level="6"],
.hbg-drawer--dark .hbg-user-info__prime--level[data-level="6"] {
  --experience-color: #c68258;
  --experience-bg: #2f2323;
}
.global-common-header .hbg-user-info__prime--level[data-level="7"],
.hbg-drawer--dark .hbg-user-info__prime--level[data-level="7"],
.global-common-header .hbg-user-info__prime--level[data-level="8"],
.hbg-drawer--dark .hbg-user-info__prime--level[data-level="8"],
.global-common-header .hbg-user-info__prime--level[data-level="9"],
.hbg-drawer--dark .hbg-user-info__prime--level[data-level="9"] {
  --experience-color: #f28301;
  --experience-bg: #2a2419;
}
.global-common-header .hbg-user-info__prime--level[data-level="10"],
.hbg-drawer--dark .hbg-user-info__prime--level[data-level="10"],
.global-common-header .hbg-user-info__prime--level[data-level="11"],
.hbg-drawer--dark .hbg-user-info__prime--level[data-level="11"] {
  --experience-color: #d7deeb;
  --experience-bg: #2c2b1b;
}
.global-common-header--light,
.hbg-drawer--light {
  --kyc-bg: #f5f5f5;
  --kyc-color: #000;
}
.global-common-header--light .hbg-user-info__prime--level[data-level="0"],
.hbg-drawer--light .hbg-user-info__prime--level[data-level="0"] {
  --experience-bg: #eef5fd;
}
.global-common-header--light .hbg-user-info__prime--level[data-level="1"],
.hbg-drawer--light .hbg-user-info__prime--level[data-level="1"],
.global-common-header--light .hbg-user-info__prime--level[data-level="2"],
.hbg-drawer--light .hbg-user-info__prime--level[data-level="2"],
.global-common-header--light .hbg-user-info__prime--level[data-level="3"],
.hbg-drawer--light .hbg-user-info__prime--level[data-level="3"] {
  --experience-bg: #e7fdfa;
}
.global-common-header--light .hbg-user-info__prime--level[data-level="4"],
.hbg-drawer--light .hbg-user-info__prime--level[data-level="4"],
.global-common-header--light .hbg-user-info__prime--level[data-level="5"],
.hbg-drawer--light .hbg-user-info__prime--level[data-level="5"],
.global-common-header--light .hbg-user-info__prime--level[data-level="6"],
.hbg-drawer--light .hbg-user-info__prime--level[data-level="6"] {
  --experience-bg: #fcede4;
}
.global-common-header--light .hbg-user-info__prime--level[data-level="7"],
.hbg-drawer--light .hbg-user-info__prime--level[data-level="7"],
.global-common-header--light .hbg-user-info__prime--level[data-level="8"],
.hbg-drawer--light .hbg-user-info__prime--level[data-level="8"],
.global-common-header--light .hbg-user-info__prime--level[data-level="9"],
.hbg-drawer--light .hbg-user-info__prime--level[data-level="9"] {
  --experience-bg: #fff4e4;
}
.global-common-header--light .hbg-user-info__prime--level[data-level="10"],
.hbg-drawer--light .hbg-user-info__prime--level[data-level="10"],
.global-common-header--light .hbg-user-info__prime--level[data-level="11"],
.hbg-drawer--light .hbg-user-info__prime--level[data-level="11"] {
  --experience-bg: #f0edf3;
}
.hbg-user-info__prime {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.hbg-user-info__prime--level,
.hbg-user-info__prime--dmc,
.hbg-user-info__prime-kyc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1 1;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 32px;
  padding: 6px 8px 6px 4px;
  font-weight: 500;
  font-size: 12px;
  border-radius: 4px;
}
.hbg-user-info__prime--level span,
.hbg-user-info__prime--dmc span,
.hbg-user-info__prime-kyc span {
  padding-left: 8px;
}
.hbg-user-info__prime--level:hover,
.hbg-user-info__prime--dmc:hover,
.hbg-user-info__prime-kyc:hover {
  cursor: pointer;
}
.hbg-user-info__prime--level {
  color: var(--experience-color);
  background: var(--experience-bg);
}
.hbg-user-info__prime--level i {
  display: block;
  width: 14px;
  height: 14px;
  background: var(--level);
}
.hbg-user-info__prime--dmc,
.hbg-user-info__prime-kyc {
  color: var(--kyc-color);
  background: var(--kyc-bg);
}
.hbg-user-info__prime--dmc i {
  display: block;
  width: 14px;
  height: 14px;
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/dmc.b4be9735.svg) no-repeat;
}
.hbg-user-info__prime--dmc p {
  width: 14px;
  height: 14px;
  overflow: hidden;
}
.hbg-user-info__prime--dmc p img {
  display: block;
  width: 100%;
  height: 100%;
}
.hbg-user-info__prime-kyc-level {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.hbg-user-info__prime-kyc-level p {
  width: 14px;
  height: 14px;
  overflow: hidden;
}
.hbg-user-info__prime-kyc-level p img {
  display: block;
  width: 100%;
  height: 100%;
}
.hbg-user-info__prime .nokyc {
  color: #fe8731;
  background: rgba(254, 135, 49, 0.07);
}
p {
  margin: 0;
  padding: 0;
}
.hbg-seting {
  width: 400px;
  padding: 30px 24px 32px;
}
.hbg-seting__bg {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.hbg-seting__bg span {
  display: block;
  font-size: 14px;
  line-height: 20px;
}
.hbg-seting__bg .switch {
  width: 38px;
  height: 20px;
  border: none;
}
.hbg-seting__bg .switch .knobs,
.hbg-seting__bg .switch .layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.hbg-seting__bg .switch .button {
  position: relative;
  top: 0;
  width: 38px;
  height: 20px;
  margin: 0 auto;
  overflow: hidden;
}
.hbg-seting__bg .switch .button.r,
.hbg-seting__bg .switch .button.r .layer {
  border-radius: 100px;
}
.hbg-seting__bg .switch .checkbox {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
  opacity: 0;
}
.hbg-seting__bg .switch .knobs {
  z-index: 2;
}
.hbg-seting__bg .switch .layer {
  z-index: 1;
  width: 100%;
  background-color: #383e4a;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.hbg-seting__bg .switch .layer--light {
  background-color: #adadb4;
}
.hbg-seting__bg .switch .button .knobs:before {
  position: absolute;
  top: 3px;
  left: 4px;
  width: 14px;
  height: 14px;
  color: #fff;
  background-color: #fff;
  border-radius: 50%;
  -webkit-transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
  transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
  content: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/light.c629f8aa.svg);
}
.hbg-seting__bg .switch .button .checkbox:checked + .knobs:before {
  left: 21px;
  background-color: #fff;
  content: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/dark.ac6565d6.svg);
}
.hbg-seting__bg .switch .button .knobs,
.hbg-seting__bg .switch .button .knobs:before,
.hbg-seting__bg .switch .button .layer {
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.hbg-seting__bg--switch .switch-text {
  position: relative;
  z-index: 0;
  padding-bottom: 2px;
}
.hbg-seting__bg--switch .switch-text .tips {
  position: absolute;
  bottom: 25px;
  left: 50%;
  z-index: 1;
  display: none;
  width: 280px;
  padding: 16px 12px;
  color: #565656;
  font-size: 12px;
  line-height: 16px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06), 0 0 6px 0 rgba(0, 0, 0, 0.04);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06), 0 0 6px 0 rgba(0, 0, 0, 0.04);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.hbg-seting__bg--switch .switch-text .tips:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 10px;
  height: 6px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/tips-arrow.d71fbeee.svg);
}
.hbg-seting__bg--switch .switch-text:hover .tips {
  display: block;
}
.hbg-seting__box {
  margin-top: 25px;
}
.hbg-seting__box .line {
  width: 100%;
  height: 1px;
  background: #333333;
}
.hbg-seting__box .line--light {
  background: #ddd;
}
.hbg-seting__box .set-title {
  display: block;
  padding-top: 28px;
  color: var(--dropdown-content-subtitle-color);
  font-size: 14px;
  line-height: 20px;
}
.hbg-seting__box .title--light {
  color: #8a8a8e;
}
.hbg-seting__box .set-color {
  padding-top: 20px;
}
.hbg-seting__box .set-color__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 20px;
}
.hbg-seting__box .set-color__item:first-child {
  padding-top: 0;
}
.hbg-seting__box .set-color__item span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
}
.hbg-seting__box .set-color__item span i {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  background: #00a171;
  border-radius: 2px;
}
.hbg-seting__box .set-color__item span i::after {
  position: absolute;
  top: 3px;
  left: 2px;
  display: block;
  width: 12px;
  height: 9px;
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/set--color.1b081e73.svg);
  content: "";
}
.hbg-seting__box .set-color__item p {
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  border: 1px solid #383e4a;
  border-radius: 8px;
  cursor: pointer;
}
.hbg-seting__box .set-color .set-red i {
  background: #e94359;
}
.hbg-seting__box .set-color--light span {
  color: #000000;
}
.hbg-seting__box .set-color--light p {
  border: 1px solid #adadb4;
}
.hbg-seting__box .set-color--light p.active {
  border: 5px solid #0173e5;
  cursor: default;
}
.hbg-seting__box .set-color--dark p.active {
  border: 5px solid #0094ff;
  cursor: default;
}
.hbg-seting__box .set-type {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 28px;
}
.hbg-seting__box .set-type div {
  cursor: pointer;
}
.hbg-seting__box .set-type div p {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 8px;
  line-height: 20px;
}
.hbg-seting__box .set-type div p i {
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  border: 1px solid #383e4a;
  border-radius: 8px;
}
.hbg-seting__box .set-type div img {
  display: block;
  width: 166px;
  height: auto;
}
.hbg-seting__box .set-type--light div p i {
  border: 1px solid #adadb4;
}
.hbg-seting__box .set-type--light .active {
  border: 5px solid #0094ff;
  cursor: default;
}
.hbg-seting__box .set-type--dark .active {
  border: 5px solid #0094ff;
  cursor: default;
}
.hbg-seting__box .hbg-seting__bg {
  padding-top: 28px;
}
.hbg-seting__box .hbg-seting__bg .switch-text {
  border-bottom: 1px dashed #383e4a;
  cursor: pointer;
}
.hbg-seting__box .hbg-seting__bg .button .knobs:before {
  content: "";
}
.hbg-seting__box .hbg-seting__bg .button .checkbox:checked + .knobs:before {
  content: "";
}
.hbg-seting__box .hbg-seting__bg .button .layer--checked {
  background: #0094ff;
}
.hbg-seting__box--light .line {
  background: #e6eaee;
}
.hbg-seting__box--light .hbg-seting__bg .switch-text {
  border-bottom: 1px dashed #8a8a8e;
}
.global-common-header-icon .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
}
.global-common-header-icon__msg {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-msg.82dc2ca3.svg);
}
.global-common-header-icon__download {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-download.3e1b1d11.svg);
}
.global-common-header-icon__lang {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-lang.d3cadddd.svg);
}
.global-common-header-icon__search {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/nav_search.d9d10c54.svg);
}
.global-common-header-icon__hamburg {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-hamburg.e550a965.svg);
}
.global-common-header-icon__seting {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-seting.7a7e0d32.svg);
}
.global-common-header--light .global-common-header-icon__msg {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-msg--light.ad9ed77c.svg);
}
.global-common-header--light .global-common-header-icon__download {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-download--light.01516720.svg);
}
.global-common-header--light .global-common-header-icon__lang {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-lang--light.5ce27399.svg);
}
.global-common-header--light .global-common-header-icon__search {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/nav_search_light.4ef00429.svg);
}
.global-common-header--light .global-common-header-icon__hamburg {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-hamburg--light.1d117538.svg);
}
.global-common-header--light .global-common-header-icon__seting {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-seting--light.50915d9b.svg);
}
.global-common-header--light .hb-dropdown--open .header__user__body__item .global-common-header-icon__msg {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-msg--light.ad9ed77c.svg) !important;
}
.global-common-header--light .hb-dropdown--open .header__user__body__item .global-common-header-icon__download {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-download--light.01516720.svg) !important;
}
.global-common-header--light .hb-dropdown--open .header__user__body__item .global-common-header-icon__lang {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-lang--light.5ce27399.svg) !important;
}
.global-common-header--light .hb-dropdown--open .header__user__body__item .global-common-header-icon__search {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/nav_search_light.4ef00429.svg) !important;
}
.global-common-header--light .hb-dropdown--open .header__user__body__item .global-common-header-icon__hamburg {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-hamburg--light.1d117538.svg) !important;
}
.global-common-header--light .hb-dropdown--open .header__user__body__item .global-common-header-icon__seting {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-seting--light.50915d9b.svg) !important;
}
.global-common-header {
  height: var(--hbg-header-height);
  color: var(--hbg-header-main-txtcolor);
}
.global-common-header .header-wrap {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--hbg-header-height);
  padding: 0 24px;
  background-color: var(--hbg-header-main-bgcolor);
}
.global-common-header .header-wrap::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  border-top: 1px solid var(--hbg-header-split-color);
  content: "";
  pointer-events: none;
}
.global-common-header .header-body {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.global-common-header .header-nav {
  position: relative;
  height: var(--hbg-header-item-height);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.global-common-header .header-nav .header-nav-brand {
  position: relative;
  height: 32px;
  margin-right: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  overflow: hidden;
  cursor: pointer;
}
.global-common-header .header-nav .header-nav-brand img {
  width: 68px;
  height: 28px;
  cursor: pointer;
}
.global-common-header .header-nav .header-nav-brand i {
  position: absolute;
  top: 0;
  left: 0;
  width: 68px;
  height: 26px;
  display: none;
  -webkit-mask-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/logo.48ff6a75.svg);
  mask-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/logo.48ff6a75.svg);
  -webkit-mask-mode: match-source;
  mask-mode: match-source;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 68px 26px;
  mask-size: 68px 26px;
  -webkit-mask-position: center center;
  mask-position: center center;
}
.global-common-header .header-nav .header-nav-brand i::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 26px;
  background: rgba(255, 255, 255, 0.3);
  -webkit-animation-name: logo;
  animation-name: logo;
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
  -webkit-animation-timing-function: cubic-bezier(0.16, 0, 0.18, 1);
  animation-timing-function: cubic-bezier(0.16, 0, 0.18, 1);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  content: "";
}
.global-common-header .header-nav .header-nav-brand:hover i {
  display: block;
}
.global-common-header .header-nav .header-nav-logocn i {
  -webkit-mask-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/logocn.6087e3fa.svg);
  mask-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/logocn.6087e3fa.svg);
}
.global-common-header .header-nav .header-nav-logohk i {
  -webkit-mask-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/logohk.a678c173.svg);
  mask-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/logohk.a678c173.svg);
}
.global-common-header .header-nav .header-nav-menu {
  height: 100%;
}
.global-common-header .header-user {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.global-common-header .header-user__not-logined {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.global-common-header .header-user__not-logined-item {
  margin-right: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.global-common-header .header-user__navmenu {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.global-common-header .header-nav__right {
  height: 64px;
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 11;
  background-color: var(--hbg-header-main-bgcolor);
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -ms-flex-align: center;
  align-items: center;
}
.global-common-header .header__user {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: var(--hbg-header-main-txtcolor);
}
.global-common-header .header__user__hamburg {
  height: 100%;
  padding: 0 0 0 12px;
  display: none;
}
.global-common-header .header__user__hamburg .global-common-header-icon__hamburg {
  cursor: pointer;
}
.global-common-header .header__user__avatar__item {
  height: var(--hbg-header-item-height);
}
.global-common-header .header__user__avatar__item .hb-dropdown__content {
  top: 100%;
}
.global-common-header .header__user__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-align: center;
}
.global-common-header .header__user__body__my {
  width: auto;
  margin-right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
}
.global-common-header .header__user__body__my > .header__user__avatar {
  display: none;
}
.global-common-header .header__user__body__extra {
  width: auto;
  margin-right: 0;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
}
.global-common-header .header__user__body__extra .header__user__body__item--prime-entry i {
  display: inline-block;
  cursor: pointer;
}
.global-common-header .header__user__body__extra .primeicon-default i {
  width: 24px;
  height: 24px;
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon10.5e11cb2f.svg) no-repeat center / 24px auto;
}
.global-common-header .header__user__body__extra .header__user__body__item--prime-entry[data-level='0'] i {
  height: 20px;
  width: 39px;
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/0.007df679.svg) no-repeat center / contain;
}
.global-common-header .header__user__body__extra .header__user__body__item--prime-entry[data-level='1'] i {
  height: 20px;
  width: 39px;
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/1.756a9fc4.svg) no-repeat center / contain;
}
.global-common-header .header__user__body__extra .header__user__body__item--prime-entry[data-level='2'] i {
  height: 20px;
  width: 39px;
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/2.3bf3752b.svg) no-repeat center / contain;
}
.global-common-header .header__user__body__extra .header__user__body__item--prime-entry[data-level='3'] i {
  height: 20px;
  width: 39px;
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/3.774175a5.svg) no-repeat center / contain;
}
.global-common-header .header__user__body__extra .header__user__body__item--prime-entry[data-level='4'] i {
  height: 20px;
  width: 39px;
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/4.21397043.svg) no-repeat center / contain;
}
.global-common-header .header__user__body__extra .header__user__body__item--prime-entry[data-level='5'] i {
  height: 20px;
  width: 39px;
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/5.87a29505.svg) no-repeat center / contain;
}
.global-common-header .header__user__body__extra .header__user__body__item--prime-entry[data-level='6'] i {
  height: 20px;
  width: 39px;
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/6.907976da.svg) no-repeat center / contain;
}
.global-common-header .header__user__body__extra .header__user__body__item--prime-entry[data-level='7'] i {
  height: 20px;
  width: 39px;
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/7.eb4c9347.svg) no-repeat center / contain;
}
.global-common-header .header__user__body__extra .header__user__body__item--prime-entry[data-level='8'] i {
  height: 20px;
  width: 39px;
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/8.8484add9.svg) no-repeat center / contain;
}
.global-common-header .header__user__body__extra .header__user__body__item--prime-entry[data-level='9'] i {
  height: 20px;
  width: 39px;
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/9.d5931a39.svg) no-repeat center / contain;
}
.global-common-header .header__user__body__extra .header__user__body__item--prime-entry[data-level='10'] i {
  height: 20px;
  width: 39px;
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/10.17312cdb.svg) no-repeat center / contain;
}
.global-common-header .header__user__body__extra .header__user__body__item--prime-entry[data-level='11'] i {
  height: 20px;
  width: 39px;
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/11.0e54d609.svg) no-repeat center / contain;
}
.global-common-header .header__user__body__extra .hbg_search_item:hover {
  background: var(--hbg-header-dropdown-bgcolor);
}
.global-common-header .header__user__body__item {
  width: auto;
  height: var(--hbg-header-item-height);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  white-space: nowrap;
  text-decoration: none !important;
  background-clip: border-box !important;
  cursor: pointer;
  -webkit-box-align: center;
  -webkit-box-pack: center;
}
.global-common-header .header__user__body__item .header__user__avatar {
  padding: 0 12px;
}
.global-common-header .header__user__body__item .toggle {
  height: 100%;
}
.global-common-header .header__user__body__item.hb-menu-dropdown {
  position: relative;
}
.global-common-header .header__user__avatar {
  height: 100%;
  padding: 0 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.global-common-header .header__user__avatar img {
  display: block;
}
.global-common-header .header__user .hbg-user_key {
  position: relative;
}
.global-common-header .header__user .hbg-user_key:before {
  position: absolute;
  top: 20px;
  right: 6px;
  width: 6px;
  height: 6px;
  background: #e94359;
  border-radius: 50%;
  content: "";
}
.global-common-header .header__menu {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.global-common-header .header__menu .header__menu__item {
  height: 100%;
  margin-right: 24px;
  color: var(--hbg-header-main-txtcolor);
  font-size: 14px;
}
.global-common-header .header__menu .header__menu__item .toggle {
  height: 100%;
}
.global-common-header .header__menu .header__menu__item:last-child {
  margin-right: 0;
}
@media (max-width: 743px) {
  .global-common-header .hbg-nav-menu-v2 {
    display: none;
  }
}
.global-common-header .hbg-languages .hb-menu-dropdown__body__item,
.global-common-header .hbg-currencys .hb-menu-dropdown__body__item {
  height: 52px;
}
@media screen and (max-width: 744px) {
  .global-common-header .hbg-languages .hb-menu-dropdown__body__item:hover:not(.active),
  .global-common-header .hbg-currencys .hb-menu-dropdown__body__item:hover:not(.active) {
    font-weight: 500;
  }
}
.global-common-header .header-user__item-btn {
  position: relative;
  padding: 8px 16px;
  display: inline-block;
  color: var(--hbg-header-button-color);
  font-size: 14px;
  line-height: 16px;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  cursor: pointer;
}
.global-common-header .header-user__item-btn span {
  position: relative;
  z-index: 2;
}
.global-common-header .header-user__item-btn:hover::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: var(--hbg-header-button-hovercolor);
  border-radius: 4px;
  content: "";
  pointer-events: none;
}
.global-common-header .header-user__item-btn:hover {
  color: var(--hbg-header-main-txtcolor);
  border-radius: 4px;
}
.global-common-header .header-user__item-btn:hover::after {
  display: block;
  background-color: var(--hbg-header-button-hovercolor);
}
.global-common-header .header-user__item-btn--primary {
  color: #fff;
  background-color: #0173e5;
}
.global-common-header .header-user__item-btn--primary:hover {
  color: var(--hbg-header-main-txtcolor);
}
.global-common-header .header-user__item-btn--primary:hover::after {
  display: block;
  background-color: rgba(255, 255, 255, 0.1);
}
.global-common-header .header-user__item-btn--primary {
  padding: 8px 16px;
  display: inline-block;
  color: white;
  white-space: nowrap;
  background-color: #0173e5;
  border-radius: 4px;
  cursor: pointer;
}
.global-common-header .hb-dropdown--open .header__user__avatar {
  position: relative;
  background: var(--hbg-header-dropdown-bgcolor);
}
.global-common-header .hb-dropdown--open .header__user__avatar::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 2px;
  display: none;
  background: #0094ff;
  -webkit-animation-name: widthIn;
  animation-name: widthIn;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  content: "";
}
.global-common-header .hb-dropdown--open .header__user__body__item .global-common-header-icon__msg {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-msg-active.d1134f87.svg);
}
.global-common-header .hb-dropdown--open .header__user__body__item .global-common-header-icon__download {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-download-active.a00b299c.svg);
}
.global-common-header .hb-dropdown--open .header__user__body__item .global-common-header-icon__lang {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-lang-active.b1e2495c.svg);
}
.global-common-header .hb-dropdown--open .header__user__body__item .global-common-header-icon__search {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/nav_search_active.d9d10c54.svg);
}
.global-common-header .hb-dropdown--open .hbg-user-avatar__border {
  border-color: var(--hbg-header-primary-color);
}
.global-common-header .header__user__body__my .header__user__body__item:hover {
  color: var(--hbg-header-primary-color);
}
.global-common-header .header-body--mobile .header-nav .header-nav-brand {
  height: 20px;
}
.global-common-header .header-body--mobile .header-nav .header-nav-brand img {
  width: 68px;
  height: 20px;
}
.global-common-header .header-body--mobile .header-nav .header-nav-brand i {
  width: 68px;
  height: 20px;
  display: none;
  -webkit-mask-size: 68px 20px;
  mask-size: 68px 20px;
}
.global-common-header .header-body--mobile .hbg-nav-menu-v2 {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.global-common-header .header-body--mobile .header__user__body__my > .header__user__avatar {
  padding: 0 12px;
  display: -ms-flexbox;
  display: flex;
}
.global-common-header .header-body--mobile .header__user__body__my > .header__user__avatar--open .hbg-user-avatar__border {
  border-color: var(--hbg-header-primary-color);
}
.global-common-header .header-body--mobile .header__user__body__my .hbg-user_key:before {
  position: absolute;
  top: 0;
}
.global-common-header .header-body--mobile .hbg_small_search_dropdown {
  height: 100%;
  padding: 4px 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.global-common-header .header-body--mobile .hbg_small_search_dropdown:hover {
  background: var(--hbg-header-dropdown-bgcolor);
}
.global-common-header .header-body--mobile .hbg_small_search_dropdown .icon__search--active {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/nav_search_active.d9d10c54.svg);
}
.global-common-header .header-body--mobile .header-user__not-logined .small_logined {
  display: none;
}
.global-common-header .header-body--mobile .header__user__body__item {
  display: none;
}
.global-common-header .header-body--mobile .hbg_search_item {
  display: -ms-flexbox;
  display: flex;
}
.global-common-header .header-body--mobile .header__user__hamburg {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .global-common-header .header-nav .header-nav-brand {
    height: 20px;
  }
  .global-common-header .header-nav .header-nav-brand img {
    width: 68px;
    height: 20px;
  }
  .global-common-header .header-nav .header-nav-brand i {
    width: 68px;
    height: 20px;
    display: none;
    -webkit-mask-size: 68px 20px;
    mask-size: 68px 20px;
  }
  .global-common-header .hbg-nav-menu-v2 {
    position: absolute;
    clip: rect(0, 0, 0, 0);
  }
  .global-common-header .header__user__body__my > .header__user__avatar {
    padding: 0 12px;
    display: -ms-flexbox;
    display: flex;
  }
  .global-common-header .header__user__body__my > .header__user__avatar--open .hbg-user-avatar__border {
    border-color: var(--hbg-header-primary-color);
  }
  .global-common-header .header__user__body__my .hbg-user_key:before {
    position: absolute;
    top: 0;
  }
  .global-common-header .hbg_small_search_dropdown {
    height: 100%;
    padding: 4px 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
  }
  .global-common-header .hbg_small_search_dropdown:hover {
    background: var(--hbg-header-dropdown-bgcolor);
  }
  .global-common-header .hbg_small_search_dropdown .icon__search--active {
    background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/nav_search_active.d9d10c54.svg);
  }
  .global-common-header .header-user__not-logined .small_logined {
    display: none;
  }
  .global-common-header .header__user__body__item {
    display: none;
  }
  .global-common-header .hbg_search_item {
    display: -ms-flexbox;
    display: flex;
  }
  .global-common-header .header__user__hamburg {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
  }
  .global-common-header .header-user__not-logined .small_logined {
    display: -ms-flexbox;
    display: flex;
  }
  .global-common-header .header__user__body__extra .header__user__body__item--prime-entry {
    display: none;
  }
  .global-common-header .hbg-nav-menu-v2 {
    position: relative;
    clip: auto;
    clip: initial;
  }
}
.global-common-header--stacking {
  height: 128px;
}
.global-common-header--stacking .header-wrap {
  height: 128px;
}
.global-common-header--stacking .hbg-nav-menu-v2 {
  position: absolute;
  top: 64px;
  left: 0;
}
.global-common-header--mobile {
  height: 44px;
}
.global-common-header--mobile .header-wrap {
  height: 44px;
}
@media screen and (max-width: 770px) {
  .global-common-header .header-nav__right {
    height: 44px;
  }
}
@media screen and (max-width: 743px) {
  .global-common-header .header-nav .header-nav-brand {
    height: 20px;
  }
  .global-common-header .header-nav .header-nav-brand img {
    width: 68px;
    height: 20px;
  }
}
.global-common-header .header__user__body__extra .header__user__body__item {
  padding: 0 12px;
}
.global-common-header .header__user__body__extra .hb-dropdown--open .header__user__body__item {
  position: relative;
  background: var(--hbg-header-dropdown-bgcolor);
}
.global-common-header .header__user__body__extra .hb-dropdown--open .header__user__body__item::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 2px;
  display: none;
  background: #0094ff;
  -webkit-animation-name: widthIn;
  animation-name: widthIn;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  content: "";
}
.global-common-header .header__user__body__extra .hb-dropdown--hide .header__user__body__item {
  color: var(--hbg-header-main-txtcolor);
  background: var(--hbg-header-main-bgcolor);
}
.hbg-header-dropdown-btn:hover {
  background-color: var(--hbg-header-dropdown-bgcolor);
}
.fed-hbg-footer {
  overflow: hidden;
  color: #e6e6e6;
  font-size: 12px;
  background-color: #1e1e1f;
}
.fed-hbg-footer .footer-nav-brand {
  display: inline-block;
  cursor: pointer;
}
.fed-hbg-footer a {
  cursor: pointer;
}
.fed-hbg-footer * {
  background-color: transparent;
}
.fed-hbg-footer .fed-collapes-item::after {
  border-bottom-color: rgba(233, 234, 237, 0.1);
}
.fed-hbg-footer .fed-collapes-item__content .hbg-cell-group {
  background-color: transparent;
}
.fed-hbg-footer .fed-collapes-item__content::after {
  border-bottom-color: rgba(233, 234, 237, 0.1);
}
.fed-hbg-footer a.hbg-cell {
  color: #e6e6e6;
}
.fed-hbg-footer a.hbg-cell .hbg-cell__title {
  color: #e6e6e6;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.fed-hbg-footer a.hbg-cell:hover {
  color: #0173e5;
  background-color: none;
}
.fed-hbg-footer a.hbg-cell:hover .hbg-cell__title {
  color: #0173e5;
}
.fed-hbg-footer .fed-collapes-item__title {
  color: #e6e6e6;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.fed-hbg-footer .fed-collapes-item__title[aria-expanded="true"] {
  color: #0173e5;
}
.fed-hbg-footer__dropdown {
  display: block;
  margin-top: 18px;
}
.fed-hbg-footer__dropdown .toggle {
  height: 28px;
  padding: 0 8px;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #4c4c4e;
}
.fed-hbg-footer__dropdown .toggle.active {
  color: #f0f1f4;
}
.fed-hbg-footer__dropdown .toggle .toggle__title {
  display: inline-block;
  -ms-flex: 1;
  flex: 1 1;
  overflow: hidden;
  color: #e6e6e6;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.fed-hbg-footer__social .channel {
  position: relative;
  width: 24px;
  height: 24px;
  display: inline-block;
  cursor: pointer;
}
.fed-hbg-footer__social .channel:hover {
  background: #0173e5;
  border-radius: 12px;
}
.fed-hbg-footer__social .channel:hover .qcode {
  -webkit-transform: translateY(-32px);
  transform: translateY(-32px);
  visibility: visible;
  opacity: 1;
}
.fed-hbg-footer__social .channel .qcode {
  position: absolute;
  bottom: 0;
  left: -75px;
  z-index: 10;
  width: 180px;
  padding: 16px 0;
  color: #000000;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.06), 0px 0px 6px 0px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.06), 0px 0px 6px 0px rgba(0, 0, 0, 0.04);
  -webkit-transform: translateY(-22px);
  transform: translateY(-22px);
  visibility: hidden;
  cursor: auto;
  opacity: 0;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.fed-hbg-footer__social .channel .qcodeimg {
  width: 122px;
  height: 122px;
  margin: 8px auto 16px;
  border: 1px solid #dddddd;
}
.fed-hbg-footer__social .channel .qcodeimg img {
  width: 110px;
  height: 110px;
  margin-top: 6px;
}
.fed-hbg-footer__social .channel .customer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #8a8a8e;
  font-weight: 400;
}
.fed-hbg-footer__social .channel .customer .copy {
  width: 14px;
  height: 14px;
  margin: 0 0 0 5px;
  padding: 0;
}
.fed-hbg-footer__social .channel .customer .copy .copy-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-ftcopy.e31c8774.svg) no-repeat center center;
  background-size: 14px 14px;
  cursor: pointer;
}
.fed-hbg-footer__social .channel .customer .copy .copy-icon:hover,
.fed-hbg-footer__social .channel .customer .copy .copy-icon--success {
  background-image: url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/icon-ftcopy1.661112aa.svg);
}
.fed-hbg-footer__social-icon {
  width: 24px;
  height: 24px;
  vertical-align: top;
}
.fed-hbg-footer__social .svg-icon {
  width: 24px;
  height: 24px;
  vertical-align: top;
  fill: #fff;
  stroke: #fff;
}
.fed-hbg-footer__copyright {
  font-size: 12px;
  line-height: 14px;
}
.fed-hbg-footer__logo {
  width: 47px;
  height: 18px;
  vertical-align: top;
}
.fed-hbg-footer__main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.fed-hbg-footer__main .fed-hbg-footer-links {
  -ms-flex-order: 2;
  order: 2;
}
.fed-hbg-footer__main .fed-hbg-footer__sider {
  -ms-flex-order: 1;
  order: 1;
}
.fed-hbg-footer .hb-dropdown__content {
  overflow: hidden;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.06);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.06);
}
.fed-hbg-footer .hb-menu-dropdown__body {
  color: #f0f1f4;
  background: #313132;
}
.fed-hbg-footer .hb-menu-dropdown__body .hb-menu-dropdown__body__item {
  height: auto;
  padding: 12px 20px;
  color: #e6e6e6;
}
.fed-hbg-footer__group {
  font-size: 12px;
  line-height: 14px;
}
.fed-hbg-footer__group a {
  color: #f0f1f4;
  text-decoration: none;
}
.fed-hbg-footer__group a:hover {
  color: #0173e5;
}
.fed-hbg-footer .fed-collapes-item__content-wrapper::after {
  display: none;
}
.fed-hbg-footer__bar-wrapper {
  -webkit-box-shadow: 0 -1px 0 rgba(233, 234, 237, 0.1);
  box-shadow: 0 -1px 0 rgba(233, 234, 237, 0.1);
}
.fed-hbg-footer__language {
  display: none;
}
.fed-hbg-footer__language .fed-hbg-footer__lang-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.fed-hbg-footer .hb-menu-dropdown__body__item--single {
  max-height: 200px;
  max-height: 320px;
  overflow: auto;
}
.fed-hbg-footer .hb-menu-dropdown__body__item--single::-webkit-scrollbar {
  width: 5px;
  background: transparent;
  border-radius: 0;
}
.fed-hbg-footer .hb-menu-dropdown__body__item--single::-webkit-scrollbar-thumb {
  width: 5px;
  background-color: rgba(204, 210, 218, 0.3);
  border-radius: 0;
}
@media screen and (max-width: 1023px) {
  .fed-hbg-footer__dropdown {
    display: none;
  }
  .fed-hbg-footer__sider {
    padding: 16px 17px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .fed-hbg-footer__group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .fed-hbg-footer__group a {
    margin-left: 16px;
  }
  .fed-hbg-footer__bar .fed-hbg-footer__social {
    padding: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .fed-hbg-footer__bar .fed-hbg-footer__social .channel {
    width: 24px;
    height: 24px;
    border-radius: 14px;
  }
  .fed-hbg-footer__bar .fed-hbg-footer__social-icon {
    width: 24px;
    height: 24px;
  }
  .fed-hbg-footer__bar .fed-hbg-footer__social .svg-icon {
    width: 24px;
    height: 24px;
  }
  .fed-hbg-footer__bar .fed-hbg-footer__copyright {
    color: #8a8a8e;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
  }
  .fed-hbg-footer__language {
    height: 40px;
    padding: 0 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-shadow: inset 0px -0.5px 0px rgba(233, 234, 237, 0.1), inset 0px 0.5px 0px rgba(233, 234, 237, 0.1);
    box-shadow: inset 0px -0.5px 0px rgba(233, 234, 237, 0.1), inset 0px 0.5px 0px rgba(233, 234, 237, 0.1);
  }
  .fed-hbg-footer__language .fed-hbg-footer__lang-copyright {
    color: rgba(230, 230, 230, 0.6);
    font-size: 10px;
  }
  .fed-hbg-footer .fed-collapes-item__title {
    height: 40px;
  }
  .fed-hbg-footer .hbg-cell__title {
    font-size: 12px;
  }
  .fed-hbg-footer .hbg-cell {
    height: 36px;
  }
}
@media screen and (min-width: 745px) and (max-width: 1024px) {
  .fed-hbg-footer .fed-hbg-footer__lang-copyright {
    display: none;
  }
  .fed-hbg-footer__bar {
    padding: 18px 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .fed-hbg-footer__bar .fed-hbg-footer__social {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .fed-hbg-footer__language {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 744px) {
  .fed-hbg-footer__bar .fed-hbg-footer__social {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .fed-hbg-footer__bar .fed-hbg-footer__social .channel {
    margin: 0;
  }
  .fed-hbg-footer .fed-hbg-footer__copyright {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .fed-hbg-footer__logo {
    width: 62px;
    height: 24px;
    vertical-align: top;
  }
  .fed-hbg-footer__sider {
    width: 123px;
  }
  .fed-hbg-footer__group {
    margin-top: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .fed-hbg-footer__group a {
    margin-bottom: 12px;
    color: #f0f1f4;
    text-decoration: none;
  }
  .fed-hbg-footer__main {
    max-width: 1260px;
    margin: 0 auto;
    padding: 40px 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .fed-hbg-footer__main .fed-collapes {
    display: -ms-flexbox;
    display: flex;
  }
  .fed-hbg-footer__main .fed-collapes .fed-collapes-item {
    margin-right: 20px;
    -ms-flex: 1;
    flex: 1 1;
  }
  .fed-hbg-footer__main .fed-collapes-item::after {
    display: none;
  }
  .fed-hbg-footer__main .fed-collapes-item__title {
    padding: 0;
    cursor: default;
  }
  .fed-hbg-footer__main .fed-collapes-item__title .fed-icon__arrow {
    display: none;
  }
  .fed-hbg-footer__main .fed-collapes-item__content::after {
    display: none;
  }
  .fed-hbg-footer__main .fed-collapes-item__content-wrapper {
    display: block !important;
    height: auto !important;
  }
  .fed-hbg-footer__main .hbg-cell {
    height: auto;
    margin-bottom: 12px;
    padding: 0;
  }
  .fed-hbg-footer__main .fed-hbg-footer-links {
    -ms-flex: 1;
    flex: 1 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .fed-hbg-footer__main .fed-hbg-footer__sider {
    -ms-flex-order: 2;
    order: 2;
  }
  .fed-hbg-footer__bar {
    max-width: 1260px;
    margin: 0 auto;
    padding: 18px 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .fed-hbg-footer__social {
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
  }
}

.in-trade-page {
  --hb-input-disabled-bg: var(--hbc-trade-input-disabled-bg);
  --hb-component-background-color: var(--hbc-trade-component-bg-color);
  --hb-primary-container-bg: var(--hbc-trade-primary-container-bg);
  --hb-secondary-container-bg: var(--hbc-trade-secondary-container-bg);
}
/** 滚动条样式 **/
.hb-notification {
  position: fixed;
  z-index: var(--hb-notification-zIndex);
  display: flex;
  align-items: flex-end;
  max-height: 100vh;
}
.hb-notification-top,
.hb-notification-topLeft,
.hb-notification-topRight {
  top: 50px;
  flex-direction: column;
}
.hb-notification-topRight {
  right: 24px;
}
.hb-notification-notice {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  width: 420px;
  min-height: 50px;
  margin: 12px 0;
  padding: 20px 16px;
  line-height: 1.5;
  background-color: var(--hb-primary-container-bg);
  border-left: 4px solid var(--border-color);
  border-radius: var(--hb-border-radius-mid);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.hb-notification-notice-content {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
}
.hb-notification-notice .hb-notification-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
}
.hb-notification-notice .hb-notification-rightContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-left: 10px;
}
.hb-notification-notice .hb-notification-rightContainer .hb-notification-title {
  color: var(--hb-primary-font-color);
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}
.hb-notification-notice .hb-notification-rightContainer .hb-notification-desc {
  color: var(--hb-secondary-font-color);
  font-size: 14px;
  line-height: 24px;
  text-align: left;
}
.hb-notification-notice-closable .hb-notification-notice-content {
  padding-right: 20px;
}
.hb-notification-notice-close {
  position: absolute;
  top: 20px;
  right: 16px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.hb-notification-notice-close:hover {
  text-decoration: none;
  opacity: 1;
  filter: alpha(opacity=100);
}
.hb-notification-fade {
  overflow: hidden;
  transition: all 0.3s;
}
.hb-notification-fade-appear-start {
  transform: translateX(100%);
  opacity: 0;
}
.hb-notification-fade-appear-active {
  transform: translateX(0);
  opacity: 1;
}
.hb-notification-info {
  --border-color: var(--hb-primary-font-color);
}
.hb-notification-success {
  --border-color: var(--hb-success-color);
}
.hb-notification-warning {
  --border-color: var(--hb-warning-color);
}
.hb-notification-error {
  --border-color: var(--hb-error-color);
}
.hb-notification-no-desc-notice-content {
  align-items: center;
}

.in-trade-page {
  --hb-input-disabled-bg: var(--hbc-trade-input-disabled-bg);
  --hb-component-background-color: var(--hbc-trade-component-bg-color);
  --hb-primary-container-bg: var(--hbc-trade-primary-container-bg);
  --hb-secondary-container-bg: var(--hbc-trade-secondary-container-bg);
}
/** 滚动条样式 **/

:root {
  /* 黑白主题通用颜色 */

  /* 成功&涨跌色 */
  --hbc-success-color: #00a171;

  /* 警告 */
  --hbc-warning-color: #fe8731;

  /* 错误&涨跌色 */
  --hbc-error-color: #e94359;

  /* 辅助色 */
  --hbc-aux-color: #e94359;

  /* 纯白 */
  --hbc-pure-white-color: #fff;

  /* 纯黑 */
  --hbc-pure-black-color: #000;

  /* 蒙版背景色 */
  --hbc-mask-color: rgba(0, 0, 0, 50%);

  /* ========================= 白主题 👇🏻 ======================== */

  /* 品牌色 */
  --hbc-white-primary-color: #0173e5;

  /* 品牌色-hover */
  --hbc-white-primary-hover-color: #2788e9;

  /* 品牌色-active */
  --hbc-white-primary-active-color: #0162c3;

  /* 一级字体颜色 */
  --hbc-white-primary-font-color: #000;

  /* 二级字体颜色 */
  --hbc-white-secondary-font-color: #565656;

  /* 三级字体颜色 */
  --hbc-white-tertiary-font-color: #8a8a8e;

  /* 四级字体颜色 */
  --hbc-white-quaternary-font-color: #adadb4;

  /* 底层背景 */
  --hbc-white-primary-bg-color: #f2f2f2;

  /* 一级容器背景色 */
  --hbc-white-primary-container-bg: #fff;

  /* 二级容器背景色 & 列表hover */
  --hbc-white-secondary-container-bg: #fafafa;

  /* 输入框底色 & 标签tab底色 */
  --hbc-white-component-bg-color: #f5f5f5;

  /* 输入框禁用色 */
  --hbc-white-input-disabled-bg: #ebebeb;

  /* 分割线 & 描边 */
  --hbc-white-common-border-color: #ddd;

  /* 交易页-底层背景 */
  --hbc-white-trade-bg: #f2f2f2;

  /** 交易页特殊容器背景 */
  --hbc-white-trade-special-container-bg: #fff;

  /* 交易页-一级容器背景 */
  --hbc-white-trade-primary-container-bg: #fff;

  /* 交易页-二级容器背景 & 列表hover */
  --hbc-white-trade-secondary-container-bg: #fafafa;

  /* 交易页-输入框底色 & 标签tab底色 */
  --hbc-white-trade-component-bg-color: #f5f5f5;

  /* 交易页-输入框禁用色 */
  --hbc-white-trade-input-disabled-bg: #ebebeb;

  /* 交易页-分割线&描边 */
  --hbc-white-trade-divider-color: #ddd;

  /* ========================= 白主题 👆🏻======================== */

  /* ========================= 黑主题 👇🏻 =========================  */

  /* 品牌色 */
  --hbc-dark-primary-color: #0173e5;

  /* 品牌色-hover */
  --hbc-dark-primary-hover-color: #2788e9;

  /* 品牌色-active */
  --hbc-dark-primary-active-color: #0162c3;

  /* 一级字体颜色 */
  --hbc-dark-primary-font-color: #d7ddeb;

  /* 二级字体颜色 */
  --hbc-dark-secondary-font-color: #7e8697;

  /* 三级字体颜色 */
  --hbc-dark-tertiary-font-color: #4d5462;

  /* 四级字体颜色 */
  --hbc-dark-quaternary-font-color: #383e4a;

  /* 底层背景 */
  --hbc-dark-primary-bg-color: #131417;

  /* 一级容器背景色 */
  --hbc-dark-primary-container-bg: #181a22;

  /* 二级容器背景色 & 列表hover */
  --hbc-dark-secondary-container-bg: #1b1e28;

  /* 输入框底色 & 标签tab底色 */
  --hbc-dark-component-bg-color: #1d2029;

  /* 输入框禁用色 */
  --hbc-dark-input-disabled-bg: #2d323c;

  /* 分割线 & 描边 */
  --hbc-dark-common-border-color: rgba(33, 38, 50, 50%);

  /* 交易页-底层背景 */
  --hbc-dark-trade-bg: #000;

  /** 交易页特殊容器背景 */
  --hbc-dark-trade-special-container-bg: #0c0d0e;

  /* 交易页-一级容器背景 */
  --hbc-dark-trade-primary-container-bg: #141517;

  /* 交易页-二级容器背景  & 列表hover */
  --hbc-dark-trade-secondary-container-bg: #1b1e28;

  /* 交易页-输入框底色 & 标签tab底色 */
  --hbc-dark-trade-component-bg-color: #1a1c24;

  /* 交易页-输入框禁用色 */
  --hbc-dark-trade-input-disabled-bg: #262b33;

  /* 交易页-分割线&描边 */
  --hbc-dark-trade-divider-color: rgba(33, 38, 50, 50%);

  /* =========================  黑主题 👆🏻 =========================  */
}

html[data-hbc-theme='dark'] {
  --hbc-primary-color: var(--hbc-dark-primary-color);
  --hbc-primary-hover-color: var(--hbc-dark-primary-hover-color);
  --hbc-primary-active-color: var(--hbc-dark-primary-active-color);
  --hbc-primary-font-color: var(--hbc-dark-primary-font-color);
  --hbc-secondary-font-color: var(--hbc-dark-secondary-font-color);
  --hbc-tertiary-font-color: var(--hbc-dark-tertiary-font-color);
  --hbc-quaternary-font-color: var(--hbc-dark-quaternary-font-color);
  --hbc-primary-bg-color: var(--hbc-dark-primary-bg-color);
  --hbc-primary-container-bg: var(--hbc-dark-primary-container-bg);
  --hbc-secondary-container-bg: var(--hbc-dark-secondary-container-bg);
  --hbc-component-bg-color: var(--hbc-dark-component-bg-color);
  --hbc-input-disabled-bg: var(--hbc-dark-input-disabled-bg);
  --hbc-common-border-color: var(--hbc-dark-common-border-color);
  --hbc-trade-bg: var(--hbc-dark-trade-bg);
  --hbc-trade-special-container-bg: var(--hbc-dark-trade-special-container-bg);
  --hbc-trade-primary-container-bg: var(--hbc-dark-trade-primary-container-bg);
  --hbc-trade-secondary-container-bg: var(--hbc-dark-trade-secondary-container-bg);
  --hbc-trade-component-bg-color: var(--hbc-dark-trade-component-bg-color);
  --hbc-trade-input-disabled-bg: var(--hbc-dark-trade-input-disabled-bg);
  --hbc-trade-divider-color: var(--hbc-dark-trade-divider-color);
}

html[data-hbc-theme='white'] {
  --hbc-pure-color: var(--hbc-pure-white-color);
  --hbc-primary-color: var(--hbc-white-primary-color);
  --hbc-primary-hover-color: var(--hbc-white-primary-hover-color);
  --hbc-primary-active-color: var(--hbc-white-primary-active-color);
  --hbc-primary-font-color: var(--hbc-white-primary-font-color);
  --hbc-secondary-font-color: var(--hbc-white-secondary-font-color);
  --hbc-tertiary-font-color: var(--hbc-white-tertiary-font-color);
  --hbc-quaternary-font-color: var(--hbc-white-quaternary-font-color);
  --hbc-primary-bg-color: var(--hbc-white-primary-bg-color);
  --hbc-primary-container-bg: var(--hbc-white-primary-container-bg);
  --hbc-secondary-container-bg: var(--hbc-white-secondary-container-bg);
  --hbc-component-bg-color: var(--hbc-white-component-bg-color);
  --hbc-input-disabled-bg: var(--hbc-white-input-disabled-bg);
  --hbc-common-border-color: var(--hbc-white-common-border-color);
  --hbc-trade-bg: var(--hbc-white-trade-bg);
  --hbc-trade-special-container-bg: var(--hbc-white-trade-special-container-bg);
  --hbc-trade-primary-container-bg: var(--hbc-white-trade-primary-container-bg);
  --hbc-trade-secondary-container-bg: var(--hbc-white-trade-secondary-container-bg);
  --hbc-trade-component-bg-color: var(--hbc-white-trade-component-bg-color);
  --hbc-trade-input-disabled-bg: var(--hbc-white-trade-input-disabled-bg);
  --hbc-trade-divider-color: var(--hbc-white-trade-divider-color);
}

:root {
	--hbc-success-color-rgb: 0, 161, 113;
	--hbc-warning-color-rgb: 254, 135, 49;
	--hbc-error-color-rgb: 233, 67, 89;
	--hbc-aux-color-rgb: 233, 67, 89;
	--hbc-pure-white-color-rgb: 255, 255, 255;
	--hbc-pure-black-color-rgb: 0, 0, 0;
	--hbc-white-primary-color-rgb: 1, 115, 229;
	--hbc-white-primary-hover-color-rgb: 39, 136, 233;
	--hbc-white-primary-active-color-rgb: 1, 98, 195;
	--hbc-white-primary-font-color-rgb: 0, 0, 0;
	--hbc-white-secondary-font-color-rgb: 86, 86, 86;
	--hbc-white-tertiary-font-color-rgb: 138, 138, 142;
	--hbc-white-quaternary-font-color-rgb: 173, 173, 180;
	--hbc-white-primary-bg-color-rgb: 242, 242, 242;
	--hbc-white-primary-container-bg-rgb: 255, 255, 255;
	--hbc-white-secondary-container-bg-rgb: 250, 250, 250;
	--hbc-white-component-bg-color-rgb: 245, 245, 245;
	--hbc-white-input-disabled-bg-rgb: 235, 235, 235;
	--hbc-white-common-border-color-rgb: 221, 221, 221;
	--hbc-white-trade-bg-rgb: 242, 242, 242;
	--hbc-white-trade-special-container-bg-rgb: 255, 255, 255;
	--hbc-white-trade-primary-container-bg-rgb: 255, 255, 255;
	--hbc-white-trade-secondary-container-bg-rgb: 250, 250, 250;
	--hbc-white-trade-component-bg-color-rgb: 245, 245, 245;
	--hbc-white-trade-input-disabled-bg-rgb: 235, 235, 235;
	--hbc-white-trade-divider-color-rgb: 221, 221, 221;
	--hbc-dark-primary-color-rgb: 1, 115, 229;
	--hbc-dark-primary-hover-color-rgb: 39, 136, 233;
	--hbc-dark-primary-active-color-rgb: 1, 98, 195;
	--hbc-dark-primary-font-color-rgb: 215, 221, 235;
	--hbc-dark-secondary-font-color-rgb: 126, 134, 151;
	--hbc-dark-tertiary-font-color-rgb: 77, 84, 98;
	--hbc-dark-quaternary-font-color-rgb: 56, 62, 74;
	--hbc-dark-primary-bg-color-rgb: 19, 20, 23;
	--hbc-dark-primary-container-bg-rgb: 24, 26, 34;
	--hbc-dark-secondary-container-bg-rgb: 27, 30, 40;
	--hbc-dark-component-bg-color-rgb: 29, 32, 41;
	--hbc-dark-input-disabled-bg-rgb: 45, 50, 60;
	--hbc-dark-trade-bg-rgb: 0, 0, 0;
	--hbc-dark-trade-special-container-bg-rgb: 12, 13, 14;
	--hbc-dark-trade-primary-container-bg-rgb: 20, 21, 23;
	--hbc-dark-trade-secondary-container-bg-rgb: 27, 30, 40;
	--hbc-dark-trade-component-bg-color-rgb: 26, 28, 36;
	--hbc-dark-trade-input-disabled-bg-rgb: 38, 43, 51;
}

html[data-hbc-theme='white'] {
	--hbc-pure-color-rgb: var(--hbc-pure-white-color-rgb);
	--hbc-primary-color-rgb: var(--hbc-white-primary-color-rgb);
	--hbc-primary-hover-color-rgb: var(--hbc-white-primary-hover-color-rgb);
	--hbc-primary-active-color-rgb: var(--hbc-white-primary-active-color-rgb);
	--hbc-primary-font-color-rgb: var(--hbc-white-primary-font-color-rgb);
	--hbc-secondary-font-color-rgb: var(--hbc-white-secondary-font-color-rgb);
	--hbc-tertiary-font-color-rgb: var(--hbc-white-tertiary-font-color-rgb);
	--hbc-quaternary-font-color-rgb: var(--hbc-white-quaternary-font-color-rgb);
	--hbc-primary-bg-color-rgb: var(--hbc-white-primary-bg-color-rgb);
	--hbc-primary-container-bg-rgb: var(--hbc-white-primary-container-bg-rgb);
	--hbc-secondary-container-bg-rgb: var(--hbc-white-secondary-container-bg-rgb);
	--hbc-component-bg-color-rgb: var(--hbc-white-component-bg-color-rgb);
	--hbc-input-disabled-bg-rgb: var(--hbc-white-input-disabled-bg-rgb);
	--hbc-common-border-color-rgb: var(--hbc-white-common-border-color-rgb);
	--hbc-trade-bg-rgb: var(--hbc-white-trade-bg-rgb);
	--hbc-trade-special-container-bg-rgb: var(--hbc-white-trade-special-container-bg-rgb);
	--hbc-trade-primary-container-bg-rgb: var(--hbc-white-trade-primary-container-bg-rgb);
	--hbc-trade-secondary-container-bg-rgb: var(--hbc-white-trade-secondary-container-bg-rgb);
	--hbc-trade-component-bg-color-rgb: var(--hbc-white-trade-component-bg-color-rgb);
	--hbc-trade-input-disabled-bg-rgb: var(--hbc-white-trade-input-disabled-bg-rgb);
	--hbc-trade-divider-color-rgb: var(--hbc-white-trade-divider-color-rgb);
}

html[data-hbc-theme='dark'] {
	--hbc-primary-color-rgb: var(--hbc-dark-primary-color-rgb);
	--hbc-primary-hover-color-rgb: var(--hbc-dark-primary-hover-color-rgb);
	--hbc-primary-active-color-rgb: var(--hbc-dark-primary-active-color-rgb);
	--hbc-primary-font-color-rgb: var(--hbc-dark-primary-font-color-rgb);
	--hbc-secondary-font-color-rgb: var(--hbc-dark-secondary-font-color-rgb);
	--hbc-tertiary-font-color-rgb: var(--hbc-dark-tertiary-font-color-rgb);
	--hbc-quaternary-font-color-rgb: var(--hbc-dark-quaternary-font-color-rgb);
	--hbc-primary-bg-color-rgb: var(--hbc-dark-primary-bg-color-rgb);
	--hbc-primary-container-bg-rgb: var(--hbc-dark-primary-container-bg-rgb);
	--hbc-secondary-container-bg-rgb: var(--hbc-dark-secondary-container-bg-rgb);
	--hbc-component-bg-color-rgb: var(--hbc-dark-component-bg-color-rgb);
	--hbc-input-disabled-bg-rgb: var(--hbc-dark-input-disabled-bg-rgb);
	--hbc-trade-bg-rgb: var(--hbc-dark-trade-bg-rgb);
	--hbc-trade-special-container-bg-rgb: var(--hbc-dark-trade-special-container-bg-rgb);
	--hbc-trade-primary-container-bg-rgb: var(--hbc-dark-trade-primary-container-bg-rgb);
	--hbc-trade-secondary-container-bg-rgb: var(--hbc-dark-trade-secondary-container-bg-rgb);
	--hbc-trade-component-bg-color-rgb: var(--hbc-dark-trade-component-bg-color-rgb);
	--hbc-trade-input-disabled-bg-rgb: var(--hbc-dark-trade-input-disabled-bg-rgb);
}


:root {
  --hb-warning-color: var(--hbc-warning-color);
  --hb-warning-color-rgb: var(--hbc-warning-color-rgb);
  --hb-success-color: var(--hbc-success-color);
  --hb-success-color-rgb: var(--hbc-success-color-rgb);
  --hb-error-color: var(--hbc-error-color);
  --hb-error-color-rgb: var(--hbc-error-color-rgb);
  --hb-aux-color: var(--hbc-aux-color);
  --hb-aux-color-rgb: var(--hbc-aux-color-rgb);
  --hb-white: var(--hbc-pure-white-color);
  --hb-black: var(--hbc-pure-black-color);
  --hb-mask-color: var(--hbc-mask-color);
  --hb-main-font-size: 14px;
  --hb-secondary-font-size: 12px;
  --hb-border-radius-small: 2px;
  --hb-border-radius-mid: 4px;
  --hb-border-radius-large: 8px;
  --hb-modal-mask-zIndex: 1000;
  --hb-dropdown-zIndex: calc(var(--hb-modal-mask-zIndex) + 50);
  --hb-notification-zIndex: calc(var(--hb-modal-mask-zIndex) + 100);
  --hb-cascader-dropdown-zIndex: calc(var(--hb-dropdown-zIndex) + 50);
  --hb-menu-min-width: 80px;
}
:root {
  --hb-primary-color-rgb: var(--hbc-primary-color-rgb);
  --hb-primary-color: var(--hbc-primary-color);
  --hb-primary-hover-color: var(--hbc-primary-hover-color);
  --hb-primary-active-color: var(--hbc-primary-active-color);
  --hb-primary-font-color: var(--hbc-primary-font-color);
  --hb-secondary-font-color: var(--hbc-secondary-font-color);
  --hb-tertiary-font-color: var(--hbc-tertiary-font-color);
  --hb-quaternary-font-color: var(--hbc-quaternary-font-color);
  --hb-primary-bg-color: var(--hbc-primary-bg-color);
  --hb-primary-container-bg: var(--hbc-primary-container-bg);
  --hb-secondary-container-bg: var(--hbc-secondary-container-bg);
  --hb-component-background-color: var(--hbc-component-bg-color);
  --hb-input-disabled-bg: var(--hbc-input-disabled-bg);
  --hb-common-border-color: var(--hbc-common-border-color);
  --hb-trade-bg: var(--hbc-trade-bg);
  --hb-trade-special-container-bg: var(--hbc-trade-special-container-bg);
  --hb-trade-primary-container-bg: var(--hbc-trade-primary-container-bg);
  --hb-trade-secondary-container-bg: var(--hbc-trade-secondary-container-bg);
  --hb-trade-component-background-color: var(--hbc-trade-component-bg-color);
  --hb-trade-input-disabled-bg: var(--hbc-trade-input-disabled-bg);
  --hb-trade-divider-color: var(--hbc-trade-divider-color);
}
html[data-hb-theme='dark'] {
  --hb-primary-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4),
    0px 4px 8px rgba(0, 0, 0, 0.6);
  --hb-secondary-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4),
    0px 8px 16px rgba(0, 0, 0, 0.6);
  --hb-tertiary-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4),
    0px 16px 32px rgba(0, 0, 0, 0.6);
}
html[data-hb-theme='white'] {
  --hb-primary-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.04),
    0px 4px 8px rgba(0, 0, 0, 0.06);
  --hb-secondary-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.04),
    0px 8px 16px rgba(0, 0, 0, 0.06);
  --hb-tertiary-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.04),
    0px 16px 32px rgba(0, 0, 0, 0.06);
}
:root {
  --hb-slider-trail-height: 2px;
  --hb-slider-handle-size: 14px;
  --hb-slider-dot-size: 10px;
  --hb-slider-handle-inner-size: calc(var(--hb-slider-handle-size) - 6px);
  --hb-tooltip-arrow-width: 6px;
  --hb-tooltip-arrow-distance: 5px;
  --hb-tooltip-max-width: 280px;
  --hb-tooltip-min-width: 56px;
  --hb-checkbox-large-size: 14px;
  --hb-checkbox-small-size: 12px;
  --hb-checkbox-checked-inner-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8" fill="none"><path d="M1 4.35714L3.33333 6.5L7 1.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  --hb-checkbox-label-margin-left: 4px;
  --hb-table-thead-cell-padding: 12px 19px;
  --hb-table-tbody-cell-padding: 15px 19px;
  --hb-table-cell-first-last-padding: 24px;
  --hb-table-min-height: 340px;
  --hb-scrollbar-width: 4px;
  --hb-scrollbar-redius: 4px;
  --hb-scrollbar-track-bg: 'transparent';
  --hb-scrollbar-corner-bg: 'transparent';
}
html[data-hb-theme='dark'] {
  --hb-alert-warning-background-color: #2f2523;
  --hb-alert-success-background-color: #17292e;
  --hb-alert-error-background-color: #2e2027;
  --hb-switch-handler-bg: var(--hb-primary-font-color);
  --hb-icon-close-color: #475369;
  --hb-icon-common-fill-color: #98a0af;
  --hb-icon-arrow-right-color: #7e8697;
  --hb-icon-loading-bg-url: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAYAAACoYAD2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAb3SURBVHgBxZhZjBVFFIb/U913gQGHwQFEEGLiCmjcMBg1asKDiXtQgy8mLoCyqbxoYmLmxUSNGmVYgokxMSYmPJgYow++iESjEokrYFQE3FiGdYbL3DvT3eV/qqq5gwwwwwyXM6np7tvdVV+dpc6pFgxV5tsCrkYLEsRloFSNYcspbDVCNwxq2IkK2iTBEERwOrLGthYrmJCVMJ5wpSRGFgsy9pYliT+6ZpEWwGOGaiTorBp0YJEcxiBlUJDlFXZqkmFKYjA20qEN0lRhECBTf65wDpitoL9GsL0KHyMtArUewS4slAMDHXdgkKvt+DjBNMK1RghaIlAaIdXrNA2QvKZmsyTykAXrr3PN9rIV2Xp63WRqKGM7FkjvkCGL7faK1GAGvNm8phRCITmggxQHmTgdGqj/ZUkazF3gMWhRQcW6d607J2wxxt6uxbLv9CDX2mK8E9fZGBemHI4+laU5oF4HkwaNHuCwh9iOlBk4VYWwGMFeCgWDspq6QEjJfVXf4nMKqcC1GF1YiD0QyQYOScBoL24nXItqJQd0fhj5gXhvN+/twA/0r7dOYrI2TrMVzXynhW+OKIaA6qGflghZ43WZrarm38e+2o4H7RcyXm5n0+kviAy7U3Pauubof7t5/BlLpQODlXdtU6kLE/l+BAUsE7AnaJdSLKOr83HZf2rIFfYaau7ao/5H0DTXZkS9LZCfMFRZYc9lz2PUNai/TEY6v7XdhsciOvGYdPV93Bzz8tt2NLFnpjo3cRPQ14TBYdIEXw0LoIoGynnYXSVgVUeoOWW4NrITo+gixRNCRt24V+PTRKo/dy9KFTDClzTvVgynPMhFvYi9aupualEI2NSN7Iiavhkj+4dcaS+3gmb+YBglCmascd7yPZ6Q33AmxGefzqYSI5+AlRLsKMKO1th/x5aPg2TkzlLtZapJw8Y4ZpxV8JRsxJmUpdJZEdQqau4K/ZNHGcPzPSgcC7ncTmYYj2GkGMPIU1D9S2N8hkZIhMO5T1JBWWeXhhWv1tqoDhlhRmYCIANGTc7MsBNPyj9ohDA1jqM20YT0UOJyfdZ6kKCjaPYckv+mGusjWc2csXFt3IIGSkdMyIM+WYxjk1Gwk3/J+ZbbEo8t7lwX2aBRzmp4o/lUsgDJBKrp/A5kHTWkTR1I/nY3GPhlwxVL0z3hMq9Zw6qhA49IFQ0VsaP/RPLvWJfXs+3TkE3v5HkbrcvFtJl+6KM6rI2E7sJZkN/PdYCLSLGL0b17Uyue19/VMVtM8M0sX5AEg8/LwyHjcSe98rU+v7yAcVgXxywbCKfBcjSKsvQ0txVDlRRXHTdyhlsMq23JfNAorPPJ2JwlSLiq61hhgtZ6+SAX0Ch/REsfVhRjcTZEuAMQV1RHPDJLwxJpW6wbo6RPycblR1jxTMbZkSkE6SVYokBWuSy2m54E2+AzjW8WEaugSXjdjkAjZY1tJth0rWOZ8lh88aiG7cWPBstYf1iu9WGNVE06dZfc5qthEtUY2fX9unqdhu82PCMH/dIDbHZrZFgnM18FzUIDhWPOdft1hB0BDU2HXK/3/MpY4J4lT4vWNc0+l+BNezEaIe32Rv6/QeOWLbUI2hS8V4dcIFt59w8Dt2kwurhrTUn4O9AA4Vb3DRt8UHJNgh8OFskXdUj3JDb4bZff27ja0uIyVux34UzKKruMZp0k3g+zHNZmeDl/pA65WL7h3a0u0uF80pWhDKS7gzmGXaJ2+wAzydMifuscANUXd7Bif/94SC+fEFA0iFzRYRxoRNB5LOluxnBKu53DMV5x3zq8eVMHq8FjcF/fR4+FXCy/8v/HTpP+nqZMcdV6hPmc+RwMh6yyS9j7S1CtccmxNjgaAXn9Kn3xr76P95ujoxX2Ua4FN7mdY77/tmENtdhP8NWc0CYMVlbambTSIqpulgYo4Yz4Pt05zz5lv/P+/1r/hcQaO9IkeI7zm5p/JMhC1LsO6bd09M2EXYdz8DUelsqJuNwHhypu5dk9fOd67cu67Oug8rVZ2xYGy0O6exwYZB10HkF09hI6ckEldS3oUX12O0u9Ds0QkeZ+X0BPZIV/qegKkYU1GG6CR8EkZDn+9gE98cX+AE8OmQv9kL3dn2sgvOOAbQCGN1XstOx/cwnBJQZ/P+KHBt2B5lrLm3CSq7BE2k+GMLC6cbkdx+HaOMh4hQsu4DVDLYkv9XLYiAOLeGjp87xOIBL/fUknspHaX0XtbTjV8IMrblfa2zjSXA42wWko8x8RHEgWtCNH02tdYxKe8aAbee8jBsiHAx329Crw1XYGfWg2z65kBxNdpKJuzhBYYgMYm37TXM+JfE7TfotBytC3CfwwykLvIuJMoIYmQkLBFXHHp193KvgOz8qQdp//AdjREo7db7NTAAAAAElFTkSuQmCC');
  --hb-icon-white-loading-bg-url: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFrSURBVHgBnZM9SgNRFIXfS0wiohYaFUERDIJgISI2LkArK220s3ANugM3ILgEdyBaijaCIDZR/GksJAQDGmLQ+DN+h7mRcYhk8MHHnZl7z5k7d97zLraCIBggDEIe0vAOz1CFB+99I1rvI8IsYQoKJmq0QM/L8IjR148B4hxhEXqhDpcqpKhi+S5CP3SbiWpKMumwBmat7Sc4JPHyq03vJahjlCEOQcrMqike6q0zoORBXBwz0ttL8AZZGcppXjdwS0HNtVnUfBBq9ilpfcKwGVy45Kv5JwIZjJhzOama2k/aL+pSBhn3vzUmA81AQ8vhWEiqpHaa8AqnMriyLiZc8rXhwiGey6BoBgs459spqRklLLtwkNspBnLDxTH0wKadhb/EGvge6Ffuor1vbmVt1S0Yt25OYJ+CO8trp87BOvTBNaySr0YPk0xWYMlMshY7Y/fqYEdi6XyLNnUm1lw41EkTVayrI4Rn0fpvhvl+pdBbpmwAAAAASUVORK5CYII=');
  --hb-card-divider-color: rgba(33, 38, 50, 0.5);
  --hb-orderbook-background-color: var(--hb-trade-primary-container-bg);
  --hb-orderbook-price-label-hover-background-color: #1b1e28;
  --hb-contract-list-background: var(--hb-trade-primary-container-bg);
  --hb-contract-list-new-icon-bg: #2e2027;
  --hb-contract-list-cross-icon-bg: #17212f;
  --hb-contract-list-hover-background: #1b1e28;
}
html[data-hb-theme='white'] {
  --hb-alert-warning-background-color: #fff3ea;
  --hb-alert-success-background-color: #e7f7f5;
  --hb-alert-error-background-color: #feefee;
  --hb-switch-handler-bg: var(--hb-white);
  --hb-icon-close-color: var(--hb-tertiary-font-color);
  --hb-icon-common-fill-color: #4d5462;
  --hb-icon-arrow-right-color: #5e697a;
  --hb-icon-loading-bg-url: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAoCAYAAABjPNNTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAflSURBVHgBxVhdbBxXFT7n3pn1ru1NHLvOj+PUrmJI+SlIEBoJIUgDjwjxUMojbxEKjUpqkxIEwkg80JC0kXgiDwiE+gDhFSGBKlqJB0SIoFJohQpRm5911nYcx7vr3Z2de0+/c3fWdpo0sR3XOcnOrO/Mzv3mOz/3O5dpvXZY4kLf3I66a/ZG7LeROEtsc5SKp9i6NKU6EddJqEZWqpTUKvSLjzRpHca0VhsvPRIZ2ZeS3WadeCepjyLjyQMOiyMSn4r1EbV86qyLowhXABzjLeMWyBZn6Wd9N9cy5epBnpgatEm637HNW0xIDrCsgsR3Y5xCSQEy0msMJvWMa7EDcBMJGe9aGMtJ7BOTNilJynTmsfnVTH1/kBPXeyhND9iIHiEwRCYV8tYpABy8AmaAogwUGYDqgATAOIxZ19KzFcnp2UWOYoEHkvnF2ZFZOsute0Ew9wR47Eq/JfcVG/FOvI/BnOwII+DKwbkWyNVSQ5wy3K3moqVz3HlOHP5T7PQedX3SvqURFfP913fT0be7aD1Mdh0t703zsp/UY+HB4A9cObjUWhPcje/VnJhSwjxLrlWhl/fUaaUHonyuUF8s1mOzhXxqc0aELFhsKqskbPA9bQp3xb4xPT9Dv3q8snqQ45dGLHcdIjEKSwJIE5LDWUwE95ZTL/+h00OztFo7Mt1L3X4Q7i4k1rsuuJ4aeG6E54n3Dcl5utEs068fa9wf5PGZoiX/ddSQ2BqFqHGHqCfNX6mQqf+dTo1N03rthbmt+WZloMHGEBhUoHlbF47yUpc4pe6L0zT5VLryJ3fGpEu+CtcViL0hzVNm3OMNzvNkhl59IIBqL/bfaizOXKGYG3lkFynAFKyCzXC9+rF+mhTzwSDHL38OObAVwcIKDzwbTRICQPfu3F/oFNdoI+zs/hZ17y410kaDpAuhtNXVyYfq0KMMV8uFu4OcvLHFiH0S2WeURaPFhAXh7RZd7/yf6NwnEtpIm2RPfSNlaiStemtReiTve5JqiE9a8AX6xu/tHSCjSuOAMhc+Di62bDzKDMWLf6TJDQa4EujB0ZneNEkVXK274PVcjDHzyBfzt4MEiynxx7UWhjFkSqjTZC/QybuXhQ2zZ9hVd+6tVhXcgvNcdN7gs83WsHgJL4HM1ZM9JoBScHCxR1A6V6Ok+l/aDPsxxIgrpBUFOJ/6W1L0Nwt9Qj95M14C6Vr8ycCi0RhERGKcI3sNqmWBNsOYZczN1qnW6+ZzTZTlaT847fzwrS12CaQYN6qx6FM9slU2oWT+TZto/7s+lpJDLfF9fgc+pttLtHVY2iAnr29vxyJyXwFiDEWxRad2Plg9XKudYze6vZYOu5Yvz9ZdsVlJ37kBv6JmGlpI+0IWG2onDVhEEVj9creBNlAadfO2WTQD+e9cyhWe7eKrj+p4BDm1DUddXUgX5+B/azeXxcwudJf3sHS/CiSjumInsXmWGpc/YygX5UMB16xWtwvbyCctegiGFeRrwDK6PCKjJo2/BSadxqBVJtss4uN47W3FRpiRvkyVrjDpg2qFlPe5dlFXKaFut6ZAD8G8lyLfyc9cRD5uQDa3QUpIc2HvBhxtvgHgExD4LTREGVJR0t4Bk7kpj9ZIF23VSghKC1W7lx6OYVGhIF0zqYuDvGvozOCU0aYDiseo6uHAag99r7ypQHMT5U/hVIQyVJXpM848vTT8RnAzhNwUBYp13VapponkxmgTLaXWt0GcVxAKCTIYXSe9rtcyqWbepKAdjSrJUNQN81PoFjclgQrPlR6F4Pm8aG/H2rejvgAQ0P52GaR354G9qbXSaL10Ctj3IoUO0SZY3cg3cdqNxAGDrI1vu/W1/LdlkGhFAf88cbY8cmgZUD/py3Ti6gB9mPb8tT0Qhs9Te8Frx6HRtp5eoReHLi+DVPM9r2ENb3pP7dgMBcv0mMRM0GSpmz4Mg9iGe8+FQqNxyOyIMqARn+zctgzy5a1ziMTXEIxGNa/XBKLw2W4q8sJGA+0HQFtt/A5k7ILTwoYWaiQqNVzu6WSHxdtBqi3IX7GHchO10oTYpEwZMY+aKv1AN61oA6xw/OrwzUrjFXhuX4g/EUWnizG++Mv00u5TK++/HeTZoUXfRae97ity9o/0p+ElR7Gb90M6NvUlehA7duXJhuffgLnHA3PBvR2ANI9kffr9P7m7kDh+bZ9x9H1UgdAxGg7LVOZ+1FCWt7zYcxDGF2m1dry0HzteR4DqAHU8lD1TsgQQEx2mn+/48+pAqo2XvgCReRgchiDNViLdHDKa+Hht/XsWOxv/wE7bRVyfxgT/7/y8+7szuxJufDRl/ixrzWUaDqBEdZZikpVAazj81J0e/sPdoNxbko2XRgD0GNy/3bRjE2+ddZQaCjphG7FtKz0dD4uBbbfErIuCXmNaivFMty4DLIkzR+jM0FsfBOP+uvHo1KDJu6cRKweDSBKPnQ1YYKQzsYKhNlBR1iFSfFhnrSjzhjMGw5LL4R51L/kLKDwnUKev3QvC6sXtxJWDmPMZzLAzdBkmY0VC4W83cO1wsGFzMDAonb7JZOzZLAanoA5/1Dq96/xqpl67Ap+4egj4DqFUfDoEvIT9Dt0eDUnAilV1QOdFAkBtRPUe+Ze3/Es6OfTPtUy5/jbhuUs7iLuegFP3IijHUAVQlGmXJlQ7TP00vFzzzr+BRu9t4urr692yeQ93APrF7Tx/BAAAAABJRU5ErkJggg==');
  --hb-icon-white-loading-bg-url: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFrSURBVHgBnZM9SgNRFIXfS0wiohYaFUERDIJgISI2LkArK220s3ANugM3ILgEdyBaijaCIDZR/GksJAQDGmLQ+DN+h7mRcYhk8MHHnZl7z5k7d97zLraCIBggDEIe0vAOz1CFB+99I1rvI8IsYQoKJmq0QM/L8IjR148B4hxhEXqhDpcqpKhi+S5CP3SbiWpKMumwBmat7Sc4JPHyq03vJahjlCEOQcrMqike6q0zoORBXBwz0ttL8AZZGcppXjdwS0HNtVnUfBBq9ilpfcKwGVy45Kv5JwIZjJhzOama2k/aL+pSBhn3vzUmA81AQ8vhWEiqpHaa8AqnMriyLiZc8rXhwiGey6BoBgs459spqRklLLtwkNspBnLDxTH0wKadhb/EGvge6Ffuor1vbmVt1S0Yt25OYJ+CO8trp87BOvTBNaySr0YPk0xWYMlMshY7Y/fqYEdi6XyLNnUm1lw41EkTVayrI4Rn0fpvhvl+pdBbpmwAAAAASUVORK5CYII=');
  --hb-card-divider-color: rgba(230, 231, 232, 0.5);
  --hb-orderbook-background-color: #fff;
  --hb-orderbook-price-label-hover-background-color: #f9f9f9;
  --hb-contract-list-background: #fff;
  --hb-contract-list-new-icon-bg: #feefee;
  --hb-contract-list-cross-icon-bg: #f0f7fd;
  --hb-contract-list-cross-tab-bg: #f4f7fa;
  --hb-contract-list-hover-background: #f8fafd;
}
html[data-red-green-direction='green'] {
  --hb-buy-color: var(--hb-success-color);
  --hb-buy-color-fade10: rgba(var(--hb-success-color-rgb), 0.1);
  --hb-buy-color-fade30: rgba(var(--hb-success-color-rgb), 0.3);
  --hb-buy-orderbook-price-label-background: linear-gradient(var(--hb-buy-color-fade10), var(--hb-buy-color-fade10));
  --hb-sell-color: var(--hb-error-color);
  --hb-sell-color-fade10: rgba(var(--hb-error-color-rgb), 0.1);
  --hb-sell-color-fade30: rgba(var(--hb-error-color-rgb), 0.3);
  --hb-sell-orderbook-price-label-background: linear-gradient(var(--hb-sell-color-fade10), var(--hb-sell-color-fade10));
  --hb-button-buy-hover-bg: #36bea7;
  --hb-button-buy-active-bg: #0f9781;
  --hb-button-sell-hover-bg: #fa736a;
  --hb-button-sell-active-bg: #d44d44;
}
html[data-red-green-direction='red'] {
  --hb-buy-color: var(--hb-error-color);
  --hb-buy-color-fade10: rgba(var(--hb-error-color-rgb), 0.1);
  --hb-buy-color-fade30: rgba(var(--hb-error-color-rgb), 0.3);
  --hb-buy-orderbook-price-label-background: linear-gradient(var(--hb-buy-color-fade10), var(--hb-buy-color-fade10));
  --hb-sell-color: var(--hb-success-color);
  --hb-sell-color-fade10: rgba(var(--hb-success-color-rgb), 0.1);
  --hb-sell-color-fade30: rgba(var(--hb-success-color-rgb), 0.3);
  --hb-sell-orderbook-price-label-background: linear-gradient(var(--hb-sell-color-fade10), var(--hb-sell-color-fade10));
  --hb-button-sell-hover-bg: #36bea7;
  --hb-button-sell-active-bg: #0f9781;
  --hb-button-buy-hover-bg: #fa736a;
  --hb-button-buy-active-bg: #d44d44;
}
.in-trade-page {
  --hb-input-disabled-bg: var(--hbc-trade-input-disabled-bg);
  --hb-component-background-color: var(--hbc-trade-component-bg-color);
  --hb-primary-container-bg: var(--hbc-trade-primary-container-bg);
  --hb-secondary-container-bg: var(--hbc-trade-secondary-container-bg);
}
/** 滚动条样式 **/
.hb-icon {
  display: inline-flex;
  align-items: center;
  line-height: 0;
  text-align: center;
}
.hb-zoom-enter,
.hb-zoom-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.hb-zoom-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.hb-zoom-enter.hb-zoom-enter-active,
.hb-zoom-appear.hb-zoom-appear-active {
  animation-name: hbZoomIn;
  animation-play-state: running;
}
.hb-zoom-leave.hb-zoom-leave-active {
  animation-name: hbZoomOut;
  animation-play-state: running;
  pointer-events: none;
}
.hb-zoom-enter,
.hb-zoom-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.hb-zoom-enter-prepare,
.hb-zoom-appear-prepare {
  transform: none;
}
.hb-zoom-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.hb-zoom-big-enter,
.hb-zoom-big-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.hb-zoom-big-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.hb-zoom-big-enter.hb-zoom-big-enter-active,
.hb-zoom-big-appear.hb-zoom-big-appear-active {
  animation-name: hbZoomBigIn;
  animation-play-state: running;
}
.hb-zoom-big-leave.hb-zoom-big-leave-active {
  animation-name: hbZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.hb-zoom-big-enter,
.hb-zoom-big-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.hb-zoom-big-enter-prepare,
.hb-zoom-big-appear-prepare {
  transform: none;
}
.hb-zoom-big-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.hb-zoom-big-fast-enter,
.hb-zoom-big-fast-appear {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.hb-zoom-big-fast-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.hb-zoom-big-fast-enter.hb-zoom-big-fast-enter-active,
.hb-zoom-big-fast-appear.hb-zoom-big-fast-appear-active {
  animation-name: hbZoomBigIn;
  animation-play-state: running;
}
.hb-zoom-big-fast-leave.hb-zoom-big-fast-leave-active {
  animation-name: hbZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.hb-zoom-big-fast-enter,
.hb-zoom-big-fast-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.hb-zoom-big-fast-enter-prepare,
.hb-zoom-big-fast-appear-prepare {
  transform: none;
}
.hb-zoom-big-fast-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.hb-zoom-up-enter,
.hb-zoom-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.hb-zoom-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.hb-zoom-up-enter.hb-zoom-up-enter-active,
.hb-zoom-up-appear.hb-zoom-up-appear-active {
  animation-name: hbZoomUpIn;
  animation-play-state: running;
}
.hb-zoom-up-leave.hb-zoom-up-leave-active {
  animation-name: hbZoomUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.hb-zoom-up-enter,
.hb-zoom-up-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.hb-zoom-up-enter-prepare,
.hb-zoom-up-appear-prepare {
  transform: none;
}
.hb-zoom-up-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.hb-zoom-down-enter,
.hb-zoom-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.hb-zoom-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.hb-zoom-down-enter.hb-zoom-down-enter-active,
.hb-zoom-down-appear.hb-zoom-down-appear-active {
  animation-name: hbZoomDownIn;
  animation-play-state: running;
}
.hb-zoom-down-leave.hb-zoom-down-leave-active {
  animation-name: hbZoomDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.hb-zoom-down-enter,
.hb-zoom-down-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.hb-zoom-down-enter-prepare,
.hb-zoom-down-appear-prepare {
  transform: none;
}
.hb-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.hb-zoom-left-enter,
.hb-zoom-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.hb-zoom-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.hb-zoom-left-enter.hb-zoom-left-enter-active,
.hb-zoom-left-appear.hb-zoom-left-appear-active {
  animation-name: hbZoomLeftIn;
  animation-play-state: running;
}
.hb-zoom-left-leave.hb-zoom-left-leave-active {
  animation-name: hbZoomLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.hb-zoom-left-enter,
.hb-zoom-left-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.hb-zoom-left-enter-prepare,
.hb-zoom-left-appear-prepare {
  transform: none;
}
.hb-zoom-left-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.hb-zoom-right-enter,
.hb-zoom-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.hb-zoom-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.hb-zoom-right-enter.hb-zoom-right-enter-active,
.hb-zoom-right-appear.hb-zoom-right-appear-active {
  animation-name: hbZoomRightIn;
  animation-play-state: running;
}
.hb-zoom-right-leave.hb-zoom-right-leave-active {
  animation-name: hbZoomRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.hb-zoom-right-enter,
.hb-zoom-right-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.hb-zoom-right-enter-prepare,
.hb-zoom-right-appear-prepare {
  transform: none;
}
.hb-zoom-right-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@keyframes hbZoomIn {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes hbZoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes hbZoomBigIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes hbZoomBigOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes hbZoomUpIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
}
@keyframes hbZoomUpOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes hbZoomLeftIn {
  0% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
}
@keyframes hbZoomLeftOut {
  0% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes hbZoomRightIn {
  0% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
}
@keyframes hbZoomRightOut {
  0% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes hbZoomDownIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
}
@keyframes hbZoomDownOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
}
.hb-fade-enter,
.hb-fade-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.hb-fade-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.hb-fade-enter.hb-fade-enter-active,
.hb-fade-appear.hb-fade-appear-active {
  animation-name: hbFadeIn;
  animation-play-state: running;
}
.hb-fade-leave.hb-fade-leave-active {
  animation-name: hbFadeOut;
  animation-play-state: running;
  pointer-events: none;
}
.hb-fade-enter,
.hb-fade-appear {
  opacity: 0;
  animation-timing-function: linear;
}
.hb-fade-leave {
  animation-timing-function: linear;
}
@keyframes hbFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes hbFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
* {
  box-sizing: border-box;
}

.in-trade-page {
  --hb-input-disabled-bg: var(--hbc-trade-input-disabled-bg);
  --hb-component-background-color: var(--hbc-trade-component-bg-color);
  --hb-primary-container-bg: var(--hbc-trade-primary-container-bg);
  --hb-secondary-container-bg: var(--hbc-trade-secondary-container-bg);
}
/** 滚动条样式 **/
.hb-icon {
  display: inline-flex;
  align-items: center;
  line-height: 0;
  text-align: center;
}

*{box-sizing:border-box;padding:0;margin:0;list-style:none}html,body{max-width:100vw}body,header,footer,p{margin:0;padding:0;box-sizing:border-box}h1,h2,h3,h4,h5,h6,dl,dd,td{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:400;margin:0}h1{font-size:24px}h2{font-size:22px}h3{font-size:20px}h4{font-size:16px}h5{font-size:14px}h6{font-size:12px}ol,ul,dl,li{list-style:none;margin:0;padding:0;box-sizing:border-box}div,span,form{box-sizing:border-box}button{margin:0;font:14px/1.4 roboto,Open Sans,PingFang SC,Hiragino Sa}a{cursor:pointer;text-decoration:none}*::-webkit-scrollbar{width:4px;height:4px;border-radius:4px}*::-webkit-scrollbar-thumb{border-radius:4px;background-color:var(--hb-quaternary-font-color)}body::-webkit-scrollbar{display:none}
:global{color:var(--hb-color)}.blue-color{color:var(--hb-primary-color)}:root{--app-bg: #e6eaee}html[data-hb-theme=dark]{--app-bg: #000}.root-direction-green,html[data-red-green-direction=green]{--up-color: var(--hbc-success-color);--up-color-hover: #007451;--up-color-fade10: rgba(var(--hbc-success-color-rgb), 10%);--down-color: var(--hbc-error-color);--down-color-hover: #bb2237;--down-color-fade10: rgba(var(--hbc-error-color-rgb), 10%)}.root-direction-red,html[data-red-green-direction=red]{--up-color: var(--hbc-error-color);--up-color-hover: #bb2237;--up-color-fade10: rgba(var(--hbc-error-color-rgb), 10%);--down-color: var(--hbc-success-color);--down-color-hover: #007451;--down-color-fade10: rgba(var(--hbc-success-color-rgb), 10%)}input{outline:none;padding:0;box-sizing:border-box;border-radius:2px;-webkit-appearance:none}input::placeholder{color:#9aa5b5}input::-ms-clear{display:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}button{padding:0;outline:none;border:none;border-radius:2px;box-sizing:border-box;cursor:pointer}table{border-collapse:collapse;border-spacing:0}.hb-sub-header .hb-sub-header-contract-box{min-width:310px}.hb-select-selector{display:flex;align-items:center}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashed_style{border-bottom:1px dashed var(--hb-tertiary-font-color)}.dashed_style:hover{cursor:default}.tip-text{color:var(--hb-secondary-font-color);text-decoration:none;padding-bottom:1px;border-bottom:1px dashed var(--hb-secondary-font-color);cursor:pointer;display:inline-block}div.hb-select-dropdown{z-index:1001}:root{--hb-primary-container-bg: var(--hbc-trade-primary-container-bg)}.underLine-tip{border-bottom:1px dashed var(--hbc-quaternary-font-color)}.container-1200{width:1200px;margin:0 auto}.flex{display:flex}.flex-column{flex-direction:column}.flex-end{align-items:end}.space-between{justify-content:space-between}.align-center{align-items:center}.div-end{align-items:end}.common-table{border-radius:8px;border:1px solid #ddd;overflow:hidden}.copytrading-tooltip-underLine{-webkit-text-decoration:underline #adadb4 dashed;text-decoration:underline #adadb4 dashed;text-underline-offset:4px;cursor:pointer}
.shepherd-modal-overlay-container{position:fixed;left:0;top:0;z-index:9998;overflow:hidden;pointer-events:none;overflow:hidden;width:100vw;height:0}.shepherd-modal-overlay-container.shepherd-modal-is-visible{height:100vh;transform:translateZ(0);opacity:.5}.copytrading_guide.shepherd-element{z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;border-radius:3px;overflow:visible;overflow:initial;position:relative;outline:none;max-width:310px}.copytrading_guide.shepherd-element .shepherd-arrow{position:absolute;width:0;height:0;display:inline-block;background:rgba(0,0,0,0);border:5px solid rgba(0,0,0,0)}.copytrading_guide.shepherd-element .shepherd-content{padding:0 24px 24px;background-color:#fff;min-height:100px;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;width:300px;outline:none;box-shadow:0 0 6px 0 rgba(0,0,0,.04),0 4px 8px 0 rgba(0,0,0,.06)}.copytrading_guide.shepherd-element .shepherd-content .shepherd-header{padding-top:24px}.copytrading_guide.shepherd-element .shepherd-content .shepherd-header .shepherd-title{line-height:24px;font-size:20px;font-weight:500;color:#000}.copytrading_guide.shepherd-element .shepherd-content .shepherd-text{margin-bottom:16px;padding:16px 0;font-size:14px;text-align:left;color:#000}.copytrading_guide.shepherd-element .shepherd-content .shepherd-footer{display:flex;align-items:center;justify-content:flex-end;gap:16px}.copytrading_guide.shepherd-element .shepherd-content .shepherd-footer .shepherd-button{padding:8px 0;min-width:60px;border-radius:4px}.copytrading_guide.shepherd-element[data-popper-placement^=bottom] .shepherd-content{margin-top:10px}.copytrading_guide.shepherd-element[data-popper-placement^=bottom] .shepherd-arrow{top:0px;border-bottom-color:#fff}.copytrading_guide.shepherd-element[data-popper-placement^=top],.copytrading_guide.shepherd-element[data-popper-placement=top-start],.copytrading_guide.shepherd-element[data-popper-placement=top-end]{transform:translateY(-18px)}.copytrading_guide.shepherd-element[data-popper-placement^=top] .shepherd-content,.copytrading_guide.shepherd-element[data-popper-placement=top-start] .shepherd-content,.copytrading_guide.shepherd-element[data-popper-placement=top-end] .shepherd-content{box-shadow:0 4px 16px 0 rgba(0,0,0,.1)}.copytrading_guide.shepherd-element[data-popper-placement^=right],.copytrading_guide.shepherd-element[data-popper-placement=right-start],.copytrading_guide.shepherd-element[data-popper-placement=right-end]{transform:translateX(6px)}.copytrading_guide.shepherd-element[data-popper-placement^=bottom],.copytrading_guide.shepherd-element[data-popper-placement=bottom-start],.copytrading_guide.shepherd-element[data-popper-placement=bottom-end]{transform:translateY(8px)}.copytrading_guide.shepherd-element[data-popper-placement^=top] .shepherd-content{margin-bottom:10px}.copytrading_guide.shepherd-element[data-popper-placement^=top] .shepherd-arrow{bottom:0px;border-top-color:#fff}.copytrading_guide.shepherd-element[data-popper-placement=top-start] .shepherd-arrow,.copytrading_guide.shepherd-element[data-popper-placement=bottom-start] .shepherd-arrow{transform:translateX(-20px)}.copytrading_guide.shepherd-element[data-popper-placement=top-end] .shepherd-arrow,.copytrading_guide.shepherd-element[data-popper-placement=bottom-end] .shepherd-arrow{transform:translateX(-20px)}.copytrading_guide.shepherd-element[data-popper-placement=left-start] .shepherd-arrow,.copytrading_guide.shepherd-element[data-popper-placement=right-start] .shepherd-arrow{transform:translateY(-20px)}.copytrading_guide.shepherd-element[data-popper-placement=left-end] .shepherd-arrow,.copytrading_guide.shepherd-element[data-popper-placement=right-end] .shepherd-arrow{transform:translateY(-20px)}.copytrading_guide.shepherd-element[data-popper-placement^=left] .shepherd-content{margin-right:10px}.copytrading_guide.shepherd-element[data-popper-placement^=left] .shepherd-arrow{right:0px;border-left-color:#fff}.copytrading_guide.shepherd-element[data-popper-placement^=right] .shepherd-content{margin-left:10px}.copytrading_guide.shepherd-element[data-popper-placement^=right] .shepherd-arrow{left:0px;border-right-color:#fff}.copytrading_guide.shepherd-element.shepherd-enabled{opacity:1;visibility:visible}.copytrading_guide .shepherd-content .shepherd-footer .shepherd-button.tour-step-count{margin-right:auto;color:#000 !important;font-size:14px;text-align:left;background:none !important}.copytrading_guide .shepherd-content .shepherd-footer .shepherd-button.tour-cancel{color:#000 !important;background:none !important;text-align:right;line-height:20px;font-weight:400}.copytrading_guide .shepherd-content .shepherd-footer .shepherd-button.tour-next,.copytrading_guide .shepherd-content .shepherd-footer .shepherd-button.tour-complate{background:#0173e5;color:#fff}.copytrading_guide .shepherd-content .shepherd-footer .tour-none{padding:0 !important}
.TradingModalLeft_wrapper__ey0a_{margin-bottom:20px;border:1px solid #2e8b57}.TradingModalLeft_tradingModalLeft__vUB1W{padding:24px;width:320px;background-size:320px 280px;background-color:var(--hb-secondary-container-bg)}.TradingModalLeft_tradingModalLeft__vUB1W .TradingModalLeft_tradingGuide__gOJ1C{color:var(--hb-primary-font-color);display:inline-flex;padding:4px 6px;align-items:center;border-radius:var(--hb-border-radius-mid);background:#e6e8eb}.TradingModalLeft_tradingModalLeft__vUB1W .TradingModalLeft_tradingGuide__gOJ1C .TradingModalLeft_tradingGuideLink__8hyG4{color:var(--hb-primary-font-color);margin-left:2px}.TradingModalLeft_tradingModalLeft__vUB1W .TradingModalLeft_tradingUserContent__z_8l6{margin-top:48px;margin-bottom:20px;display:flex;align-items:center;flex-direction:column;color:#000;font-size:24px;font-weight:400}.TradingModalLeft_tradingModalLeft__vUB1W .TradingModalLeft_tradingUserContent__z_8l6 .TradingModalLeft_tradingUserImg__3_Fi_{margin-bottom:10px;border-radius:50%;width:64px;height:64px}.TradingModalLeft_tradingModalLeft__vUB1W .TradingModalLeft_introduction__XVzWJ{padding-bottom:24px;color:#565656;font-size:12px;font-weight:400;line-height:16px}.TradingModalLeft_tradingModalLeft__vUB1W .TradingModalLeft_introduction__XVzWJ .TradingModalLeft_iconExpand__3twiP{transform:rotateZ(-180deg)}.TradingModalLeft_tradingModalLeft__vUB1W .TradingModalLeft_introduction__XVzWJ .TradingModalLeft_normal__r6rKA{padding-right:8px;position:relative;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:3;overflow:hidden;max-height:46px}.TradingModalLeft_tradingModalLeft__vUB1W .TradingModalLeft_introduction__XVzWJ .TradingModalLeft_normal__r6rKA .hb-icon{position:absolute;right:0;bottom:0;cursor:pointer}.TradingModalLeft_tradingModalLeft__vUB1W .TradingModalLeft_introduction__XVzWJ .TradingModalLeft_expand__BntCr{max-height:190px;overflow-y:auto}.TradingModalLeft_tradingModalLeft__vUB1W .TradingModalLeft_introduction__XVzWJ .TradingModalLeft_expand__BntCr .hb-icon{display:inline-block;vertical-align:middle;cursor:pointer}.TradingModalLeft_tradingModalLeft__vUB1W .TradingModalLeft_introduction__XVzWJ .TradingModalLeft_toggleLanguage__pe2uP{display:inline-block;margin-top:4px;color:#0173e5;cursor:pointer}.TradingModalLeft_tradingModalLeft__vUB1W .TradingModalLeft_tradingInfo__53pbY{padding:24px 0;color:#000;font-size:12px;line-height:16px}.TradingModalLeft_tradingModalLeft__vUB1W .TradingModalLeft_tradingInfo__53pbY .TradingModalLeft_tradingInfoItem__xA4NF{margin-bottom:4px;padding:4px 0;display:flex;justify-content:space-between}.TradingModalLeft_tradingModalLeft__vUB1W .TradingModalLeft_tradingInfo__53pbY .TradingModalLeft_tradingInfoItem__xA4NF .TradingModalLeft_tradingInfoItemLabel__Hkcrh{color:var(--hb-tertiary-font-color)}
.TradingTip_tradingTip__yCU7P{padding:8px 0;font-size:12px;display:flex;align-items:flex-start;color:var(--hb-primary-font-color);background:var(--hb-secondary-container-bg);border-radius:4px;padding:8px 12px}.TradingTip_tradingTip__yCU7P .TradingTip_tradingTipTxt___tIdr{margin-left:8px;line-height:16px;max-height:30px;overflow-y:auto}
.in-trade-page {
  --hb-input-disabled-bg: var(--hbc-trade-input-disabled-bg);
  --hb-component-background-color: var(--hbc-trade-component-bg-color);
  --hb-primary-container-bg: var(--hbc-trade-primary-container-bg);
  --hb-secondary-container-bg: var(--hbc-trade-secondary-container-bg);
}
/** 滚动条样式 **/
.hb-token-symbol {
  background-color: var(--hb-primary-container-bg);
  border-radius: 100%;
  overflow: hidden;
  border: 2px solid #fff;
  box-sizing: content-box;
}
.hb-token-symbol-loading {
  background-color: var(--hb-quaternary-font-color);
}
.hb-token-symbol[alt] {
  display: inline-block;
  text-align: center;
}

.in-trade-page {
  --hb-input-disabled-bg: var(--hbc-trade-input-disabled-bg);
  --hb-component-background-color: var(--hbc-trade-component-bg-color);
  --hb-primary-container-bg: var(--hbc-trade-primary-container-bg);
  --hb-secondary-container-bg: var(--hbc-trade-secondary-container-bg);
}
/** 滚动条样式 **/
.hb-token-symbol-list {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.hb-token-symbol-list-item:not(.hb-token-symbol-list-item:first-child) {
  margin-left: -6px;
}
.hb-token-symbol-list-placeholder {
  background-color: var(--hb-tertiary-font-color);
  color: #fff;
  border: 2px solid #fff;
  box-sizing: content-box;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -6px;
  cursor: default;
  -webkit-user-select: none;
          user-select: none;
}

.in-trade-page {
  --hb-input-disabled-bg: var(--hbc-trade-input-disabled-bg);
  --hb-component-background-color: var(--hbc-trade-component-bg-color);
  --hb-primary-container-bg: var(--hbc-trade-primary-container-bg);
  --hb-secondary-container-bg: var(--hbc-trade-secondary-container-bg);
}
/** 滚动条样式 **/
.hb-modal-mask {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: var(--hb-modal-mask-zIndex);
  height: 100%;
  background-color: var(--hb-mask-color);
  inset-inline-end: 0;
  inset-inline-start: 0;
}
.hb-modal-mask-hidden {
  display: none;
}
.hb-modal-wrap {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: var(--hb-modal-mask-zIndex);
  height: 100%;
  overflow: auto;
  text-align: center;
  outline: 0;
  inset-inline-end: 0;
  inset-inline-start: 0;
}
.hb-modal {
  position: relative;
  top: 200px;
  width: 480px;
  max-width: calc(100vw - 32px);
  margin: 0 auto;
  overflow: hidden;
  background-color: var(--hb-primary-container-bg);
  border-radius: var(--hb-border-radius-large);
  pointer-events: none;
}
.hb-modal-content {
  position: relative;
  border: none;
  pointer-events: auto;
}
.hb-modal-content .hb-modal-header {
  padding: 24px;
}
.hb-modal-content .hb-modal-header .hb-modal-title {
  margin: 0;
  color: var(--hb-primary-font-color);
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  word-wrap: break-word;
}
.hb-modal-content .hb-modal-body {
  padding: 0px 24px;
  color: var(--hb-primary-font-color);
  font-size: 14px;
  word-wrap: break-word;
}
.hb-modal-content .hb-modal-footer {
  padding: 20px 24px 24px 24px;
  text-align: end;
  background: 0 0;
}
.hb-modal-content .hb-modal-footer > button:not(:first-child) {
  margin-left: 16px;
}
.hb-modal-close {
  position: absolute;
  top: 24px;
  right: 24px;
  z-index: calc(var(--hb-modal-mask-zIndex) + 1);
  padding: 0;
  line-height: 1;
  text-decoration: none;
  background: 0 0;
  border: 0;
  cursor: pointer;
}
.hb-modal-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.hb-modal-centered .hb-modal {
  top: 0;
  display: inline-block;
  padding-bottom: 0;
  text-align: left;
  vertical-align: middle;
}
.hb-modal-spin {
  width: 100%;
}
.hb-modal-spin .hb-spin-container {
  background-color: rgba(0, 0, 0, 0.1);
  pointer-events: none;
  opacity: 1;
}

.in-trade-page {
  --hb-input-disabled-bg: var(--hbc-trade-input-disabled-bg);
  --hb-component-background-color: var(--hbc-trade-component-bg-color);
  --hb-primary-container-bg: var(--hbc-trade-primary-container-bg);
  --hb-secondary-container-bg: var(--hbc-trade-secondary-container-bg);
}
/** 滚动条样式 **/
.hb-button {
  display: inline-block;
  white-space: nowrap;
  border: none;
  border-radius: var(--hb-border-radius-mid);
  cursor: pointer;
  transition: all 0.3s;
}
.hb-button:disabled:not(.hb-button-loading) {
  cursor: not-allowed;
}
.hb-button-block {
  display: block;
  width: 100%;
}
.hb-button-small {
  min-width: 40px;
  padding: 6px 8px;
  font-size: var(--hb-secondary-font-size);
  line-height: 16px;
}
.hb-button-mid {
  min-width: 52px;
  padding: 8px 12px;
  font-size: var(--hb-main-font-size);
  line-height: 20px;
}
.hb-button-large {
  min-width: 68px;
  padding: 12px 16px;
  font-size: var(--hb-main-font-size);
  line-height: 20px;
}
.hb-button-primary {
  color: var(--hb-white);
  background-color: var(--hb-primary-color);
}
.hb-button-primary:not(:disabled):hover {
  background-color: var(--hb-primary-hover-color);
  transition: all 0.3s;
}
.hb-button-primary:not(:disabled):active {
  background-color: var(--hb-primary-active-color);
  transition: all 0.3s;
}
.hb-button-primary:disabled {
  color: var(--hb-quaternary-font-color);
  background-color: var(--hb-input-disabled-bg);
}
.hb-button-text,
.hb-button-link {
  min-width: 0;
  min-width: initial;
  padding: 0;
  text-decoration: none;
  background: none;
  border: none;
}
.hb-button-text:not(:disabled) {
  color: var(--hb-primary-font-color);
}
.hb-button-text:not(:disabled):disabled {
  color: var(--hb-quaternary-font-color);
}
.hb-button-text:not(:disabled):hover {
  color: var(--hb-secondary-font-color);
}
.hb-button-text:not(:disabled):active {
  color: var(--hb-tertiary-font-color);
}
.hb-button-link:not(:disabled) {
  color: var(--hb-primary-color);
}
.hb-button-link:not(:disabled):disabled {
  color: var(--hb-quaternary-font-color);
}
.hb-button-link:not(:disabled):hover {
  color: var(--hb-primary-hover-color);
}
.hb-button-link:not(:disabled):active {
  color: var(--hb-primary-active-color);
}
.hb-button-default {
  color: var(--hb-primary-font-color);
  background-color: transparent;
  transition: color 0.3s, background-color 0.3s;
}
.hb-button-default:not(:disabled):hover {
  background-color: var(--hb-component-background-color);
  transition: color 0.3s, background-color 0.3s;
}
.hb-button-default:not(:disabled):active {
  background-color: var(--hb-input-disabled-bg);
  transition: color 0.3s, background-color 0.3s;
}
.hb-button-default:disabled {
  color: var(--hb-quaternary-font-color);
  background-color: transparent;
}
.hb-button-default .hb-button-loading-icon path {
  fill: var(--hb-primary-color);
}
.hb-button-secondary {
  color: var(--hb-primary-font-color);
  background-color: var(--hb-secondary-container-bg);
  transition: color 0.3s, background-color 0.3s;
}
.hb-button-secondary:not(:disabled):hover {
  background-color: var(--hb-input-disabled-bg);
  transition: color 0.3s, background-color 0.3s;
}
.hb-button-secondary:not(:disabled):active {
  background-color: var(--hb-component-background-color);
  transition: color 0.3s, background-color 0.3s;
}
.hb-button-secondary:disabled {
  color: var(--hb-quaternary-font-color);
  background-color: var(--hb-input-disabled-bg);
}
.hb-button-secondary .hb-button-loading-icon path {
  fill: var(--hb-primary-color);
}
.hb-button-buy,
.hb-button-sell {
  padding: 8px auto;
  color: #fff;
}
.hb-button-buy {
  background-color: var(--hb-buy-color);
}
.hb-button-buy:hover {
  background-color: var(--hb-button-buy-hover-bg);
}
.hb-button-buy:active {
  background-color: var(--hb-button-buy-active-bg);
}
.hb-button-sell {
  background-color: var(--hb-sell-color);
}
.hb-button-sell:hover {
  background-color: var(--hb-button-sell-hover-bg);
}
.hb-button-sell:active {
  background-color: var(--hb-button-sell-active-bg);
}
.hb-button-loading-icon {
  animation-name: rotate;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.in-trade-page {
  --hb-input-disabled-bg: var(--hbc-trade-input-disabled-bg);
  --hb-component-background-color: var(--hbc-trade-component-bg-color);
  --hb-primary-container-bg: var(--hbc-trade-primary-container-bg);
  --hb-secondary-container-bg: var(--hbc-trade-secondary-container-bg);
}
/** 滚动条样式 **/
.hb-white-loading-icon {
  background-image: var(--hb-icon-white-loading-bg-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.in-trade-page {
  --hb-input-disabled-bg: var(--hbc-trade-input-disabled-bg);
  --hb-component-background-color: var(--hbc-trade-component-bg-color);
  --hb-primary-container-bg: var(--hbc-trade-primary-container-bg);
  --hb-secondary-container-bg: var(--hbc-trade-secondary-container-bg);
}
/** 滚动条样式 **/
.hb-loading-icon {
  background-image: var(--hb-icon-loading-bg-url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.in-trade-page {
  --hb-input-disabled-bg: var(--hbc-trade-input-disabled-bg);
  --hb-component-background-color: var(--hbc-trade-component-bg-color);
  --hb-primary-container-bg: var(--hbc-trade-primary-container-bg);
  --hb-secondary-container-bg: var(--hbc-trade-secondary-container-bg);
}
/** 滚动条样式 **/
.hb-spin {
  position: relative;
  display: inline-block;
}
.hb-spin-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.hb-spin-loading .hb-spin-icon {
  margin: 0 auto;
  animation: spin 1s linear infinite;
}
.hb-spin-loading .hb-spin-text {
  margin: 0 auto;
  margin-top: 8px;
  color: var(--hb-tertiary-font-color);
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}
.hb-spin .hb-spin-container {
  width: 100%;
  height: 100%;
}
.hb-spin-nested {
  position: relative;
}
.hb-spin-nested .hb-spin-loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hb-spin-nested .hb-spin-container {
  opacity: 0.3;
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
}
.hb-spin-vertical .hb-spin-loading {
  flex-direction: column;
}
.hb-spin-horizontal .hb-spin-loading {
  flex-direction: row;
}
.hb-spin-horizontal .hb-spin-text {
  margin-left: 8px;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

.TradingModalConfirm_wrapper__qoM7C{margin-bottom:20px;border:1px solid #2e8b57}.TradingModalConfirm_tradingConfirmModalInfo__YV_GM{padding-top:24px}.TradingModalConfirm_tradingConfirmModalInfo__YV_GM .TradingModalConfirm_tradingConfirmModalInfoItem__w8RB_{display:flex;font-size:var(--hb-main-font-size);justify-content:space-between;align-items:center;color:var(--hb-primary-font-color);margin-bottom:12px}.TradingModalConfirm_tradingConfirmModalInfo__YV_GM .TradingModalConfirm_tradingConfirmModalInfoItem__w8RB_ .TradingModalConfirm_tradingConfirmModalInfoItemLabel__aQ1jr{color:var(--hb-secondary-font-color)}
.in-trade-page {
  --hb-input-disabled-bg: var(--hbc-trade-input-disabled-bg);
  --hb-component-background-color: var(--hbc-trade-component-bg-color);
  --hb-primary-container-bg: var(--hbc-trade-primary-container-bg);
  --hb-secondary-container-bg: var(--hbc-trade-secondary-container-bg);
}
/** 滚动条样式 **/

.SetDeposit_setDepositBox__zdPuF{padding:0 24px;display:flex;flex-direction:column;height:594px}.SetDeposit_setDepositBox__zdPuF .hb-button-link{position:absolute;top:0;right:24px;height:72px}.SetDeposit_setDepositBox__zdPuF .SetDeposit_planForm__9FlgB{margin-top:12px;flex:1 1;overflow:auto}.SetDeposit_setDepositBox__zdPuF .SetDeposit_planForm__9FlgB .SetDeposit_planFormItemLabel__fKYqq{margin-bottom:8px;display:flex;align-items:center}.SetDeposit_setDepositBox__zdPuF .SetDeposit_setDepositFooter__QN7_9{padding:0 24px 24px;margin:0 -24px;border-top:1px solid #e6e8eb}.SetDeposit_setDepositBox__zdPuF .SetDeposit_setDepositFooter__QN7_9 .hb-button{margin-top:20px}.SetDeposit_setDepositBox__zdPuF .SetDeposit_setDepositFooter__QN7_9 .SetDeposit_setDepositFooterTxt__ojuQf{font-size:12px;margin-top:12px;color:var(--hb-secondary-font-color)}.SetDeposit_setDepositBox__zdPuF .hb-form-item{margin-bottom:24px}.SetDeposit_setDepositBox__zdPuF .hb-token-symbol{margin-right:6px}.SetDeposit_setDepositBox__zdPuF .hb-input{text-align:left}
.in-trade-page {
  --hb-input-disabled-bg: var(--hbc-trade-input-disabled-bg);
  --hb-component-background-color: var(--hbc-trade-component-bg-color);
  --hb-primary-container-bg: var(--hbc-trade-primary-container-bg);
  --hb-secondary-container-bg: var(--hbc-trade-secondary-container-bg);
}
/** 滚动条样式 **/
.hb-form-item {
  margin-bottom: 6px;
}
.hb-form-item-offset {
  margin-bottom: -20px;
}
.hb-form-item-error .hb-input,
.hb-form-item-error .hb-input-affix-wrapper,
.hb-form-item-error .hb-input-with-options,
.hb-form-item-error .hb-input-with-options .hb-input-wrapper {
  box-sizing: border-box;
  border-color: var(--hb-error-color);
  transition: border-color 0.2s ease-in-out;
}
.hb-form-item-error .hb-input .hb-input,
.hb-form-item-error .hb-input-affix-wrapper .hb-input,
.hb-form-item-error .hb-input-with-options .hb-input,
.hb-form-item-error .hb-input-with-options .hb-input-wrapper .hb-input {
  border-color: transparent;
}
.hb-form-item-error .hb-form-item-explain {
  margin-top: 4px;
  color: var(--hb-error-color);
  font-size: var(--hb-secondary-font-size);
  line-height: 16px;
}
.hb-form-item-hidden {
  display: none;
}

.in-trade-page {
  --hb-input-disabled-bg: var(--hbc-trade-input-disabled-bg);
  --hb-component-background-color: var(--hbc-trade-component-bg-color);
  --hb-primary-container-bg: var(--hbc-trade-primary-container-bg);
  --hb-secondary-container-bg: var(--hbc-trade-secondary-container-bg);
}
/** 滚动条样式 **/
.hb-tooltip {
  position: absolute;
  z-index: var(--hb-dropdown-zIndex);
  display: block;
  font-size: var(--hb-secondary-font-size);
  visibility: visible;
}
.hb-tooltip-hidden {
  display: none;
}
.hb-tooltip-placement-top,
.hb-tooltip-placement-topLeft,
.hb-tooltip-placement-topRight {
  padding: var(--hb-tooltip-arrow-width) 0 var(--hb-tooltip-arrow-distance) 0;
}
.hb-tooltip-placement-right,
.hb-tooltip-placement-rightTop,
.hb-tooltip-placement-rightBottom {
  padding: 0 var(--hb-tooltip-arrow-width) 0 var(--hb-tooltip-arrow-distance);
}
.hb-tooltip-placement-bottom,
.hb-tooltip-placement-bottomLeft,
.hb-tooltip-placement-bottomRight {
  padding: var(--hb-tooltip-arrow-distance) 0 var(--hb-tooltip-arrow-width) 0;
}
.hb-tooltip-placement-left,
.hb-tooltip-placement-leftTop,
.hb-tooltip-placement-leftBottom {
  padding: 0 var(--hb-tooltip-arrow-distance) 0 var(--hb-tooltip-arrow-width);
}
.hb-tooltip-inner {
  max-width: var(--hb-tooltip-max-width);
  min-width: var(--hb-tooltip-min-width);
  min-height: 34px;
  padding: var(--hb-toolitp-padding, 10px);
  color: var(--hb-tooltip-color, var(--hb-secondary-font-color));
  text-align: left;
  text-decoration: none;
  background-color: var(--hb-tooltip-bg, var(--hb-primary-container-bg));
  border-radius: var(--hb-border-radius-mid);
  box-shadow: var(--hb-primary-box-shadow);
}
.hb-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.hb-tooltip-placement-top .hb-tooltip-arrow,
.hb-tooltip-placement-topLeft .hb-tooltip-arrow,
.hb-tooltip-placement-topRight .hb-tooltip-arrow {
  bottom: calc(var(--hb-tooltip-arrow-distance) - var(--hb-tooltip-arrow-width));
  margin-left: calc(var(--hb-tooltip-arrow-width) * -1);
  border-width: var(--hb-tooltip-arrow-width) var(--hb-tooltip-arrow-width) 0;
  border-top-color: var(--hb-tooltip-bg, var(--hb-primary-container-bg));
}
.hb-tooltip-placement-top .hb-tooltip-arrow {
  left: 50%;
}
.hb-tooltip-placement-topLeft .hb-tooltip-arrow {
  left: 15%;
}
.hb-tooltip-placement-topRight .hb-tooltip-arrow {
  right: 15%;
}
.hb-tooltip-placement-right .hb-tooltip-arrow,
.hb-tooltip-placement-rightTop .hb-tooltip-arrow,
.hb-tooltip-placement-rightBottom .hb-tooltip-arrow {
  left: calc(var(--hb-tooltip-arrow-distance) - var(--hb-tooltip-arrow-width));
  margin-top: calc(var(--hb-tooltip-arrow-width) * -1);
  border-width: var(--hb-tooltip-arrow-width) var(--hb-tooltip-arrow-width) var(--hb-tooltip-arrow-width) 0;
  border-right-color: var(--hb-tooltip-bg, var(--hb-primary-container-bg));
}
.hb-tooltip-placement-right .hb-tooltip-arrow {
  top: 50%;
}
.hb-tooltip-placement-rightTop .hb-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}
.hb-tooltip-placement-rightBottom .hb-tooltip-arrow {
  bottom: 15%;
}
.hb-tooltip-placement-left .hb-tooltip-arrow,
.hb-tooltip-placement-leftTop .hb-tooltip-arrow,
.hb-tooltip-placement-leftBottom .hb-tooltip-arrow {
  right: calc(var(--hb-tooltip-arrow-distance) - var(--hb-tooltip-arrow-width));
  margin-top: calc(var(--hb-tooltip-arrow-width) * -1);
  border-width: var(--hb-tooltip-arrow-width) 0 var(--hb-tooltip-arrow-width) var(--hb-tooltip-arrow-width);
  border-left-color: var(--hb-tooltip-bg, var(--hb-primary-container-bg));
}
.hb-tooltip-placement-left .hb-tooltip-arrow {
  top: 50%;
}
.hb-tooltip-placement-leftTop .hb-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}
.hb-tooltip-placement-leftBottom .hb-tooltip-arrow {
  bottom: 15%;
}
.hb-tooltip-placement-bottom .hb-tooltip-arrow,
.hb-tooltip-placement-bottomLeft .hb-tooltip-arrow,
.hb-tooltip-placement-bottomRight .hb-tooltip-arrow {
  top: calc(var(--hb-tooltip-arrow-distance) - var(--hb-tooltip-arrow-width));
  margin-left: calc(var(--hb-tooltip-arrow-width) * -1);
  border-width: 0 var(--hb-tooltip-arrow-width) var(--hb-tooltip-arrow-width);
  border-bottom-color: var(--hb-tooltip-bg, var(--hb-primary-container-bg));
}
.hb-tooltip-placement-bottom .hb-tooltip-arrow {
  left: 50%;
}
.hb-tooltip-placement-bottomLeft .hb-tooltip-arrow {
  left: 15%;
}
.hb-tooltip-placement-bottomRight .hb-tooltip-arrow {
  right: 15%;
}


.in-trade-page {
  --hb-input-disabled-bg: var(--hbc-trade-input-disabled-bg);
  --hb-component-background-color: var(--hbc-trade-component-bg-color);
  --hb-primary-container-bg: var(--hbc-trade-primary-container-bg);
  --hb-secondary-container-bg: var(--hbc-trade-secondary-container-bg);
}
/** 滚动条样式 **/
.input-disabled-mixin {
  color: var(--hb-tertiary-font-color);
  background-color: var(--hb-input-disabled-bg);
  border-color: var(--hb-input-disabled-bg);
  cursor: not-allowed;
}
.input-readonly-mixin {
  color: var(--hb-tertiary-font-color);
  background-color: var(--hb-input-disabled-bg);
  border-color: var(--hb-input-disabled-bg);
  cursor: not-allowed;
  cursor: default;
}
.input-borderless {
  border-color: transparent;
}
.hb-input {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  color: var(--hb-primary-font-color);
  font-weight: 400;
  text-align: right;
  background-color: var(--hb-component-background-color);
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  border-radius: var(--hb-border-radius-mid);
  outline: none;
  transition: border-color 0.2s ease-in-out;
  font-size: inherit;
  line-height: inherit;
}
.hb-input::placeholder {
  color: var(--hb-tertiary-font-color);
}
.hb-input:focus {
  border-color: var(--hb-primary-color);
}
.hb-input:disabled,
.hb-input-disabled {
  color: var(--hb-tertiary-font-color);
  background-color: var(--hb-input-disabled-bg);
  border-color: var(--hb-input-disabled-bg);
  cursor: not-allowed;
}
.hb-input-left .hb-input {
  text-align: left;
}
.hb-input-readonly {
  color: var(--hb-tertiary-font-color);
  background-color: var(--hb-input-disabled-bg);
  border-color: var(--hb-input-disabled-bg);
  cursor: not-allowed;
  cursor: default;
}
.hb-input-readonly:focus {
  border-color: transparent;
}
.hb-input-affix-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  line-height: 18px;
  background-color: var(--hb-component-background-color);
  border: 1px solid transparent;
  border-radius: var(--hb-border-radius-mid);
  outline: none;
}
.hb-input-affix-wrapper .hb-input {
  flex: 1 1;
  margin: 0;
  padding: 0 12px;
  border-color: transparent;
  border-radius: 0;
  border-radius: initial;
  outline: none;
  transition: none 0s ease 0s;
  transition: initial;
  line-height: inherit;
  font-weight: inherit;
}
.hb-input-affix-wrapper .hb-input:focus {
  border-color: transparent;
}
.hb-input-affix-wrapper .hb-input-prefix,
.hb-input-affix-wrapper .hb-input-suffix {
  padding: 10px 12px;
  font-weight: 400;
}
.hb-input-affix-wrapper .hb-input-prefix {
  margin-right: 4px;
  white-space: nowrap;
  padding-right: 0;
  color: var(--hb-tertiary-font-color);
}
.hb-input-affix-wrapper .hb-input-suffix {
  padding-left: 0;
  color: var(--hb-primary-font-color);
}
.hb-input-affix-wrapper-focused {
  border-color: var(--hb-primary-color);
  transition: border-color 0.2s ease-in-out;
}
.hb-input-affix-wrapper-disabled {
  color: var(--hb-tertiary-font-color);
  background-color: var(--hb-input-disabled-bg);
  border-color: var(--hb-input-disabled-bg);
  cursor: not-allowed;
}
.hb-input-affix-wrapper-disabled .hb-input-prefix,
.hb-input-affix-wrapper-disabled .hb-input-suffix {
  color: var(--hb-tertiary-font-color);
}
.hb-input-affix-wrapper-readonly {
  color: var(--hb-tertiary-font-color);
  background-color: var(--hb-input-disabled-bg);
  border-color: var(--hb-input-disabled-bg);
  cursor: not-allowed;
  cursor: default;
}
.hb-input-affix-wrapper-readonly .hb-input {
  color: var(--hb-tertiary-font-color);
  background-color: var(--hb-input-disabled-bg);
  border-color: var(--hb-input-disabled-bg);
  cursor: not-allowed;
  cursor: default;
}
.hb-input-affix-wrapper-readonly .hb-input-prefix,
.hb-input-affix-wrapper-readonly .hb-input-suffix {
  color: var(--hb-tertiary-font-color);
  cursor: default;
}
.hb-input-affix-wrapper-readonly:focus {
  border-color: transparent;
}
.hb-input-group {
  display: flex;
  align-items: center;
}
.hb-input-group .hb-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.hb-input-group .hb-input-group-addon {
  background-color: var(--hb-component-background-color);
}
.hb-input-group .hb-input-group-addon:first-child {
  border-radius: 4px 0 0 4px;
}
.hb-input-group .hb-input-group-addon:last-child {
  border-radius: 0 4px 4px 0;
}
.hb-input-inner-tooltip {
  -webkit-text-decoration: underline dashed;
          text-decoration: underline dashed;
  cursor: pointer;
  text-decoration-color: var(--hb-tertiary-font-color);
  text-underline-offset: 4px;
}
.hb-input-small {
  padding: 6px 12px;
  height: 28px;
  font-size: 12px;
  line-height: 16px;
}
.hb-input-small .hb-input,
.hb-input-small .hb-input-affix-wrapper {
  height: 28px;
}
.hb-input-small.hb-input-group-wrapper .hb-input-wrapper {
  height: calc(28px - 2px);
}
.hb-input-mid {
  padding: 8px 12px;
  font-size: 14px;
  line-height: 20px;
  height: 36px;
}
.hb-input-mid .hb-input,
.hb-input-mid .hb-input-affix-wrapper {
  height: 36px;
}
.hb-input-mid.hb-input-group-wrapper .hb-input-wrapper {
  height: calc(36px - 2px);
}
.hb-input-large {
  padding: 12px 12px;
  font-size: 14px;
  line-height: 20px;
  height: 44px;
}
.hb-input-large .hb-input,
.hb-input-large .hb-input-affix-wrapper {
  height: 44px;
}
.hb-input-large.hb-input-group-wrapper .hb-input-wrapper {
  height: calc(44px - 2px);
}
.hb-input-affix-wrapper.hb-input-small,
.hb-input-affix-wrapper.hb-input-mid,
.hb-input-affix-wrapper.hb-input-large,
.hb-input-group-wrapper.hb-input-small,
.hb-input-group-wrapper.hb-input-mid,
.hb-input-group-wrapper.hb-input-large {
  padding: 0;
}
.hb-input-group-wrapper {
  display: inline-block;
  border: 1px solid transparent;
  width: 100%;
}
.hb-input-group-wrapper .hb-input-affix-wrapper {
  border-radius: 0;
  border: none;
}
.hb-input-group-wrapper .hb-input-wrapper {
  border: none;
  border-radius: var(--hb-border-radius-mid);
  overflow: hidden;
}
.hb-input-group-wrapper .hb-input-wrapper .hb-input {
  box-sizing: content-box;
  border: none;
  border-radius: 0;
  padding: 0 12px 0 12px;
}
.hb-input-group-wrapper .hb-input-wrapper .hb-input-group-addon {
  align-self: center;
  display: flex;
  align-items: center;
}
.hb-input-group-wrapper.hb-input-group-wrapper-focused {
  border-color: var(--hb-primary-color);
}
.hb-input-group-wrapper.hb-input-group-wrapper-focused .hb-input-affix-wrapper {
  border: none;
}
.hb-input-group-wrapper.hb-input-group-wrapper-focused .hb-input-wrapper {
  border-color: var(--hb-primary-color);
  transition: border-color 0.2s ease-in-out;
}

.TransactionPairs_transactionPairsBox__u78mV{padding:0 24px;display:flex;flex-direction:column;height:594px}.TransactionPairs_transactionPairsBox__u78mV .TransactionPairs_transactionPairsDir__MgCc2 .TransactionPairs_transactionPairsDirItem__AaVjK{cursor:pointer;border-radius:var(--hb-border-radius-large);margin-bottom:12px;padding:20px 16px;display:flex;justify-content:space-between;font-size:14px;color:var(--hb-secondary-font-color);border:1px solid #e6e8eb}.TransactionPairs_transactionPairsBox__u78mV .TransactionPairs_transactionPairsDir__MgCc2 .TransactionPairs_transactionPairsDirItem__AaVjK .TransactionPairs_label__x8Aw8{color:var(--hb-primary-font-color);font-size:16px;font-style:normal;font-weight:500;margin-bottom:6px}.TransactionPairs_transactionPairsBox__u78mV .TransactionPairs_transactionPairsDir__MgCc2 .TransactionPairs_transactionPairsDirItem__AaVjK.TransactionPairs_selected__9eO9y,.TransactionPairs_transactionPairsBox__u78mV .TransactionPairs_transactionPairsDir__MgCc2 .TransactionPairs_transactionPairsDirItem__AaVjK:hover{border-color:var(--hb-primary-color)}.TransactionPairs_transactionPairsBox__u78mV .TransactionPairs_transactionPairsSelf__45ll7{flex:1 1;overflow:auto}.TransactionPairs_transactionPairsBox__u78mV .TransactionPairs_transactionPairsSelf__45ll7 .TransactionPairs_transactionPairsSelfItem__T1E8R{padding:18px 16px;cursor:pointer;color:var(--hb-primary-font-color);border-radius:var(--hb-border-radius-large);width:calc(50% - 4px);display:inline-flex;margin-bottom:8px;align-items:center;font-weight:500;font-size:16px;border:1px solid #ddd}.TransactionPairs_transactionPairsBox__u78mV .TransactionPairs_transactionPairsSelf__45ll7 .TransactionPairs_transactionPairsSelfItem__T1E8R:nth-child(2n+1){margin-right:8px}.TransactionPairs_transactionPairsBox__u78mV .TransactionPairs_transactionPairsSelf__45ll7 .TransactionPairs_transactionPairsSelfItem__T1E8R.TransactionPairs_selected__9eO9y{border-color:var(--hb-primary-color);background:rgba(1,115,229,.07);color:var(--hb-primary-color)}.TransactionPairs_transactionPairsBox__u78mV .TransactionPairs_transactionPairsSelf__45ll7 .TransactionPairs_transactionPairsSelfItem__T1E8R .TransactionPairs_pairName__YUJDQ{margin-left:8px}.TransactionPairs_transactionPairsBox__u78mV .TransactionPairs_transactionPairsFooter___Pplw{margin:0 -24px;padding:0 24px 24px;border-top:1px solid #e6e8eb}.TransactionPairs_transactionPairsBox__u78mV .TransactionPairs_transactionPairsFooter___Pplw .hb-button{margin-top:20px}.TransactionPairs_transactionPairsBox__u78mV .TransactionPairs_transactionPairsFooter___Pplw .TransactionPairs_selectedInfo__KnPUw{display:flex;margin-top:12px;justify-content:space-between}
.in-trade-page {
  --hb-input-disabled-bg: var(--hbc-trade-input-disabled-bg);
  --hb-component-background-color: var(--hbc-trade-component-bg-color);
  --hb-primary-container-bg: var(--hbc-trade-primary-container-bg);
  --hb-secondary-container-bg: var(--hbc-trade-secondary-container-bg);
}
/** 滚动条样式 **/
.hb-checkbox-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  color: var(--hb-secondary-font-color);
  cursor: pointer;
}
.hb-checkbox-wrapper .hb-checkbox-label {
  margin-left: var(--hb-checkbox-label-margin-left);
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.hb-checkbox-wrapper:hover .hb-checkbox {
  border-color: var(--hb-primary-color);
}
.hb-checkbox {
  --inner-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8" fill="none"><path d="M1 4.35714L3.33333 6.5L7 1.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  width: var(--hb-checkbox-size);
  height: var(--hb-checkbox-size);
  position: relative;
  display: block;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--hb-secondary-font-color);
  border-radius: var(--hb-border-radius-small);
  cursor: pointer;
}
.hb-checkbox-input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: calc(var(--hb-checkbox-size) - 2px);
  height: calc(var(--hb-checkbox-size) - 2px);
  margin: 0;
  cursor: pointer;
  opacity: 0;
}
.hb-checkbox-inner {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  box-sizing: border-box;
  width: calc(var(--hb-checkbox-size) - 2px);
  height: calc(var(--hb-checkbox-size) - 2px);
  background-color: transparent;
  border: none;
  transition: background-color 0.2s;
}
.hb-checkbox-inner::after {
  visibility: hidden;
  content: '';
}
.hb-checkbox-checked {
  border-color: var(--hb-primary-color);
  background-color: var(--hb-primary-color);
}
.hb-checkbox-checked .hb-checkbox-inner {
  background-color: var(--hb-primary-color);
  transition: background-color 0.2s;
  background-image: var(--inner-bg);
  background-position: center;
  background-repeat: no-repeat;
}
.hb-checkbox:hover {
  border-color: var(--hb-primary-color);
}
.hb-checkbox-small {
  --hb-checkbox-size: var(--hb-checkbox-small-size);
}
.hb-checkbox-wrapper-small {
  font-size: var(--hb-secondary-font-size);
}
.hb-checkbox-wrapper-small .hb-checkbox-label {
  line-height: 16px;
}
.hb-checkbox-wrapper-large {
  font-size: var(--hb-secondary-font-size);
}
.hb-checkbox-wrapper-large .hb-checkbox-label {
  line-height: 20px;
}
.hb-checkbox-large {
  --hb-checkbox-size: var(--hb-checkbox-large-size);
}
.hb-checkbox-indeterminate {
  background-color: var(--hb-primary-color);
  border-color: var(--hb-primary-color);
}
.hb-checkbox-indeterminate .hb-checkbox-inner {
  background-color: var(--hb-primary-color);
  background-image: none;
}
.hb-checkbox-indeterminate .hb-checkbox-inner::after {
  position: absolute;
  visibility: visible;
  border: none;
  background-color: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(var(--hb-checkbox-size) - 4px);
  height: 2px;
  border-radius: 1px;
}
.hb-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.hb-checkbox-wrapper-disabled .hb-checkbox {
  cursor: not-allowed;
  background-color: var(--hb-input-disabled-bg);
  border-color: var(--hb-quaternary-font-color);
}
.hb-checkbox-wrapper-disabled .hb-checkbox-checked {
  border-color: var(--hb-quaternary-font-color);
  background-color: var(--hb-quaternary-font-color);
}
.hb-checkbox-wrapper-disabled .hb-checkbox-checked .hb-checkbox-inner {
  background-color: var(--hb-quaternary-font-color);
}
.hb-checkbox-wrapper-disabled .hb-checkbox-input {
  cursor: not-allowed;
}
.hb-checkbox-wrapper-disabled .hb-checkbox-inner {
  background-color: var(--hb-input-disabled-bg);
}
.hb-checkbox-wrapper-disabled .hb-checkbox:hover {
  border-color: var(--hb-quaternary-font-color);
}
.hb-checkbox-wrapper-disabled .hb-checkbox-label {
  cursor: not-allowed;
  color: var(--hb-tertiary-font-color);
}
.hb-checkbox-wrapper-disabled:hover .hb-checkbox {
  border-color: var(--hb-quaternary-font-color);
}

.in-trade-page {
  --hb-input-disabled-bg: var(--hbc-trade-input-disabled-bg);
  --hb-component-background-color: var(--hbc-trade-component-bg-color);
  --hb-primary-container-bg: var(--hbc-trade-primary-container-bg);
  --hb-secondary-container-bg: var(--hbc-trade-secondary-container-bg);
}
/** 滚动条样式 **/
.hb-checkbox-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
}

.in-trade-page {
  --hb-input-disabled-bg: var(--hbc-trade-input-disabled-bg);
  --hb-component-background-color: var(--hbc-trade-component-bg-color);
  --hb-primary-container-bg: var(--hbc-trade-primary-container-bg);
  --hb-secondary-container-bg: var(--hbc-trade-secondary-container-bg);
}
/** 滚动条样式 **/
.hb-radio-wrapper {
  --hb-radio-width: 16px;
  --hb-radio-inner-width: 6px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.hb-radio-wrapper .hb-radio {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: var(--hb-main-font-size);
  cursor: pointer;
}
.hb-radio-wrapper .hb-radio-input {
  position: absolute;
  z-index: 1;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
  opacity: 0;
}
.hb-radio-wrapper .hb-radio-inner {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: var(--hb-radio-width);
  height: var(--hb-radio-width);
  background-color: transparent;
  border-color: var(--hb-quaternary-font-color);
  border-style: solid;
  border-width: 1px;
  border-radius: 50%;
  transition: border-color 0.2s;
  inset-block-start: 0;
  inset-inline-start: 0;
}
.hb-radio-wrapper .hb-radio-checked .hb-radio-inner {
  border-color: var(--hb-primary-color);
  border-width: 5px;
}
.hb-radio-wrapper .hb-radio-disabled {
  cursor: not-allowed;
}
.hb-radio-wrapper .hb-radio-disabled .hb-radio-input {
  cursor: not-allowed;
}
.hb-radio-wrapper .hb-radio-disabled .hb-radio-inner {
  background-color: var(--hb-input-disabled-bg);
  border-color: var(--hb-quaternary-font-color);
}
.hb-radio-wrapper .hb-radio-disabled + .hb-radio-label {
  cursor: not-allowed;
}
.hb-radio-wrapper .hb-radio-disabled.hb-radio-checked .hb-radio-inner {
  background-color: transparent;
  border-color: var(--hb-quaternary-font-color);
}
.hb-radio-wrapper .hb-radio-label {
  padding-right: 8px;
  padding-left: 8px;
  color: var(--hb-primary-font-color);
  font-size: var(--hb-main-font-size);
}
.hb-radio-wrapper:hover .hb-radio:not(.hb-radio-disabled) .hb-radio-inner {
  border-color: var(--hb-primary-color);
}

.in-trade-page {
  --hb-input-disabled-bg: var(--hbc-trade-input-disabled-bg);
  --hb-component-background-color: var(--hbc-trade-component-bg-color);
  --hb-primary-container-bg: var(--hbc-trade-primary-container-bg);
  --hb-secondary-container-bg: var(--hbc-trade-secondary-container-bg);
}
/** 滚动条样式 **/
.hb-radio-group {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.hb-radio-group-item {
  border-right-color: transparent;
  border-radius: 0px;
}
.hb-radio-group-item:first-child {
  border-radius: var(--hb-border-radius-mid) 0 0 var(--hb-border-radius-mid);
}
.hb-radio-group-item:last-child {
  border-radius: 0 var(--hb-border-radius-mid) var(--hb-border-radius-mid) 0;
}
.hb-radio-group-item-active {
  border-color: var(--hb-primary-color);
}
.hb-radio-group-item:last-child.hb-radio-group-item-active {
  border-color: var(--hb-primary-color);
}
.hb-radio-group-size-small {
  --item-padding: 4px 8px;
  --item-font-size: 12px;
  --item-line-height: 12px;
}
.hb-radio-group-size-mid {
  --item-padding: 4px 8px;
  --item-font-size: 12px;
  --item-line-height: 16px;
}
.hb-radio-group-size-large {
  --item-padding: 4px 20px;
  --item-font-size: 14px;
  --item-line-height: 24px;
}
.hb-radio-group-tag {
  display: inline-flex;
  gap: 2px;
  padding: 2px;
  background-color: var(--hb-component-background-color);
  border-radius: var(--hb-border-radius-mid);
}
.hb-radio-group-tag-item {
  padding: var(--item-padding);
  color: var(--hb-secondary-font-color);
  font-size: var(--item-font-size);
  line-height: var(--item-line-height);
  border-radius: var(--hb-border-radius-small);
  cursor: pointer;
  flex: 1 1;
  text-align: center;
  white-space: nowrap;
}
.hb-radio-group-tag-item-active {
  color: var(--hb-primary-font-color);
  background-color: var(--hb-primary-container-bg);
}
.hb-radio-group-card {
  gap: 12px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.hb-radio-group-card-item {
  padding: 16px 12px;
  border-radius: var(--hb-border-radius-large);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
  width: 100%;
  border: 1px solid var(--hb-common-border-color);
}
.hb-radio-group-card-item-active {
  border-color: var(--hb-primary-color);
}
.hb-radio-group-card-item-has-icon {
  align-items: flex-start;
  gap: 12px;
}
.hb-radio-group-card-title {
  color: var(--hb-primary-font-color);
  font-size: 14px;
  line-height: normal;
  padding: 0;
  margin: 0;
  font-weight: 500;
}
.hb-radio-group-card-desc {
  color: var(--hb-tertiary-font-color);
  font-size: 12px;
  line-height: normal;
  padding: 0;
  margin: 0;
  margin-top: 4px;
}
.hb-radio-group-card-radio {
  align-self: center;
  margin-left: auto;
}

.LeverSetting_leverSetting__15Nx_{position:relative;min-height:594px;padding:0 24px}.LeverSetting_leverSetting__15Nx_ .LeverSetting_tabs__YGNYz{margin:12px 0 24px;padding:3px;display:flex;background:#f5f5f5;color:#565656;border-radius:4px}.LeverSetting_leverSetting__15Nx_ .LeverSetting_tabs__YGNYz span{flex:1 1;padding:5px 0;line-height:20px;font-weight:400;text-align:center;cursor:pointer}.LeverSetting_leverSetting__15Nx_ .LeverSetting_tabs__YGNYz span:first-child{margin-right:2px}.LeverSetting_leverSetting__15Nx_ .LeverSetting_tabs__YGNYz .LeverSetting_selected__NgFeO{background-color:#fff;color:#000;font-weight:500}.LeverSetting_leverSetting__15Nx_ .LeverSetting_head__SL7_l,.LeverSetting_leverSetting__15Nx_ .LeverSetting_leverItem__zFfsM{display:flex;line-height:16px;font-size:12px;color:#8a8a8e}.LeverSetting_leverSetting__15Nx_ .LeverSetting_head__SL7_l>span:nth-child(1),.LeverSetting_leverSetting__15Nx_ .LeverSetting_leverItem__zFfsM>span:nth-child(1){display:flex;align-items:center;flex:2.5 1}.LeverSetting_leverSetting__15Nx_ .LeverSetting_head__SL7_l>span:nth-child(2),.LeverSetting_leverSetting__15Nx_ .LeverSetting_leverItem__zFfsM>span:nth-child(2){flex:1.5 1}.LeverSetting_leverSetting__15Nx_ .LeverSetting_head__SL7_l>span:nth-child(3),.LeverSetting_leverSetting__15Nx_ .LeverSetting_leverItem__zFfsM>span:nth-child(3){flex:1.2 1;text-align:right}.LeverSetting_leverSetting__15Nx_ .LeverSetting_leverList__cOjpr{height:352px;max-height:345px;overflow-y:auto;padding-bottom:120px}.LeverSetting_leverSetting__15Nx_ .LeverSetting_leverItem__zFfsM{padding:20px 0;font-size:16px;color:#000;line-height:24px}.LeverSetting_leverSetting__15Nx_ .LeverSetting_leverItem__zFfsM .LeverSetting_myLever__ThYMq{padding:2px 4px;display:inline-flex;align-items:center;background-color:#f5f5f5;border-radius:4px;cursor:pointer}.LeverSetting_leverSetting__15Nx_ .LeverSetting_leverItem__zFfsM .LeverSetting_myLever__ThYMq>span:first-child{min-width:32px;margin-right:4px;text-align:center}.LeverSetting_leverSetting__15Nx_ .LeverSetting_leverItem__zFfsM .hb-checkbox{width:16px;height:16px}.LeverSetting_leverSetting__15Nx_ .LeverSetting_leverItem__zFfsM .hb-checkbox-input,.LeverSetting_leverSetting__15Nx_ .LeverSetting_leverItem__zFfsM .hb-checkbox-inner{width:14px;height:14px;background-size:10px}.LeverSetting_leverSetting__15Nx_ .LeverSetting_leverItem__zFfsM .hb-token-symbol{border:none}.LeverSetting_leverSetting__15Nx_ .LeverSetting_transactionPairsFooter__hegkx{width:100%;position:absolute;left:0;bottom:0;padding:0 24px 24px;border-top:1px solid #e6e8eb;background:#fff}.LeverSetting_leverSetting__15Nx_ .LeverSetting_transactionPairsFooter__hegkx .hb-button{margin-top:20px}.LeverSetting_leverSetting__15Nx_ .LeverSetting_transactionPairsFooter__hegkx .LeverSetting_selectedInfo__otcS8{display:flex;margin-top:12px;justify-content:space-between}.LeverSetting_leverSetting__15Nx_ .hb-spin{width:100%;height:200px;display:flex;justify-content:center}.LeverSetting_leverSetting__15Nx_ .hb-spin .hb-spin-container{width:10px}.LeverSetting_transactionPairsDir__3N_VG .LeverSetting_transactionPairsDirItem__gHrEO{cursor:pointer;border-radius:var(--hb-border-radius-large);margin-bottom:12px;padding:16px 16px 12px;display:flex;justify-content:space-between;font-size:14px;color:var(--hb-secondary-font-color);border:1px solid #e6e8eb}.LeverSetting_transactionPairsDir__3N_VG .LeverSetting_transactionPairsDirItem__gHrEO .LeverSetting_label___fhnk{color:var(--hb-primary-font-color);font-size:16px;font-style:normal;font-weight:500;margin-bottom:6px}.LeverSetting_transactionPairsDir__3N_VG .LeverSetting_transactionPairsDirItem__gHrEO.LeverSetting_selected__NgFeO,.LeverSetting_transactionPairsDir__3N_VG .LeverSetting_transactionPairsDirItem__gHrEO:hover{border-color:var(--hb-primary-color)}
.in-trade-page {
  --hb-input-disabled-bg: var(--hbc-trade-input-disabled-bg);
  --hb-component-background-color: var(--hbc-trade-component-bg-color);
  --hb-primary-container-bg: var(--hbc-trade-primary-container-bg);
  --hb-secondary-container-bg: var(--hbc-trade-secondary-container-bg);
}
/** 滚动条样式 **/
.hb-slider-with-counter-wrapper .hb-slider-counter {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hb-slider-with-counter-wrapper .hb-slider-counter-add,
.hb-slider-with-counter-wrapper .hb-slider-counter-subtract {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--hb-component-background-color);
  border-radius: var(--hb-border-radius-mid);
  cursor: pointer;
  color: var(--hb-quaternary-font-color);
}
.hb-slider-with-counter-wrapper .hb-slider-counter-input {
  margin: 0 4px;
  width: 80px;
  display: flex;
}
.hb-slider-with-counter-wrapper .hb-slider-counter-input .hb-input {
  padding: 0;
  background: none;
  border: none;
  outline: none;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: var(--hb-primary-font-color);
  text-align: center;
}
.hb-slider-with-counter-wrapper .hb-slider-counter-input .hb-input-affix-wrapper {
  border: none;
  background: var(--hb-primary-container-bg);
  justify-content: center;
}
.hb-slider-with-counter-wrapper .hb-slider-counter-input .hb-input-affix-wrapper .hb-input-suffix {
  color: var(--hb-primary-font-color);
  text-align: left;
  padding: 0;
}
.hb-slider-wrapper {
  padding-left: calc(var(--hb-slider-handle-size) / 2);
  padding-right: calc(var(--hb-slider-handle-size) / 2);
  cursor: pointer;
}
.hb-slider {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: var(--hb-slider-trail-height);
  padding-top: 0;
  padding-bottom: 0;
  cursor: pointer;
}
.hb-slider-rail {
  position: absolute;
  width: 100%;
  height: var(--hb-slider-trail-height);
  background-color: var(--hb-component-background-color);
}
.hb-slider-track {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  height: var(--hb-slider-trail-height);
  background-color: var(--hb-primary-color);
}
.hb-slider-step {
  position: absolute;
  width: 100%;
  height: 100%;
}
.hb-slider-step .hb-slider-dot {
  position: absolute;
  top: calc(var(--hb-slider-dot-size) / -2 + var(--hb-slider-trail-height) / 2);
  width: var(--hb-slider-dot-size);
  height: var(--hb-slider-dot-size);
  background-color: var(--hb-component-background-color);
  border: 2px solid var(--hb-primary-container-bg);
  border-radius: 100%;
}
.hb-slider-step .hb-slider-dot:hover {
  top: calc(var(--hb-slider-handle-size) / -2 + var(--hb-slider-trail-height) / 2);
  width: var(--hb-slider-handle-size);
  height: var(--hb-slider-handle-size);
}
.hb-slider-step .hb-slider-dot-active {
  background-color: var(--hb-primary-color);
  border-color: var(--hb-primary-container-bg);
}
.hb-slider-handle {
  position: absolute;
  top: calc(var(--hb-slider-handle-size) / -2 + var(--hb-slider-trail-height) / 2);
  width: var(--hb-slider-handle-size);
  height: var(--hb-slider-handle-size);
  background-color: var(--hb-primary-color);
  border-radius: 100%;
  outline: none;
  transition: box-shadow 0.2s;
}
.hb-slider-handle:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(var(--hb-slider-handle-size) - 4px);
  height: calc(var(--hb-slider-handle-size) - 4px);
  background-color: var(--hb-primary-container-bg);
  border-radius: 100%;
  transform: translate(-50%, -50%);
  content: '';
}
.hb-slider-handle:hover {
  transition: box-shadow 0.2s;
}
.hb-slider-mark {
  position: absolute;
  top: 10px;
  width: 100%;
}
.hb-slider-mark-text {
  position: absolute;
  color: var(--hb-tertiary-font-color);
  font-size: var(--hb-secondary-font-size);
}
.hb-slider-mark-text:first-child {
  transform: translateX(calc(var(--hb-slider-dot-size) / -2)) !important;
}
.hb-slider-mark-text:last-child {
  right: 0 !important;
  left: auto !important;
  left: initial !important;
  transform: translateX(calc(var(--hb-slider-dot-size) / 2 / 2)) !important;
}
.hb-slider-disabled {
  cursor: not-allowed;
}
.hb-slider-disabled .hb-slider-step .hb-slider-dot {
  pointer-events: none;
  background-color: var(--hb-input-disabled-bg);
}
.hb-slider-disabled .hb-slider-rail,
.hb-slider-disabled .hb-slider-track,
.hb-slider-disabled .hb-slider-handle {
  background-color: var(--hb-input-disabled-bg);
}
.hb-slider-disabled .hb-slider-handle {
  pointer-events: none;
}
.hb-slider-tooltip .hb-tooltip-inner {
  position: relative;
  min-height: 0;
  min-height: initial;
  min-width: 0;
  min-width: initial;
  padding: 2px 5px;
  color: #fff;
  background-color: var(--hb-primary-color);
}
.hb-slider-tooltip .hb-tooltip-inner:after {
  position: absolute;
  bottom: -2px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 4px 0 0 0;
  transform: translateX(-50%) rotateZ(45deg);
  background-color: var(--hb-primary-color);
}

.StopProfitLoss_slider__sEKFm{margin-bottom:24px}.StopProfitLoss_slider__sEKFm .StopProfitLoss_title__hFpkS{margin-bottom:11px}.StopProfitLoss_slider__sEKFm .StopProfitLoss_title__hFpkS .StopProfitLoss_titleText__RU7k1{margin-bottom:11px}.StopProfitLoss_slider__sEKFm .StopProfitLoss_title__hFpkS .hb-input-suffix{padding:0 12px 0 0}.StopProfitLoss_slider__sEKFm .StopProfitLoss_sliderWrapper__OJy2B{height:32px;padding:4px 0}.StopProfitLoss_slider__sEKFm .StopProfitLoss_sliderWrapper__OJy2B .hb-slider-mark-text:first-child{left:-0.4% !important}.StopProfitLoss_slider__sEKFm .hb-form-item{margin-bottom:6px}.StopProfitLoss_slider__sEKFm .hb-input{text-align:left;background-color:rgba(0,0,0,0)}.StopProfitLoss_slider__sEKFm .hb-input-affix-wrapper{background-color:rgba(0,0,0,0);border:1px solid var(--dddddd, #ddd)}.StopProfitLoss_slider__sEKFm .hb-input-affix-wrapper .hb-input-suffix{color:#000}
.Header_wrapper__tMwGN{margin-bottom:20px;border:1px solid #2e8b57}.Header_header__7URFL{display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:72px}.Header_header__7URFL .Header_text__RqpoQ{font-family:HDC Sparkle;font-size:20px;font-style:normal;font-weight:500}.Header_header__7URFL .Header_text__RqpoQ .hb-arrow-icon{transform:rotate(90deg);margin-right:8px;cursor:pointer}.Header_header__7URFL .hb-icon{cursor:pointer}
.style_tabs__nLo3L{margin:24px 0 24px;height:30px;padding:3px;display:flex;background:#f5f5f5;color:#565656;border-radius:4px}.style_tabs__nLo3L p{flex:1 1;padding:5px 0;line-height:16px;font-weight:400;text-align:center;cursor:pointer;min-width:130px;font-size:14px}.style_tabs__nLo3L p:first-child{margin-right:2px}.style_tabs__nLo3L .style_selected__QTFJO{background-color:#fff;color:#000;font-weight:500}
.useCouponModal_couponList___QQ_8{height:360px;max-height:462px;overflow-y:auto}.useCouponModal_empty__8ouy3{min-height:240px;text-align:center;margin:100px auto}.useCouponModal_empty__8ouy3 img{margin-bottom:12px}.useCouponModal_empty__8ouy3 p{font-size:12px;color:#adadb5}.useCouponModal_couponItem__HJzAd{margin-bottom:12px;border-radius:8px;background-color:var(--hbc-trade-primary-container-bg);border:1px solid var(--hbc-trade-input-disabled-bg);cursor:pointer}.useCouponModal_couponItem__HJzAd .useCouponModal_info__8maY0{padding:12px 16px;display:flex;align-items:center;border-bottom:1px dashed var(--hbc-trade-input-disabled-bg)}.useCouponModal_couponItem__HJzAd .useCouponModal_info__8maY0>div:first-child{flex:1 1}.useCouponModal_couponItem__HJzAd .useCouponModal_info__8maY0>div:first-child h4{color:var(--hbc-primary-font-color);font-size:18px;font-weight:500;line-height:24px}.useCouponModal_couponItem__HJzAd .useCouponModal_info__8maY0>div:first-child p{margin-top:2px;color:var(--hbc-tertiary-font-color);font-size:12px;font-weight:400;line-height:16px}.useCouponModal_couponItem__HJzAd .useCouponModal_info__8maY0>div:nth-child(2){height:30px;color:var(--hbc-primary-font-color);font-size:12px;font-style:normal;font-weight:400;line-height:16px}.useCouponModal_couponItem__HJzAd .useCouponModal_info__8maY0>div:nth-child(2) .useCouponModal_amount__96OXW{margin-right:4px;font-size:30px;font-weight:500;line-height:30px}.useCouponModal_couponItem__HJzAd .useCouponModal_info__8maY0 .hb-radio-wrapper{margin-left:32px}.useCouponModal_couponItem__HJzAd .useCouponModal_ruelWraper__X0Ng_{padding:16px;color:var(--hbc-tertiary-font-color);font-size:12px;font-weight:400;line-height:16px}.useCouponModal_couponItem__HJzAd .useCouponModal_explain__MAZMf{display:flex;justify-content:space-between}.useCouponModal_couponItem__HJzAd .useCouponModal_explain__MAZMf .useCouponModal_noExpand__7Y0iz{max-width:370px;max-height:32px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-break:break-all}.useCouponModal_couponItem__HJzAd .useCouponModal_explain__MAZMf .useCouponModal_isExpand___KAR2{max-width:370px;word-break:break-all}.useCouponModal_couponItem__HJzAd .useCouponModal_explain__MAZMf .useCouponModal_rotate__slTAb{transform:rotateZ(180deg)}.useCouponModal_checked__aenh5{border:1px solid var(--hbc-primary-color)}
.in-trade-page {
  --hb-input-disabled-bg: var(--hbc-trade-input-disabled-bg);
  --hb-component-background-color: var(--hbc-trade-component-bg-color);
  --hb-primary-container-bg: var(--hbc-trade-primary-container-bg);
  --hb-secondary-container-bg: var(--hbc-trade-secondary-container-bg);
}
/** 滚动条样式 **/
.hb-alert {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 8px 12px;
  border-radius: 4px;
}
.hb-alert-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  margin-right: 8px;
  padding-top: 1px;
}
.hb-alert-content {
  text-align: left;
}
.hb-alert-content .hb-alert-title {
  margin-bottom: 4px;
  color: var(--hb-primary-font-color);
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
.hb-alert-content .hb-alert-message {
  color: var(--hb-primary-font-color);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
.hb-alert-close-icon {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 12px;
  cursor: pointer;
}
.hb-alert-centered {
  justify-content: center;
}
.hb-alert-hidden {
  display: none;
}
.hb-alert-closable {
  padding-right: 30px;
}
.hb-alert-warning {
  background-color: var(--hb-alert-warning-background-color);
}
.hb-alert-info {
  background-color: var(--hb-secondary-container-bg);
}
.hb-alert-success {
  background-color: var(--hb-alert-success-background-color);
}
.hb-alert-error {
  background-color: var(--hb-alert-error-background-color);
}

.transferFunds_transferFunds__BKWf6 .transferFunds_main__UJ3HI .transferFunds_transfer__icxNK{margin-bottom:10px;border-radius:var(--hb-border-radius-mid);display:flex;background:var(--hb-component-background-color)}.transferFunds_transferFunds__BKWf6 .transferFunds_main__UJ3HI .transferFunds_transfer__icxNK .transferFunds_point__7HXLR{width:44px;padding:19px 0;height:51px;box-sizing:content-box;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.transferFunds_transferFunds__BKWf6 .transferFunds_main__UJ3HI .transferFunds_transfer__icxNK .transferFunds_point__7HXLR span:nth-child(1){height:6px;width:6px;border-radius:3px;background-color:var(--hb-primary-color)}.transferFunds_transferFunds__BKWf6 .transferFunds_main__UJ3HI .transferFunds_transfer__icxNK .transferFunds_point__7HXLR span:nth-child(2){height:4px;width:4px;border-radius:2px}.transferFunds_transferFunds__BKWf6 .transferFunds_main__UJ3HI .transferFunds_transfer__icxNK .transferFunds_point__7HXLR span:nth-child(3){height:4px;width:4px;border-radius:2px}.transferFunds_transferFunds__BKWf6 .transferFunds_main__UJ3HI .transferFunds_transfer__icxNK .transferFunds_point__7HXLR span:nth-child(4){height:6px;width:6px;border-radius:3px;background-color:#ffc71d}.transferFunds_transferFunds__BKWf6 .transferFunds_main__UJ3HI .transferFunds_transfer__icxNK .transferFunds_transferItmes__coue1{flex:1 1}.transferFunds_transferFunds__BKWf6 .transferFunds_main__UJ3HI .transferFunds_transfer__icxNK .transferFunds_transferItmes__coue1 .transferFunds_item__xKGnl{line-height:44px;font-weight:400;font-size:14px;color:var(--hb-primary-font-color);display:flex}.transferFunds_transferFunds__BKWf6 .transferFunds_main__UJ3HI .transferFunds_transfer__icxNK .transferFunds_transferItmes__coue1 .transferFunds_item__xKGnl .hb-select{flex:1 1}.transferFunds_transferFunds__BKWf6 .transferFunds_main__UJ3HI .transferFunds_transfer__icxNK .transferFunds_transferItmes__coue1 .transferFunds_item__xKGnl .transferFunds_label__yvfcv{display:inline-block;margin-right:20px;color:var(--hb-icon-arrow-right-color)}.transferFunds_transferFunds__BKWf6 .transferFunds_main__UJ3HI .transferFunds_transfer__icxNK .transferFunds_transferItmes__coue1 .transferFunds_devider__EInxN{height:1px;background:var(--hb-common-border-color)}.transferFunds_transferFunds__BKWf6 .transferFunds_main__UJ3HI .transferFunds_transfer__icxNK .transferFunds_transferButton__kRMPR{width:58px;background-image:url(https://hbg-fed-static-prd.hbfile.net/copy-trading-fe/_next/static/media/transfer1.7751bd46.png);background-size:48px;background-repeat:no-repeat;background-position:center;cursor:pointer}.transferFunds_transferFunds__BKWf6 .transferFunds_main__UJ3HI .hb-input-affix-wrapper{height:44px;padding:0 12px}.transferFunds_transferFunds__BKWf6 .transferFunds_main__UJ3HI .hb-input-suffix{display:flex;align-items:center}.transferFunds_transferFunds__BKWf6 .transferFunds_main__UJ3HI .hb-input-prefix,.transferFunds_transferFunds__BKWf6 .transferFunds_main__UJ3HI .hb-input-suffix{padding:0}.transferFunds_transferFunds__BKWf6 .transferFunds_main__UJ3HI .transferFunds_count__k1_Pc{margin-top:12px;margin-bottom:8px}.transferFunds_transferFunds__BKWf6 .transferFunds_main__UJ3HI .transferFunds_count__k1_Pc .transferFunds_devider__EInxN{margin:0 12px;width:1px;height:30px;background:var(--hb-common-border-color)}.transferFunds_transferFunds__BKWf6 .transferFunds_main__UJ3HI .transferFunds_count__k1_Pc .transferFunds_all__o9MSp{color:var(--hb-primary-color);cursor:pointer}.transferFunds_transferFunds__BKWf6 .transferFunds_main__UJ3HI .transferFunds_error__B2lac .hb-input-affix-wrapper{border-color:var(--hb-error-color)}.transferFunds_transferFunds__BKWf6 .transferFunds_main__UJ3HI .transferFunds_bottomRemind__NdsNs{line-height:16px}.transferFunds_transferFunds__BKWf6 .transferFunds_main__UJ3HI .transferFunds_bottomRemind__NdsNs .transferFunds_canTransfer__HC0zj{color:var(--hb-tertiary-font-color)}.transferFunds_transferFunds__BKWf6 .transferFunds_main__UJ3HI .transferFunds_bottomRemind__NdsNs .transferFunds_limit__rbPx0{color:var(--hb-primary-color);cursor:pointer}.transferFunds_transferFunds__BKWf6 .transferFunds_transferFundsFooter__H3_1q{padding:16px 0;text-align:right}
.in-trade-page {
  --hb-input-disabled-bg: var(--hbc-trade-input-disabled-bg);
  --hb-component-background-color: var(--hbc-trade-component-bg-color);
  --hb-primary-container-bg: var(--hbc-trade-primary-container-bg);
  --hb-secondary-container-bg: var(--hbc-trade-secondary-container-bg);
}
/** 滚动条样式 **/
.hb-select {
  --hb-select-min-width: 80px;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  min-width: var(--hb-select-min-width);
  font-size: var(--hb-main-font-size);
  cursor: pointer;
}
.hb-select-selector {
  min-width: inherit;
  padding: var(--hb-select-selector-padding);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: var(--hb-component-background-color);
  border-radius: var(--hb-border-radius-mid);
  cursor: pointer;
}
.hb-select-selector .hb-select-selection-search {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.hb-select-selector .hb-select-selection-search-input {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
  padding: var(--hb-select-selector-padding, 12px);
  color: var(--hb-primary-font-color);
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.hb-select-selector .hb-select-selection-search-input::-webkit-search-cancel-button {
  display: none;
  -webkit-appearance: none;
          appearance: none;
}
.hb-select-selector .hb-select-selection-placeholder {
  color: var(--hb-tertiary-font-color);
  font-size: 12px;
  line-height: 16px;
}
.hb-select-selector .hb-select-selection-item {
  color: var(--hb-primary-font-color);
  font-size: 12px;
  line-height: 16px;
}
.hb-select-arrow {
  position: absolute;
  top: 50%;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  transform-origin: center;
  transition: transform 0.3s ease-in-out;
  pointer-events: none;
}
.hb-select-arrow path {
  fill: var(--hb-tertiary-font-color);
}
.hb-select-open {
  border-color: var(--hb-primary-color);
}
.hb-select-open .hb-select-arrow {
  transform: translateY(-50%) rotate(180deg);
  transform-origin: center;
  transition: all 0.3s;
}
.hb-select-dropdown {
  position: relative;
  z-index: var(--hb-dropdown-zIndex);
  display: inline-block;
  padding: 4px;
  background-color: var(--hb-primary-container-bg);
  border-radius: var(--hb-border-radius-mid);
  box-shadow: var(--hb-primary-box-shadow);
}
.hb-select-dropdown .hb-select-item {
  overflow: hidden;
  color: var(--hb-primary-font-color);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  border-radius: var(--hb-border-radius-mid);
  cursor: pointer;
}
.hb-select-dropdown .hb-select-item:hover {
  color: var(--hb-primary-font-color);
  background-color: var(--hb-secondary-container-bg);
  transition: all 0.3s;
}
.hb-select-dropdown .hb-select-item-option-active {
  background-color: var(--hb-secondary-container-bg);
}
.hb-select-dropdown .hb-select-item-option-selected {
  color: var(--hb-primary-color);
}
.hb-select-dropdown .hb-select-item-option-selected:hover {
  color: var(--hb-primary-color);
}
.hb-select-dropdown .hb-select-item-option-content {
  padding: 4px 8px;
  white-space: nowrap;
  text-align: left;
  border-radius: var(--hb-border-radius-mid);
}
.hb-select-dropdown .hb-select-item-option-disabled {
  color: var(--hb-quaternary-font-color);
  cursor: not-allowed;
}
.hb-select-dropdown .hb-select-item-option-disabled:hover {
  color: inherit;
  color: var(--hb-quaternary-font-color);
  background-color: transparent;
  background-color: initial;
}
.hb-select-dropdown .hb-select-item-empty {
  padding: 20px 0px;
  color: var(--hb-quaternary-font-color);
  font-size: 12px;
  text-align: center;
  background-color: var(--hb-primary-container-bg);
}
.hb-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar {
  width: var(--hb-scrollbar-width);
  height: var(--hb-scrollbar-width);
}
.hb-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar-thumb {
  background-color: var(--hb-quaternary-font-color);
  border-radius: var(--hb-scrollbar-redius);
}
.hb-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar-track {
  background-color: var(--hb-scrollbar-track-bg);
}
.hb-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar-corner {
  background-color: var(--hb-scrollbar-corner-bg);
}
.hb-select-dropdown-hidden {
  display: none;
}
.hb-select-borderless {
  border-width: 0px;
}
.hb-select-small .hb-select-selector {
  min-height: 28px;
  padding: var(--hb-select-selector-padding, 4px 12px);
  padding-right: 28px;
}
.hb-select-small .hb-select-selector .hb-select-selection-search-input {
  padding: var(--hb-select-selector-padding, 4px 12px);
  font-size: 12px;
}
.hb-select-small .hb-select-selector .hb-select-selection-placeholder {
  font-size: 12px;
  line-height: 16px;
}
.hb-select-small .hb-select-selector .hb-select-selection-item {
  font-size: 12px;
  line-height: 16px;
}
.hb-select-dropwdown-small .hb-select-item-option-content {
  padding: 6px 12px;
  font-size: 12px;
  line-height: 16px;
}
.hb-select-mid .hb-select-selector {
  min-height: 36px;
  padding: var(--hb-select-selector-padding, 8px 12px);
  padding-right: 28px;
  font-size: 14px;
  line-height: 20px;
}
.hb-select-mid .hb-select-selector .hb-select-selection-search-input {
  padding: var(--hb-select-selector-padding, 8px 12px);
  font-size: 14px;
}
.hb-select-mid .hb-select-selector .hb-select-selection-placeholder {
  font-size: 14px;
  line-height: 20px;
}
.hb-select-mid .hb-select-selector .hb-select-selection-item {
  font-size: 14px;
  line-height: 20px;
}
.hb-select-dropwdown-mid .hb-select-item-option-content {
  padding: 8px 12px;
  font-size: 14px;
  line-height: 20px;
}
.hb-select-large .hb-select-selector {
  min-height: 44px;
  padding: var(--hb-select-selector-padding, 12px);
  padding-right: 28px;
  font-size: 14px;
  line-height: 20px;
}
.hb-select-large .hb-select-selector .hb-select-selection-search-input {
  padding: var(--hb-select-selector-padding, 12px);
  font-size: 14px;
}
.hb-select-large .hb-select-selector .hb-select-selection-placeholder {
  font-size: 14px;
  line-height: 20px;
}
.hb-select-large .hb-select-selector .hb-select-selection-item {
  font-size: 14px;
  line-height: 20px;
}
.hb-select-dropwdown-large .hb-select-item-option-content {
  padding: 10px 12px;
  font-size: 14px;
  line-height: 20px;
}
.hb-select-show-search .hb-select-selection-search-input {
  cursor: text;
}
.hb-select-open.hb-select-show-search .hb-select-selection-item {
  color: var(--hb-quaternary-font-color);
}

.in-trade-page {
  --hb-input-disabled-bg: var(--hbc-trade-input-disabled-bg);
  --hb-component-background-color: var(--hbc-trade-component-bg-color);
  --hb-primary-container-bg: var(--hbc-trade-primary-container-bg);
  --hb-secondary-container-bg: var(--hbc-trade-secondary-container-bg);
}
/** 滚动条样式 **/
.hb-message {
  position: fixed;
  z-index: var(--hb-notification-zIndex);
  display: flex;
  align-items: flex-end;
  max-height: 100vh;
}
.hb-message-top,
.hb-message-topLeft,
.hb-message-topRight {
  top: 50px;
  flex-direction: column;
}
.hb-message-topRight {
  right: 24px;
}
.hb-message-notice {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  width: 400px;
  min-height: 50px;
  margin: 12px 0;
  line-height: 1.5;
  background: #fff;
  border-left: 4px solid var(--border-color);
  border-radius: 3px 3px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.hb-message-notice-content {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  height: 100%;
  padding: 20px 16px;
  color: var(--hb-primary-font-color);
}
.hb-message-notice-content .hb-message-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  margin-right: 10px;
}
.hb-message-notice .hb-message-content-text {
  font-size: 16px;
}
.hb-message-notice-closable .hb-message-notice-content {
  padding-right: 20px;
  text-align: left;
}
.hb-message-notice-close {
  position: absolute;
  top: 3px;
  right: 5px;
  color: #000;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  outline: none;
  cursor: pointer;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.hb-message-notice-close-x:after {
  content: '×';
}
.hb-message-notice-close:hover {
  text-decoration: none;
  opacity: 1;
  filter: alpha(opacity=100);
}
.hb-message-fade {
  overflow: hidden;
  transition: all 0.3s;
}
.hb-message-fade-appear-start {
  transform: translateX(100%);
  opacity: 0;
}
.hb-message-fade-appear-active {
  transform: translateX(0);
  opacity: 1;
}
.hb-message-info {
  --border-color: var(--hb-primary-color);
}
.hb-message-success {
  --border-color: var(--hb-success-color);
}
.hb-message-warning {
  --border-color: var(--hb-warning-color);
}
.hb-message-error {
  --border-color: var(--hb-error-color);
}

.TradingModalRight_text-ellipsis__a5AQM{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.TradingModalRight_point__En_EA{cursor:pointer}.TradingModalRight_tooltip-underline__jlCf2{cursor:pointer;text-decoration-line:underline;text-decoration-style:dashed;text-decoration-color:var(--hb-tertiary-font-color);text-underline-offset:4px}.TradingModalRight_up-color__KJf_r{color:var(--hb-buy-color)}.TradingModalRight_down-color__tGlDD{color:var(--hb-sell-color)}.TradingModalRight_warning-color__NkNCt{color:var(--hb-warning-color)}.TradingModalRight_copytrading-tooltip-underLine__7Qvdc{-webkit-text-decoration:underline #adadb4 dashed;text-decoration:underline #adadb4 dashed;text-underline-offset:4px;cursor:pointer}.TradingModalRight_scroll-style__IEdps{overflow:auto}.TradingModalRight_scroll-style__IEdps::-webkit-scrollbar{width:4px;height:4px}.TradingModalRight_scroll-style__IEdps::-webkit-scrollbar-thumb{background-color:var(--hb-quaternary-font-color);border-radius:4px}.TradingModalRight_scroll-style__IEdps::-webkit-scrollbar-track{background-color:"transparent"}.TradingModalRight_scroll-style__IEdps::-webkit-scrollbar-corner{background-color:"transparent"}.TradingModalRight_icon-cutdown-close__wQ_zT[class^=icon]{display:none}.TradingModalRight_scrollbar-thumb__IQgSm{background-color:var(--hb-quaternary-font-color);border-radius:4px;position:relative}.TradingModalRight_wrapper__v_pdu{margin-bottom:20px;border:1px solid #2e8b57}.TradingModalRight_tradingModalRight__dxW8F{position:relative;flex:1 1}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_spinWrapper__qBKbi{height:388px;width:480px;display:flex;justify-content:center;align-items:center}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_tabs__VQFBC{padding:0px 24px}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt{overflow-y:auto}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_mainWrapper__ayLLD{padding:0 24px 40px;height:406px;min-height:406px;overflow-y:auto}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .hb-form-item{margin-bottom:6px}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .hb-input{text-align:left;background-color:rgba(0,0,0,0)}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .hb-input-affix-wrapper{background-color:rgba(0,0,0,0);border:1px solid var(--dddddd, #ddd)}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .hb-input-affix-wrapper .hb-input-suffix{color:#000}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .hb-input-affix-wrapper-disabled .hb-input-suffix{color:#8a8a8a;background-color:#ebebeb !important}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .hb-input-disabled{background-color:#ebebeb !important}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_formItemTitle__w4fzf,.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_formItemSuffix__6qP17{font-size:14px;font-style:normal;font-weight:400;line-height:20px}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_formItemTitle__w4fzf>span,.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_formItemSuffix__6qP17>span{display:flex;align-items:center}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_formItemTitle__w4fzf>span .hb-info-outline-icon,.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_formItemSuffix__6qP17>span .hb-info-outline-icon{margin-left:4px}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_formItemSuffix__6qP17{margin-bottom:6px}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_formItemSuffix__6qP17>span:first-child{color:var(--hbc-tertiary-font-color)}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_formItemSuffixGold__zG0_L{margin-bottom:12px}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_formItemSuffixGold__zG0_L>span:first-child{color:var(--hbc-tertiary-font-color)}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_fixDeposit__hjin4{display:flex;justify-content:space-between;font-size:12px}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_fixDeposit__hjin4>span:last-child .hb-arrow-icon{padding:5px 3px 3px 3px;transform:rotate(-90deg)}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_fixDeposit__hjin4>span:last-child .hb-arrow-icon svg{width:8px;height:10px}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_fixDeposit__hjin4>span:last-child .hb-arrow-icon svg path{fill:var(--hbc-white-primary-color)}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_advanced__Iwr81{display:flex;justify-content:space-between;cursor:pointer;margin-top:20px}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_advanced__Iwr81>span{font-weight:500}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_advanced__Iwr81 .hb-arrow-icon{padding:3px}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_advanced__Iwr81 .hb-arrow-icon svg{width:10px;height:8px}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_advanced__Iwr81 .TradingModalRight_rotate__uEzt5{transform:rotate(-180deg)}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_symbolsAndLever__nLQk8{margin:24px 0}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_symbolsAndLever__nLQk8 .TradingModalRight_chooseSymbols__NZxKC{margin-bottom:12px}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_symbolsAndLever__nLQk8 .TradingModalRight_chooseSymbols__NZxKC,.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_symbolsAndLever__nLQk8 .TradingModalRight_leverSetup__LtkoC{font-size:12px;display:flex;justify-content:space-between;align-items:center;height:20px}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_symbolsAndLever__nLQk8 .TradingModalRight_chooseSymbols__NZxKC>span:last-child,.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_symbolsAndLever__nLQk8 .TradingModalRight_leverSetup__LtkoC>span:last-child{height:20px;overflow:hidden;display:flex;align-items:center;cursor:pointer}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_symbolsAndLever__nLQk8 .TradingModalRight_chooseSymbols__NZxKC .hb-arrow-icon,.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_symbolsAndLever__nLQk8 .TradingModalRight_leverSetup__LtkoC .hb-arrow-icon{padding:5px 3px 3px 3px;transform:rotate(-90deg)}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_symbolsAndLever__nLQk8 .TradingModalRight_chooseSymbols__NZxKC .hb-arrow-icon svg,.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_symbolsAndLever__nLQk8 .TradingModalRight_leverSetup__LtkoC .hb-arrow-icon svg{width:8px;height:10px}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_riskControl__IMt0J{cursor:pointer;display:flex;justify-content:space-between;font-size:14px;font-weight:500;color:#000;margin-bottom:8px}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_riskControl__IMt0J .hb-arrow-icon{padding:5px 3px 3px 3px;transform:rotate(-90deg)}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_riskControl__IMt0J .hb-arrow-icon svg{width:8px;height:10px}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_riskControl__IMt0J>span:last-child{height:20px;overflow:hidden;display:flex;align-items:center;cursor:pointer}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_leverSetup__LtkoC>span:last-child{cursor:pointer}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_spareSpace__QRdAh{display:flex;margin-bottom:20px;font-size:12px}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_spareSpace__QRdAh>span{color:#8a8a8e}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_spareSpace__QRdAh .hb-dropdown-trigger{color:#000;cursor:pointer}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_form__fuMCt .TradingModalRight_spareSpace__QRdAh .hb-icon{vertical-align:middle}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_confirm__z7c45{position:absolute;bottom:0;left:0;width:100%;border-top:1px solid #e6e8eb;background:#fff}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_confirm__z7c45 .TradingModalRight_agreement__O7o7l{padding:12px 24px 0;display:flex;line-height:21px;box-sizing:content-box}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_confirm__z7c45 .TradingModalRight_agreement__O7o7l .TradingModalRight_userAgreement__kOGDZ{color:var(--hbc-white-primary-color);cursor:pointer}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_confirm__z7c45 .TradingModalRight_agreement__O7o7l .hb-checkbox-wrapper{margin-right:8px}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_confirm__z7c45 .TradingModalRight_buttonWrapper__U_lm_{padding:20px 24px 24px}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_confirm__z7c45 .TradingModalRight_buttonWrapper__U_lm_ .hb-button{width:100%}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_link__xWbPI{color:var(--hbc-white-primary-color);cursor:pointer;font-size:12px}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_link__xWbPI .hb-arrow-icon{transform:rotate(-90deg)}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_link__xWbPI .hb-arrow-icon svg{width:8px;height:10px}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_link__xWbPI .hb-arrow-icon svg path{fill:var(--hbc-white-primary-color)}.TradingModalRight_tradingModalRight__dxW8F .TradingModalRight_split__NexVm{padding:0 8px;color:#e6e8eb}.TradingModalRight_modalConfirm__BYaOW{margin:20px 0}.TradingModalRight_spareSpaceModal__IQDCP{display:flex;margin-bottom:20px;font-size:12px}.TradingModalRight_spareSpaceModal__IQDCP>span{color:#8a8a8e}.TradingModalRight_spareSpaceModal__IQDCP .hb-dropdown-trigger{color:#000;cursor:pointer}.TradingModalRight_spareSpaceModal__IQDCP .hb-icon{vertical-align:middle}#TradingModalRight_lossLimit__KbE_Q .hb-form-item,.TradingModalRight_lossInput__bg2UW .hb-form-item{margin-bottom:6px}#TradingModalRight_lossLimit__KbE_Q .hb-input,.TradingModalRight_lossInput__bg2UW .hb-input{text-align:left;background-color:rgba(0,0,0,0)}#TradingModalRight_lossLimit__KbE_Q .hb-input-affix-wrapper,.TradingModalRight_lossInput__bg2UW .hb-input-affix-wrapper{background-color:rgba(0,0,0,0);border:1px solid var(--dddddd, #ddd)}#TradingModalRight_lossLimit__KbE_Q .hb-input-affix-wrapper .hb-input-suffix,.TradingModalRight_lossInput__bg2UW .hb-input-affix-wrapper .hb-input-suffix{color:#000}
.in-trade-page {
  --hb-input-disabled-bg: var(--hbc-trade-input-disabled-bg);
  --hb-component-background-color: var(--hbc-trade-component-bg-color);
  --hb-primary-container-bg: var(--hbc-trade-primary-container-bg);
  --hb-secondary-container-bg: var(--hbc-trade-secondary-container-bg);
}
/** 滚动条样式 **/
.hb-dropdown {
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: var(--hb-dropdown-zIndex);
  margin-top: 4px;
  background-color: var(--hb-primary-container-color);
  border-radius: var(--hb-border-radius-mid);
  box-shadow: var(--hb-primary-box-shadow);
}
.hb-dropdown-hidden {
  display: none;
}
.hb-dropdown-trigger {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  gap: 4px;
}
.hb-dropdown-trigger-arrow {
  transform: rotate(180deg);
}
.hb-dropdown-overlay-list {
  width: 100%;
  margin: 0;
  padding: 4px;
  list-style: none;
  background-color: var(--hb-primary-container-bg);
  border-radius: var(--hb-border-radius-mid);
}
.hb-dropdown-overlay-list-item {
  overflow: hidden;
  color: var(--hb-primary-font-color);
  font-weight: 400;
  border-radius: var(--hb-border-radius-mid);
  cursor: pointer;
  transition: all 0.1s;
}
.hb-dropdown-overlay-list-item:hover {
  background-color: var(--hb-secondary-container-bg);
  transition: all 0.3s;
}
.hb-dropdown-small .hb-dropdown-overlay-list {
  min-width: 80px !important;
}
.hb-dropdown-small .hb-dropdown-overlay-list-item {
  padding: 6px 12px;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}
.hb-dropdown-mid .hb-dropdown-overlay-list {
  min-width: 88px !important;
}
.hb-dropdown-mid .hb-dropdown-overlay-list-item {
  padding: 8px 12px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
.hb-dropdown-large .hb-dropdown-overlay-list {
  min-width: 140px !important;
}
.hb-dropdown-large .hb-dropdown-overlay-list-item {
  padding: 12px;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
}

.TradingModal_tradingModalNew__OZXJm .TradingModal_tradingModalBody__Hwf3p{display:flex;height:666px}.TradingModal_tradingModalNew__OZXJm .hb-modal{width:800px;height:666px;border-radius:var(--hb-border-radius-large)}.TradingModal_tradingModalNew__OZXJm .hb-modal .hb-modal-body{padding:0}