: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}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)}