.Toastify__toast-container {
    z-index: 9999;
    -webkit-transform: translateZ(9999px);
    position: fixed;
    padding: 4px;
    width: 320px;
    box-sizing: border-box;
    color: #fff;
  }
  .Toastify__toast-container--top-left {
    top: 1em;
  }
  [dir="ltr"] .Toastify__toast-container--top-left {
    left: 1em;
  }
  [dir="rtl"] .Toastify__toast-container--top-left {
    right: 1em;
  }
  .Toastify__toast-container--top-center {
    line-height: 1;
    top: var(--size-24);
    padding: var(--size-0) var(--size-24);
    width: auto;
  }
  [dir="ltr"] .Toastify__toast-container--top-center {
    left: 50%;
    transform: translate3d(-50%, 0, 0);
  }
  [dir="rtl"] .Toastify__toast-container--top-center {
    right: 50%;
    transform: translate3d(50%, 0, 0);
  }
  .Toastify__toast-container--top-right {
    top: 1em;
  }
  [dir="ltr"] .Toastify__toast-container--top-right {
    right: 1em;
  }
  [dir="rtl"] .Toastify__toast-container--top-right {
    left: 1em;
  }
  .Toastify__toast-container--bottom-left {
    bottom: 1em;
  }
  [dir="ltr"] .Toastify__toast-container--bottom-left {
    left: 1em;
  }
  [dir="rtl"] .Toastify__toast-container--bottom-left {
    right: 1em;
  }
  .Toastify__toast-container--bottom-center {
    bottom: 1em;
  }
  [dir="ltr"] .Toastify__toast-container--bottom-center {
    left: 50%;
    margin-left: -160px;
  }
  [dir="rtl"] .Toastify__toast-container--bottom-center {
    right: 50%;
    margin-right: -160px;
  }
  .Toastify__toast-container--bottom-right {
    bottom: 1em;
  }
  [dir="ltr"] .Toastify__toast-container--bottom-right {
    right: 1em;
  }
  [dir="rtl"] .Toastify__toast-container--bottom-right {
    left: 1em;
  }
  .Toastify__toast {
    background: var(--bds-gray-bg-float);
    color: var(--gray-09);
    position: relative;
    box-sizing: border-box;
    margin-bottom: var(--size-8);
    padding: var(--size-16);
    border-radius: var(--size-4);
    box-shadow: var(--bds-shadow-l2);
    display: flex;
    justify-content: space-between;
    max-height: 800px;
    overflow: hidden;
    cursor: pointer;
  }
  [dir="ltr"] .Toastify__toast {
    direction: ltr;
  }
  [dir="ltr"] .Toastify__toast--rtl,
  [dir="rtl"] .Toastify__toast {
    direction: rtl;
  }
  [dir="rtl"] .Toastify__toast--rtl {
    direction: ltr;
  }
  .Toastify__toast-body {
    margin: auto 0;
    flex: 1 1;
  }
  @media only screen and (max-width: 480px) {
    .Toastify__toast {
      margin-bottom: 0;
    }
  }
  .Toastify__close-button {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    background: transparent;
    outline: none;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: 0.7;
    transition: 0.3s ease;
    align-self: flex-start;
  }
  .Toastify__close-button--default {
    color: #000;
    opacity: 0.3;
  }
  .Toastify__close-button:focus,
  .Toastify__close-button:hover {
    opacity: 1;
  }
  @-webkit-keyframes Toastify__trackProgress {
    0% {
      transform: scaleX(1);
    }
    to {
      transform: scaleX(0);
    }
  }
  @keyframes Toastify__trackProgress {
    0% {
      transform: scaleX(1);
    }
    to {
      transform: scaleX(0);
    }
  }
  .Toastify__progress-bar {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 5px;
    z-index: 9999;
    opacity: 0.7;
    background-color: hsla(0, 0%, 100%, 0.7);
  }
  [dir="ltr"] .Toastify__progress-bar {
    left: 0;
    transform-origin: left;
  }
  [dir="rtl"] .Toastify__progress-bar {
    right: 0;
    transform-origin: right;
  }
  .Toastify__progress-bar--animated {
    -webkit-animation: Toastify__trackProgress linear 1 forwards;
    animation: Toastify__trackProgress linear 1 forwards;
  }
  .Toastify__progress-bar--controlled {
    transition: transform 0.2s;
  }
  [dir="ltr"] .Toastify__progress-bar--rtl {
    right: 0;
    left: auto;
    transform-origin: right;
  }
  [dir="rtl"] .Toastify__progress-bar--rtl {
    left: 0;
    right: auto;
    transform-origin: left;
  }
  [dir="ltr"] .Toastify__progress-bar--default {
    background: linear-gradient(
      90deg,
      #4cd964,
      #5ac8fa,
      #007aff,
      #34aadc,
      #5856d6,
      #ff2d55
    );
  }
  [dir="rtl"] .Toastify__progress-bar--default {
    background: linear-gradient(
      270deg,
      #4cd964,
      #5ac8fa,
      #007aff,
      #34aadc,
      #5856d6,
      #ff2d55
    );
  }
  @-webkit-keyframes Toastify__bounceInRight-ltr {
    0%,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      transform: translate3d(3000px, 0, 0);
    }
    60% {
      opacity: 1;
      transform: translate3d(-25px, 0, 0);
    }
    75% {
      transform: translate3d(10px, 0, 0);
    }
    90% {
      transform: translate3d(-5px, 0, 0);
    }
    to {
      transform: none;
    }
  }
  @-webkit-keyframes Toastify__bounceInRight-rtl {
    0%,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      transform: translate3d(-3000px, 0, 0);
    }
    60% {
      opacity: 1;
      transform: translate3d(25px, 0, 0);
    }
    75% {
      transform: translate3d(-10px, 0, 0);
    }
    90% {
      transform: translate3d(5px, 0, 0);
    }
    to {
      transform: none;
    }
  }
  @keyframes Toastify__bounceInRight-ltr {
    0%,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      transform: translate3d(3000px, 0, 0);
    }
    60% {
      opacity: 1;
      transform: translate3d(-25px, 0, 0);
    }
    75% {
      transform: translate3d(10px, 0, 0);
    }
    90% {
      transform: translate3d(-5px, 0, 0);
    }
    to {
      transform: none;
    }
  }
  @keyframes Toastify__bounceInRight-rtl {
    0%,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      transform: translate3d(-3000px, 0, 0);
    }
    60% {
      opacity: 1;
      transform: translate3d(25px, 0, 0);
    }
    75% {
      transform: translate3d(-10px, 0, 0);
    }
    90% {
      transform: translate3d(5px, 0, 0);
    }
    to {
      transform: none;
    }
  }
  @-webkit-keyframes Toastify__bounceOutRight-ltr {
    90% {
      opacity: 1;
      transform: translate3d(-20px, 0, 0);
    }
    to {
      opacity: 0;
      transform: translate3d(2000px, 0, 0);
    }
  }
  @-webkit-keyframes Toastify__bounceOutRight-rtl {
    90% {
      opacity: 1;
      transform: translate3d(20px, 0, 0);
    }
    to {
      opacity: 0;
      transform: translate3d(-2000px, 0, 0);
    }
  }
  @keyframes Toastify__bounceOutRight-ltr {
    90% {
      opacity: 1;
      transform: translate3d(-20px, 0, 0);
    }
    to {
      opacity: 0;
      transform: translate3d(2000px, 0, 0);
    }
  }
  @keyframes Toastify__bounceOutRight-rtl {
    90% {
      opacity: 1;
      transform: translate3d(20px, 0, 0);
    }
    to {
      opacity: 0;
      transform: translate3d(-2000px, 0, 0);
    }
  }
  @-webkit-keyframes Toastify__bounceInLeft-ltr {
    0%,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      transform: translate3d(-3000px, 0, 0);
    }
    60% {
      opacity: 1;
      transform: translate3d(25px, 0, 0);
    }
    75% {
      transform: translate3d(-10px, 0, 0);
    }
    90% {
      transform: translate3d(5px, 0, 0);
    }
    to {
      transform: none;
    }
  }
  @-webkit-keyframes Toastify__bounceInLeft-rtl {
    0%,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      transform: translate3d(3000px, 0, 0);
    }
    60% {
      opacity: 1;
      transform: translate3d(-25px, 0, 0);
    }
    75% {
      transform: translate3d(10px, 0, 0);
    }
    90% {
      transform: translate3d(-5px, 0, 0);
    }
    to {
      transform: none;
    }
  }
  @keyframes Toastify__bounceInLeft-ltr {
    0%,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      transform: translate3d(-3000px, 0, 0);
    }
    60% {
      opacity: 1;
      transform: translate3d(25px, 0, 0);
    }
    75% {
      transform: translate3d(-10px, 0, 0);
    }
    90% {
      transform: translate3d(5px, 0, 0);
    }
    to {
      transform: none;
    }
  }
  @keyframes Toastify__bounceInLeft-rtl {
    0%,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      transform: translate3d(3000px, 0, 0);
    }
    60% {
      opacity: 1;
      transform: translate3d(-25px, 0, 0);
    }
    75% {
      transform: translate3d(10px, 0, 0);
    }
    90% {
      transform: translate3d(-5px, 0, 0);
    }
    to {
      transform: none;
    }
  }
  @-webkit-keyframes Toastify__bounceOutLeft-ltr {
    20% {
      opacity: 1;
      transform: translate3d(20px, 0, 0);
    }
    to {
      opacity: 0;
      transform: translate3d(-2000px, 0, 0);
    }
  }
  @-webkit-keyframes Toastify__bounceOutLeft-rtl {
    20% {
      opacity: 1;
      transform: translate3d(-20px, 0, 0);
    }
    to {
      opacity: 0;
      transform: translate3d(2000px, 0, 0);
    }
  }
  @keyframes Toastify__bounceOutLeft-ltr {
    20% {
      opacity: 1;
      transform: translate3d(20px, 0, 0);
    }
    to {
      opacity: 0;
      transform: translate3d(-2000px, 0, 0);
    }
  }
  @keyframes Toastify__bounceOutLeft-rtl {
    20% {
      opacity: 1;
      transform: translate3d(-20px, 0, 0);
    }
    to {
      opacity: 0;
      transform: translate3d(2000px, 0, 0);
    }
  }
  @-webkit-keyframes Toastify__bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      transform: translate3d(0, 3000px, 0);
    }
    60% {
      opacity: 1;
      transform: translate3d(0, -20px, 0);
    }
    75% {
      transform: translate3d(0, 10px, 0);
    }
    90% {
      transform: translate3d(0, -5px, 0);
    }
    to {
      transform: translateZ(0);
    }
  }
  @keyframes Toastify__bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      transform: translate3d(0, 3000px, 0);
    }
    60% {
      opacity: 1;
      transform: translate3d(0, -20px, 0);
    }
    75% {
      transform: translate3d(0, 10px, 0);
    }
    90% {
      transform: translate3d(0, -5px, 0);
    }
    to {
      transform: translateZ(0);
    }
  }
  @-webkit-keyframes Toastify__bounceOutUp {
    20% {
      transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
      opacity: 1;
      transform: translate3d(0, 20px, 0);
    }
    to {
      opacity: 0;
      transform: translate3d(0, -2000px, 0);
    }
  }
  @keyframes Toastify__bounceOutUp {
    20% {
      transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
      opacity: 1;
      transform: translate3d(0, 20px, 0);
    }
    to {
      opacity: 0;
      transform: translate3d(0, -2000px, 0);
    }
  }
  @-webkit-keyframes Toastify__bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      transform: translate3d(0, -3000px, 0);
    }
    60% {
      opacity: 1;
      transform: translate3d(0, 25px, 0);
    }
    75% {
      transform: translate3d(0, -10px, 0);
    }
    90% {
      transform: translate3d(0, 5px, 0);
    }
    to {
      transform: none;
    }
  }
  @keyframes Toastify__bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      transform: translate3d(0, -3000px, 0);
    }
    60% {
      opacity: 1;
      transform: translate3d(0, 25px, 0);
    }
    75% {
      transform: translate3d(0, -10px, 0);
    }
    90% {
      transform: translate3d(0, 5px, 0);
    }
    to {
      transform: none;
    }
  }
  @-webkit-keyframes Toastify__bounceOutDown {
    20% {
      transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
      opacity: 1;
      transform: translate3d(0, -20px, 0);
    }
    to {
      opacity: 0;
      transform: translate3d(0, 2000px, 0);
    }
  }
  @keyframes Toastify__bounceOutDown {
    20% {
      transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
      opacity: 1;
      transform: translate3d(0, -20px, 0);
    }
    to {
      opacity: 0;
      transform: translate3d(0, 2000px, 0);
    }
  }
  [dir="ltr"] .Toastify__bounce-enter--bottom-left,
  [dir="ltr"] .Toastify__bounce-enter--top-left {
    -webkit-animation-name: Toastify__bounceInLeft-ltr;
    animation-name: Toastify__bounceInLeft-ltr;
  }
  [dir="rtl"] .Toastify__bounce-enter--bottom-left,
  [dir="rtl"] .Toastify__bounce-enter--top-left {
    -webkit-animation-name: Toastify__bounceInLeft-rtl;
    animation-name: Toastify__bounceInLeft-rtl;
  }
  [dir="ltr"] .Toastify__bounce-enter--bottom-right,
  [dir="ltr"] .Toastify__bounce-enter--top-right {
    -webkit-animation-name: Toastify__bounceInRight-ltr;
    animation-name: Toastify__bounceInRight-ltr;
  }
  [dir="rtl"] .Toastify__bounce-enter--bottom-right,
  [dir="rtl"] .Toastify__bounce-enter--top-right {
    -webkit-animation-name: Toastify__bounceInRight-rtl;
    animation-name: Toastify__bounceInRight-rtl;
  }
  .Toastify__bounce-enter--top-center {
    -webkit-animation-name: Toastify__bounceInDown;
    animation-name: Toastify__bounceInDown;
  }
  .Toastify__bounce-enter--bottom-center {
    -webkit-animation-name: Toastify__bounceInUp;
    animation-name: Toastify__bounceInUp;
  }
  [dir="ltr"] .Toastify__bounce-exit--bottom-left,
  [dir="ltr"] .Toastify__bounce-exit--top-left {
    -webkit-animation-name: Toastify__bounceOutLeft-ltr;
    animation-name: Toastify__bounceOutLeft-ltr;
  }
  [dir="rtl"] .Toastify__bounce-exit--bottom-left,
  [dir="rtl"] .Toastify__bounce-exit--top-left {
    -webkit-animation-name: Toastify__bounceOutLeft-rtl;
    animation-name: Toastify__bounceOutLeft-rtl;
  }
  [dir="ltr"] .Toastify__bounce-exit--bottom-right,
  [dir="ltr"] .Toastify__bounce-exit--top-right {
    -webkit-animation-name: Toastify__bounceOutRight-ltr;
    animation-name: Toastify__bounceOutRight-ltr;
  }
  [dir="rtl"] .Toastify__bounce-exit--bottom-right,
  [dir="rtl"] .Toastify__bounce-exit--top-right {
    -webkit-animation-name: Toastify__bounceOutRight-rtl;
    animation-name: Toastify__bounceOutRight-rtl;
  }
  .Toastify__bounce-exit--top-center {
    -webkit-animation-name: Toastify__bounceOutUp;
    animation-name: Toastify__bounceOutUp;
  }
  .Toastify__bounce-exit--bottom-center {
    -webkit-animation-name: Toastify__bounceOutDown;
    animation-name: Toastify__bounceOutDown;
  }
  @-webkit-keyframes Toastify__zoomIn {
    0% {
      opacity: 0;
      transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
      opacity: 1;
    }
  }
  @keyframes Toastify__zoomIn {
    0% {
      opacity: 0;
      transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
      opacity: 1;
    }
  }
  @-webkit-keyframes Toastify__zoomOut {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
      transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
      opacity: 0;
    }
  }
  @keyframes Toastify__zoomOut {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
      transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
      opacity: 0;
    }
  }
  .Toastify__zoom-enter {
    -webkit-animation-name: Toastify__zoomIn;
    animation-name: Toastify__zoomIn;
  }
  .Toastify__zoom-exit {
    -webkit-animation-name: Toastify__zoomOut;
    animation-name: Toastify__zoomOut;
  }
  @-webkit-keyframes Toastify__flipIn-ltr {
    0% {
      transform: perspective(400px) rotateX(90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
    }
    40% {
      transform: perspective(400px) rotateX(-20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }
    60% {
      transform: perspective(400px) rotateX(10deg);
      opacity: 1;
    }
    80% {
      transform: perspective(400px) rotateX(-5deg);
    }
    to {
      transform: perspective(400px);
    }
  }
  @-webkit-keyframes Toastify__flipIn-rtl {
    0% {
      transform: perspective(400px) rotate3d(-1, 0, 0, -90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
    }
    40% {
      transform: perspective(400px) rotate3d(-1, 0, 0, 20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }
    60% {
      transform: perspective(400px) rotate3d(-1, 0, 0, -10deg);
      opacity: 1;
    }
    80% {
      transform: perspective(400px) rotate3d(-1, 0, 0, 5deg);
    }
    to {
      transform: perspective(400px);
    }
  }
  @keyframes Toastify__flipIn-ltr {
    0% {
      transform: perspective(400px) rotateX(90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
    }
    40% {
      transform: perspective(400px) rotateX(-20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }
    60% {
      transform: perspective(400px) rotateX(10deg);
      opacity: 1;
    }
    80% {
      transform: perspective(400px) rotateX(-5deg);
    }
    to {
      transform: perspective(400px);
    }
  }
  @keyframes Toastify__flipIn-rtl {
    0% {
      transform: perspective(400px) rotate3d(-1, 0, 0, -90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
    }
    40% {
      transform: perspective(400px) rotate3d(-1, 0, 0, 20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }
    60% {
      transform: perspective(400px) rotate3d(-1, 0, 0, -10deg);
      opacity: 1;
    }
    80% {
      transform: perspective(400px) rotate3d(-1, 0, 0, 5deg);
    }
    to {
      transform: perspective(400px);
    }
  }
  @-webkit-keyframes Toastify__flipOut-ltr {
    0% {
      transform: perspective(400px);
    }
    30% {
      transform: perspective(400px) rotateX(-20deg);
      opacity: 1;
    }
    to {
      transform: perspective(400px) rotateX(90deg);
      opacity: 0;
    }
  }
  @-webkit-keyframes Toastify__flipOut-rtl {
    0% {
      transform: perspective(400px);
    }
    30% {
      transform: perspective(400px) rotate3d(-1, 0, 0, 20deg);
      opacity: 1;
    }
    to {
      transform: perspective(400px) rotate3d(-1, 0, 0, -90deg);
      opacity: 0;
    }
  }
  @keyframes Toastify__flipOut-ltr {
    0% {
      transform: perspective(400px);
    }
    30% {
      transform: perspective(400px) rotateX(-20deg);
      opacity: 1;
    }
    to {
      transform: perspective(400px) rotateX(90deg);
      opacity: 0;
    }
  }
  @keyframes Toastify__flipOut-rtl {
    0% {
      transform: perspective(400px);
    }
    30% {
      transform: perspective(400px) rotate3d(-1, 0, 0, 20deg);
      opacity: 1;
    }
    to {
      transform: perspective(400px) rotate3d(-1, 0, 0, -90deg);
      opacity: 0;
    }
  }
  [dir="ltr"] .Toastify__flip-enter {
    -webkit-animation-name: Toastify__flipIn-ltr;
    animation-name: Toastify__flipIn-ltr;
  }
  [dir="rtl"] .Toastify__flip-enter {
    -webkit-animation-name: Toastify__flipIn-rtl;
    animation-name: Toastify__flipIn-rtl;
  }
  [dir="ltr"] .Toastify__flip-exit {
    -webkit-animation-name: Toastify__flipOut-ltr;
    animation-name: Toastify__flipOut-ltr;
  }
  [dir="rtl"] .Toastify__flip-exit {
    -webkit-animation-name: Toastify__flipOut-rtl;
    animation-name: Toastify__flipOut-rtl;
  }
  @-webkit-keyframes Toastify__slideInRight-ltr {
    0% {
      transform: translate3d(110%, 0, 0);
      visibility: visible;
    }
    to {
      transform: translateZ(0);
    }
  }
  @-webkit-keyframes Toastify__slideInRight-rtl {
    0% {
      transform: translate3d(-110%, 0, 0);
      visibility: visible;
    }
    to {
      transform: translateZ(0);
    }
  }
  @keyframes Toastify__slideInRight-ltr {
    0% {
      transform: translate3d(110%, 0, 0);
      visibility: visible;
    }
    to {
      transform: translateZ(0);
    }
  }
  @keyframes Toastify__slideInRight-rtl {
    0% {
      transform: translate3d(-110%, 0, 0);
      visibility: visible;
    }
    to {
      transform: translateZ(0);
    }
  }
  @-webkit-keyframes Toastify__slideInLeft-ltr {
    0% {
      transform: translate3d(-110%, 0, 0);
      visibility: visible;
    }
    to {
      transform: translateZ(0);
    }
  }
  @-webkit-keyframes Toastify__slideInLeft-rtl {
    0% {
      transform: translate3d(110%, 0, 0);
      visibility: visible;
    }
    to {
      transform: translateZ(0);
    }
  }
  @keyframes Toastify__slideInLeft-ltr {
    0% {
      transform: translate3d(-110%, 0, 0);
      visibility: visible;
    }
    to {
      transform: translateZ(0);
    }
  }
  @keyframes Toastify__slideInLeft-rtl {
    0% {
      transform: translate3d(110%, 0, 0);
      visibility: visible;
    }
    to {
      transform: translateZ(0);
    }
  }
  @-webkit-keyframes Toastify__slideInUp {
    0% {
      transform: translate3d(0, 110%, 0);
      visibility: visible;
    }
    to {
      transform: translateZ(0);
    }
  }
  @keyframes Toastify__slideInUp {
    0% {
      transform: translate3d(0, 110%, 0);
      visibility: visible;
    }
    to {
      transform: translateZ(0);
    }
  }
  @-webkit-keyframes Toastify__slideInDown {
    0% {
      transform: translate3d(0, -110%, 0);
      visibility: visible;
    }
    to {
      transform: translateZ(0);
    }
  }
  @keyframes Toastify__slideInDown {
    0% {
      transform: translate3d(0, -110%, 0);
      visibility: visible;
    }
    to {
      transform: translateZ(0);
    }
  }
  @-webkit-keyframes Toastify__slideOutRight-ltr {
    0% {
      transform: translateZ(0);
    }
    to {
      visibility: hidden;
      transform: translate3d(110%, 0, 0);
    }
  }
  @-webkit-keyframes Toastify__slideOutRight-rtl {
    0% {
      transform: translateZ(0);
    }
    to {
      visibility: hidden;
      transform: translate3d(-110%, 0, 0);
    }
  }
  @keyframes Toastify__slideOutRight-ltr {
    0% {
      transform: translateZ(0);
    }
    to {
      visibility: hidden;
      transform: translate3d(110%, 0, 0);
    }
  }
  @keyframes Toastify__slideOutRight-rtl {
    0% {
      transform: translateZ(0);
    }
    to {
      visibility: hidden;
      transform: translate3d(-110%, 0, 0);
    }
  }
  @-webkit-keyframes Toastify__slideOutLeft-ltr {
    0% {
      transform: translateZ(0);
    }
    to {
      visibility: hidden;
      transform: translate3d(-110%, 0, 0);
    }
  }
  @-webkit-keyframes Toastify__slideOutLeft-rtl {
    0% {
      transform: translateZ(0);
    }
    to {
      visibility: hidden;
      transform: translate3d(110%, 0, 0);
    }
  }
  @keyframes Toastify__slideOutLeft-ltr {
    0% {
      transform: translateZ(0);
    }
    to {
      visibility: hidden;
      transform: translate3d(-110%, 0, 0);
    }
  }
  @keyframes Toastify__slideOutLeft-rtl {
    0% {
      transform: translateZ(0);
    }
    to {
      visibility: hidden;
      transform: translate3d(110%, 0, 0);
    }
  }
  @-webkit-keyframes Toastify__slideOutDown {
    0% {
      transform: translateZ(0);
    }
    to {
      visibility: hidden;
      transform: translate3d(0, 500px, 0);
    }
  }
  @keyframes Toastify__slideOutDown {
    0% {
      transform: translateZ(0);
    }
    to {
      visibility: hidden;
      transform: translate3d(0, 500px, 0);
    }
  }
  @-webkit-keyframes Toastify__slideOutUp {
    0% {
      transform: translateZ(0);
    }
    to {
      visibility: hidden;
      transform: translate3d(0, -500px, 0);
    }
  }
  @keyframes Toastify__slideOutUp {
    0% {
      transform: translateZ(0);
    }
    to {
      visibility: hidden;
      transform: translate3d(0, -500px, 0);
    }
  }
  [dir="ltr"] .Toastify__slide-enter--bottom-left,
  [dir="ltr"] .Toastify__slide-enter--top-left {
    -webkit-animation-name: Toastify__slideInLeft-ltr;
    animation-name: Toastify__slideInLeft-ltr;
  }
  [dir="rtl"] .Toastify__slide-enter--bottom-left,
  [dir="rtl"] .Toastify__slide-enter--top-left {
    -webkit-animation-name: Toastify__slideInLeft-rtl;
    animation-name: Toastify__slideInLeft-rtl;
  }
  [dir="ltr"] .Toastify__slide-enter--bottom-right,
  [dir="ltr"] .Toastify__slide-enter--top-right {
    -webkit-animation-name: Toastify__slideInRight-ltr;
    animation-name: Toastify__slideInRight-ltr;
  }
  [dir="rtl"] .Toastify__slide-enter--bottom-right,
  [dir="rtl"] .Toastify__slide-enter--top-right {
    -webkit-animation-name: Toastify__slideInRight-rtl;
    animation-name: Toastify__slideInRight-rtl;
  }
  .Toastify__slide-enter--top-center {
    -webkit-animation-name: Toastify__slideInDown;
    animation-name: Toastify__slideInDown;
  }
  .Toastify__slide-enter--bottom-center {
    -webkit-animation-name: Toastify__slideInUp;
    animation-name: Toastify__slideInUp;
  }
  [dir="ltr"] .Toastify__slide-exit--bottom-left,
  [dir="ltr"] .Toastify__slide-exit--top-left {
    -webkit-animation-name: Toastify__slideOutLeft-ltr;
    animation-name: Toastify__slideOutLeft-ltr;
  }
  [dir="rtl"] .Toastify__slide-exit--bottom-left,
  [dir="rtl"] .Toastify__slide-exit--top-left {
    -webkit-animation-name: Toastify__slideOutLeft-rtl;
    animation-name: Toastify__slideOutLeft-rtl;
  }
  [dir="ltr"] .Toastify__slide-exit--bottom-right,
  [dir="ltr"] .Toastify__slide-exit--top-right {
    -webkit-animation-name: Toastify__slideOutRight-ltr;
    animation-name: Toastify__slideOutRight-ltr;
  }
  [dir="rtl"] .Toastify__slide-exit--bottom-right,
  [dir="rtl"] .Toastify__slide-exit--top-right {
    -webkit-animation-name: Toastify__slideOutRight-rtl;
    animation-name: Toastify__slideOutRight-rtl;
  }
  .Toastify__slide-exit--top-center {
    -webkit-animation-name: Toastify__slideOutUp;
    animation-name: Toastify__slideOutUp;
  }
  .Toastify__slide-exit--bottom-center {
    -webkit-animation-name: Toastify__slideOutDown;
    animation-name: Toastify__slideOutDown;
  }
  .Toastify__toast-container--top-center .Toastify__toast-body {
    align-items: center;
    display: flex;
    font-size: var(--font-size-16);
  }
  .Toastify__toast-container--top-center .Toastify__toast-body:before {
    font-family: by-iconfont !important;
    font-size: var(--font-size-18);
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  [dir="ltr"]
    .Toastify__toast-container--top-center
    .Toastify__toast-body:before {
    margin-right: var(--size-12);
  }
  [dir="rtl"]
    .Toastify__toast-container--top-center
    .Toastify__toast-body:before {
    margin-left: var(--size-12);
  }
  .Toastify__toast-container--top-center
    .Toastify__toast--error
    .Toastify__toast-body:before {
    color: var(--f-danger-01);
    content: "\e830";
  }
  .Toastify__toast-container--top-center
    .Toastify__toast--warning
    .Toastify__toast-body:before {
    color: var(--f-warning-01);
    content: "\e83b";
  }
  .Toastify__toast-container--top-center
    .Toastify__toast--success
    .Toastify__toast-body:before {
    color: var(--f-success-01);
    content: "\e83c";
  }
  .Toastify__toast-container--bottom-right {
    width: 336px;
  }
  .by-notify__title {
    align-items: center;
    display: flex;
    margin-bottom: var(--size-12);
  }
  [dir="ltr"] .by-notify__title .iconfont.icon {
    margin-right: var(--size-12);
  }
  [dir="rtl"] .by-notify__title .iconfont.icon {
    margin-left: var(--size-12);
  }
  .Toastify__toast-icon {
    display: none;
  }
  .pnl-display-col {
    display: flex;
    align-items: center;
    line-height: 14px;
    bottom: 8px;
  }
  .pnl-display-display {
    display: flex;
    flex-direction: column;
  }
  .pnl-display-share {
    width: 14px;
    height: 14px;
    cursor: pointer;
  }
  [dir="ltr"] .pnl-display-share {
    margin-left: 8px;
  }
  [dir="rtl"] .pnl-display-share {
    margin-right: 8px;
  }
  .pnl-display-share img {
    width: 14px;
  }
  .ct-newcomer-village-right {
    width: 480px;
    height: 600px;
    padding: 24px;
    display: flex;
    flex-direction: column;
  }
  .ct-newcomer-village-right .ct-newcomer-village-right-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #121214;
    display: flex;
    justify-content: space-between;
  }
  .ct-newcomer-village-right
    .ct-newcomer-village-right-title
    .ct-newcomer-village-close {
    color: #71757a;
    font-size: 20px;
    cursor: pointer;
  }
  .ct-newcomer-village-right .ct-newcomer-village-right-context {
    margin-top: 18px;
    position: relative;
    flex: 1 1;
  }
  .ct-newcomer-village-right
    .ct-newcomer-village-right-context
    .ct-newcomer-village-rules {
    position: absolute;
    top: 18px;
    color: #81858c;
    z-index: 10;
  }
  [dir="ltr"]
    .ct-newcomer-village-right
    .ct-newcomer-village-right-context
    .ct-newcomer-village-rules {
    right: 0;
  }
  [dir="rtl"]
    .ct-newcomer-village-right
    .ct-newcomer-village-right-context
    .ct-newcomer-village-rules {
    left: 0;
  }
  .ct-newcomer-village-right
    .ct-newcomer-village-right-context
    .ct-newcomer-village-rules
    .icon-question {
    color: #81858c;
    cursor: pointer;
    z-index: 2;
  }
  [dir="ltr"]
    .ct-newcomer-village-right
    .ct-newcomer-village-right-context
    .ct-newcomer-village-rules
    .icon-question {
    margin-left: 5px;
  }
  [dir="rtl"]
    .ct-newcomer-village-right
    .ct-newcomer-village-right-context
    .ct-newcomer-village-rules
    .icon-question {
    margin-right: 5px;
  }
  .ct-newcomer-village-right .ant-tabs .ant-tabs-tab {
    font-size: 16px;
  }
  .leader-profile__avatar-box {
    width: 104px;
    height: 104px;
    position: relative;
    margin: 0 auto 16px;
  }
  .leader-profile__avatar-img {
    border-radius: 50%;
    display: block;
    width: 100%;
    height: 100%;
  }
  .leader-profile__avatar-country {
    position: absolute;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    bottom: 0;
    font-weight: 500;
    font-size: 14px;
    color: #121214;
    background-color: #fff;
    border-radius: 50%;
  }
  [dir="ltr"] .leader-profile__avatar-country {
    right: 0;
  }
  [dir="rtl"] .leader-profile__avatar-country {
    left: 0;
  }
  .leader-profile__nickname {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #121214;
    text-align: center;
  }
  .ct-newcomer-village__ab-line {
    justify-content: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #121214;
    margin-top: 8px;
  }
  .new-comer-task__progress-bar {
    width: 263px;
    margin: 48px auto 0;
    position: relative;
  }
  .new-comer-task__progress-bar .ant-progress-inner {
    padding: 4px 5px;
  }
  .new-comer-task__progress-bar-percent {
    width: 100%;
    height: 100%;
    font-weight: 600;
    font-size: 14px;
    color: #542a18;
    position: absolute;
    top: 0;
    justify-content: center;
  }
  [dir="ltr"] .new-comer-task__progress-bar-percent {
    left: 0;
  }
  [dir="rtl"] .new-comer-task__progress-bar-percent {
    right: 0;
  }
  .new-comer-task__mission-complete {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #471b11;
    opacity: 0.5;
    margin-top: 8px;
    text-align: center;
  }
  .ct-overflow-logo-dialog .by-modal__container {
    width: 440px;
    border-radius: 16px;
  }
  .ct-overflow-logo-dialog .by-modal__container .by-dialog__body {
    padding: 0;
  }
  .ct-overflow-logo-dialog .ct-overflow-logo-dialog-inside {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 24px 24px;
  }
  .ct-overflow-logo-dialog
    .ct-overflow-logo-dialog-inside
    .ct-overflow-dialog-logo {
    position: absolute;
    display: block;
  }
  .ct-overflow-logo-dialog
    .ct-overflow-logo-dialog-inside
    .ct-overflow-logo-dialog-title {
    margin-top: 64px;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #121214;
  }
  .ct-overflow-logo-dialog
    .ct-overflow-logo-dialog-inside
    .ct-overflow-logo-dialog-subTitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px;
    color: #81858c;
  }
  .ct-overflow-logo-dialog
    .ct-overflow-logo-dialog-inside
    .ct-overflow-logo-dialog-btn {
    width: 392px;
    height: 48px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #121214;
    border-radius: 8px;
    background: #f7a600;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-top: 24px;
  }
  .ct-overflow__mission-complete-img {
    width: 160px;
    top: -68px;
  }
  .ct-overflow__medal-complete-img {
    width: 164px;
    top: -77px;
  }
  .ct-task-list {
    overflow: scroll;
    width: 440px;
    height: 460px;
  }
  .ct-task-list .ct-task-list-item {
    width: 432px;
    padding: 24px;
    border: 1px solid #f3f5f7;
    border-radius: 12px;
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .ct-task-list .ct-task-list-item:not(:first-child) {
    margin-top: 16px;
  }
  .ct-task-list .ct-task-list-item .ct-task-list-item-left {
    display: flex;
    align-items: center;
  }
  [dir="ltr"] .ct-task-list .ct-task-list-item .ct-task-list-item-left {
    padding-right: 20px;
  }
  [dir="rtl"] .ct-task-list .ct-task-list-item .ct-task-list-item-left {
    padding-left: 20px;
  }
  .ct-task-list
    .ct-task-list-item
    .ct-task-list-item-left
    .ct-task-list-title-box {
    display: flex;
    flex-direction: column;
  }
  [dir="ltr"]
    .ct-task-list
    .ct-task-list-item
    .ct-task-list-item-left
    .ct-task-list-title-box {
    margin-left: 12px;
  }
  [dir="rtl"]
    .ct-task-list
    .ct-task-list-item
    .ct-task-list-item-left
    .ct-task-list-title-box {
    margin-right: 12px;
  }
  .ct-task-list
    .ct-task-list-item
    .ct-task-list-item-left
    .ct-task-list-title-box
    .ct-task-list-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #121214;
  }
  .ct-task-list
    .ct-task-list-item
    .ct-task-list-item-left
    .ct-task-list-title-box
    .ct-task-list-sub-title {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #81858c;
    margin-top: 2px;
  }
  .ct-task-list
    .ct-task-list-item
    .ct-task-list-item-left
    .ct-task-list-item-left-icon {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .ct-task-list .ct-task-list-item .ct-task-list-item-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .ct-task-list
    .ct-task-list-item
    .ct-task-list-item-right
    .ct-task-list-item-right-btn {
    height: 32px;
    width: 96px;
    border-radius: 4px;
    padding: 0 3px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: flex-end;
    text-align: center;
  }
  .ct-task-list
    .ct-task-list-item
    .ct-task-list-item-right
    .ct-task-list-item-right-text {
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #81858c;
    margin-top: 2px;
  }
  .ct-task-list-item-right .ct-task-list-item__right-btn--MISSION_STATUS_FINISH {
    background: #f3f5f7;
    color: #adb1b8;
    cursor: not-allowed;
  }
  .ct-task-list-item__right-btn--MISSION_STATUS_WAIT_CONFIRMED {
    background: #f7a600;
    border: 1px solid #f7a600;
    color: #121214;
  }
  .ct-task-list-item__right-btn--MISSION_STATUS_IN_PROCESS,
  .ct-task-list-item__right-btn--MISSION_STATUS_NOT_START_UNSPECIFIED {
    border: 1px solid #f7a600;
    color: #f7a600;
  }
  .ct-new__task-list--empty {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .ct-task-item__icon-img {
    border-radius: 50%;
    display: block;
    width: 100%;
    height: 100%;
  }
  .ct-new__task-empty-title {
    font-size: 14px;
    line-height: 22px;
    color: #adb1b8;
    margin-top: 8px;
  }
  .ct-new__task-list-empty-img {
    width: 128px;
    height: 96px;
  }
  .ct-newcomer-village .by-modal__container {
    width: 856px;
    height: 600px;
  }
  .ct-newcomer-village .by-modal__container .by-dialog__body {
    padding: 0;
  }
  .ct-newcomer-village .ct-newcomer-village-inside {
    width: 856px;
    height: 600px;
    display: flex;
  }
  .ct-newcomer-village .ct-newcomer-village-left {
    width: 376px;
    height: 600px;
    overflow: hidden;
  }
  [dir="ltr"] .ct-newcomer-village .ct-newcomer-village-left {
    background: linear-gradient(111.39deg, #ffe1a3 21.86%, #ffcb66 59.16%);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  [dir="rtl"] .ct-newcomer-village .ct-newcomer-village-left {
    background: linear-gradient(-111.39deg, #ffe1a3 21.86%, #ffcb66 59.16%);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .ct-newcomer-village .ct-newcomer-village-left .ct-newcomer-village-left-top {
    height: 447px;
    width: 376px;
    position: relative;
  }
  .ct-newcomer-village
    .ct-newcomer-village-left
    .ct-newcomer-village-left-top
    .ct-newcomer-village-header-img {
    width: 376px;
    position: absolute;
    top: 0;
  }
  [dir="ltr"]
    .ct-newcomer-village
    .ct-newcomer-village-left
    .ct-newcomer-village-left-top
    .ct-newcomer-village-header-img {
    left: 0;
  }
  [dir="rtl"]
    .ct-newcomer-village
    .ct-newcomer-village-left
    .ct-newcomer-village-left-top
    .ct-newcomer-village-header-img {
    right: 0;
  }
  .ct-newcomer-village
    .ct-newcomer-village-left
    .ct-newcomer-village-left-bottom {
    width: 375px;
    height: 153px;
    background: hsla(0, 0%, 100%, 0.31);
    position: relative;
    padding: 16px 24px 26px;
  }
  .ct-newcomer-village
    .ct-newcomer-village-left
    .ct-newcomer-village-left-bottom
    .ct-newcomer-village-left-bottom-img {
    position: absolute;
    width: 96.56px;
    height: 103px;
    bottom: 0;
  }
  [dir="ltr"]
    .ct-newcomer-village
    .ct-newcomer-village-left
    .ct-newcomer-village-left-bottom
    .ct-newcomer-village-left-bottom-img {
    right: 11px;
  }
  [dir="rtl"]
    .ct-newcomer-village
    .ct-newcomer-village-left
    .ct-newcomer-village-left-bottom
    .ct-newcomer-village-left-bottom-img {
    left: 11px;
  }
  .ct-newcomer-village
    .ct-newcomer-village-left
    .ct-newcomer-village-left-bottom
    .ct-newcomer-village-left-bottom-text-box {
    width: 273px;
    height: 112px;
  }
  .ct-newcomer-village
    .ct-newcomer-village-left
    .ct-newcomer-village-left-bottom
    .ct-newcomer-village-left-bottom-text-box
    .ct-newcomer-village-left-bottom-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #121214;
  }
  .ct-newcomer-village
    .ct-newcomer-village-left
    .ct-newcomer-village-left-bottom
    .ct-newcomer-village-left-bottom-text-box
    .ct-newcomer-village-left-bottom-subtitle {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #81858c;
    margin-top: 4px;
  }
  .ct-newcomer-village
    .ct-newcomer-village-left
    .ct-newcomer-village-left-bottom
    .ct-newcomer-village-left-bottom-text-box
    .ct-newcomer-village-left-bottom-btn {
    padding: 0 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    background: #f7a600;
    border-radius: 60px;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    margin-top: 16px;
    cursor: pointer;
  }
  .leader-profile__avatar-empty-top {
    height: 87px;
  }
  .page-container {
    min-height: calc(100vh - 96px);
  }
  .home-app {
    min-width: 1440px;
  }
  .home-app,
  .home-app-h5 {
    background-color: #f5f7fa;
  }
  .home-app-h5 h1,
  .home-app-h5 h2,
  .home-app-h5 h3,
  .home-app-h5 h4,
  .home-app-h5 h5,
  .home-app-h5 h6,
  .home-app-h5 p,
  .home-app h1,
  .home-app h2,
  .home-app h3,
  .home-app h4,
  .home-app h5,
  .home-app h6,
  .home-app p {
    margin-bottom: 0;
  }
  .copy-trade-footer,
  .copy-trade-header {
    min-width: 1440px;
  }
  @media screen and (min-width: 721px) {
    .copy-trade-footer-h5,
    .copy-trade-header-h5,
    .home-app-h5 {
      min-width: 1440px;
    }
    .ct-h5-display {
      display: none;
    }
    .ct-web-display {
      display: block;
    }
  }
  @media screen and (max-width: 720px) {
    .ct-h5-display {
      display: block;
    }
    .ct-web-display {
      display: none;
    }
    .copy-trade-header-h5 {
      min-width: auto;
      width: 100vw;
    }
    .copy-trade-footer-h5 {
      display: none;
    }
    .home-app-h5 {
      background-color: #fff;
    }
  }
  .leader-grade_level-icon {
    display: block;
  }
  .leader-grade_level-icon.leader-grade_level-icon--x-large {
    width: 40px;
    height: 40px;
  }
  .leader-grade_level-icon.leader-grade_level-icon--large {
    width: 24px;
    height: 24px;
  }
  .leader-grade_level-icon.leader-grade_level-icon--middle {
    width: 20px;
    height: 20px;
  }
  .leader-grade_level-icon.leader-grade_level-icon--mini {
    width: 18px;
    height: 18px;
  }
  .leader-grade_level-icon.leader-grade_level-icon--small {
    width: 14px;
    height: 14px;
  }
  .leader-grade__level-tp-wrap .ant-tooltip-inner {
    padding: 16px;
  }
  .leader-grade__level-tp-box {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #121214;
  }
  .leader-grade__level-tp-exp {
    font-size: 16px;
    line-height: 24px;
  }
  .leader-grade__level-tp-cont {
    margin-top: 4px;
  }
  .leader-grade__level-tp-last-cont {
    font-weight: 400;
    margin-top: 4px;
    color: #81858c;
  }
  .leader-grade__level-tp-jump {
    color: #f7a600;
  }
  [dir="ltr"] .leader-grade__level-tp-jump {
    margin-left: 4px;
  }
  [dir="rtl"] .leader-grade__level-tp-jump {
    margin-right: 4px;
  }
  .leader-grade__level-tp-time {
    color: #81858c;
  }
  .leader-grade__level-tp-wrap.ant-tooltip {
    max-width: 288px;
  }
  .ct-third-app__strategy-name {
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    flex-shrink: 0;
  }
  [dir="ltr"] .ct-third-app__strategy-name {
    margin-left: 2px;
  }
  [dir="rtl"] .ct-third-app__strategy-name {
    margin-right: 2px;
  }
  .third-app__strategy-icon {
    width: 16px;
    height: 16px;
    display: block;
  }
  .third-app__strategy-cont {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #121214;
  }
  .ld-third__profile-modal {
    flex-shrink: 0;
  }
  .ld-third__profile-modal .ct-third-app__strategy-name {
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    font-weight: 600;
  }
  [dir="ltr"] .ld-third__profile-modal .ct-third-app__strategy-name {
    padding: 0 12px 0 0;
  }
  [dir="rtl"] .ld-third__profile-modal .ct-third-app__strategy-name {
    padding: 0 0 0 12px;
  }
  .ld-third__ld-center-modal .ct-third-app__strategy-name {
    font-size: 12px;
    line-height: 18px;
    color: #121214;
    font-weight: 600;
  }
  [dir="ltr"] .ld-third__ld-center-modal .ct-third-app__strategy-name {
    padding: 0 12px 0 4px;
  }
  [dir="rtl"] .ld-third__ld-center-modal .ct-third-app__strategy-name {
    padding: 0 4px 0 12px;
  }
  .ld-third__fol-set-dialog {
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    font-weight: 600;
  }
  .no-max-width.ant-tooltip {
    max-width: none;
  }
  .leader-grade_level-name-box {
    display: flex;
    align-items: center;
  }
  .leader-grade_level-name-box .leader-grade_level-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  [dir="ltr"] .leader-grade_level-name-box .leader-grade_level-name {
    margin-right: 4px;
  }
  [dir="rtl"] .leader-grade_level-name-box .leader-grade_level-name {
    margin-left: 4px;
  }
  .round-avatar {
    position: relative;
    display: inline-block;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    border-radius: 50%;
  }
  .round-avatar > img {
    vertical-align: middle;
    border: 0;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .ld-tags__box {
    border-radius: 4px;
  }
  .ld-tag--size-normal {
    font-size: 12px;
    line-height: 16px;
    padding: 2px 4px;
  }
  .ld-tag--size-small {
    font-size: 10px;
    line-height: 16px;
    padding: 0 4px;
  }
  .ld-tag--negative {
    color: #9d5254;
    background: rgba(198, 109, 111, 0.16);
  }
  .ld-tag--neutral {
    color: #6c8bb8;
    background: rgba(92, 135, 199, 0.16);
  }
  .ld-tag--positive {
    color: #3ead5d;
    background: rgba(119, 186, 118, 0.14);
  }
  .ld-tag__tool-tip {
    padding: 12px 16px;
  }
  .ld-tag__tool-tip.ant-tooltip {
    max-width: 400px;
  }
  .ld-tag__hover-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #121214;
    word-break: break-all;
  }
  .ld-tag__hover-desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #81858c;
    margin-top: 2px;
    word-break: break-all;
  }
  .ld-tag__hover-right {
    flex-shrink: 0;
  }
  [dir="ltr"] .ld-tag__hover-right {
    margin-left: 38px;
  }
  [dir="rtl"] .ld-tag__hover-right {
    margin-right: 38px;
  }
  .ld-tag__hover-img {
    width: 24px;
    height: 24px;
    border-radius: 50px;
  }
  [dir="ltr"] .ld-tag__hover-img {
    margin-left: 4px;
  }
  [dir="rtl"] .ld-tag__hover-img {
    margin-right: 4px;
  }
  .trader-user {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
  }
  [dir="ltr"] .trader-user__desc {
    margin-left: 12px;
  }
  [dir="rtl"] .trader-user__desc {
    margin-right: 12px;
  }
  .trader-user__isFollowed {
    width: 57px;
    height: 18px;
    display: inline-block;
    text-align: center;
    background: rgba(247, 166, 0, 0.1);
    border-radius: 4px;
    color: #f7a600;
    font-size: 12px;
    line-height: 18px;
  }
  [dir="ltr"] .trader-user__isFollowed {
    margin-left: 4px;
  }
  [dir="rtl"] .trader-user__isFollowed {
    margin-right: 4px;
  }
  .trader-user__nickname {
    max-width: 207px;
    height: 20px;
    overflow: hidden;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 20px;
  }
  .trade-user__country-code {
    font-size: 20px;
    height: 32px;
    width: 32px;
    font-weight: 600;
    transform: scale(0.5);
    border-radius: 50%;
    position: absolute;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -8px;
  }
  [dir="ltr"] .trade-user__country-code {
    left: 24px;
  }
  [dir="rtl"] .trade-user__country-code {
    right: 24px;
  }
  .trader-user__slogan {
    height: 14px;
    margin-top: 3px;
    color: #999;
    line-height: 14px;
  }
  .trader-user__keyWord,
  .trader-user__slogan {
    max-width: 520px;
    overflow: hidden;
    font-weight: 400;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .trader-user__keyWord {
    color: #81858c;
    line-height: 18px;
    margin-top: 8px;
  }
  .trader-user__editBox {
    color: #999;
    display: inline-block;
    cursor: pointer;
  }
  [dir="ltr"] .trader-user__editBox {
    margin-left: 9px;
  }
  [dir="rtl"] .trader-user__editBox {
    margin-right: 9px;
  }
  .trader-user__edit {
    font-size: 10px;
  }
  .trader-user__editText {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
  }
  .trader-leader__tags-container {
    height: 18px;
    margin-top: 8px;
    overflow: hidden;
  }
  .trader-leader__tags-item {
    display: inline-block;
    max-width: 220px;
  }
  [dir="ltr"] .trader-leader__tags-item {
    margin-left: 8px;
  }
  [dir="rtl"] .trader-leader__tags-item {
    margin-right: 8px;
  }
  [dir="ltr"] .trader-leader__tags-item:first-child {
    margin-left: 0;
  }
  [dir="rtl"] .trader-leader__tags-item:first-child {
    margin-right: 0;
  }
  .by-button.trader-follow-btn {
    width: 100%;
    text-align: center;
    white-space: nowrap;
    display: flex;
  }
  .by-button.trader-follow-btn .by-button__content {
    word-break: break-word;
    height: 40px;
    display: flex;
    white-space: normal;
    line-height: 1;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-weight: 600;
    font-size: 16px;
    color: #121214;
  }
  .by-button.trader-follow-btn .trader-follow-btn__fire-icon {
    display: inline-block;
    width: 14px;
    height: 18px;
    background: url(/copyTrade/static/media/fire-icon.90337b6f.svg) no-repeat;
    background-size: 100% 100%;
  }
  [dir="ltr"] .by-button.trader-follow-btn .trader-follow-btn__fire-icon {
    margin-right: 6px;
  }
  [dir="rtl"] .by-button.trader-follow-btn .trader-follow-btn__fire-icon {
    margin-left: 6px;
  }
  .by-button.trader-follow-btn.primary.by-button--contained.by-button--primary.by-button--disabled {
    color: #999;
    background-color: #dbdbdb;
  }
  .by-button.trader-follow-btn.full,
  .by-button.trader-follow-btn.fullVip {
    width: 100%;
    height: 40px;
    border-radius: 4px;
  }
  [dir="ltr"] .by-button.trader-follow-btn.full,
  [dir="ltr"] .by-button.trader-follow-btn.fullVip {
    background: linear-gradient(90deg, #f90 33.33%, #ff6a59);
  }
  [dir="rtl"] .by-button.trader-follow-btn.full,
  [dir="rtl"] .by-button.trader-follow-btn.fullVip {
    background: linear-gradient(-90deg, #f90 33.33%, #ff6a59);
  }
  .by-button.trader-follow-btn.full .by-button__content,
  .by-button.trader-follow-btn.fullVip .by-button__content {
    transition: all 0.3s;
    color: #fff;
    width: 100%;
  }
  .by-button.trader-follow-btn.fullVip:hover {
    background: linear-gradient(0, #f7a600, #f7a600);
  }
  .by-button.trader-follow-btn.fullVip:hover .by-button__content {
    transition: all 0.3s;
    color: #121212;
  }
  .by-button.trader-follow-btn .trader-follow-btn__normal {
    display: flex;
    align-items: baseline;
  }
  .by-button.trader-follow-btn.followed,
  .by-button.trader-follow-btn.view {
    width: 100%;
    background: #fff;
    border: 1px solid var(--bds-brand-700-normal);
    align-items: center;
  }
  .by-button.trader-follow-btn.followed .by-button__content,
  .by-button.trader-follow-btn.view .by-button__content {
    color: var(--bds-brand-700-normal);
    width: 100%;
  }
  .by-button.trader-follow-btn.followed:hover,
  .by-button.trader-follow-btn.view:hover {
    background: #fff;
    border: 1px solid var(--bds-brand-600-hover);
  }
  .by-button.trader-follow-btn.followed:hover .by-button__content,
  .by-button.trader-follow-btn.view:hover .by-button__content {
    color: var(--bds-brand-600-hover);
  }
  .by-button.trader-follow-btn.locked {
    background: #be8612;
    position: relative;
  }
  .by-button.trader-follow-btn.locked:before {
    content: "";
    width: 13px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAyCAYAAAAus5mQAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHrSURBVHgB7ZmLbYMwEIaPqgOkG5AJmg1CJ2i6Ad2ADcIGyQbpBu0GoRMknYBsEDa43tVEipLDAZ+xiMonnQDjO//CbwMwoiMCBYg4o8srWUIW18ZUZHuyb7KPKIoOEBIWRrbF9nDeGEJABS3RnSX0CRWwQT0b6AMKvEJ/rMAnFDC1FFaSZXjWxtC00bR+10QKPuCCLQWtW/jnDb5Hsgloweavl3eIkWtj2IKXQuDODZ18PoU4O9CApnolYuiIa6yHG3FnQlrhMjPUPoXwKrH5uQj8AXckX2tHuSVQogJ3JF/vAoMyCtQyeIGPUiKNTQmYHjwXXs8VM0BTvIyuexqKCqs3ZVygfYLvmxKbFhGoW4j6ZjlkcSe42iFCMxeWMEym3Ema9gkFmF1ZCJ7JFkJ6xtW7Ez5vDoGhMteCjpKrGIX8T9TlNXOui0Cek4+X6aJAEqfa0LsiabnPmcSFuorS+vHL23GHNABBR/B651eiw45N0uKrinmIiM+e+T4FD/gSOGmZ1plxPahlFKhlFKjl3wgshLQ9+MDHVFfH4TPAY20ZOCBpGZdbWu5C4NXSHs3JQlDQ/Fa7pOIXW6Ftlg0OfYlLUD7R2HInSSlPP39/9Lz/9VY0p+3BvlhLDjSYTE+d5I0TYDgcyF745hdCqgaxBtl5FQAAAABJRU5ErkJggg==)
      50% no-repeat;
    background-size: 13px 14px;
    position: absolute;
    top: 50%;
  }
  [dir="ltr"] .by-button.trader-follow-btn.locked:before {
    left: 50%;
    transform: translate(-50%, -50%);
  }
  [dir="rtl"] .by-button.trader-follow-btn.locked:before {
    right: 50%;
    transform: translate(50%, -50%);
  }
  .by-button.trader-follow-btn .trader-follow-btn__vip-pass {
    font-weight: 400;
    font-size: 12px;
  }
  [dir="ltr"] .by-button.trader-follow-btn .trader-follow-btn__vip-pass {
    margin-left: 4px;
  }
  [dir="rtl"] .by-button.trader-follow-btn .trader-follow-btn__vip-pass {
    margin-right: 4px;
  }
  .by-button.trader-follow-btn .trader-follow-btn__vip-hover {
    display: flex;
    flex-direction: column;
  }
  .by-button.trader-follow-btn-list {
    width: unset !important;
    min-width: 110px;
    height: 32px !important;
    background: #f7a600;
    padding: 0;
  }
  [dir="ltr"] .by-button.trader-follow-btn-list {
    margin-left: 12px;
  }
  [dir="rtl"] .by-button.trader-follow-btn-list {
    margin-right: 12px;
  }
  .by-button.trader-follow-btn-list .by-button__content {
    height: 32px;
    font-weight: 600;
    font-size: 12px;
  }
  .by-button.trader-follow-btn-list .trader-follow-btn__fire-icon {
    display: inline-block;
    width: 9px;
    height: 12px;
    background: url(/copyTrade/static/media/fire-icon.90337b6f.svg) no-repeat;
    background-size: 100% 100%;
  }
  [dir="ltr"] .by-button.trader-follow-btn-list .trader-follow-btn__fire-icon {
    margin-right: 4px;
  }
  [dir="rtl"] .by-button.trader-follow-btn-list .trader-follow-btn__fire-icon {
    margin-left: 4px;
  }
  .by-button.trader-follow-btn-list.full,
  .by-button.trader-follow-btn-list.view {
    height: 32px;
  }
  .by-button.trader-follow-btn-list.trader-follow-lock {
    background: #be8612;
    position: relative;
  }
  .by-button.trader-follow-btn-list.trader-follow-lock:before {
    content: "";
    width: 13px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAyCAYAAAAus5mQAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHrSURBVHgB7ZmLbYMwEIaPqgOkG5AJmg1CJ2i6Ad2ADcIGyQbpBu0GoRMknYBsEDa43tVEipLDAZ+xiMonnQDjO//CbwMwoiMCBYg4o8srWUIW18ZUZHuyb7KPKIoOEBIWRrbF9nDeGEJABS3RnSX0CRWwQT0b6AMKvEJ/rMAnFDC1FFaSZXjWxtC00bR+10QKPuCCLQWtW/jnDb5Hsgloweavl3eIkWtj2IKXQuDODZ18PoU4O9CApnolYuiIa6yHG3FnQlrhMjPUPoXwKrH5uQj8AXckX2tHuSVQogJ3JF/vAoMyCtQyeIGPUiKNTQmYHjwXXs8VM0BTvIyuexqKCqs3ZVygfYLvmxKbFhGoW4j6ZjlkcSe42iFCMxeWMEym3Ema9gkFmF1ZCJ7JFkJ6xtW7Ez5vDoGhMteCjpKrGIX8T9TlNXOui0Cek4+X6aJAEqfa0LsiabnPmcSFuorS+vHL23GHNABBR/B651eiw45N0uKrinmIiM+e+T4FD/gSOGmZ1plxPahlFKhlFKjl3wgshLQ9+MDHVFfH4TPAY20ZOCBpGZdbWu5C4NXSHs3JQlDQ/Fa7pOIXW6Ftlg0OfYlLUD7R2HInSSlPP39/9Lz/9VY0p+3BvlhLDjSYTE+d5I0TYDgcyF745hdCqgaxBtl5FQAAAABJRU5ErkJggg==)
      50% no-repeat;
    background-size: 13px 14px;
    position: absolute;
    top: 50%;
  }
  [dir="ltr"] .by-button.trader-follow-btn-list.trader-follow-lock:before {
    left: 50%;
    transform: translate(-50%, -50%);
  }
  [dir="rtl"] .by-button.trader-follow-btn-list.trader-follow-lock:before {
    right: 50%;
    transform: translate(50%, -50%);
  }
  .by-button.trader-follow-btn-list .trader-follow-btn__vip-pass {
    font-weight: 400;
    margin-top: 2px;
    font-size: 10px;
    max-width: 106px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .by-button.trader-follow-btn-list:hover {
    background: var(--bds-brand-600-hover);
  }
  .trader-follow-btn-container {
    width: calc(100% - 48px);
    display: inline-block;
  }
  [dir="ltr"] .trader-follow-btn-container {
    margin-left: 24px;
  }
  [dir="rtl"] .trader-follow-btn-container {
    margin-right: 24px;
  }
  .trader-follow-btn-container .fullVip {
    width: 100%;
  }
  [dir="ltr"] .trader-follow-btn-container .fullVip {
    margin-left: 0;
  }
  [dir="rtl"] .trader-follow-btn-container .fullVip {
    margin-right: 0;
  }
  @media screen and (max-width: 720px) {
    .by-button.trader-follow-btn-list {
      width: 62px !important;
      min-width: auto;
      padding: 0 8px;
    }
    .by-button.trader-follow-btn-list
      .by-button.trader-follow-btn.full
      .by-button__content {
      height: 28px !important;
    }
    .by-button.trader-follow-btn.full .by-button__content,
    .by-button.trader-follow-btn.fullVip .by-button__content {
      white-space: nowrap;
    }
  }
  .trader-list__Item {
    padding: 20px 0;
    /* background-color: #fff; */
    cursor: pointer;
    border-bottom: 0.5px solid #f3f5f7;
  }
  [dir="ltr"] .trader-list__Item:nth-child(3n + 3) {
    margin-right: 0;
  }
  [dir="rtl"] .trader-list__Item:nth-child(3n + 3) {
    margin-left: 0;
  }
  .trader-list__Item.card-trader {
    height: 212px;
  }
  .trader-list__Item.card-follower {
    height: 85px;
    width: 100%;
  }
  .trader-list__Item:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
  }
  .trader-list__Item .trader-list__Item-stableScoreLevel {
    display: flex;
  }
  .trader-list__Item .trader-list__Item-line {
    flex: 1 1;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    word-wrap: break-word;
    color: #fff;
  }
  [dir="ltr"] .trader-list__Item .trader-list__Item-line {
    margin-right: 12px;
  }
  [dir="rtl"] .trader-list__Item .trader-list__Item-line {
    margin-left: 12px;
  }
  [dir="ltr"] .trader-list__Item .trader-list__Item-line:nth-last-child(2) {
    margin-right: 16px;
  }
  [dir="rtl"] .trader-list__Item .trader-list__Item-line:nth-last-child(2) {
    margin-left: 16px;
  }
  .trader-list__Item .trader-list__Item-line.trader-list__Item-line-green {
    color: #24ae64;
  }
  .trader-list__Item .trader-list__Item-line.trader-list__Item-line-leader {
    width: 160px;
  }
  [dir="ltr"] .trader-list__Item .trader-follow-btn {
    margin-left: 0;
  }
  [dir="rtl"] .trader-list__Item .trader-follow-btn {
    margin-right: 0;
  }
  .trader-list__Item .trader-list__Item-user {
    flex: 0 0 280px;
  }
  [dir="ltr"] .trader-list__Item .trader-list__Item-user {
    margin-right: 16px;
  }
  [dir="rtl"] .trader-list__Item .trader-list__Item-user {
    margin-left: 16px;
  }
  .trader-list__Item .trader-list__Item-context {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .trader-list__Item .trader-list__Item-context .trader-list__list-btn {
    width: 90px;
    height: 36px;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 36px;
    border-radius: 4px;
    text-align: center;
    white-space: nowrap;
  }
  [dir="ltr"]
    .trader-list__Item
    .trader-list__Item-context
    .trader-list__list-btn {
    margin-left: 16px;
  }
  [dir="rtl"]
    .trader-list__Item
    .trader-list__Item-context
    .trader-list__list-btn {
    margin-right: 16px;
  }
  .trader-list__Item
    .trader-list__Item-context
    .trader-list__list-btn
    .by-button__content {
    word-break: break-word;
    height: 36px;
    display: flex;
    white-space: normal;
    line-height: 1;
    align-items: center;
    justify-content: center;
    width: 80px;
  }
  .trader-list__Item
    .trader-list__Item-context
    .trader-list__list-btn.primary.by-button--contained.by-button--primary.by-button--disabled {
    color: #999;
    background-color: #dbdbdb;
  }
  .trader-list__Item .trader-list__Item-context .trader-list__list-btn.disabled {
    color: #999;
    background-color: #dbdbdb;
    cursor: not-allowed;
  }
  @media screen and (max-width: 720px) {
    .trader-list__Item-line {
      display: none;
    }
    .trader-list__Item .trader-list__Item-context {
      justify-content: space-between;
    }
  }
  .trader-list__header {
    display: flex;
    background: #fff;
    font-size: 14px;
    line-height: 18px;
    color: #666;
    align-items: center;
    padding: 12px 0;
    margin-top: 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom: 0.5px solid #f3f5f7;
    width: 100%;
  }
  .trader-list__header .trader-list__header-name {
    flex: 0 0 280px;
    overflow: hidden;
    word-wrap: break-word;
  }
  [dir="ltr"] .trader-list__header .trader-list__header-name {
    margin-right: 16px;
  }
  [dir="rtl"] .trader-list__header .trader-list__header-name {
    margin-left: 16px;
  }
  .trader-list__header .trader-list__header-name.trader-list__header-name-leader {
    width: 240px;
  }
  [dir="ltr"]
    .trader-list__header
    .trader-list__header-name.trader-list__header-name-leader {
    margin-right: 9.8px;
  }
  [dir="rtl"]
    .trader-list__header
    .trader-list__header-name.trader-list__header-name-leader {
    margin-left: 9.8px;
  }
  .trader-list__header .trader-list__header-line {
    flex: 1 1;
    overflow: hidden;
    word-wrap: break-word;
    display: flex;
    align-items: center;
  }
  [dir="ltr"] .trader-list__header .trader-list__header-line {
    margin-right: 12px;
  }
  [dir="rtl"] .trader-list__header .trader-list__header-line {
    margin-left: 12px;
  }
  [dir="ltr"] .trader-list__header .trader-list__header-line:nth-last-child(2) {
    margin-right: 16px;
  }
  [dir="rtl"] .trader-list__header .trader-list__header-line:nth-last-child(2) {
    margin-left: 16px;
  }
  .trader-list__header .trader-list__header-line.trader-list__header-line-leader {
    width: 160px;
  }
  .trader-list__header
    .trader-list__header-line.trader-list__header-line-leader-count {
    width: 130px;
    margin: 0 9.8px;
  }
  [dir="ltr"]
    .trader-list__header
    .trader-list__header-line.trader-list__header-line-leader-count {
    text-align: right;
  }
  [dir="rtl"]
    .trader-list__header
    .trader-list__header-line.trader-list__header-line-leader-count {
    text-align: left;
  }
  .trader-list__header .trader-list__header-setting {
    flex: 0 0 110px;
    justify-content: center;
    display: flex;
  }
  .trader-list__header .trader-list__header-line-fliter-box {
    display: flex;
    flex-direction: column;
    max-width: 13px;
  }
  [dir="ltr"] .trader-list__header .trader-list__header-line-fliter-box {
    margin-left: 3px;
  }
  [dir="rtl"] .trader-list__header .trader-list__header-line-fliter-box {
    margin-right: 3px;
  }
  .trader-list__header
    .trader-list__header-line-fliter-box
    .trader-list__header-line-fliter {
    color: #d5dae0;
    font-size: 13px;
  }
  .trader-list__header
    .trader-list__header-line-fliter-box
    .trader-list__header-line-fliter-down {
    margin-top: -3px;
  }
  .trader-list__header
    .trader-list__header-line-fliter-box
    .trader-list__header-line-fliter-active {
    color: #f7a600;
  }
  .trader-list__header .trader-list__header-pointer-box {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #000;
    /* font-size: 12px; */
  }
  .trader-list__header .trader-list__header-pointer-box-text {
    word-break: break-word;
  }
  .recommend-list-skeleton-list {
    display: flex;
  }
  .rcs-module {
    width: 100%;
    background: #f3f5f7;
    background-size: 400% 100%;
  }
  [dir="ltr"] .rcs-module {
    background-position: 100% 50%;
    background-image: linear-gradient(
      90deg,
      #e9edf2 25%,
      #f3f5f7 37%,
      #e9edf2 63%
    );
    -webkit-animation: skeleton-loading-ltr 1.4s ease infinite;
    animation: skeleton-loading-ltr 1.4s ease infinite;
  }
  [dir="rtl"] .rcs-module {
    background-position: 0 50%;
    background-image: linear-gradient(
      -90deg,
      #e9edf2 25%,
      #f3f5f7 37%,
      #e9edf2 63%
    );
    -webkit-animation: skeleton-loading-rtl 1.4s ease infinite;
    animation: skeleton-loading-rtl 1.4s ease infinite;
  }
  @-webkit-keyframes skeleton-loading-ltr {
    0% {
      background-position: 100% 50%;
    }
    to {
      background-position: 0 50%;
    }
  }
  @-webkit-keyframes skeleton-loading-rtl {
    0% {
      background-position: 0 50%;
    }
    to {
      background-position: 100% 50%;
    }
  }
  @keyframes skeleton-loading-ltr {
    0% {
      background-position: 100% 50%;
    }
    to {
      background-position: 0 50%;
    }
  }
  @keyframes skeleton-loading-rtl {
    0% {
      background-position: 0 50%;
    }
    to {
      background-position: 100% 50%;
    }
  }
  .recommend-card-skeleton {
    width: 320px;
    height: 360px;
    padding: 38px 24px 0;
    box-sizing: border-box;
    border-radius: 8px;
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.05);
    background: #fff;
  }
  [dir="ltr"] .recommend-card-skeleton {
    margin-right: 24px;
  }
  [dir="rtl"] .recommend-card-skeleton {
    margin-left: 24px;
  }
  .recommend-card-skeleton.small {
    width: 282px;
    height: 318px;
  }
  .recommend-card-skeleton.small .rcs-t-l {
    width: 62px;
    height: 62px;
    padding: 24px;
    border-radius: 50%;
  }
  .recommend-card-skeleton.half {
    width: 168px;
    overflow: hidden;
  }
  [dir="ltr"] .recommend-card-skeleton.half {
    margin-right: 0;
  }
  [dir="rtl"] .recommend-card-skeleton.half {
    margin-left: 0;
  }
  .recommend-card-skeleton.half .rcs-t-l {
    min-width: 90px;
  }
  .recommend-card-skeleton .recommend-card-skeleton-t {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
  }
  .recommend-card-skeleton .rcs-t-l {
    width: 90px;
    height: 90px;
    border-radius: 8px;
  }
  [dir="ltr"] .recommend-card-skeleton .rcs-t-l {
    margin-right: 10px;
  }
  [dir="rtl"] .recommend-card-skeleton .rcs-t-l {
    margin-left: 10px;
  }
  .recommend-card-skeleton .rcs-t-r-t {
    height: 28px;
    width: 90px;
    border-radius: 4px;
    margin-bottom: 4px;
  }
  .recommend-card-skeleton .rsc-b-1 {
    width: 100%;
    height: 48px;
    margin-bottom: 10px;
    border-radius: 4px;
  }
  .recommend-card-skeleton .rsc-b-2 {
    width: 187px;
    height: 22px;
    margin-bottom: 4px;
    border-radius: 4px;
  }
  .recommend-card-skeleton .rsc-b-3 {
    width: 150px;
    height: 22px;
    margin-bottom: 4px;
    border-radius: 4px;
  }
  .recommend-card-skeleton .rsc-b-4 {
    width: 100%;
    height: 22px;
    border-radius: 4px;
  }
  .recommend-title-skeleton {
    width: 400px;
    height: 60px;
    border-radius: 4px;
    margin: 32px 0 26px;
  }
  .copyTrade-recommendCard {
    width: 320px;
    background: #fff;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border: 0.5px solid #f3f5f7;
    position: relative;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.05);
  }
  .copyTrade-recommendCard:hover {
    box-shadow: 0 0 32px rgba(247, 166, 0, 0.3);
  }
  [dir="ltr"]
    .recommend-top-traders__card-overflow-Traders
    .copyTrade-recommendCard:not(:first-child) {
    margin-left: 24px;
  }
  [dir="rtl"]
    .recommend-top-traders__card-overflow-Traders
    .copyTrade-recommendCard:not(:first-child) {
    margin-right: 24px;
  }
  [dir="ltr"]
    .recommend-top-traders__card-overflow-other
    .copyTrade-recommendCard:not(:first-child) {
    margin-left: 24px;
  }
  [dir="rtl"]
    .recommend-top-traders__card-overflow-other
    .copyTrade-recommendCard:not(:first-child) {
    margin-right: 24px;
  }
  .copyTrade-recommendCard-top {
    height: 124px;
    border-radius: 8px 8px 0 0;
    position: relative;
  }
  .copyTrade-recommendCard-top-banner {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
  }
  [dir="ltr"] .copyTrade-recommendCard-top-banner {
    left: 0;
  }
  [dir="rtl"] .copyTrade-recommendCard-top-banner {
    right: 0;
  }
  .copyTrade-recommendCard-top-tips {
    position: absolute;
    top: 0;
  }
  [dir="ltr"] .copyTrade-recommendCard-top-tips {
    right: 0;
  }
  [dir="rtl"] .copyTrade-recommendCard-top-tips {
    left: 0;
  }
  .copyTrade-recommendCard-top-tips {
    width: 88px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    z-index: 2;
  }
  [dir="ltr"] .copyTrade-recommendCard-top-tips {
    border-radius: 0 8px 0 24px;
  }
  [dir="rtl"] .copyTrade-recommendCard-top-tips {
    border-radius: 8px 0 24px 0;
  }
  .copyTrade-recommendCard-top-inf {
    display: flex;
  }
  .copyTrade-recommendCard-top-tips-0 {
    background: rgba(194, 137, 0, 0.3);
  }
  .copyTrade-recommendCard-top-tips-1 {
    background: #d2daea;
  }
  .copyTrade-recommendCard-top-tips-2 {
    background: #e6c29d;
  }
  .copyTrade-recommendCard-top-tips-others {
    background: #d5dae0;
  }
  .copyTrade-recommendCard-avatar-img {
    width: 80px;
    height: 80px;
    z-index: 9;
    overflow: hidden;
    margin-top: 40px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
  }
  [dir="ltr"] .copyTrade-recommendCard-avatar-img {
    margin-left: 20px;
  }
  [dir="rtl"] .copyTrade-recommendCard-avatar-img {
    margin-right: 20px;
  }
  .copyTrade-recommendCard-top-nameBox {
    margin-top: 54px;
    color: #121214;
    max-width: 184px;
    z-index: 2;
  }
  [dir="ltr"] .copyTrade-recommendCard-top-nameBox {
    margin-left: 10px;
  }
  [dir="rtl"] .copyTrade-recommendCard-top-nameBox {
    margin-right: 10px;
  }
  .copyTrade-recommendCard-top-name {
    height: 28px;
    line-height: 28px;
    font-weight: 600;
    font-size: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .copyTrade-recommendCard-top-followers {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px;
    display: flex;
  }
  .copyTrade-recommendCard-top-followers-percent {
    display: flex;
  }
  [dir="ltr"] .copyTrade-recommendCard-top-followers-percent {
    margin-left: 3.5px;
  }
  [dir="rtl"] .copyTrade-recommendCard-top-followers-percent {
    margin-right: 3.5px;
  }
  .copyTrade-recommendCard-bottom {
    padding-bottom: 24px;
  }
  .copyTrade-recommendCard-detail {
    padding: 12px 24px 16px;
  }
  .copyTrade-recommendCard-detail .share-grow-text {
    color: #24ae64;
  }
  .copyTrade-recommendCard-detail .share-decrease-text {
    color: #ef454a;
  }
  .copyTrade-recommendCard-title {
    display: flex;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #81858c;
    align-items: center;
  }
  .copyTrade-recommendCard-title:not(:first-child) {
    margin-top: 6px;
  }
  .copyTrade-recommendCard-value {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #121214;
  }
  .copyTrade-recommendCard-value.share-decrease-text,
  .copyTrade-recommendCard-value.share-grow-text {
    font-weight: 600;
  }
  .copyTrade-recommendCard-detail-item-title-wrap-title {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .copyTrade-recommendCard-title-inside {
    display: flex;
    align-items: center;
  }
  .copyTrade-recommendCard-detail-context-item {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    margin-top: 2px;
  }
  [dir="ltr"] .copyTrade-recommendCard-detail-context-item {
    text-align: right;
  }
  [dir="rtl"] .copyTrade-recommendCard-detail-context-item {
    text-align: left;
  }
  .copyTrade-recommendCard-detail-context-item.copyTrade-recommendCard-sevenday-context {
    margin-top: 11px;
  }
  .copyTrade-recommendCard-top-followers-up-icon {
    color: #20b26c;
  }
  .copyTrade-recommendCard-top-followers-down-icon {
    color: #ef454a;
  }
  [dir="ltr"] .copyTrade-recommendCard-top-followers-down-icon {
    transform: rotate(180deg);
  }
  [dir="rtl"] .copyTrade-recommendCard-top-followers-down-icon {
    transform: rotate(-180deg);
  }
  .copyTrade-recommendCard-detail-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 2px;
  }
  .copyTrade-recommendCard-title-text {
    font-size: 12px;
    line-height: 18px;
    color: #81858c;
  }
  .copyTrade-recommendCard-title-tips {
    padding: 0 4.2px;
    height: 14.4px;
    font-size: 12px;
    zoom: 0.83;
    border: 0.5px solid #adb1b8;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    color: #81858c;
  }
  [dir="ltr"] .copyTrade-recommendCard-title-tips {
    margin-left: 4px;
  }
  [dir="rtl"] .copyTrade-recommendCard-title-tips {
    margin-right: 4px;
  }
  .copyTrade-recommendCard-detail-item-title-wrap-value {
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .copyTrade-recommendCard-traders
    .copyTrade-recommendCard-detail-item-title-wrap-value {
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    margin-top: 6px;
    margin-bottom: 8px;
  }
  .copyTrade-recommendCard-detail-line {
    width: 144px;
    height: 52px;
    margin-top: 4px;
  }
  .copyTrade-recommendCard-avatar-bg {
    position: absolute;
    top: -5px;
    width: 60px;
    height: 70px;
  }
  [dir="ltr"] .copyTrade-recommendCard-avatar-bg {
    right: 0;
  }
  [dir="rtl"] .copyTrade-recommendCard-avatar-bg {
    left: 0;
  }
  .copyTrade-recommendCard-avatar-box {
    position: relative;
  }
  .copyTrade-recommendCard-avatar-box .country-text {
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 50%;
    background: #fff;
    color: #121214;
    font-weight: 600;
    font-size: 14px;
    position: absolute;
    bottom: 2px;
    z-index: 2;
    text-align: center;
  }
  [dir="ltr"] .copyTrade-recommendCard-avatar-box .country-text {
    right: 2px;
  }
  [dir="rtl"] .copyTrade-recommendCard-avatar-box .country-text {
    left: 2px;
  }
  .copyTrade-recommend-popup-card .copyTrade-recommendCard-top-inf {
    cursor: pointer;
  }
  .copyTrade-recommend-popup-card .copyTrade-recommend-card-footer {
    margin: 0 24px;
    display: flex;
    align-items: center;
    border-top: 1px solid #f3f5f7;
  }
  .copyTrade-recommend-popup-card .copyTrade-recommend-card-footer .by-button {
    color: #d6850d;
    color: var(--brand-900-text, #d6850d);
    text-align: center;
    margin: 12px 0 13px;
    height: auto;
    font-family: IBM Plex Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    flex: 1 1;
  }
  [dir="ltr"]
    .copyTrade-recommend-popup-card
    .copyTrade-recommend-card-footer
    .by-button {
    border-left: 1px solid var(--bds-gray-ele-border);
  }
  [dir="rtl"]
    .copyTrade-recommend-popup-card
    .copyTrade-recommend-card-footer
    .by-button {
    border-right: 1px solid var(--bds-gray-ele-border);
  }
  [dir="ltr"]
    .copyTrade-recommend-popup-card
    .copyTrade-recommend-card-footer
    .by-button.copyTrade-recommend-footer-first {
    border-left: none;
  }
  [dir="rtl"]
    .copyTrade-recommend-popup-card
    .copyTrade-recommend-card-footer
    .by-button.copyTrade-recommend-footer-first {
    border-right: none;
  }
  @media screen and (max-width: 720px) {
    .copyTrade-recommendCard {
      width: 343px;
      margin-bottom: 20px;
    }
    .copyTrade-recommendCard:hover {
      box-shadow: none;
    }
    .copyTrade-recommendCard .copyTrade-recommendCard-top-nameBox {
      margin-top: 62px;
    }
    div.recommend-top-traders__card-overflow {
      width: 100%;
      flex-direction: column;
      padding-bottom: 0;
    }
    [dir="ltr"] div.recommend-top-traders__card-overflow {
      margin-left: 0;
    }
    [dir="rtl"] div.recommend-top-traders__card-overflow {
      margin-right: 0;
    }
    .recommend-top-traders__card-overflow .recommend-top-traders__card-box {
      flex-direction: column;
    }
    [dir="ltr"]
      .recommend-top-traders__card-overflow-Traders
      .copyTrade-recommendCard:not(:first-child) {
      margin-left: 0;
    }
    [dir="rtl"]
      .recommend-top-traders__card-overflow-Traders
      .copyTrade-recommendCard:not(:first-child) {
      margin-right: 0;
    }
    .copyTrade-recommendCard-avatar-img {
      width: 88px;
      height: 88px;
      margin-top: 40px;
    }
    [dir="ltr"] .copyTrade-recommendCard-avatar-img {
      margin-left: 20px;
    }
    [dir="rtl"] .copyTrade-recommendCard-avatar-img {
      margin-right: 20px;
    }
    .copyTrade-recommendCard-Followers .copyTrade-recommendCard-detail {
      padding: 12px 28px 16px;
    }
    .copyTrade-recommendCard-title-text {
      font-size: 14px;
    }
    div.copyTrade-recommendCard-Followers .copyTrade-recommendCard-detail-line {
      width: 170px;
      height: 70px;
    }
  }
  .recommend-top-traders__card-flatten {
    display: flex;
    margin: 24px 0 48px;
    position: relative;
  }
  .recommend-top-traders__card-box-wrap {
    flex-flow: wrap;
  }
  .copyTrade-recommendCard-Followers {
    width: 282px;
    border-radius: 8px;
  }
  [dir="ltr"] .copyTrade-recommendCard-Followers {
    margin-left: 24px;
  }
  [dir="rtl"] .copyTrade-recommendCard-Followers {
    margin-right: 24px;
  }
  [dir="ltr"] .copyTrade-recommendCard-Followers:first-child,
  [dir="ltr"] .copyTrade-recommendCard-Followers:nth-child(5) {
    margin-left: 0;
  }
  [dir="rtl"] .copyTrade-recommendCard-Followers:first-child,
  [dir="rtl"] .copyTrade-recommendCard-Followers:nth-child(5) {
    margin-right: 0;
  }
  .copyTrade-recommendCard-Followers:nth-child(n + 5) {
    margin-top: 24px;
  }
  .copyTrade-recommendCard-Followers .copyTrade-recommendCard-top {
    background: #fff;
    background-image: unset;
    height: 88px;
  }
  .copyTrade-recommendCard-Followers .copyTrade-recommendCard-top-followers {
    color: #81858c;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-top: 6px;
  }
  .copyTrade-recommendCard-Followers .copyTrade-recommendCard-avatar-img {
    margin-top: 21px;
    width: 60px;
    height: 60px;
    box-shadow: unset;
    border-radius: 50%;
  }
  .copyTrade-recommendCard-Followers .copyTrade-recommendCard-top-nameBox {
    margin-top: 20px;
    max-width: 160px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  [dir="ltr"]
    .copyTrade-recommendCard-Followers
    .copyTrade-recommendCard-top-nameBox {
    margin-left: 8px;
  }
  [dir="rtl"]
    .copyTrade-recommendCard-Followers
    .copyTrade-recommendCard-top-nameBox {
    margin-right: 8px;
  }
  .copyTrade-recommendCard-Followers .copyTrade-recommendCard-detail {
    padding: 12px 24px 16px;
  }
  .copyTrade-recommendCard-Followers .copyTrade-recommendCard-detail-sevenday {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
  }
  .copyTrade-recommendCard-Followers .copyTrade-recommendCard-detail-line {
    width: 132px;
    height: 48px;
  }
  .copyTrade-recommendCard-Followers
    .copyTrade-recommendCard-title:not(:first-child) {
    margin-top: 6px;
  }
  .copyTrade-recommendCard-Followers .country-text {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
  }
  @media screen and (max-width: 720px) {
    .recommend-top-traders__card-flatten {
      flex-direction: column;
      align-items: center;
      margin-bottom: 0;
    }
    .copyTrade-recommendCard-Followers {
      width: 343px;
    }
    [dir="ltr"] .copyTrade-recommendCard-Followers {
      margin-left: 0;
    }
    [dir="rtl"] .copyTrade-recommendCard-Followers {
      margin-right: 0;
    }
    .copyTrade-recommendCard-Followers:nth-child(n + 5) {
      margin-top: 0;
    }
  }
  .recommend-top-traders__card-overflow {
    width: 1224px;
    padding: 26px 0 48px;
    display: flex;
    align-items: center;
    overflow-x: hidden;
  }
  [dir="ltr"] .recommend-top-traders__card-overflow {
    margin-left: -24px;
  }
  [dir="rtl"] .recommend-top-traders__card-overflow {
    margin-right: -24px;
  }
  .recommend-top-traders__card-overflow .recommend-top-traders__card-box {
    display: flex;
    transition: all 0.35s linear;
  }
  [dir="ltr"]
    .recommend-top-traders__card-overflow
    .recommend-top-traders__card-box {
    margin-left: 24px;
  }
  [dir="rtl"]
    .recommend-top-traders__card-overflow
    .recommend-top-traders__card-box {
    margin-right: 24px;
  }
  .leader-recommend-item-conText {
    position: relative;
  }
  .recommend-top-traders__card-overflow-other .copyTrade-recommendCard-top-inf {
    padding-top: 24px;
    display: flex;
    align-items: center;
  }
  .recommend-top-traders__card-overflow-other
    .copyTrade-recommendCard-top-inf
    .copyTrade-recommendCard-avatar-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-top: 0;
  }
  [dir="ltr"]
    .recommend-top-traders__card-overflow-other
    .copyTrade-recommendCard-top-inf
    .copyTrade-recommendCard-avatar-img {
    margin-left: 24px;
  }
  [dir="rtl"]
    .recommend-top-traders__card-overflow-other
    .copyTrade-recommendCard-top-inf
    .copyTrade-recommendCard-avatar-img {
    margin-right: 24px;
  }
  .recommend-top-traders__card-overflow-other
    .copyTrade-recommendCard-top-inf
    .copyTrade-recommendCard-top-nameBox {
    margin-top: 0;
    position: relative;
    max-width: 170px;
  }
  [dir="ltr"]
    .recommend-top-traders__card-overflow-other
    .copyTrade-recommendCard-top-inf
    .copyTrade-recommendCard-top-nameBox {
    margin-left: 8px;
    left: 0;
  }
  [dir="rtl"]
    .recommend-top-traders__card-overflow-other
    .copyTrade-recommendCard-top-inf
    .copyTrade-recommendCard-top-nameBox {
    margin-right: 8px;
    right: 0;
  }
  .recommend-top-traders__card-overflow-other
    .copyTrade-recommendCard-top-inf
    .copyTrade-recommendCard-top-followers {
    color: #81858c;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-top: 6px;
  }
  .recommend-top-traders__card-overflow-other
    .copyTrade-recommendCard-top-inf
    .country-text {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
  }
  .recommend-top-traders__card-overflow-other .copyTrade-recommendCard-top {
    height: auto;
  }
  .recommend-top-traders__card-overflow-other .copyTrade-recommendCard-detail {
    padding-top: 16px;
  }
  .leader-recommend-item-arrow {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e9edf2;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    top: 50%;
    cursor: pointer;
  }
  .leader-recommend-item-arrow .icon-arrow {
    color: #81858c;
  }
  .leader-recommend-item-arrow.leader-recommend-item-arrow-disabled {
    background: #e9edf2;
  }
  .leader-recommend-item-arrow.leader-recommend-item-arrow-disabled .icon-arrow {
    color: #d5dae0;
  }
  .leader-recommend-item-leftArrow {
    position: absolute;
  }
  [dir="ltr"] .leader-recommend-item-leftArrow {
    left: -70px;
    transform: rotate(90deg) translate(-50%);
  }
  [dir="rtl"] .leader-recommend-item-leftArrow {
    right: -70px;
    transform: rotate(-90deg) translate(50%);
  }
  .leader-recommend-item-rightArrow {
    position: absolute;
  }
  [dir="ltr"] .leader-recommend-item-rightArrow {
    right: -70px;
    transform: rotate(-90deg) translate(50%);
  }
  [dir="rtl"] .leader-recommend-item-rightArrow {
    left: -70px;
    transform: rotate(90deg) translate(-50%);
  }
  [dir="ltr"] .recommend-top-traders__card-shadow {
    background: linear-gradient(90deg, rgba(245, 247, 250, 0) 6.41%, #fff);
  }
  [dir="rtl"] .recommend-top-traders__card-shadow {
    background: linear-gradient(-90deg, rgba(245, 247, 250, 0) 6.41%, #fff);
  }
  @media screen and (max-width: 720px) {
    [dir="ltr"]
      .recommend-top-traders__card-overflow-other
      .copyTrade-recommendCard:not(:first-child),
    [dir="ltr"]
      .recommend-top-traders__card-overflow
      .recommend-top-traders__card-box {
      margin-left: 0;
    }
    [dir="rtl"]
      .recommend-top-traders__card-overflow-other
      .copyTrade-recommendCard:not(:first-child),
    [dir="rtl"]
      .recommend-top-traders__card-overflow
      .recommend-top-traders__card-box {
      margin-right: 0;
    }
    .leader-recommend-item-arrow {
      display: none;
    }
  }
  .recommend-leader-item--shadow-active {
    box-shadow: 0 0 32px rgba(247, 166, 0, 0.3);
  }
  .leader-recommend .leader-recommend-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .leader-recommend .leader-recommend-empty .leader-recommend-empty-img {
    width: 160px;
    height: 120px;
    margin-top: 64px;
  }
  .leader-recommend .leader-recommend-empty .leader-recommend-empty-text {
    margin-top: 24px;
    font-size: 16px;
    font-weight: 500;
  }
  .leader-list__recommend:first-child {
    margin-top: 32px;
  }
  .leader-list__recommend-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .leader-list__recommend-top.leader-list__recommend-top-first {
    margin-top: 24px;
  }
  .leader-list__recommend-top.leader-list__recommend-top-third {
    margin-top: 40px;
  }
  .leader-recommend-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #121214;
  }
  .leader-recommend-subTitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-top: 4px;
    color: #81858c;
  }
  .leader-list__recommend-seeMore {
    color: #f7a600;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
  }
  .leader-list__recommend-icon {
    width: 16px;
    height: 16px;
  }
  [dir="ltr"] .leader-list__recommend-icon {
    margin-left: 10px;
  }
  [dir="rtl"] .leader-list__recommend-icon {
    margin-right: 10px;
  }
  @media screen and (max-width: 720px) {
    .leader-list__recommend-top {
      width: 343px;
      margin: 0 auto;
    }
    .leader-list__recommend-seeMore {
      display: none;
    }
    .leader-list__recommend-title-box {
      width: 343px;
    }
    .leader-list__recommend:first-child {
      margin-top: 24px;
    }
    .leader-recommend-title {
      font-size: 20px;
      line-height: 28px;
    }
    .leader-recommend-subTitle {
      font-size: 12px;
      line-height: 18px;
    }
  }
  .leader-recommend {
    width: 1200px;
    min-height: 500px;
  }
  .leader-recommend .leader-recommand-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .leader-recommend .leader-recommand-empty .leader-recommand-empty-img {
    width: 160px;
    height: 120px;
    margin-top: 64px;
  }
  .leader-recommend .leader-recommand-empty .leader-recommand-empty-text {
    margin-top: 24px;
    font-size: 16px;
    font-weight: 500;
  }
  .recommand-top-traders__card-box {
    display: flex;
    transition: all 0.35s linear;
  }
  .recommand-top-traders__card-box-wrap {
    flex-flow: wrap;
  }
  .leader-list__recommand-seeMore {
    color: #f7a600;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
  }
  .leader-list__recommand-icon {
    width: 16px;
    height: 16px;
  }
  [dir="ltr"] .leader-list__recommand-icon {
    margin-left: 10px;
  }
  [dir="rtl"] .leader-list__recommand-icon {
    margin-right: 10px;
  }
  .leader-list__recommand-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
  }
  .leader-list__recommand-top.leader-list__recommand-top-first {
    margin-top: 24px;
  }
  .leader-list__recommand-top.leader-list__recommand-top-third {
    margin-top: 40px;
  }
  .leader-recommand-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #121214;
  }
  .leader-recommand-subTitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-top: 4px;
    color: #81858c;
  }
  .leader-recommand-item-conText {
    margin-top: 24px;
    position: relative;
  }
  .leader-recommand-item-conText-scroll {
    margin-top: 0;
  }
  .leader-recommand-item-leftArrow {
    position: absolute;
  }
  [dir="ltr"] .leader-recommand-item-leftArrow {
    left: -56px;
    transform: rotate(90deg) translate(-50%);
  }
  [dir="rtl"] .leader-recommand-item-leftArrow {
    right: -56px;
    transform: rotate(-90deg) translate(50%);
  }
  .leader-recommand-item-rightArrow {
    position: absolute;
  }
  [dir="ltr"] .leader-recommand-item-rightArrow {
    right: -56px;
    transform: rotate(-90deg) translate(50%);
  }
  [dir="rtl"] .leader-recommand-item-rightArrow {
    left: -56px;
    transform: rotate(90deg) translate(-50%);
  }
  .recommend-top-traders__card-shadow {
    position: absolute;
    height: 100%;
    width: 78px;
    top: 0;
  }
  [dir="ltr"] .recommend-top-traders__card-shadow {
    background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0) 94.95%);
    right: 0;
  }
  [dir="rtl"] .recommend-top-traders__card-shadow {
    background: linear-gradient(-270deg, #fff, hsla(0, 0%, 100%, 0) 94.95%);
    left: 0;
  }
  .leader-list__recommend-seeMore-bottom {
    width: 1200px;
    height: 48px;
    background: #f3f5f7;
    color: #81858c;
    border-radius: 8px;
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .leader-list__recommend-seeMore-inside {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #81858c;
    cursor: pointer;
  }
  .ant-checkbox-input:focus + .ant-checkbox-inner,
  .ant-checkbox-wrapper:hover .ant-checkbox-inner,
  .ant-checkbox:hover .ant-checkbox-inner {
    border: 1px solid #81858c !important;
  }
  .ant-checkbox-checked .ant-checkbox-inner,
  .ant-checkbox-checked .ant-checkbox-input:focus + .ant-checkbox-inner,
  .ant-checkbox-wrapper-checked .ant-checkbox-inner {
    border: 1px solid var(--brand-color-01) !important;
  }
  @media screen and (max-width: 720px) {
    .leader-list__recommend-seeMore-bottom,
    .recommend-top-traders__card-shadow {
      display: none;
    }
  }
  .lead-center__user-tag-wrap {
    flex-wrap: wrap;
  }
  [dir="ltr"] .ld-center__tag-item {
    margin: 0 8px 4px 0;
  }
  [dir="rtl"] .ld-center__tag-item {
    margin: 0 0 4px 8px;
  }
  .follow-order__leader-container {
    width: 348px;
    position: relative;
    color: #fff;
  }
  [dir="ltr"] .follow-order__leader-container {
    background: linear-gradient(274.44deg, #090b1d, #020036 100.21%);
  }
  [dir="rtl"] .follow-order__leader-container {
    background: linear-gradient(-274.44deg, #090b1d, #020036 100.21%);
  }
  .follow-order__leader-bg-img {
    width: 100%;
    height: 150px;
    opacity: 0.6;
    background: url(/copyTrade/static/media/follow-dialog-bg.42c6364a.png)
      no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
  }
  [dir="ltr"] .follow-order__leader-bg-img {
    left: 0;
  }
  [dir="rtl"] .follow-order__leader-bg-img {
    right: 0;
  }
  .follow-order__leader-info {
    padding: 80px 0 48px;
    text-align: center;
  }
  .follow-order__leader-info.follow-order__leader-info-recommend {
    padding: 120px 0 50px;
  }
  .follow-order__leader-avatar {
    width: 120px;
    height: 120px;
    position: relative;
    margin: 0 auto 16px;
  }
  .follow-order__leader-avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
  }
  .follow-order__leader-country {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    font-weight: 600;
    font-size: 16px;
    color: #121214;
    position: absolute;
    bottom: 0;
  }
  [dir="ltr"] .follow-order__leader-country {
    right: 0;
  }
  [dir="rtl"] .follow-order__leader-country {
    left: 0;
  }
  .follow-order__leader-nickname {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .follow-order__leader-level {
    margin-top: 4px;
  }
  .follow-order__leader-level,
  .follow-order__leader-level-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  [dir="ltr"] .follow-order__leader-level-wrap {
    margin-left: 4px;
  }
  [dir="rtl"] .follow-order__leader-level-wrap {
    margin-right: 4px;
  }
  .follow-order__leader-level-name {
    font-size: 12px;
    font-weight: 600;
  }
  [dir="ltr"] .follow-order__leader-level-name {
    margin-left: 4px;
  }
  [dir="rtl"] .follow-order__leader-level-name {
    margin-right: 4px;
  }
  .follow-order__leader-trade-info {
    width: 100%;
    display: flex;
  }
  .follow-order__trade-info-item {
    flex: 1 1;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .follow-order__trade-info-item:first-child:before,
  .follow-order__trade-info-item:nth-child(2):before {
    content: "";
    height: 80%;
    width: 0.5px;
    background: #404347;
    position: absolute;
    top: 5px;
  }
  [dir="ltr"] .follow-order__trade-info-item:first-child:before,
  [dir="ltr"] .follow-order__trade-info-item:nth-child(2):before {
    right: 0;
  }
  [dir="rtl"] .follow-order__trade-info-item:first-child:before,
  [dir="rtl"] .follow-order__trade-info-item:nth-child(2):before {
    left: 0;
  }
  [dir="ltr"] .follow-order__trade-info-item:first-child {
    padding-left: 8px;
  }
  [dir="rtl"] .follow-order__trade-info-item:first-child {
    padding-right: 8px;
  }
  .follow-order__trade-info-item:nth-child(2) {
    padding: 0 8px;
  }
  [dir="ltr"] .follow-order__trade-info-item:nth-child(3) {
    padding-right: 12px;
  }
  [dir="rtl"] .follow-order__trade-info-item:nth-child(3) {
    padding-left: 12px;
  }
  .follow-order__trade-info-title {
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #adb1b8;
    margin-bottom: 2px;
  }
  .follow-order__trade-info-value {
    display: flex;
    justify-content: center;
    font-weight: 600;
    font-size: 18px;
    line-height: 32px;
  }
  .follow-order__trade-info-value.follower-num .total-num {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #adb1b8;
    position: relative;
    bottom: 0;
  }
  [dir="ltr"] .follow-order__trade-info-value.follower-num .total-num {
    left: 2px;
  }
  [dir="rtl"] .follow-order__trade-info-value.follower-num .total-num {
    right: 2px;
  }
  .follow-order__leader-assets-container {
    width: 100%;
    margin-top: 26px;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
  }
  .follow-order__leader-assets-item {
    width: 150px;
    padding: 10px 0;
    background: hsla(0, 0%, 100%, 0.1);
    border-radius: 4px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .follow-order__leader-assets-title {
    font-size: 12px;
    line-height: 18px;
    color: #adb1b8;
    margin: 0 0 6px;
  }
  .follow-order__leader-assets-title .copytrade-icon-profit-rate,
  .follow-order__leader-assets-title .copytrade-icon-wallet {
    position: relative;
    top: 1px;
  }
  [dir="ltr"] .follow-order__leader-assets-title .copytrade-icon-profit-rate,
  [dir="ltr"] .follow-order__leader-assets-title .copytrade-icon-wallet {
    margin-right: 4px;
  }
  [dir="rtl"] .follow-order__leader-assets-title .copytrade-icon-profit-rate,
  [dir="rtl"] .follow-order__leader-assets-title .copytrade-icon-wallet {
    margin-left: 4px;
  }
  .follow-order__invite-tip-container {
    max-width: 280px;
    padding: 9px 16px;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    position: absolute;
    top: 24px;
    z-index: 999;
  }
  [dir="ltr"] .follow-order__invite-tip-container {
    background: linear-gradient(
      90.31deg,
      rgba(80, 80, 129, 0.5) -1.14%,
      rgba(93, 91, 222, 0.5) 103.13%
    );
    border-radius: 0 20px 20px 0;
  }
  [dir="rtl"] .follow-order__invite-tip-container {
    background: linear-gradient(
      -90.31deg,
      rgba(80, 80, 129, 0.5) -1.14%,
      rgba(93, 91, 222, 0.5) 103.13%
    );
    border-radius: 20px 0 0 20px;
  }
  .follow-order__invite-tip-container .invite-recommended {
    font-weight: 400;
  }
  [dir="ltr"] .follow-order__invite-tip-container .invite-recommended {
    margin-left: 8px;
  }
  [dir="rtl"] .follow-order__invite-tip-container .invite-recommended {
    margin-right: 8px;
  }
  .follow-order__invite-tip-container .invite-desc {
    max-width: 220px;
    word-wrap: break-word;
  }
  .follow-order__invite-tip-container img {
    width: 20px;
    height: 20px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    align-self: self-start;
  }
  [dir="ltr"] .follow-order__invite-tip-container img {
    margin-right: 6px;
  }
  [dir="rtl"] .follow-order__invite-tip-container img {
    margin-left: 6px;
  }
  .fol-od-pop__name-box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
  }
  .fol-od-pop__tag-box {
    padding: 0 20px;
    margin-top: 8px;
    overflow: hidden;
    height: 48px;
  }
  .join-whiteList-sub-title {
    margin-bottom: 10px;
  }
  .join-whiteList-sub-title,
  .join-whiteList-tips-item {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #121214;
  }
  .join-whiteList-tips-item {
    margin-bottom: 4px;
    position: relative;
  }
  [dir="ltr"] .join-whiteList-tips-item {
    padding-left: 20px;
  }
  [dir="rtl"] .join-whiteList-tips-item {
    padding-right: 20px;
  }
  .join-whiteList-tips-item:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #81858c;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  [dir="ltr"] .join-whiteList-tips-item:before {
    left: 0;
  }
  [dir="rtl"] .join-whiteList-tips-item:before {
    right: 0;
  }
  .follow-header__container {
    width: 100%;
    padding: 24px 20px 14px;
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
  }
  .follow-header__container .follow-header__container-close {
    font-size: 20px;
    color: #adb1b8;
    width: 22px;
    height: 22px;
    line-height: 22px;
    cursor: pointer;
    position: relative;
    top: 1px;
  }
  .follow-header__container .follow-header__container-close:hover {
    color: #f7a600;
  }
  .follow-header__container .advance-multi-select__container {
    height: auto;
    line-height: auto;
  }
  .follow-mode__container {
    margin-top: 4px;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #f7a600;
  }
  .follow-header__title {
    font-weight: 600;
    font-size: 18px;
    color: #121214;
    overflow: hidden;
    white-space: nowrap;
  }
  [dir="ltr"] .follow-header__title {
    padding-right: 8px;
  }
  [dir="rtl"] .follow-header__title {
    padding-left: 8px;
  }
  .follow-header__nickname {
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .follow-header__enabled-sync {
    color: #d6850d;
    font-size: 12px;
    font-weight: 600;
    margin-top: 4px;
  }
  .empty__container {
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .empty__container .empty__img {
    width: 128px;
    height: 96px;
  }
  .empty__container .empty__text {
    font-size: 14px;
    line-height: 22px;
    color: #adb1b8;
    margin-top: 8px;
  }
  .advance-multi-select__container-text {
    font-weight: 500;
  }
  .advance-multi-select__container {
    height: 32px;
    line-height: 32px;
    position: relative;
    cursor: pointer;
  }
  .advance-multi-select__container .ant-dropdown-trigger {
    display: flex;
    align-items: center;
  }
  .advance-multi-select {
    background: #fff;
    box-shadow: 0 2px 16px rgba(18, 18, 20, 0.1);
    border-radius: 4px;
  }
  .advance-select__wrap {
    padding: 4px 0;
    overflow-y: auto;
    overflow-y: overlay;
  }
  .advance-select__wrap .ant-checkbox-group {
    display: flex;
    flex-direction: column;
  }
  .advance-select__wrap .empty__container img {
    width: 100px;
    height: auto;
  }
  .advance-select__select-item {
    width: 100%;
    height: 38px;
    line-height: 38px;
    padding: 0 16px;
    font-weight: 500;
    font-size: 14px;
    color: #121214;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .advance-select__select-item .ant-checkbox-wrapper {
    margin-right: 10px;
  }
  .advance-select__select-item
    .ant-checkbox-wrapper
    .ant-checkbox-checked
    .ant-checkbox-inner:after {
    border-color: #000;
  }
  .advance-select__select-item.isChecked {
    background: #f5f7fa;
    color: #f7a600;
  }
  .advance-select__select-item:hover {
    background: #f5f7fa;
  }
  .advance-select__button-wrap {
    padding: 0 16px;
    display: flex;
    justify-content: space-around;
    border-top: 1px solid #f3f5f7;
  }
  .advance-select__button-confirm,
  .advance-select__button-reset {
    width: 100%;
    text-align: center;
    line-height: 18px;
    margin-top: 12px;
    margin-bottom: 12px;
    padding: 7px 8px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: noWrap;
    border-radius: 4px;
    font-weight: 600;
    font-size: 12px;
    cursor: pointer;
  }
  .advance-select__button-reset {
    border: 1px solid #d5dae0;
    color: #121214;
  }
  [dir="ltr"] .advance-select__button-reset {
    margin-right: 6px;
  }
  [dir="rtl"] .advance-select__button-reset {
    margin-left: 6px;
  }
  .advance-select__button-reset.disabled {
    color: #adb1b8;
  }
  .advance-select__button-confirm {
    background: #f7a600;
    border: 1px solid #f7a600;
    color: #121214;
  }
  [dir="ltr"] .advance-select__button-confirm {
    margin-left: 6px;
  }
  [dir="rtl"] .advance-select__button-confirm {
    margin-right: 6px;
  }
  .advance-select__multiText {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #121214;
  }
  .advance-select__multiText-num {
    width: 14px;
    height: 14px;
    background: rgba(247, 166, 0, 0.16);
    display: inline-block;
    border-radius: 50%;
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    color: #f7a600;
  }
  [dir="ltr"] .advance-select__multiText-num {
    margin-left: 4px;
  }
  [dir="rtl"] .advance-select__multiText-num {
    margin-right: 4px;
  }
  .advance-multi-select__down-icon {
    color: #81858c;
  }
  [dir="ltr"] .advance-multi-select__down-icon {
    margin-left: 4px;
  }
  [dir="rtl"] .advance-multi-select__down-icon {
    margin-right: 4px;
  }
  .advance-select__search-wrap {
    height: 48px;
    padding: 8px 16px;
    box-sizing: border-box;
  }
  .advance-select__search {
    height: 100%;
    line-height: 28px;
    background: #f3f5f7;
    border-radius: 4px;
    position: relative;
    border: 1px solid transparent;
  }
  .advance-select__search.isActive {
    border: 1px solid #f7a600;
  }
  .advance-select__search:before {
    content: "\e63f";
    font-family: copytrade-icon;
    position: absolute;
    top: 1px;
    color: #adb1b8;
  }
  [dir="ltr"] .advance-select__search:before {
    left: 6px;
  }
  [dir="rtl"] .advance-select__search:before {
    right: 6px;
  }
  .advance-select__search-input {
    width: 100%;
    height: 100%;
    line-height: 34px;
    background: transparent;
    border: none;
    outline: none;
  }
  [dir="ltr"] .advance-select__search-input {
    padding-left: 28px;
  }
  [dir="rtl"] .advance-select__search-input {
    padding-right: 28px;
  }
  .advance-select__search-input::-webkit-input-placeholder {
    color: #adb1b8;
  }
  .fol-od__at-sted-txt-normal {
    font-size: 12px;
    font-weight: 400;
    color: #121214;
  }
  .ft-set-account__action-btn {
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: #d6850d;
    cursor: pointer;
    position: relative;
  }
  .ft-set-account__action-btn-right-bd:after {
    content: "";
    display: block;
    position: absolute;
    height: 12px;
    top: 3px;
  }
  [dir="ltr"] .ft-set-account__action-btn-right-bd:after {
    border-right: 1px solid #d5dae0;
    right: 0;
  }
  [dir="rtl"] .ft-set-account__action-btn-right-bd:after {
    border-left: 1px solid #d5dae0;
    left: 0;
  }
  .ft-set__accout-list-error-tip {
    font-size: 14px;
    line-height: 22px;
    color: #121214;
    padding: 8px 12px;
    background-color: rgba(247, 166, 0, 0.12);
    border-radius: 8px;
    margin: 0 4px;
  }
  .ft-set__accout-list-icon.copytrade-icon {
    font-size: 14px;
    color: #f7a600;
  }
  [dir="ltr"] .ft-set__accout-list-icon.copytrade-icon {
    margin-right: 4px;
  }
  [dir="rtl"] .ft-set__accout-list-icon.copytrade-icon {
    margin-left: 4px;
  }
  .futures-setting-select-account-options
    .isChecked
    .follow-order__account-selector-assets {
    color: #f7a600;
  }
  .follow-order__account-selector-assets,
  .invt-account-type__title {
    color: #81858c;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
  }
  [dir="ltr"] .invt-account-type__title {
    text-align: right;
  }
  [dir="rtl"] .invt-account-type__title {
    text-align: left;
  }
  [dir="ltr"] .cp-bs__down-icon {
    margin-left: 4px;
  }
  [dir="rtl"] .cp-bs__down-icon {
    margin-right: 4px;
  }
  .cp-bs__selected-tab {
    color: #81858c;
  }
  .cp-bs__selected-tab.cp-bs__selected-tab--disabled {
    opacity: 0.35;
    cursor: auto;
  }
  .cp-bs__unselected {
    padding: 3px 4px;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
  }
  [dir="ltr"] .cp-bs__unselected {
    background: linear-gradient(90deg, #f90 33.33%, #ff6a59);
  }
  [dir="rtl"] .cp-bs__unselected {
    background: linear-gradient(-90deg, #f90 33.33%, #ff6a59);
  }
  .cp-bs__operate-plate.ant-dropdown {
    background: #fff;
    box-shadow: 0 2px 16px rgba(18, 18, 20, 0.1);
    border-radius: 8px;
    padding: 16px 16px 24px;
    width: 480px;
  }
  .cp-modify-investment.cp-bs__operate-plate.ant-dropdown {
    width: 416px;
  }
  .cp-bs__select-input {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #d6850d;
  }
  .cp-bs__total-bonus-box {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #81858c;
    margin-top: 8px;
  }
  .cp-bs__total-bonus-title {
    color: #121214;
  }
  .copytrade-icon-question.cp-bs-icon-question {
    font-size: 10px;
  }
  [dir="ltr"] .copytrade-icon-question.cp-bs-icon-question {
    margin-left: 5px;
  }
  [dir="rtl"] .copytrade-icon-question.cp-bs-icon-question {
    margin-right: 5px;
  }
  .cp-bs__bt-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .cp-bs__bt-btns .by-button .by-button__content {
    font-weight: 600;
    color: #121214;
  }
  .setting-input-success-msg,
  .setting-input-waring-msg {
    font-family: IBM Plex Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    display: flex;
    margin-top: 8px;
  }
  [dir="ltr"] .setting-input-success-msg p,
  [dir="ltr"] .setting-input-waring-msg p {
    margin-left: 4px;
  }
  [dir="rtl"] .setting-input-success-msg p,
  [dir="rtl"] .setting-input-waring-msg p {
    margin-right: 4px;
  }
  .setting-input-success-msg svg,
  .setting-input-waring-msg svg {
    margin-top: 3px;
  }
  .setting-input-waring-msg {
    color: #d6850d;
    color: var(--brand-900-text, #d6850d);
  }
  .setting-input-success-msg {
    color: #121214;
    color: var(--gray-tt-1-title, #121214);
  }
  .fol-set-dialog__invest-input {
    margin-top: 16px;
  }
  .fol-set-dialog__invest-input .futures-setting-title-right {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #81858c;
    display: flex;
    align-items: center;
  }
  .fol-set-dialog__invest-input .futures-setting-title-right .icon-question {
    color: #81858c;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    top: 1px;
  }
  [dir="ltr"]
    .fol-set-dialog__invest-input
    .futures-setting-title-right
    .icon-question {
    margin-left: 4.6px;
  }
  [dir="rtl"]
    .fol-set-dialog__invest-input
    .futures-setting-title-right
    .icon-question {
    margin-right: 4.6px;
  }
  .fol-set-dialog__invest-input .futures-setting-title {
    font-size: 16px;
    color: #121214;
    line-height: 24px;
    font-weight: 600;
  }
  .fol-set-dialog__invest-input
    .follow-dialog__account-list.futures-setting-select-account-options {
    width: 472px;
  }
  .ct-checkbox-box
    .ant-checkbox-checked.ant-checkbox-disabled
    .ant-checkbox-inner {
    background-color: rgba(247, 166, 0, 0.34901960784313724);
    border-color: rgba(247, 166, 0, 0.34901960784313724) !important;
  }
  .ct-checkbox-box
    .ant-checkbox-checked.ant-checkbox-disabled
    .ant-checkbox-inner
    :after {
    border-color: rgba(247, 166, 0, 0.34901960784313724) !important;
  }
  .ct-checkbox-box .ant-checkbox-checked .ant-checkbox-inner:after {
    border-color: #121214;
  }
  .fol-set-dialog__tools-choose {
    padding: 48px 0;
  }
  .fol-set-dig__cb-box {
    margin-top: 16px;
    width: 100%;
    display: flex;
    align-items: center;
  }
  .fol-set-dig__cb-box-item {
    display: flex;
    align-items: center;
    width: 50%;
  }
  .fol-set-dig__cb-box-item .ant-checkbox + span {
    padding-right: 4px;
  }
  .fol-set-dig__cb-box-item .icon-question {
    font-size: 14px;
  }
  .fol-set-dig__new-feature {
    font-size: 12px;
    zoom: 0.83;
    height: 14.4px;
    line-height: 14.4px;
    color: #fff;
    padding: 0 2.4px;
  }
  [dir="ltr"] .fol-set-dig__new-feature {
    margin-right: 4px;
    border-radius: 0 4.8px;
    background: linear-gradient(90deg, #ff7b42, #ff4740);
  }
  [dir="rtl"] .fol-set-dig__new-feature {
    margin-left: 4px;
    border-radius: 4.8px 0;
    background: linear-gradient(-90deg, #ff7b42, #ff4740);
  }
  .copy-stop-loss-tips-container {
    border: 1px solid #f3f5f7;
    border-radius: 4px;
    padding: 8px;
    margin-top: 8px;
  }
  .copy-stop-loss-tips-container .copy-stop-loss-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #121214;
    display: flex;
    align-items: center;
  }
  .copy-stop-loss-tips-container .copy-stop-loss-tips {
    display: block;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #81858c;
  }
  .copy-stop-loss-tips-container .copy-stop-loss-tips .copy-stop-loss-tips-text {
    display: inline;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #81858c;
  }
  .copy-stop-loss-tips-container .copy-stop-loss-percent {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #121214;
  }
  [dir="ltr"] .copy-stop-loss-tips-container .copy-stop-loss-percent {
    margin-left: 16px;
  }
  [dir="rtl"] .copy-stop-loss-tips-container .copy-stop-loss-percent {
    margin-right: 16px;
  }
  .copy-stop-loss-tips-container .ant-select {
    margin-bottom: 2px;
  }
  .copy-stop-loss-tips-container .ant-select .ant-select-selector {
    border: none !important;
    box-shadow: none !important;
  }
  [dir="ltr"] .copy-stop-loss-tips-container .ant-select .ant-select-selector {
    padding: 0 6px 0 0;
  }
  [dir="rtl"] .copy-stop-loss-tips-container .ant-select .ant-select-selector {
    padding: 0 0 0 6px;
  }
  .copy-stop-loss-tips-container
    .ant-select
    .ant-select-selector
    .ant-select-selection-item {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #f7a600;
    height: 20px;
  }
  .copy-stop-loss-tips-container .ant-select .ant-select-arrow svg {
    width: 9px;
  }
  .copy-stop-loss-tips-container .by-slider {
    margin: 8px;
  }
  .copy-stop-loss-tips-container .copy-stop-loss-select {
    height: 20px;
  }
  .copy-stop-loss-tips-container .copy-stop-loss-select .ant-select-selector {
    height: 20px !important;
  }
  .future-set-foot__inv-val {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #121214;
    max-width: 260px;
  }
  .future-set-foot__bonus-val {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #121214;
  }
  .future-set-foot__bonus-go-use {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #81858c;
  }
  [dir="ltr"] .future-ft_go-use-right-icon {
    transform: rotate(-90deg);
  }
  [dir="rtl"] .future-ft_go-use-right-icon {
    transform: rotate(90deg);
  }
  .futures-setting-footer {
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
    background-color: #fff;
  }
  .futures-setting-footer.futures-setting-footer-short {
    height: 80px;
  }
  .futures-setting-footer.align-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .futures-setting-footer .futures-setting-footer-tips {
    font-weight: 400;
    font-size: 12px;
    margin-top: 9px;
  }
  .futures-setting-footer .futures-setting-footer-check {
    display: flex;
    align-items: center;
    padding: 8px 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    line-height: 18px;
  }
  .futures-setting-footer .futures-setting-footer-protocol {
    font-size: 12px;
    color: #121214;
    margin-top: 8px;
  }
  .futures-setting-footer .futures-setting-footer-protocol a {
    color: #f4a203;
    cursor: pointer;
  }
  .futures-setting-footer .futures-setting-footer-follow-link {
    font-size: 12px;
    color: #81858c;
    cursor: pointer;
    text-decoration: underline;
  }
  [dir="ltr"] .futures-setting-footer .futures-setting-footer-follow-link {
    margin-left: 4px;
  }
  [dir="rtl"] .futures-setting-footer .futures-setting-footer-follow-link {
    margin-right: 4px;
  }
  .futures-setting-footer .futures-setting-footer-follow-text {
    font-size: 12px;
  }
  .futures-setting-footer .futures-setting-footer-order-btn {
    display: block;
    width: 100%;
    font-size: 16px;
    color: #121214;
    height: 48px;
    padding: 0;
    border-radius: 8px;
    margin-top: 0;
  }
  .futures-setting-footer .futures-setting-footer-order-btn .by-button__content {
    font-weight: 600;
  }
  .futures-setting-footer .futures-setting-footer-order-btn.is-white-list {
    padding-top: 6px;
  }
  .futures-setting-footer
    .futures-setting-footer-order-btn.future-set__with-bonus {
    width: 220px;
    margin-top: 0;
  }
  .futures-setting-footer .futures-setting-footer-symbol-btn {
    display: block;
    width: 100%;
    margin-top: 8px;
    font-size: 16px;
    color: #121214;
    height: 48px;
    padding: 0;
    border-radius: 8px;
  }
  .futures-setting-footer .futures-setting-footer-symbol-btn .by-button__content {
    font-weight: 600;
  }
  .futures-setting-footer .futures-setting-footer-symbol-btn.by-button--disabled {
    background: rgba(247, 166, 0, 0.35);
  }
  .futures-setting-footer
    .futures-setting-footer-symbol-btn.by-button--disabled
    .by-button__content {
    color: rgba(18, 18, 20, 0.35);
  }
  .futures-setting-footer .futures-setting-footer-symbol-btn .sure {
    position: relative;
  }
  [dir="ltr"] .futures-setting-footer .futures-setting-footer-symbol-btn .sure {
    margin-right: 8px;
  }
  [dir="rtl"] .futures-setting-footer .futures-setting-footer-symbol-btn .sure {
    margin-left: 8px;
  }
  .futures-setting-footer .futures-setting-footer-symbol-btn .sure:after {
    content: "";
    position: absolute;
    top: 20%;
    background-color: rgba(0, 0, 0, 0.5);
    height: 60%;
    width: 0.5px;
  }
  [dir="ltr"]
    .futures-setting-footer
    .futures-setting-footer-symbol-btn
    .sure:after {
    right: -8px;
  }
  [dir="rtl"]
    .futures-setting-footer
    .futures-setting-footer-symbol-btn
    .sure:after {
    left: -8px;
  }
  [dir="ltr"]
    .futures-setting-footer
    .futures-setting-footer-symbol-btn
    .sure
    + span {
    margin-left: 8px;
  }
  [dir="rtl"]
    .futures-setting-footer
    .futures-setting-footer-symbol-btn
    .sure
    + span {
    margin-right: 8px;
  }
  .coupon-card-invest-box {
    border-radius: 8px;
    background: rgba(247, 166, 0, 0.16);
    background: var(--brand-100-bg, rgba(247, 166, 0, 0.16));
    padding: 8px;
    display: flex;
    color: #121214;
    color: var(--gray-tt-1-title, #121214);
    font-family: IBM Plex Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
  }
  .coupon-card-invest-box svg {
    margin-top: -2px;
  }
  .coupon-card-invest-box .coupon-card-invest-tip {
    flex: 1 1;
  }
  [dir="ltr"] .coupon-card-invest-box .coupon-card-invest-tip {
    padding-left: 4px;
  }
  [dir="rtl"] .coupon-card-invest-box .coupon-card-invest-tip {
    padding-right: 4px;
  }
  .coupon-card-invest-box .coupon-card-invest-num {
    color: #d6850d;
    color: var(--brand-900-text, #d6850d);
  }
  .coupon-card-invest-box .coupon-card-title-icon {
    width: 24px;
    height: 24px;
  }
  .coupon-card-invest__claimed-card {
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #e9edf2;
    border: 1px solid var(--gray-ele-ele-border, #e9edf2);
    color: #121214;
    color: var(--gray-tt-1-title, #121214);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
  }
  .coupon-card-invest__claimed-card .coupon-card-invest__card-title {
    color: #121214;
    color: var(--gray-tt-1-title, #121214);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
  }
  [dir="ltr"] .coupon-card-invest__claimed-card .coupon-card-invest__card-title {
    margin-left: 8px;
  }
  [dir="rtl"] .coupon-card-invest__claimed-card .coupon-card-invest__card-title {
    margin-right: 8px;
  }
  .coupon-card-invest__claim-tip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1 1;
    margin: 0 8px;
  }
  .coupon-card-invest__claim-btn {
    color: #f7a600;
    color: var(--Brand-700-normal, #f7a600);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    cursor: pointer;
  }
  [dir="ltr"] .futures-order-setting-dialog {
    direction: ltr;
  }
  [dir="rtl"] .futures-order-setting-dialog {
    direction: rtl;
  }
  .futures-order-setting-dialog .by-dialog {
    width: 868px;
    height: 600px;
    overflow: hidden;
    border-radius: 16px;
  }
  .futures-order-setting-dialog .by-dialog__head {
    padding: 0;
    height: 100px;
  }
  .futures-order-setting-dialog .by-dialog__body {
    padding: 0;
    height: 600px;
  }
  .futures-order-setting-dialog .futures-setting-title-box {
    display: flex;
    align-items: center;
  }
  .futures-order-setting-dialog .futures-setting-title {
    color: #121214;
    font-size: 16px;
    font-weight: 600;
  }
  .futures-order-setting-dialog .futures-setting-type-selector {
    width: 524px;
    padding: 4px 0;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    position: absolute;
    z-index: 2;
    background: #fff;
  }
  .futures-order-setting-dialog
    .futures-setting-type-selector
    .futures-setting-type-selector-item {
    padding: 8px 14px;
    align-items: center;
    cursor: no-drop;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    display: flex;
    justify-content: space-between;
  }
  .futures-order-setting-dialog
    .futures-setting-type-selector
    .futures-setting-type-selector-item
    .futures-setting-type-selector-comingSoon {
    color: #adb1b8;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    zoom: 0.8;
    padding: 2.5px 5px;
    border: 0.5px solid #adb1b8;
    border-radius: 2px;
  }
  .futures-order-setting-dialog
    .futures-setting-type-selector
    .futures-setting-type-selector-item-selected {
    background: #f8f8f8;
    cursor: pointer;
    color: #f7a600;
  }
  .futures-order-setting-dialog .by-dialog__close {
    position: absolute;
    top: 0;
    width: 13px;
    height: 13px;
    color: #81858c;
  }
  [dir="ltr"] .futures-order-setting-dialog .by-dialog__close {
    right: 28px;
  }
  [dir="rtl"] .futures-order-setting-dialog .by-dialog__close {
    left: 28px;
  }
  .futures-order-setting-dialog .by-dialog__foot {
    display: none;
  }
  .futures-order-setting-dialog .setting-dialog-header {
    height: 100px;
    display: flex;
    padding: 24px;
    box-sizing: border-box;
    align-items: center;
  }
  .futures-order-setting-dialog
    .setting-dialog-header
    .setting-dialog-header-background {
    display: flex;
    position: absolute;
    top: 0;
    width: 576px;
    height: 100px;
  }
  [dir="ltr"]
    .futures-order-setting-dialog
    .setting-dialog-header
    .setting-dialog-header-background {
    left: 0;
  }
  [dir="rtl"]
    .futures-order-setting-dialog
    .setting-dialog-header
    .setting-dialog-header-background {
    right: 0;
  }
  .futures-order-setting-dialog .setting-dialog-header .setting-dialog-avatr-box {
    z-index: 1;
    display: flex;
    align-items: center;
    position: relative;
  }
  .futures-order-setting-dialog
    .setting-dialog-header
    .setting-dialog__lf-region {
    position: absolute;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    bottom: 0;
    font-weight: 600;
    font-size: 12px;
    color: #121214;
    background-color: #fff;
    border-radius: 50%;
    z-index: 2;
  }
  [dir="ltr"]
    .futures-order-setting-dialog
    .setting-dialog-header
    .setting-dialog__lf-region {
    right: 0;
  }
  [dir="rtl"]
    .futures-order-setting-dialog
    .setting-dialog-header
    .setting-dialog__lf-region {
    left: 0;
  }
  .futures-order-setting-dialog .setting-dialog-header .avatr {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: inline-block;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .futures-order-setting-dialog .setting-dialog-header .text {
    line-height: normal;
    z-index: 1;
    max-width: 400px;
  }
  [dir="ltr"] .futures-order-setting-dialog .setting-dialog-header .text {
    margin-left: 16px;
  }
  [dir="rtl"] .futures-order-setting-dialog .setting-dialog-header .text {
    margin-right: 16px;
  }
  .futures-order-setting-dialog .setting-dialog-header .text .title {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 400px;
  }
  .futures-order-setting-dialog .setting-dialog-header .text .assest {
    color: #adb1b8;
    font-size: 14px;
    font-weight: 400;
    z-index: 1;
  }
  .futures-order-setting-dialog .desc-item .desc-item-title {
    color: #121214;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    margin-top: 32px;
  }
  .futures-order-setting-dialog .desc-item .desc-item-title.desc-item-title-less {
    margin-top: 32px;
    font-size: 16px;
  }
  .futures-order-setting-dialog
    .desc-item
    .desc-item-title.desc-item-title-error {
    color: #ef454a;
  }
  .futures-order-setting-dialog
    .desc-item
    .desc-item-title.desc-item-title-advanced {
    width: 100%;
    font-size: 14px;
    cursor: pointer;
    min-width: 70px;
    margin-top: 0;
    padding-top: 14px;
    border-top: 1px solid #f3f5f7;
    display: inline-block;
  }
  .futures-order-setting-dialog .desc-item .desc-item-title.desc-item-title-24 {
    margin-top: 24px;
  }
  [dir="ltr"]
    .futures-order-setting-dialog
    .desc-item
    .desc-item-title
    .desc-item-title-amount {
    margin-left: 8px;
  }
  [dir="rtl"]
    .futures-order-setting-dialog
    .desc-item
    .desc-item-title
    .desc-item-title-amount {
    margin-right: 8px;
  }
  .futures-order-setting-dialog .desc-item .desc-item-title .icon-question {
    font-weight: 400;
  }
  .futures-order-setting-dialog
    .desc-item
    .futures-setting-leverage-type-selector {
    width: 100%;
    padding: 13px 16px;
    background: #f3f5f7;
    border-radius: 4px;
    display: flex;
    align-items: center;
    margin-top: 8px;
    color: #121214;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer;
    justify-content: space-between;
  }
  .futures-order-setting-dialog
    .desc-item
    .futures-setting-leverage-type-selector.disabled {
    cursor: not-allowed;
  }
  .futures-order-setting-dialog
    .desc-item
    .futures-setting-leverage-type-selector.disabled
    .copytrade-icon {
    display: none;
  }
  .futures-order-setting-dialog
    .desc-item
    .futures-setting-leverage-type-selector.futures-setting-leverage-type-selector-error {
    border: 1px solid #ef454a;
  }
  .futures-order-setting-dialog
    .desc-item
    .futures-setting-leverage-type-selector
    .futures-setting-leverage-type-selector-arrow {
    font-size: 22px;
    color: #81858c;
  }
  [dir="ltr"]
    .futures-order-setting-dialog
    .desc-item
    .futures-setting-leverage-type-selector
    .futures-setting-leverage-type-selector-arrow {
    transform: rotate(-90deg);
  }
  [dir="rtl"]
    .futures-order-setting-dialog
    .desc-item
    .futures-setting-leverage-type-selector
    .futures-setting-leverage-type-selector-arrow {
    transform: rotate(90deg);
  }
  .futures-order-setting-dialog .desc-item .by-slider {
    margin: 8px;
  }
  .futures-order-setting-dialog
    .desc-item
    .by-slider.by-slider-disabled
    .by-slider-handle {
    background-color: #fff;
  }
  .futures-order-setting-dialog
    .desc-item
    .by-slider.by-slider-disabled
    .by-slider-track {
    background-color: var(--bds-brand-700-normal) !important;
  }
  .futures-order-setting-dialog .copytrade-icon-lock,
  .futures-order-setting-dialog .copytrade-icon-thumbup {
    font-size: 16px;
    color: #81858c;
    font-weight: 400;
  }
  [dir="ltr"] .futures-order-setting-dialog .copytrade-icon-lock,
  [dir="ltr"] .futures-order-setting-dialog .copytrade-icon-thumbup {
    margin-right: 4px;
  }
  [dir="rtl"] .futures-order-setting-dialog .copytrade-icon-lock,
  [dir="rtl"] .futures-order-setting-dialog .copytrade-icon-thumbup {
    margin-left: 4px;
  }
  .futures-order-setting-dialog .icon-question {
    font-size: 14px;
    cursor: pointer;
    position: relative;
    color: #81858c;
  }
  [dir="ltr"] .futures-order-setting-dialog .icon-question {
    margin-left: 4px;
  }
  [dir="rtl"] .futures-order-setting-dialog .icon-question {
    margin-right: 4px;
  }
  .futures-order-setting-dialog .setting-dialog-body {
    width: 520px;
    padding-bottom: 0;
    position: relative;
  }
  .futures-order-setting-dialog .setting-dialog-body::-webkit-scrollbar {
    width: 8px;
    background: #fff;
  }
  .futures-order-setting-dialog .setting-dialog-body::-webkit-scrollbar-thumb {
    background-color: #d9d9d9;
    border-radius: 10px;
    outline-offset: -2px;
    outline: 2px solid #fff;
  }
  .futures-order-setting-dialog .futures-setting {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .futures-order-setting-dialog .futures-setting::-webkit-scrollbar-thumb {
    background-color: #d9d9d9;
    border-radius: 10px;
    outline-offset: -2px;
    outline: 2px solid #fff;
  }
  .futures-order-setting-dialog .futures-setting .futures-setting-principal {
    flex: 1 1;
    padding: 0 20px;
    overflow-y: auto;
    overflow-y: overlay;
    scroll-behavior: smooth;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .setting-input.by-input--outlined
    .by-input__container {
    border: 1px solid transparent;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .setting-input
    .by-input__container:focus-within {
    border-color: var(--brand-color-02);
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .setting-input
    .by-input__container {
    height: 48px;
    background: #f3f5f7;
    border-radius: 4px;
    margin-top: 8px;
    padding: 13px 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .setting-input
    .by-input__container
    input::-moz-placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #adb1b8;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .setting-input
    .by-input__container
    input:-ms-input-placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #adb1b8;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .setting-input
    .by-input__container
    input::placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #adb1b8;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .setting-input
    .by-input__container
    .by-input__inner {
    font-weight: 500;
    font-size: 16px;
    color: #121214;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .setting-input
    .by-input__container
    .by-input__inner::-moz-placeholder {
    font-size: 500;
    font-size: 14px;
    color: #adb1b8;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .setting-input
    .by-input__container
    .by-input__inner:-ms-input-placeholder {
    font-size: 500;
    font-size: 14px;
    color: #adb1b8;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .setting-input
    .by-input__container
    .by-input__inner::placeholder {
    font-size: 500;
    font-size: 14px;
    color: #adb1b8;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .setting-input
    .by-input__container
    .by-input__right-icon {
    color: #121214;
    font-weight: 500;
    font-size: 16px;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .setting-input.setting-input-error
    .by-input__container {
    border: 1px solid #ef454a;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .error-tip {
    color: #ef454a;
    font-size: 12px;
    margin: 8px 0;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .futures-setting-principal-desc {
    margin-top: 8px;
    margin-bottom: 8px;
    border-radius: 4px;
    overflow: hidden;
    padding: 8px;
    border: 0.5px solid #e9edf2;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .futures-setting-principal-desc
    .desc-item {
    display: flex;
    color: #81858c;
    align-items: center;
    font-size: 12px;
    justify-content: space-between;
    line-height: 20px;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .futures-setting-principal-desc
    .desc-item.desc-account {
    margin-bottom: 4px;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .futures-setting-principal-desc
    .desc-item
    .copytrade-icon {
    width: 11px;
    height: 11px;
    cursor: pointer;
  }
  [dir="ltr"]
    .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .futures-setting-principal-desc
    .desc-item
    .copytrade-icon {
    margin-left: 6px;
  }
  [dir="rtl"]
    .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .futures-setting-principal-desc
    .desc-item
    .copytrade-icon {
    margin-right: 6px;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .futures-setting-principal-desc
    .desc-item
    .value {
    min-width: 130px;
    color: #121214;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  [dir="ltr"]
    .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .futures-setting-principal-desc
    .desc-item
    .value {
    text-align: right;
  }
  [dir="rtl"]
    .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .futures-setting-principal-desc
    .desc-item
    .value {
    text-align: left;
  }
  [dir="ltr"]
    .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .futures-setting-principal-desc
    .desc-item
    .value
    span {
    margin-left: 3px;
  }
  [dir="rtl"]
    .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .futures-setting-principal-desc
    .desc-item
    .value
    span {
    margin-right: 3px;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .futures-setting-principal-desc
    .desc-item
    .value
    .advance-multi-select__container {
    height: 20px;
    line-height: 20px;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .futures-setting-principal-slider {
    margin-top: 12px;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .futures-setting-principal-slider
    .slider-setting-label {
    display: flex;
    align-items: center;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .futures-setting-principal-slider
    .slider-setting-label
    span {
    font-weight: 500;
    font-size: 12px;
    color: #121214;
  }
  [dir="ltr"]
    .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .futures-setting-principal-slider
    .slider-setting-label
    span {
    margin-left: 7px;
  }
  [dir="rtl"]
    .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .futures-setting-principal-slider
    .slider-setting-label
    span {
    margin-right: 7px;
  }
  [dir="ltr"]
    .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .futures-setting-principal-slider
    .slider-setting-label
    span:last-child {
    margin-left: 16px;
  }
  [dir="rtl"]
    .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .futures-setting-principal-slider
    .slider-setting-label
    span:last-child {
    margin-right: 16px;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .futures-setting-principal-slider
    .by-slider {
    padding: 0;
    margin: 20px 0 12px;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-principal
    .futures-setting-principal-slider
    .slider-value-tips {
    color: #81858c;
    font-size: 12px;
    margin-top: 12px;
  }
  .futures-order-setting-dialog .futures-setting .slider-value-label {
    display: flex;
    justify-content: space-between;
    color: #81858c;
    font-size: 10px;
    padding: 0 2px;
  }
  .futures-order-setting-dialog .futures-setting .futures-setting-symbol {
    margin-top: 16px;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-symbol
    .futures-setting-symbol-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    color: #121214;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-symbol
    .futures-setting-symbol-title
    > div:first-child {
    font-size: 12px;
    font-weight: 600;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-symbol
    .futures-setting-symbol-title
    .futures-setting-symbol-title-select {
    cursor: pointer;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-symbol
    .futures-setting-symbol-title
    .futures-setting-symbol-title-select.disabled {
    cursor: not-allowed;
    color: #adb1b8;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-symbol
    .futures-setting-symbol-title
    .futures-setting-symbol-title-select.disabled
    .futures-setting-symbol-title-icon {
    display: none;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-symbol
    .futures-setting-symbol-title
    .futures-setting-symbol-title-select
    .futures-setting-symbol-title-icon {
    display: inline-block;
    color: #81858c;
  }
  [dir="ltr"]
    .futures-order-setting-dialog
    .futures-setting
    .futures-setting-symbol
    .futures-setting-symbol-title
    .futures-setting-symbol-title-select
    .futures-setting-symbol-title-icon {
    margin-left: 10px;
    transform: rotate(-90deg) scale(0.9);
  }
  [dir="rtl"]
    .futures-order-setting-dialog
    .futures-setting
    .futures-setting-symbol
    .futures-setting-symbol-title
    .futures-setting-symbol-title-select
    .futures-setting-symbol-title-icon {
    margin-right: 10px;
    transform: rotate(90deg) scale(0.9);
  }
  .futures-order-setting-dialog .futures-setting .futures-setting-symbols {
    height: 100%;
    padding: 16px 22px;
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-symbols
    .futures-setting-symbols-headers {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    color: #121214;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-symbols
    .futures-setting-symbols-headers
    .futures-setting-symbols-headers-icon {
    cursor: pointer;
    display: inline-block;
    color: #81858c;
  }
  [dir="ltr"]
    .futures-order-setting-dialog
    .futures-setting
    .futures-setting-symbols
    .futures-setting-symbols-headers
    .futures-setting-symbols-headers-icon {
    transform: rotate(90deg);
  }
  [dir="rtl"]
    .futures-order-setting-dialog
    .futures-setting
    .futures-setting-symbols
    .futures-setting-symbols-headers
    .futures-setting-symbols-headers-icon {
    transform: rotate(-90deg);
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-symbols
    .futures-setting-symbols-headers
    .futures-setting-symbols-headers-title {
    font-weight: 600;
    font-size: 14px;
    position: absolute;
  }
  [dir="ltr"]
    .futures-order-setting-dialog
    .futures-setting
    .futures-setting-symbols
    .futures-setting-symbols-headers
    .futures-setting-symbols-headers-title {
    left: 50%;
    transform: translate(-50%);
  }
  [dir="rtl"]
    .futures-order-setting-dialog
    .futures-setting
    .futures-setting-symbols
    .futures-setting-symbols-headers
    .futures-setting-symbols-headers-title {
    right: 50%;
    transform: translate(50%);
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-symbols
    .futures-setting-symbols-headers
    .futures-setting-symbols-headers-check {
    font-size: 12px;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-symbols
    .futures-setting-symbols-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    height: calc(100% - 140px);
    overflow-y: scroll;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-symbols
    .futures-setting-symbols-wrap
    .futures-setting-symbols-item {
    font-size: 12px;
    text-align: center;
    width: 108px;
    height: 28px;
    line-height: 28px;
    margin-left: 4px;
    margin-right: 4px;
    border-radius: 4px;
    font-weight: 500;
    color: #adb1b8;
    border: 1px solid #adb1b8;
    cursor: pointer;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-symbols
    .futures-setting-symbols-wrap
    .futures-setting-symbols-item:nth-child(n + 5) {
    margin-top: 16px;
  }
  .futures-order-setting-dialog
    .futures-setting
    .futures-setting-symbols
    .futures-setting-symbols-wrap
    .futures-setting-symbols-item.futures-setting-symbols-item-active {
    color: #f4a203;
    border: 1px solid #f4a203;
  }
  .futures-order-setting-dialog .futures-setting-departLine {
    height: 0.5px;
    background: #e9edf2;
    width: 100%;
    margin-top: 24px;
  }
  .futures-order-setting-dialog .futures-setting-Leverage {
    padding: 16px 22px;
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-Header {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-Header
    .futures-setting-Leverage-Header-back {
    color: #81858c;
    font-size: 20px;
    cursor: pointer;
    position: absolute;
  }
  [dir="ltr"]
    .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-Header
    .futures-setting-Leverage-Header-back {
    transform: rotate(90deg);
    left: 0;
  }
  [dir="rtl"]
    .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-Header
    .futures-setting-Leverage-Header-back {
    transform: rotate(-90deg);
    right: 0;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-Header
    .futures-setting-Leverage-title {
    color: #121214;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-selector {
    display: flex;
    margin-top: 29px;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-selector
    .futures-setting-Leverage-selector-item {
    width: 168px;
    min-height: 50px;
    line-height: 18px;
    border: 0.5px solid #81858c;
    color: #81858c;
    font-weight: 500;
    padding: 16px 8px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  [dir="ltr"]
    .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-selector
    .futures-setting-Leverage-selector-item:not(:first-child) {
    margin-left: 12px;
  }
  [dir="rtl"]
    .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-selector
    .futures-setting-Leverage-selector-item:not(:first-child) {
    margin-right: 12px;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-selector
    .futures-setting-Leverage-selector-item
    .ant-radio-inner {
    border-color: #81858c;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-selector
    .futures-setting-Leverage-selector-item.futures-setting-Leverage-selector-item-active {
    border: 0.5px solid #f7a600;
    color: #f7a600;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-selector
    .futures-setting-Leverage-selector-item.futures-setting-Leverage-selector-item-active
    .ant-radio-inner {
    border-color: #f7a600;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-FollowLeader,
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-tips {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #121214;
    margin-top: 16px;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-input {
    width: 100%;
    height: 48px;
    background: #f3f5f7;
    border-radius: 4px;
    margin-top: 24px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    display: flex;
    align-items: center;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-input
    .futures-setting-Leverage-input-inside {
    height: 48px;
    width: 55%;
    border: none;
    background: none;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-input
    .futures-setting-Leverage-input-inside
    .by-input__container {
    height: 48px;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-input
    .futures-setting-Leverage-input-inside
    .by-input__container
    .by-input__wrapper {
    margin: 0;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-input
    .futures-setting-Leverage-input-inside
    .by-input__container
    .by-input__inner {
    height: 48px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    padding: 0 6%;
  }
  [dir="ltr"]
    .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-input
    .futures-setting-Leverage-input-inside
    .by-input__container
    .by-input__inner {
    text-align: right;
  }
  [dir="rtl"]
    .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-input
    .futures-setting-Leverage-input-inside
    .by-input__container
    .by-input__inner {
    text-align: left;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-input
    .futures-setting-Leverage-input-X {
    margin-top: 2px;
  }
  [dir="ltr"]
    .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-input
    .futures-setting-Leverage-input-X {
    margin-left: -3%;
  }
  [dir="rtl"]
    .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-input
    .futures-setting-Leverage-input-X {
    margin-right: -3%;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-slider {
    margin-top: 27px;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-slider
    .by-slider {
    margin: 0 8px;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-slider
    .slider-value-label {
    margin-top: 11px;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-table {
    margin-top: 16px;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-table
    .futures-setting-Leverage-table-header {
    display: flex;
    background: #f5f7fa;
    align-items: center;
    padding: 13px 16px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #adb1b8;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-table
    .futures-setting-Leverage-table-header
    .futures-setting-Leverage-table-header-first {
    width: 140px;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-table
    .futures-setting-Leverage-table-header
    .futures-setting-Leverage-table-header-second {
    width: 148px;
  }
  [dir="ltr"]
    .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-table
    .futures-setting-Leverage-table-header
    .futures-setting-Leverage-table-header-second {
    margin-left: 24px;
  }
  [dir="rtl"]
    .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-table
    .futures-setting-Leverage-table-header
    .futures-setting-Leverage-table-header-second {
    margin-right: 24px;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-table
    .futures-setting-Leverage-table-header
    .futures-setting-Leverage-table-header-third {
    width: 160px;
  }
  [dir="ltr"]
    .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-table
    .futures-setting-Leverage-table-header
    .futures-setting-Leverage-table-header-third {
    margin-left: 24px;
  }
  [dir="rtl"]
    .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-table
    .futures-setting-Leverage-table-header
    .futures-setting-Leverage-table-header-third {
    margin-right: 24px;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-table
    .futures-setting-Leverage-table-body {
    padding-bottom: 24px;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-table
    .futures-setting-Leverage-table-body
    .futures-setting-Leverage-table-body-item {
    padding: 8px 16px;
    border-bottom: 0.5px solid #e9edf2;
    display: flex;
    align-items: center;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-table
    .futures-setting-Leverage-table-body
    .futures-setting-Leverage-table-symbol {
    width: 128px;
    flex-shrink: 0;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-table
    .futures-setting-Leverage-table-body
    .futures-setting-Leverage-table-range {
    width: 148px;
    color: #81858c;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
  }
  [dir="ltr"]
    .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-table
    .futures-setting-Leverage-table-body
    .futures-setting-Leverage-table-range {
    margin-left: 24px;
  }
  [dir="rtl"]
    .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-table
    .futures-setting-Leverage-table-body
    .futures-setting-Leverage-table-range {
    margin-right: 24px;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-table
    .futures-setting-Leverage-table-body
    .futures-setting-Leverage-table-inputbox {
    width: 160px;
  }
  [dir="ltr"]
    .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-table
    .futures-setting-Leverage-table-body
    .futures-setting-Leverage-table-inputbox {
    margin-left: 24px;
  }
  [dir="rtl"]
    .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-table
    .futures-setting-Leverage-table-body
    .futures-setting-Leverage-table-inputbox {
    margin-right: 24px;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-table
    .futures-setting-Leverage-table-body
    .futures-setting-Leverage-table-inputbox
    .futures-setting-Leverage-table-input-bag {
    width: 160px;
    height: 32px;
    background: #f3f5f7;
    border-radius: 4px;
    position: relative;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-table
    .futures-setting-Leverage-table-body
    .futures-setting-Leverage-table-inputbox
    .futures-setting-Leverage-table-input-bag
    .setting-input {
    width: 160px;
    height: 32px;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-table
    .futures-setting-Leverage-table-body
    .futures-setting-Leverage-table-inputbox
    .futures-setting-Leverage-table-input-bag
    .setting-input.setting-input-disabled
    .by-input__container {
    background-color: #f3f5f7;
  }
  .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-table
    .futures-setting-Leverage-table-body
    .futures-setting-Leverage-table-inputbox
    .futures-setting-Leverage-table-input-bag
    .futures-setting-Leverage-table-input-disable {
    position: absolute;
    top: 8.5px;
    cursor: not-allowed;
    color: #d5dae0;
  }
  [dir="ltr"]
    .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-table
    .futures-setting-Leverage-table-body
    .futures-setting-Leverage-table-inputbox
    .futures-setting-Leverage-table-input-bag
    .futures-setting-Leverage-table-input-disable {
    left: 8px;
  }
  [dir="rtl"]
    .futures-order-setting-dialog
    .futures-setting-Leverage
    .futures-setting-Leverage-table
    .futures-setting-Leverage-table-body
    .futures-setting-Leverage-table-inputbox
    .futures-setting-Leverage-table-input-bag
    .futures-setting-Leverage-table-input-disable {
    right: 8px;
  }
  .futures-order-setting-dialog .setting-input-error .by-input__container {
    border: 1px solid #ef454a;
  }
  .futures-order-setting-dialog .futures-setting-arrow {
    color: #81858c;
    font-size: 14px;
  }
  [dir="ltr"] .futures-order-setting-dialog .futures-setting-arrow {
    margin-left: 5px;
  }
  [dir="rtl"] .futures-order-setting-dialog .futures-setting-arrow {
    margin-right: 5px;
  }
  [dir="ltr"] .futures-order-setting-dialog .futures-setting-arrow-open {
    transform: rotate(180deg);
  }
  [dir="rtl"] .futures-order-setting-dialog .futures-setting-arrow-open {
    transform: rotate(-180deg);
  }
  .futures-order-setting-dialog .futures-setting-transfor-icon {
    font-size: 13px;
    width: 13px;
    height: 13px;
    cursor: pointer;
  }
  .futures-order-setting-dialog .ant-spin {
    max-height: none !important;
  }
  .futures-order-setting-dialog .futures-setting-Leverage-scroll {
    height: 394px;
    margin-top: 12px;
    overflow-y: auto;
  }
  .futures-setting-Leverage-scroll::-webkit-scrollbar {
    width: 8px;
    height: auto;
    background: #fff;
    border-radius: 2px;
  }
  .futures-setting-Leverage-scroll::-webkit-scrollbar-thumb {
    background-color: #d9d9d9;
    height: 3px;
    border-radius: 10px;
    outline-offset: -2px;
    outline: 2px solid #fff;
  }
  .futures-setting-tooltip-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
  }
  .futures-setting-tooltip-title:not(:first-child) {
    margin-top: 8px;
  }
  .desc-item-title-tooltip-margin {
    margin-top: 12px;
  }
  .futures-setting-tooltip-context {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
  }
  .futures-setting-tooltip-context:not(:first-child) {
    margin-top: 4px;
  }
  .csl-warning .csl-warning-text {
    color: #121214;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-top: 24px;
  }
  .csl-warning .csl-warning-cancel {
    width: 188px;
    height: 40px;
    background: #f7a600;
    border-radius: 4px;
    margin-top: 24px;
  }
  .csl-warning .csl-warning-cancel .by-button__content {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
  }
  .csl-warning .csl-warning-confirm {
    width: 188px;
    height: 40px;
    border: 1px solid #e9edf2;
    border-radius: 4px;
    margin-top: 24px;
  }
  [dir="ltr"] .csl-warning .csl-warning-confirm {
    margin-left: 12px;
  }
  [dir="rtl"] .csl-warning .csl-warning-confirm {
    margin-right: 12px;
  }
  .csl-warning .csl-warning-confirm .by-button__content {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
  }
  .follow-order__container {
    display: flex;
    height: 600px;
    width: 868px;
  }
  .futures-setting-footer-btn-container {
    display: flex;
    align-items: center;
    padding: 4px 0 24px;
  }
  .futures-setting-footer-btn-container .futures-setting-footer-prev-btn {
    display: block;
    width: 100%;
    height: 48px;
    padding: 0;
    border-radius: 8px;
    width: 140px;
    line-height: 48px;
    text-align: center;
    border: 1px solid #d5dae0;
    color: #121214;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    margin-top: 0;
  }
  [dir="ltr"]
    .futures-setting-footer-btn-container
    .futures-setting-footer-prev-btn {
    margin-right: 8px;
  }
  [dir="rtl"]
    .futures-setting-footer-btn-container
    .futures-setting-footer-prev-btn {
    margin-left: 8px;
  }
  .futures-setting-footer-btn-container
    .futures-setting-footer-prev-btn
    .by-button__content {
    font-weight: 600;
  }
  .investment-warning__dialog {
    text-align: center;
  }
  .investment-warning__content {
    margin-top: 20px;
  }
  .investment-warning__confirm {
    margin-top: 30px;
    padding: 0 24px;
    height: 48px;
    line-height: 48px;
    background: #f7a600;
    border-radius: 8px;
  }
  .investment-warning__confirm .by-button__content {
    color: #121214;
    font-size: 16px;
    font-weight: 600;
  }
  .follow-white-list-tip {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #121214;
  }
  .copy-stop-loss-select-icon {
    color: #81858c;
  }
  [dir="ltr"] .copy-stop-loss-select-icon {
    transform: rotate(180deg);
    margin-right: -3px;
  }
  [dir="rtl"] .copy-stop-loss-select-icon {
    transform: rotate(-180deg);
    margin-left: -3px;
  }
  .future-set__margin-md-wrap {
    flex: 1 1;
    padding: 28px;
    overflow-y: auto;
  }
  .fmt-radio-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #121214;
  }
  .fmt-radio-subtitle {
    font-weight: 500;
    margin-top: 4px;
    font-size: 12px;
    line-height: 18px;
    color: #81858c;
  }
  .advanced-scroll-lock {
    overflow: hidden !important;
  }
  .fol-set-dig__futures-setting-title {
    color: #121214;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    position: relative;
    display: flex;
    align-items: center;
  }
  .follow-order__smartCopy-container {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .follow-order__smartCopy-container .futures-setting-principal {
    padding: 0 20px 20px !important;
  }
  .follow-order__smartCopy-container .smart-copy-checkbox {
    margin-top: 16px;
    line-height: 18px;
  }
  .follow-order__smartCopy-container .new-tag-img {
    height: 12px;
    position: relative;
    top: 1px;
  }
  [dir="ltr"] .follow-order__smartCopy-container .new-tag-img {
    margin-left: 4px;
  }
  [dir="rtl"] .follow-order__smartCopy-container .new-tag-img {
    margin-right: 4px;
  }
  .follow-order__smartCopy-container .copy-stop-loss-title-l {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
  }
  .follow-order__smartCopy-container
    .copy-stop-loss-title-l
    .copy-stop-loss-title-img {
    position: relative;
    top: 1px;
  }
  .follow-order__smartCopy-container .copy-stop-loss-title-l .icon-question {
    font-weight: 400;
    position: relative;
    top: 1px;
  }
  .follow-order__smartCopy-container .setting-input-disabled .by-input__inner {
    color: #adb1b8 !important;
  }
  .follow-order__smartCopy-container
    .setting-input-disabled
    .by-input__right-icon {
    font-size: 16px;
    color: #adb1b8 !important;
  }
  .futures-setting-select-account {
    align-items: normal !important;
  }
  .fol-od-st__copy-md {
    font-size: 16px;
    line-height: 24px;
  }
  .setting-input-error-msg {
    color: #ef454a;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    margin-top: 4px;
  }
  .copy-fol-set__ad-set-content {
    margin-top: 14px;
  }
  .fol-set__ad-set-mode-select .ant-select .ant-select-selection-item {
    color: #d6850d;
    font-weight: 600;
    font-size: 16px;
  }
  .fol-set__ad-set-mode-select
    .ant-select-single.ant-select-open
    .ant-select-selection-item,
  .fol-set__ad-set-mode-select .copytrade-icon-arrowdown-solid {
    color: #d6850d;
  }
  .fol-set__ad-set-mode-select
    .ant-select-disabled
    .copytrade-icon-arrowdown-solid {
    opacity: 0.35;
  }
  .fol-set__ad-bot-ext-tips {
    margin-top: 16px;
    font-size: 12px;
    line-height: 18px;
  }
  .futures-setting-footer-checkbox {
    color: #81858c;
  }
  .copy-trade-md__smt-model {
    width: 14px;
    height: 14px;
  }
  [dir="ltr"] .copy-trade-md__smt-model {
    margin-left: 2px;
  }
  [dir="rtl"] .copy-trade-md__smt-model {
    margin-right: 2px;
  }
  html {
    scroll-behavior: smooth;
  }
  .trader-list__announce {
    width: 1200px;
    margin: 16px 0 24px;
    box-shadow: 0 1px 14px 0 rgba(18, 18, 20, 0.08);
    border-radius: 12px;
    background: #fff;
  }
  .trader-list {
    min-height: calc(100vh - 96px);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 40px;
    background-color: #fff;
  }
  .trader-list .ant-pagination-item {
    border: 1px solid #e9edf2;
  }
  .trader-list .ant-pagination-item a {
    color: #121214;
    font-weight: 400;
    font-size: 14px;
  }
  .trader-list .ant-pagination-item.ant-pagination-item-active {
    background-color: #f7a600;
  }
  .trader-list .ant-pagination-item.ant-pagination-item-active a {
    color: #121214;
  }
  .trader-list .ant-pagination-item.ant-pagination-item-active:hover {
    border: 1px solid #e9edf2;
  }
  .trader-list .ant-pagination-item.ant-pagination-item-active:hover a {
    color: #121214;
  }
  .trader-list .trader-list__bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1200px;
    height: 64px;
    margin-top: 40px;
    font-weight: 600;
    font-size: 20px;
    color: #000;
  }
  .trader-list .trader-list__bar-left {
    display: flex;
    align-items: flex-end;
  }
  .trader-list .trader-list__bar-myLeader-box {
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  .trader-list .trader-list__bar-myLeader {
    font-size: 14px;
    line-height: 22px;
    color: #999;
    font-weight: 400;
  }
  [dir="ltr"] .trader-list .trader-list__bar-myLeader {
    margin-left: 16px;
  }
  [dir="rtl"] .trader-list .trader-list__bar-myLeader {
    margin-right: 16px;
  }
  .trader-list .trader-list__bar-myLeader-icon {
    color: #999;
  }
  [dir="ltr"] .trader-list .trader-list__bar-myLeader-icon {
    transform: rotate(90deg);
  }
  [dir="rtl"] .trader-list .trader-list__bar-myLeader-icon {
    transform: rotate(-90deg);
  }
  .trader-list .trader-list__switch-left {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .trader-list .trader-list__switch-box {
    position: sticky;
    top: 0;
    z-index: 9;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    background: #fff;
    align-items: center;
    width: 1200px;
  }
  .trader-list .trader-list__switch-box.trader-list__switch-box-full-list {
    width: 100%;
    min-width: 1425px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.05);
  }
  .trader-list .trader-list__switch {
    width: 1200px;
    display: flex;
    background: #fff;
    border-radius: 8px;
    padding: 18px 0;
    border-bottom: 0.5px solid #e9edf2;
    align-items: center;
    justify-content: space-between;
  }
  .trader-list .trader-list__switch-mode {
    display: flex;
  }
  .trader-list .trader-list__Select-box {
    display: flex;
    align-items: center;
    min-width: 1200px;
    height: 24px;
    margin: 13px 0;
  }
  .trader-list .trader-list__Select-box .ant-select {
    margin-bottom: 2px;
  }
  [dir="ltr"] .trader-list .trader-list__Select-box .ant-select {
    margin-right: 8px;
  }
  [dir="rtl"] .trader-list .trader-list__Select-box .ant-select {
    margin-left: 8px;
  }
  .trader-list .trader-list__Select-box .ant-select .ant-select-selector {
    border: none !important;
    box-shadow: none !important;
    padding: 0 6px;
  }
  .trader-list
    .trader-list__Select-box
    .ant-select
    .ant-select-selector
    .ant-select-selection-item {
    font-weight: 500;
    font-size: 14px;
    display: flex;
    align-items: center;
  }
  [dir="ltr"]
    .trader-list
    .trader-list__Select-box
    .ant-select
    .ant-select-selector
    .ant-select-selection-item {
    margin-right: 4px;
  }
  [dir="rtl"]
    .trader-list
    .trader-list__Select-box
    .ant-select
    .ant-select-selector
    .ant-select-selection-item {
    margin-left: 4px;
  }
  .trader-list
    .trader-list__Select-box
    .ant-checkbox-checked
    .ant-checkbox-inner:after {
    border-color: #000;
  }
  .trader-list .trader-list__Select-box .ant-checkbox {
    transform: scale(0.75);
  }
  .trader-list .trader-list__Select-box .ant-checkbox-inner {
    border: 1px solid #adb1b8;
  }
  [dir="ltr"] .trader-list .trader-list__Select-box .ant-select-selection-search {
    transform: translate(-8px);
  }
  [dir="rtl"] .trader-list .trader-list__Select-box .ant-select-selection-search {
    transform: translate(8px);
  }
  .trader-list .trader-list__Select-box .ant-checkbox-wrapper {
    margin-bottom: 2px;
    font-weight: 500;
    color: #121214;
  }
  [dir="ltr"]
    .trader-list
    .trader-list__Select-box
    .advance-multi-select__container {
    margin-right: 16px;
  }
  [dir="rtl"]
    .trader-list
    .trader-list__Select-box
    .advance-multi-select__container {
    margin-left: 16px;
  }
  .trader-list .trader-list__switch-mode-item {
    height: 32px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    cursor: pointer;
    color: #adb1b8;
  }
  [dir="ltr"] .trader-list .trader-list__switch-mode-item:last-child {
    margin-left: 41px;
  }
  [dir="rtl"] .trader-list .trader-list__switch-mode-item:last-child {
    margin-right: 41px;
  }
  .trader-list
    .trader-list__switch-mode-item
    .trader-list__switch-mode-item-icon {
    color: #575b61;
    font-size: 18px;
  }
  .trader-list
    .trader-list__switch-mode-item.trader-list__switch-mode-item-active {
    color: #121214;
    position: relative;
  }
  .trader-list
    .trader-list__switch-mode-item.trader-list__switch-mode-item-active:after {
    height: 2px;
    width: 100%;
    position: absolute;
    top: 48px;
    content: "";
    background-color: #f7a600;
  }
  .trader-list .trader-list__switch-sort {
    display: flex;
    align-items: center;
  }
  [dir="ltr"] .trader-list .trader-list__switch-sort {
    margin-left: 12px;
  }
  [dir="rtl"] .trader-list .trader-list__switch-sort {
    margin-right: 12px;
  }
  .trader-list .trader-list__switch-sort .trader-list__switch-sort-item {
    min-width: 88px;
    color: #999;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
  }
  [dir="ltr"]
    .trader-list
    .trader-list__switch-sort
    .trader-list__switch-sort-item {
    margin-left: 12px;
  }
  [dir="rtl"]
    .trader-list
    .trader-list__switch-sort
    .trader-list__switch-sort-item {
    margin-right: 12px;
  }
  .trader-list
    .trader-list__switch-sort
    .trader-list__switch-sort-item.trader-list__switch-sort-item-active {
    color: #f7a600;
  }
  .trader-list .trader-list__switch-right-box {
    display: flex;
    align-items: center;
  }
  .trader-list .trader-list__switch-right-box .tarde-top-pick-btn {
    color: #121214;
    color: var(--static_Black, #121214);
    font-family: IBM Plex Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    padding: 0 8px;
    border-radius: 4px;
  }
  [dir="ltr"] .trader-list .trader-list__switch-right-box .tarde-top-pick-btn {
    background: linear-gradient(133deg, #ffd748 -1.87%, #f7a600 101.87%);
  }
  [dir="rtl"] .trader-list .trader-list__switch-right-box .tarde-top-pick-btn {
    background: linear-gradient(-133deg, #ffd748 -1.87%, #f7a600 101.87%);
  }
  .trader-list
    .trader-list__switch-right-box
    .tarde-top-pick-btn
    .by-button__content {
    display: flex;
    align-items: center;
  }
  [dir="ltr"]
    .trader-list
    .trader-list__switch-right-box
    .tarde-top-pick-btn
    .tarde-top-pick-icon {
    margin-right: 4px;
  }
  [dir="rtl"]
    .trader-list
    .trader-list__switch-right-box
    .tarde-top-pick-btn
    .tarde-top-pick-icon {
    margin-left: 4px;
  }
  .trader-list .trader-list__switch-search {
    width: 240px;
    height: 32px;
    background: #f3f5f7;
    border: 1.5px solid #f3f5f7;
    border-radius: 4px;
    display: flex;
    align-items: center;
    font-size: 14px;
    padding: 0 12px;
  }
  [dir="ltr"] .trader-list .trader-list__switch-search {
    margin-left: auto;
    margin-right: 8px;
  }
  [dir="rtl"] .trader-list .trader-list__switch-search {
    margin-right: auto;
    margin-left: 8px;
  }
  .trader-list .trader-list__switch-search input::-moz-placeholder {
    color: #adb1b8;
  }
  .trader-list .trader-list__switch-search input:-ms-input-placeholder {
    color: #adb1b8;
  }
  .trader-list .trader-list__switch-search input::placeholder {
    color: #adb1b8;
  }
  .trader-list .trader-list__switch-search .trader-list__switch-search-icon {
    font-size: 16px;
    color: #81858c;
  }
  .trader-list .trader-list__switch-search .trader-list__switch-close-icon {
    font-size: 16px;
    color: #ccc;
    cursor: pointer;
  }
  .trader-list .trader-list__switch-search:focus-within {
    border: 1.5px solid #f7a600;
  }
  .trader-list .trader-list__switch-search::-moz-placeholder {
    color: #adb1b8;
  }
  .trader-list .trader-list__joinAsTrader {
    padding: 0 16px;
    height: 32px;
  }
  [dir="ltr"] .trader-list .trader-list__joinAsTrader {
    background: linear-gradient(97.12deg, #ffd748 0.93%, #f7a600);
  }
  [dir="rtl"] .trader-list .trader-list__joinAsTrader {
    background: linear-gradient(-97.12deg, #ffd748 0.93%, #f7a600);
  }
  .trader-list .trader-list__joinAsTrader .by-button__content {
    font-weight: 600;
    font-size: 12px;
    white-space: nowrap;
  }
  .trader-list button.trader-list__joinAsTrader.trader-list__applyingBtn,
  .trader-list button.trader-list__joinAsTrader.trader-list__applyingBtn:hover {
    background: rgba(247, 166, 0, 0.16);
    border-radius: 4px;
  }
  .trader-list
    button.trader-list__joinAsTrader.trader-list__applyingBtn
    .by-button__content,
  .trader-list
    button.trader-list__joinAsTrader.trader-list__applyingBtn:hover
    .by-button__content {
    font-weight: 600;
    font-size: 12px;
    color: var(--brand-color-01);
  }
  .trader-list .trader-list__switch-search-input {
    width: 200px;
    background: none;
    outline: none;
    border: 0;
    caret-color: #f7a600;
  }
  [dir="ltr"] .trader-list .trader-list__switch-search-input {
    margin-left: auto;
  }
  [dir="rtl"] .trader-list .trader-list__switch-search-input {
    margin-right: auto;
  }
  .trader-list .trader-list__switch-search-input .by-input__inner {
    font-size: 14px;
  }
  .trader-list .trader-list__switch-search-input:focus {
    outline: none;
  }
  .trader-list
    .trader-list__switch-search-input:focus
    ~ .trader-list__switch-search {
    border: 1px solid red;
  }
  .trader-list .trader-list__emptylist {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 1200px;
    height: 320px;
    background: #fff;
  }
  .trader-list .trader-list__emptylist .trader-list__emptylist-img {
    width: 100px;
    height: 100px;
  }
  .trader-list .trader-list__emptylist .trader-list__emptylist-text {
    margin-top: 20px;
    font-size: 14px;
    line-height: 18px;
    color: #666;
  }
  .trader-list .trader-list__list-box {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .trader-list .trader-list__list {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    margin-bottom: 40px;
    min-width: 1201px;
    width: 1201px;
  }
  .trader-list .trader-list__list.trader-height {
    min-height: 684px;
  }
  .trader-list .trader-list__list.follower-height-card {
    min-height: 846px;
  }
  .trader-list .trader-list__list.follower-height-list {
    min-height: 755px;
  }
  .trader-list .leader-list-header {
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: #0f1323;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    height: 220px;
    position: relative;
  }
  .trader-list .leader-list-header__bg-no-repeat {
    background-repeat: no-repeat;
  }
  .trader-list .leader-list-header__inner {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 1200px;
    min-width: 1200px;
    align-items: center;
  }
  .trader-list .leader-list-header__left {
    width: 780px;
    z-index: 10;
  }
  .trader-list .leader-list-header__left-title {
    font-weight: 600;
    font-size: 36px;
    color: transparent;
    line-height: 42px;
  }
  [dir="ltr"] .trader-list .leader-list-header__left-title {
    background: linear-gradient(97.12deg, #ffd748 0.93%, #f7a600);
  }
  [dir="rtl"] .trader-list .leader-list-header__left-title {
    background: linear-gradient(-97.12deg, #ffd748 0.93%, #f7a600);
  }
  [dir] .trader-list .leader-list-header__left-title {
    -webkit-background-clip: text;
    background-clip: text;
  }
  .trader-list .leader-list-header__left-desc {
    margin-top: 8px;
    width: 430px;
    font-size: 24px;
    color: var(--bds-gray-t1-title);
    line-height: 32px;
    white-space: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .trader-list .leader-list-header__left-extra__btn {
    min-width: 160px;
    margin-top: 32px;
    text-align: center;
    font-size: 16px;
    line-height: 48px;
  }
  [dir="ltr"] .trader-list .leader-list-header__left-extra__btn:last-child {
    margin-left: 20px;
  }
  [dir="rtl"] .trader-list .leader-list-header__left-extra__btn:last-child {
    margin-right: 20px;
  }
  .trader-list .leader-list-header-right-countbox {
    width: 358px;
    height: 160px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 8px;
    position: absolute;
    top: 62px;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  [dir="ltr"] .trader-list .leader-list-header-right-countbox {
    right: 119px;
  }
  [dir="rtl"] .trader-list .leader-list-header-right-countbox {
    left: 119px;
  }
  .trader-list
    .leader-list-header-right-countbox
    .leader-list-header-right-countbox-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  }
  .trader-list
    .leader-list-header-right-countbox
    .leader-list-header-right-countbox-count {
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    margin-top: 16px;
  }
  .trader-list .leader-list__user-op {
    white-space: nowrap;
  }
  .trader-list .leader-list__user-op__btn {
    min-width: 150px;
    padding: 0 16px;
    color: #000;
  }
  [dir="ltr"] .trader-list .leader-list__user-op__btn {
    margin-right: 12px;
  }
  [dir="rtl"] .trader-list .leader-list__user-op__btn {
    margin-left: 12px;
  }
  [dir="ltr"] .trader-list .leader-list__user-op__btn:last-child {
    margin-right: 0;
  }
  [dir="rtl"] .trader-list .leader-list__user-op__btn:last-child {
    margin-left: 0;
  }
  .trader-list .leader-list__user-op__btn.by-button--contained.by-button--brand {
    color: #000;
  }
  .trader-list .leader-list__btn-help {
    font-size: 14px;
    font-weight: 400;
    width: 150px;
  }
  [dir="ltr"] .trader-list .leader-list__btn-help {
    margin-right: 12px;
  }
  [dir="rtl"] .trader-list .leader-list__btn-help {
    margin-left: 12px;
  }
  .trader-list .leader-list__btn-tutorial__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .trader-list .leader-list__help-icon {
    font-size: 20px;
  }
  [dir="ltr"] .trader-list .leader-list__help-icon {
    margin-right: 9px;
  }
  [dir="rtl"] .trader-list .leader-list__help-icon {
    margin-left: 9px;
  }
  .trader-list .leader-list-header__left-btnbox {
    display: flex;
  }
  .trader-list
    .leader-list-header__left-btnbox
    .leader-list-header__left-btnbox-btn {
    padding: 0 24px;
    min-width: 160px;
    height: 48px;
    color: #000;
    margin-top: 16px;
    font-size: 16px;
  }
  [dir="ltr"]
    .trader-list
    .leader-list-header__left-btnbox
    .leader-list-header__left-btnbox-btn:last-child {
    margin-left: 20px;
  }
  [dir="rtl"]
    .trader-list
    .leader-list-header__left-btnbox
    .leader-list-header__left-btnbox-btn:last-child {
    margin-right: 20px;
  }
  .trader-list .leader-list-header-card {
    min-width: 340px;
    border: 1px solid rgba(178, 203, 221, 0.3);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 8px;
    padding: 16px;
    color: #fff;
    position: relative;
    cursor: pointer;
  }
  [dir="ltr"] .trader-list .leader-list-header-card {
    background: linear-gradient(
      289.57deg,
      rgba(15, 19, 35, 0.2) 6.82%,
      hsla(0, 0%, 100%, 0.092) 79.78%
    );
  }
  [dir="rtl"] .trader-list .leader-list-header-card {
    background: linear-gradient(
      -289.57deg,
      rgba(15, 19, 35, 0.2) 6.82%,
      hsla(0, 0%, 100%, 0.092) 79.78%
    );
  }
  .trader-list .leader-list-header-card-context-border {
    position: absolute;
    top: 0;
    width: 324px;
    height: 116px;
  }
  [dir="ltr"] .trader-list .leader-list-header-card-context-border {
    left: 0;
  }
  [dir="rtl"] .trader-list .leader-list-header-card-context-border {
    right: 0;
  }
  .trader-list .leader-list-header-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
    position: relative;
  }
  .trader-list .leader-list-header-card-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    white-space: nowrap;
  }
  .trader-list .leader-list-header-card__level-box {
    display: inline-block;
  }
  .trader-list .leader-list-header-card__level-icon {
    display: inline-block;
    vertical-align: bottom;
  }
  [dir="ltr"] .trader-list .leader-list-header-card__level-icon {
    margin-right: 4px;
  }
  [dir="rtl"] .trader-list .leader-list-header-card__level-icon {
    margin-left: 4px;
  }
  .trader-list .leader-list-header-card-eyes {
    height: 18px;
    font-size: 16px;
  }
  [dir="ltr"] .trader-list .leader-list-header-card-eyes {
    margin-left: 8.1px;
  }
  [dir="rtl"] .trader-list .leader-list-header-card-eyes {
    margin-right: 8.1px;
  }
  .trader-list .leader-list-header-card-tips {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #71757a;
    min-width: 64px;
    white-space: nowrap;
  }
  [dir="ltr"] .trader-list .leader-list-header-card-tips {
    padding-left: 24px;
  }
  [dir="rtl"] .trader-list .leader-list-header-card-tips {
    padding-right: 24px;
  }
  .trader-list .leader-list-header-card-context {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
    z-index: 1;
  }
  .trader-list .leader-list-header-card-context-left {
    display: flex;
    flex: 1 1;
  }
  .trader-list .flex-144 {
    flex: 144 1;
  }
  .trader-list .flex-155 {
    flex: 155 1;
  }
  .trader-list .leader-list-header-card-item-title {
    color: #adb1b8;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
  }
  .trader-list .leader-list-header-card-item-amount {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-top: 2px;
    display: flex;
    align-items: baseline;
  }
  .trader-list .leader-list-header-card-item-amount-symbol {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    margin-top: 1px;
  }
  [dir="ltr"] .trader-list .leader-list-header-card-item-amount-symbol {
    margin-left: 2px;
  }
  [dir="rtl"] .trader-list .leader-list-header-card-item-amount-symbol {
    margin-right: 2px;
  }
  .trader-list .leader-list-header-right-icon {
    font-size: 20px;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
  }
  [dir="ltr"] .trader-list .leader-list-header-right-icon {
    transform: rotate(90deg);
  }
  [dir="rtl"] .trader-list .leader-list-header-right-icon {
    transform: rotate(-90deg);
  }
  .trader-list .trader-list__switch-mode-icon {
    width: 20px;
    height: 20px;
  }
  [dir="ltr"] .trader-list .trader-list__switch-mode-icon {
    margin-right: 10px;
  }
  [dir="rtl"] .trader-list .trader-list__switch-mode-icon {
    margin-left: 10px;
  }
  .trader-list .trader-list__switch-mode-icon.all-traders {
    width: 16px;
    height: 16px;
  }
  .trader-list .leader-list-header-card-item-percent {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
  }
  [dir="ltr"] .trader-list .leader-list-header-card-item-percent {
    margin-left: 3.5px;
  }
  [dir="rtl"] .trader-list .leader-list-header-card-item-percent {
    margin-right: 3.5px;
  }
  .trader-list .leader-list-header-card-item-up-icon {
    color: #20b26c;
  }
  .trader-list .leader-list-header-card-item-down-icon {
    color: #ef454a;
  }
  [dir="ltr"] .trader-list .leader-list-header-card-item-down-icon {
    transform: rotate(180deg);
  }
  [dir="rtl"] .trader-list .leader-list-header-card-item-down-icon {
    transform: rotate(-180deg);
  }
  .trader-list .leader-list-header-card-item-percent {
    display: flex;
    align-items: center;
  }
  .ant-select-dropdown {
    border-radius: 4px !important;
  }
  .rc-virtual-list-holder-inner
    .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
    background-color: rgba(56, 68, 82, 0.06);
    color: #f7a600;
  }
  .record-pass-modal__body {
    position: relative;
    text-align: center;
  }
  .record-pass-modal__body .record-pass-modal__title {
    color: #17181e;
    font-weight: 600;
    font-size: 20px;
    margin: 20px 0 24px;
  }
  .record-pass-modal__body .record-pass-modal__desc {
    font-size: 14px;
    line-height: 22px;
  }
  .record-pass-modal__body .icon-true {
    color: #20b26c;
    font-size: 64px;
    margin-top: 36px;
  }
  .record-pass-modal__body .icon-close {
    position: absolute;
    font-size: 15px;
    color: #adb1b8;
    top: 12px;
    cursor: pointer;
  }
  [dir="ltr"] .record-pass-modal__body .icon-close {
    right: -12px;
  }
  [dir="rtl"] .record-pass-modal__body .icon-close {
    left: -12px;
  }
  .trader-list__Select-level {
    display: inline-flex;
    align-items: center;
  }
  .trader-list__Select-level-name {
    display: inline-block;
  }
  [dir="ltr"] .trader-list__Select-level-name {
    padding-left: 4px;
  }
  [dir="rtl"] .trader-list__Select-level-name {
    padding-right: 4px;
  }
  .leader-board__container {
    display: flex;
    padding-top: 36px;
    padding-bottom: 4px;
  }
  [dir="ltr"] .leader-board__trader-container {
    margin-left: 24px;
    padding-left: 175px;
  }
  [dir="rtl"] .leader-board__trader-container {
    margin-right: 24px;
    padding-right: 175px;
  }
  .leader-board__trader-container .leader-board__subtitle,
  .leader-board__trader-container .leader-board__title {
    width: 266px;
  }
  .leader-board__follower-container,
  .leader-board__trader-container {
    overflow: hidden;
  }
  [dir="ltr"] .leader-board__follower-container {
    padding-left: 188px;
  }
  [dir="rtl"] .leader-board__follower-container {
    padding-right: 188px;
  }
  .leader-board__follower-container .leader-board__subtitle,
  .leader-board__follower-container .leader-board__title {
    width: 252px;
  }
  .leader-board__trader-bg-img {
    background: url(https://s1.bycsi.com/bybit/deadpool/image-da470805c9094702afbf28d41386626d.jpg)
      50% no-repeat;
  }
  .leader-board__follower-bg-img {
    position: relative;
    background: url(https://s1.bycsi.com/bybit/deadpool/image-0bbad74eadeb44b59fd628fbd51b3842.png)
      50% no-repeat;
  }
  .leader-board__follower-bg-img,
  .leader-board__trader-bg-img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: 586px 80px;
  }
  [dir="ltr"] .leader-board__follower-bg-img,
  [dir="ltr"] .leader-board__trader-bg-img {
    right: 0;
  }
  [dir="rtl"] .leader-board__follower-bg-img,
  [dir="rtl"] .leader-board__trader-bg-img {
    left: 0;
  }
  .leader-board__follower-container,
  .leader-board__trader-container {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 586px;
    height: 80px;
    border-radius: 8px;
    cursor: pointer;
  }
  [dir="ltr"] .leader-board__follower-container,
  [dir="ltr"] .leader-board__trader-container {
    padding-right: 16px;
  }
  [dir="rtl"] .leader-board__follower-container,
  [dir="rtl"] .leader-board__trader-container {
    padding-left: 16px;
  }
  .leader-board__title-bg,
  .leader-board__view-more-text-bg {
    position: relative;
    z-index: 1;
  }
  .leader-board__title-bg {
    width: 760px;
  }
  .leader-board__title {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
  }
  .leader-board__subtitle,
  .leader-board__title {
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .leader-board__subtitle {
    font-size: 24px;
    line-height: 32px;
    display: block;
  }
  .leader-board__highlight {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
  }
  [dir="ltr"] .leader-board__highlight {
    background: linear-gradient(97.12deg, #ffd748 0.93%, #f7a600);
  }
  [dir="rtl"] .leader-board__highlight {
    background: linear-gradient(-97.12deg, #ffd748 0.93%, #f7a600);
  }
  [dir] .leader-board__highlight {
    -webkit-background-clip: text;
    background-clip: text;
  }
  .leader-board__view-more-text-bg {
    display: flex;
    align-items: center;
    padding: 0 8px;
    height: 26px;
    background: hsla(0, 0%, 100%, 0.1);
    border-radius: 24px;
    color: var(--color-white);
    white-space: nowrap;
    cursor: pointer;
  }
  .leader-board__view-more-text {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
  }
  .leader-board__view-more-arrow {
    display: inline-block;
    font-size: 14px;
  }
  [dir="ltr"] .leader-board__view-more-arrow {
    margin-left: 2px;
  }
  [dir="rtl"] .leader-board__view-more-arrow {
    margin-right: 2px;
  }
  .leader-board__trader-avatar {
    position: absolute;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .leader-board__trader-avatar.leader-board__trader-avatar-1 {
    top: 16px;
    width: 37px;
    height: 37px;
  }
  [dir="ltr"] .leader-board__trader-avatar.leader-board__trader-avatar-1 {
    left: 67px;
  }
  [dir="rtl"] .leader-board__trader-avatar.leader-board__trader-avatar-1 {
    right: 67px;
  }
  .leader-board__trader-avatar.leader-board__trader-avatar-2,
  .leader-board__trader-avatar.leader-board__trader-avatar-3 {
    top: 30px;
    width: 26px;
    height: 26px;
  }
  [dir="ltr"] .leader-board__trader-avatar.leader-board__trader-avatar-2 {
    left: 18px;
  }
  [dir="rtl"] .leader-board__trader-avatar.leader-board__trader-avatar-2 {
    right: 18px;
  }
  [dir="ltr"] .leader-board__trader-avatar.leader-board__trader-avatar-3 {
    left: 125px;
  }
  [dir="rtl"] .leader-board__trader-avatar.leader-board__trader-avatar-3 {
    right: 125px;
  }
  .leader-board__gold-star {
    top: 47px;
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAoCAYAAABjPNNTAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAm1SURBVHgB5VgLbJ1lGX7++39uvZ3Sdt3Wdl3Z6ibuArKLsHWMMAwwYpAFlRhFEgkxKgkYRC5FQ8CImhgMMNCJYTpHAhlBIQwZMC4T3dYJW9dt3bq1dG3Xy+npuf237/M5Z9ANle3MnhgT35wv/zn5v/9/n/d5r98B/h9F9vzod/I2TEcJRUUJRR6zV2T2bPoSDPV7KKGUFCSC8Hcd/QqkPNwk70QlSiQlAykPWS0wrviCUT0HCbU8ClW9DSWS0jEZxB9A9JsIzV0GUdGADKzbZDsqUAIpCUjZaTfBWLoOWh202EEuD2MpJ4rA+DJKIKVhMqfeh/ANgNIHiFFUrl4FRyrIBcpXUQKZMki5jSxal30NIkqQhwA/h/Dc8xFubkIO6hLZrq3FFGXqTFrqGoSu4JtGGJcJSN8hmz7KVy5HxhWQin47pihTAiklFJgL7pQ5FYF2Ak4uA9fNwfdcGM0NUCtiSAv1Uq9dv6yw978JMq9QXg/Ne9G+2TOXNrlKFk62D34mhSCT5nIgcllYn25FOlAhDfu+fc/A2Mxn/hOw5wyyoOR+aD3zmwwZav2BSFnwlASciRSc5ARy+ZVOw8lkYcybSw0Sjm6vaOy0Vp3HZ167/9yBFr1ZbonUwvFqghzm+56ol5q9RM66Zp2nTYNjDsJzPPh+QFAGjHAEhuHBMCX83XuAnj7EzvP2ivOcZ0hLt62KPtj6YVye61UUyKJAyt1tFTjx5nza2AxfaQC0BgizDiJSAaW8DgjXQa8sg16BQC1DYFbCN+JwPcHq4yE92gGH7I2eSELwlXY0jLJKE+VVFkyNGLZ3ILz4SmiqC4XMqnYEmpal9owPmeqFmj6KoAdwBvqJ4TDd1QNFOQpX71ZW5o7oBajenPXjB969PhKLQ1cifJjlROMyw1whZjCvkTAklzAUJokBTyTg5iLIjCYw1DsM15yHBdfdjYqapsIr33l8MQxEIMrCUBcu5PsmoKs2dC1MHDHqmEHS47qiR2ZBD3NRj8ro83shvUHkjmyFHDhxDNjfeBLk5vXfsh21pcMbW2TGNZy/qhWhet6KagRJF1o5bnJZWVhiPIkg6yOY8OGMB+jel8TsS+5C86KrP+YiVXjIJpLwHZ92RiBNnU7yiCMLVRsnGQNQcin4470EXgbDqoARqsfgrn5MdPwZDeMTw+GA6YnTYlLejkgqpfymK6N8MRUrxwXXLUJVCy3WuIXsSQaP77MUOgIuvZQdd5AeSbHUPISZn1qB0aM7CllV1bSs8L6dj7Yi8D2EooxPeiAfAkYoDN0waIAPL3kMqjOEcJkFi/ckQ+jI8wch+kYwO5DdtiavUn6NroLBk8H5MNLRR+W6C6P4RV16HHuefhsj+8eALJlMBpBkDQQnXIYRlQvXIUvsKSKNA6+0Y8dja+Gl+ieZNDWBbDKDLLPeY1nystyf5e/BQ3AH30Ys0o+aRhVlMzmDVMzEvo3vweklQCH32oG89COAedE/lkWFTBPfkbeo41rOvee9jW9hzpp5qL+oseBm6Qt6ncvzIF2X8eOiZ+stENkc51wPpqmdqgY0RPK+9HUE3Ku4w4zRAcTKBcNP54pClk2H44Tw3pNvQxvL4FO67LKE/LzyNI6fjutjICfBPibulTergRbI9sNb9xKEi2kXz6JCshkwf72A8RRA5YoaAbK8Cj2AZZ4qu57jMIMDKkgjhARs6TL/LGqkSpvzcLQOyeM+DmzewTjL4XxTvmwp8ivKrzD8z3j+LcgC0CfF/fIbSJuB8pNjbzFWyGLt4oYPb+Y/BKkEyHOnKbJwhRCnmBQOLIUM0ygEkqVJh1RNVjO614xgYM8wDj1/GDUsUXMs/NRcLz+xx5+x49Cqh6dLeeOcQLrpg0cxtItekCqUwEc+MpQ8WCZLQCCekHDzTH8o7kgGSPsnQ0ThM7pN9uL8qmHo/XF0PnsEM2wN82N4xHhc3HEmHGdti8pT2BgP5OXxMW1kdHc3hnYOkjCdw4REOquCuQE3YObnF5PqI8llBXu4ApGkJQkFSlpAy6ZxfFcSe5/tQ0NIYFbYfxCPiG+fresU1bsZyNvDyLa1TKtBZaYTY2kNqaxC5phMZCbIE0h2fSbUJEhZCAhqJ4uCK81vH2RRPZLAotkWmuPmXW9WiXtpwlnboo4ixVq+SoM6VohFj2DybivYGKTzxZPuDMjmKX05sm0ycfIArXCMScQ508jXRA8RtkZpN422JfaJYnQXDdIwQ3N90YtCqoiAvToJN3kczVf+ElZZYz7pUV7/mcn9S259EQxT5oyCrqeuQXWLzlgmbyGL5ShHI0MLlHaUFiSM6EpNZOhGC7mRHkgW6HhzGcoaViBc2fgv26e3Xjr5vZNqVCtKtsm9FYIyMgrdVpcVqfkcQEZjC5SRIWS9SpYcA2acBVlm0PXcNWDzYXYr8Jg3vscpXRrskNrJpsvyVFtvcgIiwHAUGlusZrIUGaJVbmizla+/lisdSH94FnsgJzj2YLq7bJoJnYkTtoYYoyxDIp/dEv17XVQ2ViHGUU3VNYYhF6cqg67WmcaqYUKJsVY6EzaU2la+uaMkIOWWu2qhv1sf2FGYehTVM3i0yR8TdA61BidvTkV9u1MY2pvC2LjAnrcymNlahsVrpnOAiEA3q5APFYNlS9XYdcoJsj9B71ifKwZkcceHkLoAQT98nbOhHeJPyck7BIszcaIvwM7fD2Pw7zwupAQaQ9jdUukHJ/aP4tUnDqD7bwnGHyeh8jjUOGdUiyArq6mZBVa3FhejvjiQRvRi8Bzjh+MojzOmPBsTCQtvbDiCv2z6ABh1EZtwu0JSrjUW1l1SX23Mn1ePjRVqDu+/0ImXH3odx7sIqopDPodgVMZZo1KMV295MeqLOuPIHY+8hJE71ji1S9jmTHS81Ifu7Qc5d/uoNuRRcnN3JIbN85+BJyU+7O3AtmuxmpPenUK3VgeOi5kXzUXL1YsQq+UTz23miLbMR+SiamXdj8fPpL+4xFEHL4BtYn9HFLv/sI3F2EOD7iUjGn7OnPnZxS8iOWn1aWav2oJXeHlly1XODVIoD/bv7GpKv9+FGatXoqGMxwc/ocN2LuSeV8+o/izw+GfUc03sNPV/3a7infUvoMbPoFlzf8tTxtwL/4T2pacB/CS59o/YlFLlglRW/nAwidTAq6+jv5MDtcelRs4al2dn0o4vHDl4CMdfT+GzcWzVDfngwuexDecoN5405r4NbXJD5wDuGU6euMkUOdTM1pdgqiLfeOCOo7dOP7J/LVahhPLoUjQ9sQSb3vj+8l2Yqsj2Np1/hpb2b+vTpK3tHBrK/7L8AwARPrytuk5iAAAAAElFTkSuQmCC)
      50%;
  }
  [dir="ltr"] .leader-board__gold-star {
    left: 75px;
  }
  [dir="rtl"] .leader-board__gold-star {
    right: 75px;
  }
  .leader-board__silver-star {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARJSURBVHgBvVVbbBRVGP7mnJm9di/FNrYFpFgopgRrrakYiKHBC4nEGEnrg4kRo4YYAokxPhiFeklQo9FHow/6ANGIMVGUAAWKNypBoGIAi7XdbrfX3XZndmdnZudyjqc1Qmxrs32QLzmZy/n/73zn///zH2AR6LtiNy/GnpRqmB0wayXCuw6dNpaW6lMyucf4G+IRcRzsLNVHKsXm1zNjtWXhcD8jFBdGuZpz3Lqnt8SyYo4v5EgWWFSMDtLW1kZikcA7rseg2i58xI3Lrrv7n3nOubRYcoE2MXeIbt36Qp1luY/qnos49UBYEUXL2b37pa8qm5sP0fb2dlIyuVAyo7yhARTVUORQ+Z5U1sS4amBCM0B4UTjZsaV1DbvOjfvkgwf7yfQO8B/b/5t0gMdVxal1HNKkW3ZDJm9V5wv2WlXV77Ap4KMMQVmC4wEFm+DygFiE0kERssHbV4QvFR36i07IZVOO9mxvlawZ8o+7eLypwjmxslxq1B1GLZfDdFz8OW6CezbSWgGuYaKuKigUcxQMF4pCofgDYJICv98v/soougSyJMHyOHJ552R9zZItM8rf+lxrWR4lnbKfRSnhiPoAylxkdQNZNY91K6JYXV+B4aEsVq+pwI/HUwiEGHTJjzxToLkUuiOhKBbuOZ8ZylrOvUfeb0pcC8vrBzL3SYx94Sks1lApI0hckTgDWiaLylgAyeExjGbS2PPiY/ipOwktn4dFw8gxH7IibqrmovdiOmGYVuuRD+5J/CuhrzxecVzPu5u9nKu6jCEjVJi2B0pdpFIDGBlLY+P6RthFhu+7R6AWbBi2UC++c5MGeroHE0b2OvGcannzuZpzRDeaR4atxFTeheVwuIxD8hQ8tHkTNt69Gnv2nUTaGQUTVeWJkezPovtUX4IT0nrkk+vE06Czy+fU0Zu0yvpoKj2lt69cGkHMx3FLTR1uWxfDa+8dxpgxgUgkipqKclB/EJ2dg5ql6uu7Pn0gOZtLxhzs5UQ+VVZdGUIkoGDkKsG2XVVQVRu7treK+uLo+X0UtkhiXGR+w53LYmcvDRqYB3PJO16VovKDdRXxEBRKQWMe3v3oZ3iOCb9PQiAQQFbko7qqGlqOIRQJYtnNyxqF54nZVHNP6N69PBwILA8HgxgueEhaDL0TOVwcSuPMb0lM5kyURcKYNEW8NYZxV0Le5htRknKBW6ti8Wg0iL4pCyYXhwV+JPoyyGW0zuFRuqmlJax4SyTk3OlWIUGW5bWYp0PO2xNCfqVJNRkM3UaybwJ9V0e/NgvGw/1n9z+RSQ+2nLswceDi6RTsySKmDAtlYfmu+XjmtMv9h/+IUsuvHTvbi6Ep+xtK6NtHv3v+DC7b0qpV4qqbNvI18ftbnlnBSWhfrDywbUlZGfuwY404/dKC/R1ffpuq3/Hyya4NT362fgEh195bn/qh8ZGd54/t6LhSi/8Lz3YMh3Aj8ReWqQGdX0JQdgAAAABJRU5ErkJggg==)
      50%;
  }
  [dir="ltr"] .leader-board__silver-star {
    left: 25px;
  }
  [dir="rtl"] .leader-board__silver-star {
    right: 25px;
  }
  .leader-board__bronze-star {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAXCAYAAAARIY8tAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQpSURBVHgBxVRraBxVFP5mZmf2MftKsiFNY+w2USRoqxURUTGrlVB/6A+FCkLx8acK1kopBUVtIgoKWsSK+kNQFKNYJRYqKVZoMI1pQDcmjVlDHs2j2ezu7OzM7szu7O68vLsSKTHR3V89wx0u997zfeeec74L1Gn25fPBes7TqNPEydH31j49Gqn1fF0E2uhHYUPOPKkbpeO1+tRFoJfpXpZzgvcFIsJAb6QWn5oJtMvnw1DlAw7iQZk6WBOv1OJXE4FNMHPT0ZfzqSStZnPIyVlIaWFv7MPnum3bpv7L1/E/2FQvGSsjn+20Z6efTi+vQsmp0PIaimUDfIDve42i9pIALKoaxyYAmy0q0W+aDTm5nWHctxma2qWmhVvVVGJfUSvBNAxYlo3K53Bykq/B/y1FUcsMMGqAThuNidjN+0+V/0UwcfLgYRdFHzRttBm67i8WNFjk9oyDAU3T0EslVAi8oQYoSaFKYlkWCDh43lkN3yRrpm1DEJUkbCNmUvahf1I0MDIzcVPI3eWzdZi6+TcwcS6XdVA0BdbfjLsOvQlPUytK+QzG+99B/NcoCB48Hhf8Xk8VPKfpyCtqy4KkaW8M/j7FrBMMTS0utjUFvE1B/92tjX7wXh5eHw+32wmDRLbriWfhb+3E2bdfQNP1O9G2pxuTP3xXvYnf6yYBOaCWTaiKiqmkIsfi0sMzqVycuTr3Y3Nr54JujmIZOuLlaEiSgqJhIk+KKk7/hoWR7+F0cQjfeR8sLY3o4Fn4CLiHjErkSlbB2GJaWUgrkTN/XIlWMJmNBR5fEoZ8rINiWSbS7OVA2ZW8WlheTSN0XRseev1rsC4vfv6kD1Iig4bGAEQ5D1Ut4Jd5QVgSlMiPs4mJdTxmsy6aimeGnKR8bs4RAekaltTD4XWSQmu48MX7cHiCuGP/81gaPo2koMA0y7i4KK4kU/nun5aF2NVYWwrt9KWlvpCHG6rM81oZ9z5zDD3H3kWg/UaQ1gRtlZASFSgk51rRwqP3dB05d0WY3YiztZJJBxmWwTMMjUKhjLEvP4YmruCxV09gW3gHBj94C7JcIOmjEPS7USoZOzaD2VLJFWV+5XHvFjMq0QEQuzSDqRePoCXkR75YRi6nkQ7jEOBdkBUNnNt5S10E/Yf37c7EJWflSRBJN9FEC+H2ZvwZl8CTF68h6K0Sq0W9Go6cU/dshrNlivJSoSuRziEuZMFyLBy8B2fGl0pjs8mTw/PC8JxUAGk1MAyDrFqElNXCnx/o4Wu+weqaeLtBngInUegMKeZqOtFPFZmj2++XUpX9+Sj1yNxa9kR7Ix9ub3CDZR2BjJHtJFuTNRGAYzsWUioSsjhEGdZLF1ali9X1U+sHUgPkN/AAtj2VVLTjN7QEwoyL7dhIsKU92NGyKxIORVCj9XS2PI5rYX8BqtfnWWesAqwAAAAASUVORK5CYII=)
      50%;
  }
  [dir="ltr"] .leader-board__bronze-star {
    left: 132px;
  }
  [dir="rtl"] .leader-board__bronze-star {
    right: 132px;
  }
  .leader-board__bronze-star,
  .leader-board__silver-star {
    top: 55px;
    width: 12px;
    height: 12px;
  }
  .leader-board__bronze-star,
  .leader-board__gold-star,
  .leader-board__silver-star {
    display: block;
    position: absolute;
    z-index: 2;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .trader-list__select-country-content {
    height: 200px;
  }
  .trader-list__select-Level-container img {
    vertical-align: baseline;
  }
  .trader-list__select-Level-container .ant-checkbox {
    top: -2px;
  }
  .trader-list__select-tag-content {
    height: 248px;
  }
  .trader-list__select-tag-text span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 270px;
  }
  .trader-list-mobile__container {
    display: none;
  }
  .trader-list__join-btn-bg {
    display: flex;
    align-items: center;
    margin-top: 24px;
  }
  [dir="ltr"] .trader-list__join-arrow {
    margin-left: 2px;
  }
  [dir="rtl"] .trader-list__join-arrow {
    margin-right: 2px;
  }
  .trader-list__join-btn {
    min-width: 128px;
    color: var(--bds-brand-900-text);
    white-space: nowrap;
    font-weight: 500;
  }
  [dir="ltr"] .trader-list__join-btn {
    margin-right: 24px;
  }
  [dir="rtl"] .trader-list__join-btn {
    margin-left: 24px;
  }
  .trader-list__join-btn .by-button__content {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .trader-list__join-btn .trader-list__join-arrow {
    font-size: 14px;
  }
  .trader-list__join-btn .loading-icon__container .loading-icon__img {
    font-size: 18px;
  }
  .trader-list__earn-btn .by-button__content {
    display: flex;
    align-items: center;
  }
  .trader-list__fire-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/copyTrade/static/media/fire-icon.2236d2e1.svg) no-repeat;
    background-size: 100% 100%;
  }
  [dir="ltr"] .trader-list__fire-icon {
    margin-right: 2px;
  }
  [dir="rtl"] .trader-list__fire-icon {
    margin-left: 2px;
  }
  .leader-list__header-banner {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .leader-list-header__ct-head-title {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    padding-top: 8px;
  }
  @media screen and (max-width: 720px) {
    .trader-list .leader-list-header {
      height: auto;
    }
    .leader-list-header__ct-head-title {
      font-size: 14px;
      line-height: 22px;
      padding: 8px 0 0;
    }
    .trader-list__announce {
      position: relative;
      bottom: -8px;
      width: calc(100vw - 32px);
      margin: 0 auto;
      box-shadow: none;
      border-radius: 0;
    }
    .trader-list__announce .ct-announce__speaker {
      width: 16px;
      height: 16px;
    }
    [dir="ltr"] .trader-list__announce .ct-announce__speaker {
      margin-right: 4px;
    }
    [dir="rtl"] .trader-list__announce .ct-announce__speaker {
      margin-left: 4px;
    }
    .trader-list-mobile__container {
      display: block;
      /* width: 100vw; */
      /* height: 100vh; */
      /* overflow-y: auto; */
    }
    .trader-list-mobile__main {
      width: 343px;
      margin: 0 auto;
    }
    .leader-board__container {
      display: block;
      padding-top: 8px;
    }
    .trader-list .trader-list__switch {
      width: 100%;
    }
    .leader-recommend,
    .trader-list .trader-list__switch-box {
      width: calc(100% - 32px);
      margin: 0 auto;
    }
    .leader-board__trader-container {
      width: 100%;
      margin-top: 12px;
    }
    [dir="ltr"] .leader-board__trader-container {
      margin-left: 0;
    }
    [dir="rtl"] .leader-board__trader-container {
      margin-right: 0;
    }
    .leader-board__follower-bg-img,
    .leader-board__trader-bg-img {
      background-size: 100%;
    }
    .trader-list .leader-list-header {
      background-image: none;
    }
    .leader-board__view-more-text-bg,
    .leader-list-header-right,
    .trader-list .trader-list__switch-search,
    .trader-list__joinAsTrader {
      display: none;
    }
    .trader-list .trader-list__Select-box .ant-checkbox-wrapper {
      font-size: 12px;
    }
    .trader-list .trader-list__switch {
      padding: 16px;
    }
    .trader-list .trader-list__switch-box {
      width: 100vw;
      margin-top: 16px;
      padding: 0;
    }
    .trader-list .leader-list-header__left-title {
      font-size: 28px;
      line-height: 40px;
    }
    .trader-list .trader-list__switch-mode-item {
      font-size: 16px;
      line-height: 24px;
      height: 24px;
    }
    .trader-list
      .trader-list__switch-mode-item.trader-list__switch-mode-item-active:after {
      top: 38px;
    }
    [dir="ltr"] .trader-list .trader-list__switch-mode-item:last-child {
      margin-left: 24px;
    }
    [dir="rtl"] .trader-list .trader-list__switch-mode-item:last-child {
      margin-right: 24px;
    }
    .trader-list .leader-list-header__inner {
      width: 375px;
      min-width: auto;
      margin: 0 auto;
      text-align: center;
      padding: 32px 0 38px;
    }
    .trader-list .trader-list__select-trader {
      width: 350px;
    }
    .trader-list .trader-list__select-country {
      width: 200px;
    }
    .trader-list .trader-list__select-country-content {
      height: 200px;
    }
    .trader-list .trader-list__select-Level-container {
      width: 200px;
    }
    .trader-list .trader-list__select-Level-container img {
      vertical-align: baseline;
    }
    .trader-list .trader-list__select-tag {
      width: 320px;
    }
    .trader-list .trader-list__Select-box {
      min-width: calc(100vw - 32px);
    }
    .trader-list .trader-list__list-box,
    .trader-list .trader-list__Select-box .trader-list__select-country-comp,
    .trader-list .trader-list__Select-box .trader-list__select-dataDuration-comp,
    .trader-list .trader-list__Select-box .trader-list__select-Level-comp,
    .trader-list .trader-list__Select-box .trader-list__select-tag-comp,
    .trader-list .trader-list__Select-box .trader-list__select-trader-comp {
      display: none;
    }
   .trader-list__list-box  {
      display: none;
    }
    .trader-list .trader-list__switch-box.trader-list__switch-box-full-list {
      min-width: auto;
    }
    .trader-list
      .trader-list__switch-box.trader-list__switch-box-full-list
      .trader-list__switch {
      width: 100%;
    }
    .trader-list-mobile__box {
      padding: 16px;
      margin-bottom: 12px;
      border-radius: 8px;
      border: 0.5px solid #e9edf2;
      color: #fff;
    }
    .trader-list-mobile__box .trader-user__nickname {
      font-size: 14px;
      font-weight: 500;
      line-height: 22px;
    }
    .trader-list-mobile__box .trade-user__country-code {
      bottom: -8px;
      height: 35px;
      width: 35px;
      transform: scale(0.4);
    }
    [dir="ltr"] .trader-list-mobile__box .trade-user__country-code {
      left: 8px;
    }
    [dir="rtl"] .trader-list-mobile__box .trade-user__country-code {
      right: 8px;
    }
    .trader-list-mobile__box
      .leader-grade_level-icon.leader-grade_level-icon--middle {
      width: 16px;
      height: 16px;
    }
    [dir="ltr"] .trader-list-mobile__box .trader-user__desc {
      margin-left: 8px;
    }
    [dir="rtl"] .trader-list-mobile__box .trader-user__desc {
      margin-right: 8px;
    }
    .trader-list-mobile__box .trader-leader__tags-container {
      margin-top: 0;
    }
    .trader-list-mobile__box .trader-list__Item .trader-list__Item-user {
      flex: 1 1;
    }
    [dir="ltr"]
      .trader-list-mobile__box
      .trader-list__Item
      .trader-list__Item-user {
      margin-right: 8px;
    }
    [dir="rtl"]
      .trader-list-mobile__box
      .trader-list__Item
      .trader-list__Item-user {
      margin-left: 8px;
    }
    .trader-list-mobile__box .trader-list__Item {
      border: none;
    }
    .trader-list-mobile__bottom {
      display: flex;
      flex-wrap: wrap;
    }
    .trader-list-mobile__bottom .trader-list-mobile__Item-bg {
      width: 32%;
      padding: 6px 0;
    }
    .trader-list-mobile__bottom .trader-list-mobile__Item-bg:first-child,
    .trader-list-mobile__bottom .trader-list-mobile__Item-bg:nth-child(2),
    .trader-list-mobile__bottom .trader-list-mobile__Item-bg:nth-child(3) {
      border-bottom: 0.5px solid #f3f5f7;
    }
    [dir="ltr"]
      .trader-list-mobile__bottom
      .trader-list-mobile__Item-bg:nth-child(3n)
      .trader-list-mobile__Item,
    [dir="ltr"]
      .trader-list-mobile__bottom
      .trader-list-mobile__Item-bg:nth-child(3n)
      .trader-list-mobile__Item-title {
      text-align: right;
    }
    [dir="rtl"]
      .trader-list-mobile__bottom
      .trader-list-mobile__Item-bg:nth-child(3n)
      .trader-list-mobile__Item,
    [dir="rtl"]
      .trader-list-mobile__bottom
      .trader-list-mobile__Item-bg:nth-child(3n)
      .trader-list-mobile__Item-title {
      text-align: left;
    }
    .trader-list-mobile__bottom .trader-list-mobile__Item-title {
      font-size: 10px;
      line-height: 14px;
      color: #fff;
      padding-bottom: 2px;
    }
    .trader-list-mobile__bottom .trader-list-mobile__Item {
      font-size: 12px;
      line-height: 18px;
      font-weight: 500;
      /* color: #121214; */
    }
    .trader-list__Item.card-follower {
      height: auto;
      padding: 0 0 24px;
    }
    .leader-board__follower-container,
    .leader-board__trader-container {
      width: 343px;
      height: 68px;
      margin: 0 auto 12px;
    }
    [dir="ltr"] .leader-board__follower-container,
    [dir="ltr"] .leader-board__trader-container {
      padding: 0 0 0 160px;
    }
    [dir="rtl"] .leader-board__follower-container,
    [dir="rtl"] .leader-board__trader-container {
      padding: 0 160px 0 0;
    }
    .leader-board__follower-container .leader-board__subtitle,
    .leader-board__follower-container .leader-board__title,
    .leader-board__title-bg,
    .leader-board__trader-container .leader-board__subtitle,
    .leader-board__trader-container .leader-board__title {
      width: 180px;
    }
    .leader-board__trader-bg-img {
      background-image: url(https://s1.bycsi.com/bybit/deadpool/image-cbb6ccfc9df841058eed7565218806ab.png);
    }
    .leader-board__follower-bg-img {
      background-image: url(https://s1.bycsi.com/bybit/deadpool/image-d2443bb674fa4073bf96cbdabe9423c1.png);
    }
    .leader-board__title {
      font-size: 12px;
      font-weight: 600;
      line-height: 16px;
    }
    .leader-board__subtitle {
      font-size: 16px;
      font-weight: 600;
      line-height: 20px;
    }
    .leader-board__trader-avatar.leader-board__trader-avatar-1 {
      width: 32px;
      height: 32px;
      top: 14px;
    }
    [dir="ltr"] .leader-board__trader-avatar.leader-board__trader-avatar-1 {
      left: 57px;
    }
    [dir="rtl"] .leader-board__trader-avatar.leader-board__trader-avatar-1 {
      right: 57px;
    }
    .leader-board__trader-avatar.leader-board__trader-avatar-2,
    .leader-board__trader-avatar.leader-board__trader-avatar-3 {
      width: 22px;
      height: 22px;
      top: 25px;
    }
    [dir="ltr"] .leader-board__trader-avatar.leader-board__trader-avatar-2 {
      left: 15px;
    }
    [dir="rtl"] .leader-board__trader-avatar.leader-board__trader-avatar-2 {
      right: 15px;
    }
    [dir="ltr"] .leader-board__trader-avatar.leader-board__trader-avatar-3 {
      left: 106px;
    }
    [dir="rtl"] .leader-board__trader-avatar.leader-board__trader-avatar-3 {
      right: 106px;
    }
    .leader-board__bronze-star,
    .leader-board__silver-star {
      top: 45px;
    }
    .leader-board__gold-star {
      top: 38px;
    }
    [dir="ltr"] .leader-board__gold-star {
      left: 63px;
    }
    [dir="rtl"] .leader-board__gold-star {
      right: 63px;
    }
    [dir="ltr"] .leader-board__silver-star {
      left: 21px;
    }
    [dir="rtl"] .leader-board__silver-star {
      right: 21px;
    }
    [dir="ltr"] .leader-board__bronze-star {
      left: 111px;
    }
    [dir="rtl"] .leader-board__bronze-star {
      right: 111px;
    }
    .trader-list__switch-mode-icon {
      width: 16px;
      height: 16px;
    }
    [dir="ltr"] .trader-list__switch-mode-icon {
      margin-right: 8px;
    }
    [dir="rtl"] .trader-list__switch-mode-icon {
      margin-left: 8px;
    }
    .trader-list-mobile__no-record-img {
      display: block;
      margin: 68px auto 0;
      width: 120px;
      height: 90px;
    }
    .trader-list-mobile__no-record-content {
      font-size: 14px;
      line-height: 22px;
      text-align: center;
      color: #81858c;
      margin-top: 8px;
    }
  }
  .trader-list__earn-btn-box {
    border-radius: var(--size-4);
    border: 1px solid #f7a600;
    display: flex;
    align-items: center;
  }
  .trader-list__earn-btn-box .trader-list__earn-btn {
    color: #f7a600;
  }
  [dir="ltr"] .trader-list__earn-btn-box .trader-list__earn-btn {
    padding: 0 8px 0 15px;
  }
  [dir="rtl"] .trader-list__earn-btn-box .trader-list__earn-btn {
    padding: 0 15px 0 8px;
  }
  .trader-list__earn-btn-box .trader-list__earn-btn:hover {
    color: var(--bds-brand-600-hover);
  }
  .trader-list__earn-btn-box .trader-list__copy-btn {
    font-size: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #f7a600;
  }
  [dir="ltr"] .trader-list__earn-btn-box .trader-list__copy-btn {
    padding: 0 15px 0 7px;
    border-left: 1px solid rgba(247, 166, 0, 0.1607843137254902);
  }
  [dir="rtl"] .trader-list__earn-btn-box .trader-list__copy-btn {
    padding: 0 7px 0 15px;
    border-right: 1px solid rgba(247, 166, 0, 0.1607843137254902);
  }
  .trader-list__earn-btn-box .trader-list__copy-btn:hover {
    color: var(--bds-brand-600-hover);
  }
  .ld-list__new-tag {
    font-size: 12px;
    zoom: 0.83;
    height: 14.4px;
    line-height: 14.4px;
    color: #fff;
    padding: 0 2.4px;
  }
  [dir="ltr"] .ld-list__new-tag {
    border-radius: 0 4.8px;
    background: linear-gradient(90deg, #ff7b42, #ff4740);
    margin-left: 2px;
  }
  [dir="rtl"] .ld-list__new-tag {
    border-radius: 4.8px 0;
    background: linear-gradient(-90deg, #ff7b42, #ff4740);
    margin-right: 2px;
  }
  .apply-condition-modal__wrap-bg .ant-modal {
    height: 394px;
    top: calc(50% - 197px);
  }
  .apply-condition-modal__wrap-bg .ant-modal-content {
    border-radius: 16px;
  }
  .apply-condition-modal__wrap-bg .ant-modal-body {
    padding: 72px 32px 24px;
  }
  .apply-condition-modal__wrap-bg .apply-condition-modal__main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--bds-gray-t1-title);
  }
  .apply-condition-modal__wrap-bg .apply-condition-modal__main-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin-top: 16px;
    text-align: center;
  }
  .apply-condition-modal__wrap-bg .apply-condition-modal__desc-bg {
    margin-top: 8px;
  }
  .apply-condition-modal__wrap-bg .apply-condition-modal__desc {
    font-size: 16px;
    line-height: 24px;
    color: var(--bds-gray-t2);
    text-align: center;
  }
  .apply-condition-modal__wrap-bg .apply-condition-modal__tips {
    display: flex;
    align-items: center;
    margin-top: 8px;
    font-size: 12px;
    line-height: 18px;
    color: var(--bds-gray-t3);
  }
  .apply-condition-modal__wrap-bg .apply-condition-modal__tip-icon {
    display: inline-block;
  }
  [dir="ltr"] .apply-condition-modal__wrap-bg .apply-condition-modal__tip-icon {
    transform: rotate(180deg);
    margin-right: 4px;
  }
  [dir="rtl"] .apply-condition-modal__wrap-bg .apply-condition-modal__tip-icon {
    transform: rotate(-180deg);
    margin-left: 4px;
  }
  .apply-condition-modal__wrap-bg .apply-condition-modal__btn-bg {
    margin-top: 24px;
    display: flex;
  }
  .apply-condition-modal__wrap-bg .apply-condition-modal__cancel-btn,
  .apply-condition-modal__wrap-bg
    .by-button.by-button--contained.apply-condition-modal__create-btn {
    flex: 1 1;
    padding: 0 20px;
    font-size: 16px;
    line-height: 20px;
    color: var(--bds-gray-t1-title);
    border-radius: 8px;
  }
  .apply-condition-modal__wrap-bg
    .apply-condition-modal__cancel-btn
    .by-button__content,
  .apply-condition-modal__wrap-bg
    .by-button.by-button--contained.apply-condition-modal__create-btn
    .by-button__content {
    font-weight: 600;
  }
  [dir="ltr"]
    .apply-condition-modal__wrap-bg
    .by-button.by-button--contained.apply-condition-modal__create-btn {
    margin-right: 24px;
  }
  [dir="rtl"]
    .apply-condition-modal__wrap-bg
    .by-button.by-button--contained.apply-condition-modal__create-btn {
    margin-left: 24px;
  }
  .apply-condition-modal__wrap-bg
    .by-button.by-button--contained.apply-condition-modal__create-btn
    .by-button__content {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .apply-condition-modal__wrap-bg .apply-condition-modal__loading {
    width: 18px;
    height: 18px;
  }
  [dir="ltr"] .apply-condition-modal__wrap-bg .apply-condition-modal__loading {
    margin-right: 4px;
  }
  [dir="rtl"] .apply-condition-modal__wrap-bg .apply-condition-modal__loading {
    margin-left: 4px;
  }
  .apply-condition-modal__wrap-bg
    .apply-condition-modal__loading
    .loading-icon__img {
    color: var(--bds-static-black);
    font-size: 18px;
  }
  .apply-condition-modal__wrap-bg .ant-modal-close-x {
    width: 72px;
    height: 72px;
    line-height: 72px;
  }
  [dir="ltr"] .header-coupon-card-title-balance {
    margin-right: 8px;
  }
  [dir="rtl"] .header-coupon-card-title-balance {
    margin-left: 8px;
  }
  .header-coupon-card-wrap {
    width: 394px;
    overflow: hidden;
    border-radius: 12px;
    position: relative;
  }
  .header-coupon-card-wrap .header-coupon-card-entry {
    position: absolute;
    top: 0;
    border: 1px solid rgba(213, 218, 224, 0.6);
    background: hsla(0, 0%, 100%, 0.6);
    padding: 5px 8px;
    display: flex;
    color: #121214;
    color: var(--gray-tt-1-title, #121214);
    font-family: IBM Plex Sans;
    font-size: 10px;
    font-style: normal;
    line-height: 14px;
    cursor: pointer;
  }
  [dir="ltr"] .header-coupon-card-wrap .header-coupon-card-entry {
    right: 0;
    border-radius: 0 12px;
  }
  [dir="rtl"] .header-coupon-card-wrap .header-coupon-card-entry {
    left: 0;
    border-radius: 12px 0;
  }
  .header-coupon-card-wrap
    .header-coupon-card-entry
    .header-coupon-card-entry-txt {
    font-weight: 600;
  }
  [dir="ltr"]
    .header-coupon-card-wrap
    .header-coupon-card-entry
    .header-coupon-card-entry-txt {
    margin-right: 2px;
  }
  [dir="rtl"]
    .header-coupon-card-wrap
    .header-coupon-card-entry
    .header-coupon-card-entry-txt {
    margin-left: 2px;
  }
  .header-coupon-card-wrap
    .header-coupon-card-entry
    .header-coupon-card-entry-icon {
    align-items: center;
    font-size: 14px;
    color: #121214;
  }
  .header-coupon-card-wrap .copytrade-icon {
    cursor: pointer;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    color: #adb1b8;
  }
  .header-coupon-card-wrap .header-coupon-card-title-box {
    position: relative;
  }
  [dir="ltr"] .header-coupon-card-wrap .header-coupon-card-title-box {
    background-image: linear-gradient(90deg, #ffe47c, #ffc040);
  }
  [dir="rtl"] .header-coupon-card-wrap .header-coupon-card-title-box {
    background-image: linear-gradient(-90deg, #ffe47c, #ffc040);
  }
  .header-coupon-card-wrap
    .header-coupon-card-title-box
    .header-coupon-card-title-bg-box {
    background-image: url(/copyTrade/static/media/money.31e2e41e.svg);
    background-size: 64px, 79px;
    background-position: 300px 25px;
    background-repeat: no-repeat;
    padding: 24px 24px 16px;
  }
  .header-coupon-card-wrap .header-coupon-card-title-box:after,
  .header-coupon-card-wrap .header-coupon-card-title-box:before {
    content: "";
    width: 20px;
    height: 20px;
    background: #0f1323;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  [dir="ltr"] .header-coupon-card-wrap .header-coupon-card-title-box:before {
    left: -10px;
  }
  [dir="ltr"] .header-coupon-card-wrap .header-coupon-card-title-box:after,
  [dir="rtl"] .header-coupon-card-wrap .header-coupon-card-title-box:before {
    right: -10px;
  }
  [dir="rtl"] .header-coupon-card-wrap .header-coupon-card-title-box:after {
    left: -10px;
  }
  .header-coupon-card-wrap
    .header-coupon-card-title-box
    .header-coupon-card-title {
    font-family: IBM Plex Sans;
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    color: #121214;
    letter-spacing: 0;
    margin-bottom: 2px;
    display: flex;
    flex-wrap: wrap;
    word-break: break-all;
  }
  .header-coupon-card-wrap
    .header-coupon-card-title-box
    .header-coupon-card-title.no-expiry {
    flex-direction: column;
    grid-gap: 0;
    gap: 0;
  }
  .header-coupon-card-wrap
    .header-coupon-card-title-box
    .header-coupon-card-title.no-expiry
    .header-coupon-card-title-balance {
    font-size: 40px;
    line-height: 48px;
  }
  .header-coupon-card-wrap
    .header-coupon-card-title-box
    .header-coupon-card-title.no-expiry
    .header-coupon-card-title-name {
    font-size: 18px;
    line-height: 26px;
  }
  .header-coupon-card-wrap
    .header-coupon-card-title-box
    .header-coupon-card-title.no-expiry
    .header-coupon-card-title-name
    .copytrade-icon {
    font-weight: 400;
    color: #81858c;
  }
  .header-coupon-card-wrap
    .header-coupon-card-title-box
    .header-coupon-card-title-name {
    display: flex;
    align-items: center;
    grid-gap: 4px;
    gap: 4px;
  }
  .header-coupon-card-wrap
    .header-coupon-card-title-box
    .header-coupon-card-desc {
    margin-top: 8px;
    font-family: IBM Plex Sans;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #121214;
    opacity: 0.5;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    grid-gap: 4px;
    gap: 4px;
  }
  .header-coupon-card-wrap
    .header-coupon-card-title-box
    .header-coupon-card-desc
    .header-coupon-card-desc-txt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-width: 222px;
  }
  .header-coupon-card-wrap
    .header-coupon-card-title-box
    .header-coupon-card-desc
    .copytrade-icon {
    color: #81858c;
  }
  .header-coupon-card-wrap .header-coupon-card-op-box {
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: IBM Plex Sans;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0;
    color: #81858c;
  }
  [dir="ltr"] .header-coupon-card-wrap .header-coupon-card-op-box {
    padding: 12px 16px 12px 24px;
    text-align: left;
  }
  [dir="rtl"] .header-coupon-card-wrap .header-coupon-card-op-box {
    padding: 12px 24px 12px 16px;
    text-align: right;
  }
  [dir="ltr"]
    .header-coupon-card-wrap
    .header-coupon-card-op-box
    .copytrade-icon {
    padding-left: 2px;
  }
  [dir="rtl"]
    .header-coupon-card-wrap
    .header-coupon-card-op-box
    .copytrade-icon {
    padding-right: 2px;
  }
  .header-coupon-card-wrap .header-coupon-card-op-box .header-coupon-card-op {
    display: flex;
    align-items: center;
    grid-gap: 4px;
    gap: 4px;
  }
  [dir="ltr"]
    .header-coupon-card-wrap
    .header-coupon-card-op-box
    .header-coupon-card-op {
    margin-right: 16px;
  }
  [dir="rtl"]
    .header-coupon-card-wrap
    .header-coupon-card-op-box
    .header-coupon-card-op {
    margin-left: 16px;
  }
  .header-coupon-card-wrap
    .header-coupon-card-op-box
    .header-coupon-card-op-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .header-coupon-card-wrap
    .header-coupon-card-op-box
    .header-coupon-card-claim-btn {
    min-width: 100px;
  }
  .header-coupon-card-wrap .header-coupon-card-entry-center {
    color: #121214;
  }
  .old-loss-cover-card-wrap.header-coupon-card-wrap .header-coupon-card-entry {
    color: #121214;
    border: none;
    border-bottom: 1.5px solid #fff;
  }
  [dir="ltr"]
    .old-loss-cover-card-wrap.header-coupon-card-wrap
    .header-coupon-card-entry {
    border-radius: 0 12px;
    border-left: 1.5px solid #fff;
    background: linear-gradient(133deg, #ffd748 -1.87%, #f7a600 101.87%);
    background: var(
      --Gradient-Brand,
      linear-gradient(133deg, #ffd748 -1.87%, #f7a600 101.87%)
    );
  }
  [dir="rtl"]
    .old-loss-cover-card-wrap.header-coupon-card-wrap
    .header-coupon-card-entry {
    border-radius: 12px 0;
    border-right: 1.5px solid #fff;
    background: linear-gradient(-133deg, #ffd748 -1.87%, #f7a600 101.87%);
    background: var(
      --Gradient-Brand,
      linear-gradient(-133deg, #ffd748 -1.87%, #f7a600 101.87%)
    );
  }
  [dir="ltr"]
    .old-loss-cover-card-wrap.header-coupon-card-wrap
    .header-coupon-card-title-box {
    background-image: linear-gradient(90deg, #ff6a59, #f90);
  }
  [dir="rtl"]
    .old-loss-cover-card-wrap.header-coupon-card-wrap
    .header-coupon-card-title-box {
    background-image: linear-gradient(-90deg, #ff6a59, #f90);
  }
  .old-loss-cover-card-wrap.header-coupon-card-wrap
    .header-coupon-card-title-box
    .header-coupon-card-title {
    color: #fff;
  }
  .old-loss-cover-card-wrap.header-coupon-card-wrap
    .header-coupon-card-title-box
    .header-coupon-card-desc {
    opacity: 1;
    color: #fff;
  }
  .old-loss-cover-card-wrap.header-coupon-card-wrap
    .header-coupon-card-title-box
    .header-coupon-card-desc
    .copytrade-icon {
    color: #fff;
  }
  .old-loss-cover-card-wrap.header-coupon-card-wrap
    .header-coupon-card-title-box
    .header-coupon-card-title-bg-box {
    background-image: url(https://s1.bycsi.com/bybit/deadpool/image-c62caa0034544cc48ce42be0426cf3dd.png);
    background-size: 92px, 130px;
    background-position: 287px 0;
    padding: 24px 24px 16px;
  }
  .ct-announce-wrap {
    padding: 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
  }
  .ct-announce__speaker {
    width: 24px;
    height: 24px;
    display: block;
  }
  [dir="ltr"] .ct-announce__speaker {
    margin-right: 12px;
  }
  [dir="rtl"] .ct-announce__speaker {
    margin-left: 12px;
  }
  .ct-announce__arrow-right {
    width: 32px;
    height: 32px;
    display: block;
  }
  .ct-announce__content {
    flex: 1 1;
    height: 80px;
  }
  .ct-announce__content-transition {
    transform: translateY(-80px);
    transition: transform 0.3s linear;
  }
  .ct-announce__cn-target {
    display: block;
    padding: 28px 0;
    color: #121214;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .ct-announce__cn-target:focus,
  .ct-announce__cn-target:hover,
  .ct-announce__cn-target:visited {
    color: #121214;
  }
  .ct-announce-min-height {
    min-height: 120px;
  }
  @media screen and (max-width: 720px) {
    .ct-announce-wrap {
      padding: 0;
    }
    .ct-announce__content {
      height: 22px;
      overflow: hidden;
    }
    .ct-announce__cn-target {
      padding: 0;
      width: calc(100vw - 72px);
      font-size: 14px;
      line-height: 22px;
    }
    .ct-announce-min-height {
      min-height: 32px;
    }
  }
  .copytrade-modal__close-icon {
    font-size: 14px;
    font-weight: 600;
  }
  .copytrade-modal__wrap-bg .ant-modal-content {
    border-radius: 8px;
  }
  .copytrade-modal__wrap-bg .ant-modal-header {
    border: none;
    padding: 24px;
    border-radius: 8px 8px 0 0;
  }
  .copytrade-modal__wrap-bg .ant-modal-title {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #121214;
  }
  .copytrade-modal__wrap-bg .ant-modal-body {
    padding: 0 24px 24px;
  }
  .copytrade-modal__wrap-bg .ant-modal-close-x {
    width: 24px;
    height: 24px;
    line-height: 24px;
    position: relative;
    top: 24px;
    color: #adb1b8;
  }
  [dir="ltr"] .copytrade-modal__wrap-bg .ant-modal-close-x {
    right: 24px;
  }
  [dir="rtl"] .copytrade-modal__wrap-bg .ant-modal-close-x {
    left: 24px;
  }
  .first-invest-modal__wrap-bg.ant-modal-wrap {
    z-index: 95;
  }
  .first-invest-modal__wrap-bg .ant-modal-header .copytrade-icon {
    font-size: 14px;
    color: #81858c;
    font-weight: 400;
    cursor: pointer;
  }
  [dir="ltr"] .first-invest-modal__wrap-bg .ant-modal-header .copytrade-icon {
    margin-left: 4px;
  }
  [dir="rtl"] .first-invest-modal__wrap-bg .ant-modal-header .copytrade-icon {
    margin-right: 4px;
  }
  .first-invest-modal__wrap-bg .add-investment-modal__btn-box {
    margin-top: 24px;
  }
  .first-invest-modal__wrap-bg .first-invest-modal {
    flex: 1 1;
    overflow-y: auto;
    overflow-y: overlay;
    scroll-behavior: smooth;
  }
  .first-invest-modal__wrap-bg .first-invest-modal .futures-setting-title-right {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #81858c;
    display: flex;
    align-items: center;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .futures-setting-title-right
    .icon-question {
    color: #81858c;
    font-size: 8px;
    cursor: pointer;
    position: relative;
    top: 1px;
  }
  [dir="ltr"]
    .first-invest-modal__wrap-bg
    .first-invest-modal
    .futures-setting-title-right
    .icon-question {
    margin-left: 4.6px;
  }
  [dir="rtl"]
    .first-invest-modal__wrap-bg
    .first-invest-modal
    .futures-setting-title-right
    .icon-question {
    margin-right: 4.6px;
  }
  .first-invest-modal__wrap-bg .first-invest-modal .futures-setting-title {
    color: #121214;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    position: relative;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .setting-input.by-input--outlined
    .by-input__container {
    border: 1px solid transparent;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .setting-input
    .by-input__container:focus-within {
    border-color: var(--brand-color-02);
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .setting-input
    .by-input__container {
    height: 48px;
    background: #f3f5f7;
    border-radius: 4px;
    padding: 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .setting-input
    .by-input__container
    input::-moz-placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #adb1b8;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .setting-input
    .by-input__container
    input:-ms-input-placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #adb1b8;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .setting-input
    .by-input__container
    input::placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #adb1b8;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .setting-input
    .by-input__container
    .by-input__inner {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #121214;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .setting-input
    .by-input__container
    .by-input__inner::-moz-placeholder {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #adb1b8;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .setting-input
    .by-input__container
    .by-input__inner:-ms-input-placeholder {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #adb1b8;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .setting-input
    .by-input__container
    .by-input__inner::placeholder {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #adb1b8;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .setting-input
    .by-input__container
    .by-input__right-icon {
    color: #121214;
    font-weight: 500;
    font-size: 16px;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .setting-input.setting-input-error
    .by-input__container {
    border: 1px solid #ef454a;
  }
  .first-invest-modal__wrap-bg .first-invest-modal .setting-input-error-msg {
    color: #ef454a;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    margin-top: 4px;
  }
  .first-invest-modal__wrap-bg .first-invest-modal .error-tip {
    color: #ef454a;
    font-size: 12px;
    margin: 8px 0;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .futures-setting-principal-desc {
    margin-top: 8px;
    margin-bottom: 8px;
    border-radius: 4px;
    overflow: hidden;
    padding: 8px;
    border: 0.5px solid #e9edf2;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .futures-setting-principal-desc
    .desc-item {
    display: flex;
    color: #81858c;
    align-items: center;
    font-size: 12px;
    justify-content: space-between;
    line-height: 20px;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .futures-setting-principal-desc
    .desc-item.desc-account {
    margin-bottom: 4px;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .futures-setting-principal-desc
    .desc-item
    .copytrade-icon {
    width: 11px;
    height: 11px;
    cursor: pointer;
  }
  [dir="ltr"]
    .first-invest-modal__wrap-bg
    .first-invest-modal
    .futures-setting-principal-desc
    .desc-item
    .copytrade-icon {
    margin-left: 6px;
  }
  [dir="rtl"]
    .first-invest-modal__wrap-bg
    .first-invest-modal
    .futures-setting-principal-desc
    .desc-item
    .copytrade-icon {
    margin-right: 6px;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .futures-setting-principal-desc
    .desc-item
    .value {
    min-width: 130px;
    color: #121214;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  [dir="ltr"]
    .first-invest-modal__wrap-bg
    .first-invest-modal
    .futures-setting-principal-desc
    .desc-item
    .value {
    text-align: right;
  }
  [dir="rtl"]
    .first-invest-modal__wrap-bg
    .first-invest-modal
    .futures-setting-principal-desc
    .desc-item
    .value {
    text-align: left;
  }
  [dir="ltr"]
    .first-invest-modal__wrap-bg
    .first-invest-modal
    .futures-setting-principal-desc
    .desc-item
    .value
    span {
    margin-left: 3px;
  }
  [dir="rtl"]
    .first-invest-modal__wrap-bg
    .first-invest-modal
    .futures-setting-principal-desc
    .desc-item
    .value
    span {
    margin-right: 3px;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .futures-setting-principal-desc
    .desc-item
    .value
    .advance-multi-select__container {
    height: 20px;
    line-height: 20px;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .futures-setting-principal-slider {
    margin-top: 12px;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .futures-setting-principal-slider
    .slider-setting-label {
    display: flex;
    align-items: center;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .futures-setting-principal-slider
    .slider-setting-label
    span {
    font-weight: 500;
    font-size: 12px;
    color: #121214;
  }
  [dir="ltr"]
    .first-invest-modal__wrap-bg
    .first-invest-modal
    .futures-setting-principal-slider
    .slider-setting-label
    span {
    margin-left: 7px;
  }
  [dir="rtl"]
    .first-invest-modal__wrap-bg
    .first-invest-modal
    .futures-setting-principal-slider
    .slider-setting-label
    span {
    margin-right: 7px;
  }
  [dir="ltr"]
    .first-invest-modal__wrap-bg
    .first-invest-modal
    .futures-setting-principal-slider
    .slider-setting-label
    span:last-child {
    margin-left: 16px;
  }
  [dir="rtl"]
    .first-invest-modal__wrap-bg
    .first-invest-modal
    .futures-setting-principal-slider
    .slider-setting-label
    span:last-child {
    margin-right: 16px;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .futures-setting-principal-slider
    .by-slider {
    padding: 0;
    margin: 20px 0 12px;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .futures-setting-principal-slider
    .slider-value-tips {
    color: #81858c;
    font-size: 12px;
    margin-top: 12px;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .by-button.investment-modal__confirm-btn {
    margin-top: 12px;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    color: #121214;
    border-radius: 8px;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .by-button.investment-modal__confirm-btn
    .by-button__content {
    font-weight: 600;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .by-button.investment-modal__confirm-btn.by-button--disabled {
    opacity: 0.35;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .by-button.investment-modal__confirm-btn.invest-modal__sub-btn--with-bonus {
    width: 208px;
    margin-top: 0;
  }
  .first-invest-modal__wrap-bg .first-invest-modal .investment-modal__account-bg {
    font-size: 12px;
    line-height: 18px;
    border: 0.5px solid #e9edf2;
    padding: 8px;
    border-radius: 8px;
    margin-top: 8px;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .investment-modal__account-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .advance-multi-select__container {
    height: 18px;
    line-height: 18px;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .investment-modal__account-item:last-child {
    margin-bottom: 0;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .investment-modal__account-title {
    font-weight: 500;
    color: #81858c;
    margin-bottom: 0;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .advance-multi-select__container-text,
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .investment-modal__account-text {
    font-weight: 400;
    color: #121214;
  }
  [dir="ltr"]
    .first-invest-modal__wrap-bg
    .first-invest-modal
    .advance-multi-select__container-text,
  [dir="ltr"]
    .first-invest-modal__wrap-bg
    .first-invest-modal
    .investment-modal__account-text {
    text-align: right;
  }
  [dir="rtl"]
    .first-invest-modal__wrap-bg
    .first-invest-modal
    .advance-multi-select__container-text,
  [dir="rtl"]
    .first-invest-modal__wrap-bg
    .first-invest-modal
    .investment-modal__account-text {
    text-align: left;
  }
  .first-invest-modal__wrap-bg
    .first-invest-modal
    .int-modal__at-list.futures-setting-select-account-options {
    width: 416px;
  }
  .investment-modal__wrap-bg.ant-modal-wrap {
    z-index: 95;
  }
  .investment-modal__wrap-bg .add-investment-modal__btn-box {
    margin-top: 24px;
  }
  .investment-modal__wrap-bg
    .investment-modal__input.by-input--contained
    .by-input__container {
    padding: 12px;
    width: 100%;
    height: 48px;
    background: #f3f5f7;
    border-radius: 4px;
  }
  .investment-modal__wrap-bg
    .investment-modal__input.by-input--contained
    .by-input__container
    .by-input__inner {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #121214;
  }
  .investment-modal__wrap-bg
    .investment-modal__input.by-input--contained
    .by-input__container
    .by-input__inner::-moz-placeholder {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #adb1b8;
  }
  .investment-modal__wrap-bg
    .investment-modal__input.by-input--contained
    .by-input__container
    .by-input__inner:-ms-input-placeholder {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #adb1b8;
  }
  .investment-modal__wrap-bg
    .investment-modal__input.by-input--contained
    .by-input__container
    .by-input__inner::placeholder {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #adb1b8;
  }
  .investment-modal__wrap-bg .investment-modal__close-icon {
    font-size: 14px;
    font-weight: 600;
  }
  .investment-modal__wrap-bg .investment-modal__unit {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #121214;
  }
  .investment-modal__wrap-bg .by-button.investment-modal__confirm-btn {
    margin-top: 12px;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    color: #121214;
    border-radius: 8px;
  }
  .investment-modal__wrap-bg
    .by-button.investment-modal__confirm-btn
    .by-button__content {
    font-weight: 600;
  }
  .investment-modal__wrap-bg
    .by-button.investment-modal__confirm-btn.by-button--disabled {
    opacity: 0.35;
  }
  .investment-modal__wrap-bg
    .by-button.investment-modal__confirm-btn.invest-modal__sub-btn--with-bonus {
    width: 208px;
    margin-top: 0;
  }
  .investment-modal__wrap-bg .investment-modal__account-bg {
    font-size: 12px;
    line-height: 18px;
    border: 0.5px solid #e9edf2;
    padding: 8px;
    border-radius: 8px;
    margin-top: 8px;
  }
  .investment-modal__wrap-bg .investment-modal__account-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
  }
  .investment-modal__wrap-bg .advance-multi-select__container {
    height: 18px;
    line-height: 18px;
  }
  .investment-modal__wrap-bg .investment-modal__account-item:last-child {
    margin-bottom: 0;
  }
  .investment-modal__wrap-bg .investment-modal__account-title {
    font-weight: 500;
    color: #81858c;
    margin-bottom: 0;
  }
  .investment-modal__wrap-bg .advance-multi-select__container-text,
  .investment-modal__wrap-bg .investment-modal__account-text {
    font-weight: 400;
    color: #121214;
  }
  [dir="ltr"] .investment-modal__wrap-bg .advance-multi-select__container-text,
  [dir="ltr"] .investment-modal__wrap-bg .investment-modal__account-text {
    text-align: right;
  }
  [dir="rtl"] .investment-modal__wrap-bg .advance-multi-select__container-text,
  [dir="rtl"] .investment-modal__wrap-bg .investment-modal__account-text {
    text-align: left;
  }
  .investment-modal__wrap-bg .copy-amount-modal__question-icon {
    font-size: 14px;
    color: #81858c;
    font-weight: 400;
    cursor: pointer;
  }
  [dir="ltr"] .investment-modal__wrap-bg .copy-amount-modal__question-icon {
    margin-left: 4px;
  }
  [dir="rtl"] .investment-modal__wrap-bg .copy-amount-modal__question-icon {
    margin-right: 4px;
  }
  .investment-modal__wrap-bg .investment-modal__input-error .by-input__container {
    border: 1px solid #ef454a;
  }
  .investment-modal__wrap-bg .investment-modal__error-tips {
    color: #ef454a;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    margin-top: 4px;
  }
  .inv-mod__csl-recal-box {
    margin-top: 24px;
    font-size: 14px;
    line-height: 22px;
    color: #121214;
    min-height: 78px;
  }
  .inv-mod__csl-recal-lm {
    color: #d5dae0;
    cursor: pointer;
    border-bottom: 1px dashed #d5dae0;
    display: inline-block;
  }
  .invest-fol-modal {
    z-index: 1010;
  }
  .invest-fol-modal .by-modal__container {
    padding-top: 32px;
  }
  .invest-fol-modal .by-dialog__body {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #121214;
  }
  .invest-fol-modal .by-dialog__foot .by-button__content {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #121214;
  }
  .investment-modal__max {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #d6850d;
    cursor: pointer;
  }
  [dir="ltr"] .investment-modal__max {
    margin-right: 16px;
  }
  [dir="rtl"] .investment-modal__max {
    margin-left: 16px;
  }
  .int-modal__at-list.futures-setting-select-account-options {
    width: 416px;
  }
  .investment-loading__mask {
    border-radius: 16px;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.75;
    background: #fff;
    z-index: 1;
    touch-action: none;
  }
  [dir="ltr"] .investment-loading__mask {
    right: 0;
  }
  [dir="rtl"] .investment-loading__mask {
    left: 0;
  }
  .investment-loading__text {
    display: inline-block;
  }
  [dir="ltr"] .investment-loading__text {
    margin-left: 8px;
  }
  [dir="rtl"] .investment-loading__text {
    margin-right: 8px;
  }
  @-webkit-keyframes loading-anime-ltr {
    0% {
      transform: rotate(0deg);
    }
    50% {
      transform: rotate(180deg);
    }
    to {
      transform: rotate(1turn);
    }
  }
  @-webkit-keyframes loading-anime-rtl {
    0% {
      transform: rotate(0deg);
    }
    50% {
      transform: rotate(-180deg);
    }
    to {
      transform: rotate(-1turn);
    }
  }
  @keyframes loading-anime-ltr {
    0% {
      transform: rotate(0deg);
    }
    50% {
      transform: rotate(180deg);
    }
    to {
      transform: rotate(1turn);
    }
  }
  @keyframes loading-anime-rtl {
    0% {
      transform: rotate(0deg);
    }
    50% {
      transform: rotate(-180deg);
    }
    to {
      transform: rotate(-1turn);
    }
  }
  .investment-loading__icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUuODMgMy4zMjlhNS4zMzMgNS4zMzMgMCAxMS0zLjE2MyA0Ljg3NHYtLjU1MWEuNjY3LjY2NyAwIDEwLTEuMzM0IDB2LjU1MmE2LjY2OCA2LjY2OCAwIDAwMTIuMjYgMy42MjVBNi42NjcgNi42NjcgMCAwMDUuMjg3IDIuMTFhLjY2Ny42NjcgMCAwMC41NDIgMS4yMTh6IiBmaWxsPSIjODE4NThDIi8+PC9zdmc+")
      no-repeat;
  }
  [dir="ltr"] .investment-loading__icon {
    -webkit-animation: loading-anime-ltr 1s linear infinite;
    animation: loading-anime-ltr 1s linear infinite;
  }
  [dir="rtl"] .investment-loading__icon {
    -webkit-animation: loading-anime-rtl 1s linear infinite;
    animation: loading-anime-rtl 1s linear infinite;
  }
  .investment-loading__box {
    display: flex;
    align-items: center;
    position: absolute;
    top: 130px;
    padding: 12px 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #121214;
    background: #fff;
    border: 1px solid #f3f5f7;
    box-shadow: 0 2px 16px rgba(18, 18, 20, 0.1);
    border-radius: 8px;
    z-index: 2;
  }
  [dir="ltr"] .investment-loading__box {
    right: calc(50% - 65px);
  }
  [dir="rtl"] .investment-loading__box {
    left: calc(50% - 65px);
  }
  .recommend-dialog .by-dialog__head {
    padding: 0 32px;
  }
  .recommend-dialog .by-dialog {
    border-radius: 16px;
    width: 780px;
  }
  .recommend-dialog .by-dialog .by-dialog__body {
    padding: 0 32px 24px;
  }
  .recommend-dialog .recommend-dialog-desc-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 16px;
    background: #f2f4f6;
    min-height: 79px;
    font-size: 14px;
  }
  [dir="ltr"] .recommend-dialog .recommend-dialog-desc-box {
    padding: 0 0 0 40px;
  }
  [dir="rtl"] .recommend-dialog .recommend-dialog-desc-box {
    padding: 0 40px 0 0;
  }
  .recommend-dialog .recommend-dialog-desc-box .recommend-dialog-desc {
    color: #121214;
    line-height: 1.5;
  }
  .recommend-dialog .recommend-dialog-desc-box img.people-icon {
    width: 180px;
    height: 80px;
  }
  .recommend-dialog .rec-dg-banner {
    cursor: pointer;
    font-size: 14px;
    color: #d6850d;
  }
  .recommend-dialog .recommend-dialog-body {
    padding: 16px 0;
    display: flex;
    justify-content: space-between;
    min-height: 404px;
  }
  .recommend-dialog .recommend-dialog-body .recommend-dialog-item {
    border-radius: 16px;
    width: 350px;
    background: #f3f5f7;
    background: var(--gray-ele-ele-line, #f3f5f7);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .recommend-dialog
    .recommend-dialog-body
    .recommend-dialog-item
    .rmd-unFolled-dg-title-box {
    display: flex;
    align-items: center;
  }
  [dir="ltr"]
    .recommend-dialog
    .recommend-dialog-body
    .recommend-dialog-item
    .rmd-unFolled-dg-title-box
    .rmd-unFolled-dg-title {
    padding-right: 4px;
  }
  [dir="rtl"]
    .recommend-dialog
    .recommend-dialog-body
    .recommend-dialog-item
    .rmd-unFolled-dg-title-box
    .rmd-unFolled-dg-title {
    padding-left: 4px;
  }
  .recommend-dialog
    .recommend-dialog-body
    .recommend-dialog-item
    .rmd-unFolled-dg-title-box
    svg {
    cursor: pointer;
  }
  .recommend-dialog
    .recommend-dialog-body
    .recommend-dialog-item
    .recommend-dialog-title-box {
    color: #121214;
    display: flex;
    justify-content: space-between;
    padding: 16px 24px 12px;
    font-family: IBM Plex Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
  }
  .recommend-dialog
    .recommend-dialog-body
    .recommend-dialog-item
    .recommend-dialog-item-body {
    border-radius: 16px;
    margin: 2px;
    border: 0.5px solid #f3f5f7;
    border: 0.5px solid var(--gray-ele-ele-line, #f3f5f7);
    background: #fff;
    background: var(--color-primary-white, #fff);
  }
  .recommend-dialog
    .recommend-dialog-body
    .recommend-dialog-item
    .recommend-dialog-tag {
    display: flex;
    align-items: center;
    color: #121214;
    color: var(--static_Black, #121214);
    font-family: IBM Plex Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    padding: 2px 8px 3px;
  }
  [dir="ltr"]
    .recommend-dialog
    .recommend-dialog-body
    .recommend-dialog-item
    .recommend-dialog-tag {
    border-radius: 0 8px;
    background: linear-gradient(133deg, #ffd748 -1.87%, #f7a600 101.87%);
    background: var(
      --gradient-brand,
      linear-gradient(133deg, #ffd748 -1.87%, #f7a600 101.87%)
    );
  }
  [dir="rtl"]
    .recommend-dialog
    .recommend-dialog-body
    .recommend-dialog-item
    .recommend-dialog-tag {
    border-radius: 8px 0;
    background: linear-gradient(-133deg, #ffd748 -1.87%, #f7a600 101.87%);
    background: var(
      --gradient-brand,
      linear-gradient(-133deg, #ffd748 -1.87%, #f7a600 101.87%)
    );
  }
  [dir="ltr"]
    .recommend-dialog
    .recommend-dialog-body
    .recommend-dialog-item:hover {
    background: linear-gradient(90deg, #f90, #ff6857);
  }
  [dir="rtl"]
    .recommend-dialog
    .recommend-dialog-body
    .recommend-dialog-item:hover {
    background: linear-gradient(-90deg, #f90, #ff6857);
  }
  .recommend-dialog
    .recommend-dialog-body
    .recommend-dialog-item:hover
    .recommend-dialog-title-box {
    color: #fff;
    color: var(--gray-tt-1-title, var(--color-primary-white, #fff));
  }
  .recommend-dialog
    .recommend-dialog-body
    .recommend-dialog-item:hover
    .recommend-dialog-tag {
    background: #fff;
    background: var(--color-primary-white, #fff);
  }
  .recommend-dialog
    .recommend-dialog-body
    .recommend-dialog-item:hover
    .recommend-dialog-tag
    p {
    -webkit-text-fill-color: transparent;
  }
  [dir="ltr"]
    .recommend-dialog
    .recommend-dialog-body
    .recommend-dialog-item:hover
    .recommend-dialog-tag
    p {
    background: linear-gradient(90deg, #f90, #ff6a59);
    background: var(--gradient-reddish, linear-gradient(90deg, #f90, #ff6a59));
  }
  [dir="rtl"]
    .recommend-dialog
    .recommend-dialog-body
    .recommend-dialog-item:hover
    .recommend-dialog-tag
    p {
    background: linear-gradient(-90deg, #f90, #ff6a59);
    background: var(--gradient-reddish, linear-gradient(-90deg, #f90, #ff6a59));
  }
  [dir]
    .recommend-dialog
    .recommend-dialog-body
    .recommend-dialog-item:hover
    .recommend-dialog-tag
    p {
    background-clip: text;
    -webkit-background-clip: text;
  }
  .recommend-dialog
    .recommend-dialog-body
    .recommend-dialog-item:hover
    .rmd-unFolled-dg-title-box
    svg
    path {
    fill: #fff;
  }
  .recommend-dialog .copyTrade-recommendCard-avatar-img {
    border-radius: 50%;
    overflow: hidden;
  }
  @media screen and (max-width: 720px) {
    .recommend-dialog .by-dialog__head {
      padding: 0 12px;
    }
    .recommend-dialog .by-dialog {
      width: 360px;
    }
    .recommend-dialog .by-dialog .by-dialog__body {
      padding: 0 10px 12px;
    }
    .recommend-dialog .recommend-dialog-desc-box {
      font-size: 12px;
      min-height: auto;
      border-radius: 8px;
    }
    [dir="ltr"] .recommend-dialog .recommend-dialog-desc-box {
      padding: 4px 0 0 10px;
    }
    [dir="rtl"] .recommend-dialog .recommend-dialog-desc-box {
      padding: 4px 10px 0 0;
    }
    .recommend-dialog .recommend-dialog-desc-box img.people-icon {
      width: 135px;
      height: 60px;
    }
    [dir="ltr"] .recommend-dialog .recommend-dialog-desc-box img.people-icon {
      margin-right: -20px;
    }
    [dir="rtl"] .recommend-dialog .recommend-dialog-desc-box img.people-icon {
      margin-left: -20px;
    }
    .recommend-dialog .rec-dg-banner {
      font-size: 12px;
    }
    .recommend-dialog .recommend-dialog-body {
      margin: 4px 0;
      padding: 0;
      display: block;
      max-height: 404px;
      overflow-y: scroll;
    }
    .recommend-dialog .recommend-dialog-body .recommend-dialog-item {
      width: auto;
      border-radius: 8px;
      margin-bottom: 8px;
    }
    .recommend-dialog
      .recommend-dialog-body
      .recommend-dialog-item
      .recommend-dialog-item-body {
      border-radius: 8px;
      margin: 2px;
    }
    .recommend-dialog
      .recommend-dialog-body
      .recommend-dialog-item
      .recommend-dialog-title-box {
      padding: 10px 12px 8px;
    }
    .future-set-foot__inv-val {
      font-size: 14px;
      line-height: 18px;
    }
    .futures-setting-select-account {
      align-items: center !important;
    }
    [dir="ltr"]
      .first-invest-modal__wrap-bg
      .first-invest-modal
      .advance-multi-select__container-text,
    [dir="ltr"] .investment-modal__wrap-bg .advance-multi-select__container-text {
      text-align: left;
    }
    [dir="rtl"]
      .first-invest-modal__wrap-bg
      .first-invest-modal
      .advance-multi-select__container-text,
    [dir="rtl"] .investment-modal__wrap-bg .advance-multi-select__container-text {
      text-align: right;
    }
    .first-invest-modal__wrap-bg
      .first-invest-modal
      .advance-multi-select__container,
    .investment-modal__wrap-bg .advance-multi-select__container {
      height: auto;
    }
    .first-invest-modal__wrap-bg
      .first-invest-modal
      .by-button.investment-modal__confirm-btn.invest-modal__sub-btn--with-bonus,
    .investment-modal__wrap-bg
      .by-button.investment-modal__confirm-btn.invest-modal__sub-btn--with-bonus {
      width: auto;
      min-width: 140px;
    }
  }
  .no-authentication {
    width: 100vw;
    background-color: #fff;
  }
  .no-authentication,
  .no-authentication__container {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .no-authentication__container {
    flex-direction: column;
    width: 600px;
    height: 420px;
    border: 1px solid #ededed;
    border-radius: 4px;
  }
  .no-authentication__icon {
    width: 148px;
    height: 120px;
    background-image: url(https://s1.bycsi.com/bybit/deadpool/a39c1c2c952511eca1afb2f8b5b33da9.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .no-authentication__icon-text {
    margin-top: 18px;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 22px;
  }
  .no-authentication__btn {
    margin-top: 40px;
    min-width: 160px;
    font-weight: 400;
  }
  .no-authentication__btn.by-button--contained.by-button--brand {
    color: #000;
  }
  .leader-center--user-avatar {
    height: var(--size-24);
    display: block;
  }
  [dir="ltr"] .leader-center--user-avatar {
    margin-right: var(--size-12);
  }
  [dir="rtl"] .leader-center--user-avatar {
    margin-left: var(--size-12);
  }
  .img-cover {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .user-setting__review-status--in-progress {
    color: #f7a600;
  }
  .user-setting__review-status--reject {
    color: #ef454a;
  }
  .user-setting__review-status--not-set {
    color: #adb1b8;
  }
  .font-weight-600 {
    font-weight: 600;
  }
  .align-center {
    display: flex;
    align-items: center;
  }
  .align-self-start {
    align-self: flex-start;
  }
  .justify-align-center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .justify-spbt-align-center {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .inline-block {
    display: inline-block;
  }
  .display-none {
    display: none;
  }
  .full {
    width: 100%;
  }
  .height-full {
    height: 100%;
  }
  [dir="ltr"] .rotate90 {
    transform: rotate(90deg);
  }
  [dir="rtl"] .rotate90 {
    transform: rotate(-90deg);
  }
  .pointer {
    cursor: pointer;
  }
  .color-gray-T2 {
    color: #81858c;
  }
  .color-gray-2 {
    color: #adb1b8;
  }
  .font-size-18 {
    font-size: 18px;
  }
  .no-shrink {
    flex-shrink: 0;
  }
  [dir="ltr"] .mgl-2 {
    margin-left: 2px;
  }
  [dir="rtl"] .mgl-2 {
    margin-right: 2px;
  }
  [dir="ltr"] .ml-4 {
    margin-left: 4px;
  }
  [dir="rtl"] .ml-4 {
    margin-right: 4px;
  }
  [dir="ltr"] .mgl-8 {
    margin-left: 8px;
  }
  [dir="rtl"] .mgl-8 {
    margin-right: 8px;
  }
  [dir="ltr"] .ml-12 {
    margin-left: 12px;
  }
  [dir="rtl"] .ml-12 {
    margin-right: 12px;
  }
  [dir="ltr"] .ml-16 {
    margin-left: 16px;
  }
  [dir="rtl"] .ml-16 {
    margin-right: 16px;
  }
  [dir="ltr"] .mr-4 {
    margin-right: 4px;
  }
  [dir="rtl"] .mr-4 {
    margin-left: 4px;
  }
  [dir="ltr"] .mgr-8 {
    margin-right: 8px;
  }
  [dir="rtl"] .mgr-8 {
    margin-left: 8px;
  }
  [dir="ltr"] .mr-10 {
    margin-right: 10px;
  }
  [dir="rtl"] .mr-10 {
    margin-left: 10px;
  }
  [dir="ltr"] .mr-24 {
    margin-right: 24px;
  }
  [dir="rtl"] .mr-24 {
    margin-left: 24px;
  }
  [dir="ltr"] .mr-36 {
    margin-right: 36px;
  }
  [dir="rtl"] .mr-36 {
    margin-left: 36px;
  }
  [dir="ltr"] .mr-32 {
    margin-right: 32px;
  }
  [dir="rtl"] .mr-32 {
    margin-left: 32px;
  }
  .mt-4 {
    margin-top: 4px;
  }
  .mt-8 {
    margin-top: 8px;
  }
  .mt-12 {
    margin-top: 12px;
  }
  .mt-18 {
    margin-top: 18px;
  }
  .mt-20 {
    margin-top: 20px;
  }
  .mt-24 {
    margin-top: 24px;
  }
  .mt-32 {
    margin-top: 32px;
  }
  .mt-40 {
    margin-top: 40px;
  }
  .mb-8 {
    margin-bottom: 8px;
  }
  .mb-16 {
    margin-bottom: 16px;
  }
  [dir="ltr"] .pl-12 {
    padding-left: 12px;
  }
  [dir="rtl"] .pl-12 {
    padding-right: 12px;
  }
  [dir="ltr"] .pl-16 {
    padding-left: 16px;
  }
  [dir="rtl"] .pl-16 {
    padding-right: 16px;
  }
  [dir="ltr"] .pr-8 {
    padding-right: 8px;
  }
  [dir="rtl"] .pr-8 {
    padding-left: 8px;
  }
  [dir="ltr"] .pl-4 {
    padding-left: 4px;
  }
  [dir="ltr"] .pr-4,
  [dir="rtl"] .pl-4 {
    padding-right: 4px;
  }
  [dir="rtl"] .pr-4 {
    padding-left: 4px;
  }
  .pt-4 {
    padding-top: 4px;
  }
  .no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .flex1 {
    flex: 1 1;
  }
  .transition-transform-02 {
    transition: transform 0.2s linear;
  }
  [dir="ltr"] .rotate-180 {
    transform: rotate(180deg);
  }
  [dir="rtl"] .rotate-180 {
    transform: rotate(-180deg);
  }
  .break-word {
    word-break: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .ct-progress-message.ant-message-notice {
    max-width: 480px;
    margin: 0 auto;
  }
  [dir="ltr"] .ct-progress-message.ant-message-notice {
    text-align: left;
  }
  [dir="rtl"] .ct-progress-message.ant-message-notice {
    text-align: right;
  }
  .ct-progress-message .ant-message-info {
    display: flex;
  }
  .public-page-container {
    width: 1200px;
    margin: 0 auto;
    padding: 24px;
  }
  .fit-cover {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .color-yellow-01 {
    color: #f7a600;
  }
  .color-gray-01 {
    color: #81858c;
  }
  .table-avatar-font .leader-grade_level-name {
    font-size: 14px;
    line-height: 22px;
  }
  .table-avatar-font .ant-table-content td {
    vertical-align: middle;
  }
  .table-avatar-font-12 .leader-grade_level-name {
    font-size: 12px;
    line-height: 18px;
  }
  .table-avatar-font-12 .ant-table-content td {
    vertical-align: middle;
  }
  .selector-max-height--normal {
    max-height: 272px;
    overflow-y: auto;
    overflow-y: overlay;
  }
  .table-fixed-height-412 .ant-table-content {
    min-height: 412px;
  }
  .table-fixed-height-576 .ant-table-content {
    min-height: 576px;
  }
  tr td.ant-table-column-sort {
    background: none;
  }
  .color-brand {
    color: #f7a600;
  }
  .color-Buy {
    color: #24ae64;
  }
  .color-Sell {
    color: #e04040;
  }
  .text-under-dashed {
    -webkit-text-decoration: underline dashed #d6dae0;
    text-decoration: underline dashed #d6dae0;
  }
  .white-pre-line {
    white-space: pre-line !important;
  }
  .color-valid {
    color: #20b26c;
  }
  .color-invalid {
    color: #adb1b8;
  }
  .color-disable {
    color: #d5dae0;
  }
  .color-t2-gray {
    color: #81858c;
  }
  .not-allowed {
    cursor: not-allowed;
  }
  .user-select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .white-mask {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    background: hsla(0, 0%, 100%, 0.9);
    z-index: 10;
  }
  .flex {
    display: flex;
  }
  .single-line {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .three-line {
    -webkit-line-clamp: 3;
  }
  .three-line,
  .two-line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-wrap: break-word;
  }
  .two-line {
    -webkit-line-clamp: 2;
  }
  .ct-nowrap {
    white-space: nowrap;
  }
  .min-width-300 {
    min-width: 300px;
  }
  .ct-input-common .by-input__container {
    padding: 12px 8px;
    font-weight: 500;
    background: #f3f5f7;
    border-radius: 4px;
    border: 1px solid transparent;
  }
  .ct-input-common .by-input__container .by-input__inner {
    color: #121214;
  }
  .ct-input-common .by-input__container .by-input__inner::-moz-placeholder {
    color: #adb1b8;
  }
  .ct-input-common .by-input__container .by-input__inner:-ms-input-placeholder {
    color: #adb1b8;
  }
  .ct-input-common .by-input__container .by-input__inner::placeholder {
    color: #adb1b8;
  }
  .ct-input-common.ct-input-common-error.by-input .by-input__container {
    border: 1px solid #ef454a;
  }
  .ct-input-common-error-text {
    color: #ef454a;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    margin-top: 4px;
  }
  .text-center {
    text-align: center;
  }
  [dir="ltr"] .text-right {
    text-align: right;
  }
  [dir="rtl"] .text-right {
    text-align: left;
  }
  .z-index-90 {
    z-index: 90 !important;
  }
  .ant-message {
    z-index: 10003 !important;
  }
  .ant-message .ct-error-message .ant-message-notice-content {
    border-radius: 4px;
    padding: 16px;
    color: #121214;
  }
  .copytrade-icon {
    display: inline-block;
  }
  .flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .flex-baseline {
    display: flex;
    align-items: baseline;
  }
  .buy-color {
    color: #24ae64;
  }
  .sell-color {
    color: #e04040;
  }
  .primary-color {
    color: #f7a600;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .ft-500 {
    font-weight: 500;
  }
  .ft-600 {
    font-weight: 600;
  }
  /* html {
    background: #fff;
    overflow-y: overlay;
  } */
  /* body {
    padding: 0;
    font-family: IBM Plex Sans, -apple-system, BlinkMacSystemFont, PingFang SC,
      Microsoft YaHei, Roboto, Arial, sans-serif !important;
  }
  body,
  body p {
    margin: 0;
  } */
  #__bybit_uniframe_header__ .header_ip-limited-outer-wrapper {
    background: #17181e !important;
  }
  .by-dialog__body {
    padding-top: 0;
  }
  .by-message-notice {
    height: auto !important;
  }
  .by-message__content {
    align-items: baseline;
  }
  .by-message__icon {
    position: relative;
    top: 2px;
  }
  .home-app .share-grow-text {
    color: #24ae64;
  }
  .home-app .share-decrease-text {
    color: #ef454a;
  }
  ::-webkit-scrollbar {
    height: 8px;
    width: 8px;
    background: transparent;
  }
  ::-webkit-scrollbar-thumb {
    background-color: #d9d9d9;
    border-radius: 10px;
    outline-offset: -1px;
    outline: 1px solid #fff;
  }
  .right-extra-container {
    display: flex;
    height: 32px;
  }
  .right-extra-container .by-input__container {
    height: 32px;
  }
  .right-extra-container .by-switch {
    height: 32px;
    background: transparent !important;
    border: none;
  }
  .right-extra-container .by-switch .by-switch__item {
    height: 32px !important;
    font-weight: 400;
    font-size: 12px !important;
    padding: 0 22px;
    color: #adb1b8;
  }
  .right-extra-container .by-switch .by-switch__item:first-child {
    border: 1px solid #e9edf2;
  }
  [dir="ltr"] .right-extra-container .by-switch .by-switch__item:first-child {
    border-radius: 4px 0 0 4px;
  }
  [dir="rtl"] .right-extra-container .by-switch .by-switch__item:first-child {
    border-radius: 0 4px 4px 0;
  }
  .right-extra-container .by-switch .by-switch__item:last-child {
    border: 1px solid #e9edf2;
  }
  [dir="ltr"] .right-extra-container .by-switch .by-switch__item:last-child {
    border-radius: 0 4px 4px 0;
  }
  [dir="rtl"] .right-extra-container .by-switch .by-switch__item:last-child {
    border-radius: 4px 0 0 4px;
  }
  .right-extra-container .by-switch .by-switch__item--active:first-child {
    background: linear-gradient(
        0deg,
        hsla(0, 0%, 100%, 0.9),
        hsla(0, 0%, 100%, 0.9)
      ),
      #f7a600;
    color: #f7a600;
    border: 1px solid #f7a600;
  }
  [dir="ltr"]
    .right-extra-container
    .by-switch
    .by-switch__item--active:first-child {
    border-radius: 4px 0 0 4px;
  }
  [dir="rtl"]
    .right-extra-container
    .by-switch
    .by-switch__item--active:first-child {
    border-radius: 0 4px 4px 0;
  }
  .right-extra-container .by-switch .by-switch__item--active:last-child {
    background: linear-gradient(
        0deg,
        hsla(0, 0%, 100%, 0.9),
        hsla(0, 0%, 100%, 0.9)
      ),
      #f7a600;
    color: #f7a600;
    border: 1px solid #f7a600;
  }
  [dir="ltr"]
    .right-extra-container
    .by-switch
    .by-switch__item--active:last-child {
    border-radius: 0 4px 4px 0;
  }
  [dir="rtl"]
    .right-extra-container
    .by-switch
    .by-switch__item--active:last-child {
    border-radius: 4px 0 0 4px;
  }
  .ant-table-wrapper {
    cursor: default;
  }
  .ant-table-wrapper th {
    vertical-align: top;
  }
  .ant-table-wrapper .ant-table-thead {
    padding: 0 0 4px;
    height: 16px;
    line-height: 16px;
  }
  [dir="ltr"] .ant-table-wrapper .ant-table-thead th:first-child {
    padding-left: 16px;
  }
  [dir="ltr"] .ant-table-wrapper .ant-table-thead th:last-child,
  [dir="rtl"] .ant-table-wrapper .ant-table-thead th:first-child {
    padding-right: 16px;
  }
  [dir="rtl"] .ant-table-wrapper .ant-table-thead th:last-child {
    padding-left: 16px;
  }
  .ant-table-wrapper .ant-table-thead tr th {
    line-height: 14px;
    align-items: center;
    background: #f5f7fa;
    box-sizing: border-box;
    font-size: 12px;
    color: #adb1b8;
    font-weight: 400;
    padding: 13px 0;
  }
  .ant-table-wrapper .ant-table-thead .ant-table-cell {
    border-bottom: none;
  }
  .ant-table-wrapper .ant-table-thead .ant-table-cell:before {
    width: 0 !important;
  }
  [dir="ltr"] .ant-table-wrapper .ant-table-tbody .ant-table-cell:first-child {
    padding-left: 16px;
  }
  [dir="ltr"] .ant-table-wrapper .ant-table-tbody .ant-table-cell:last-child,
  [dir="rtl"] .ant-table-wrapper .ant-table-tbody .ant-table-cell:first-child {
    padding-right: 16px;
  }
  [dir="rtl"] .ant-table-wrapper .ant-table-tbody .ant-table-cell:last-child {
    padding-left: 16px;
  }
  .ant-table-wrapper .ant-table-tbody .ant-table-cell {
    padding: 13px 0;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 500;
    color: #121214;
    border-bottom: 0.5px solid #e9edf2;
  }
  .ant-table-wrapper .ant-table-tbody .ant-input-affix-wrapper {
    border-radius: 4px;
  }
  .ant-table-wrapper .ant-pagination {
    margin: 24px 0 !important;
  }
  .ant-table-wrapper .ant-table-placeholder > td {
    border-bottom: none !important;
  }
  .ant-table-wrapper .ant-table-pagination .ant-pagination-item {
    color: #121214;
  }
  .ant-table-wrapper .ant-table-pagination .ant-pagination-item-active {
    background-color: #f7a600;
  }
  .ant-table-wrapper .ant-table-pagination .ant-pagination-item-active a {
    color: #121214;
    font-weight: 400;
  }
  .ant-tabs .ant-tabs-nav {
    margin-bottom: 0 !important;
  }
  [dir="ltr"] .ant-tabs .ant-tabs-tab + .ant-tabs-tab {
    margin-left: 32px;
  }
  [dir="rtl"] .ant-tabs .ant-tabs-tab + .ant-tabs-tab {
    margin-right: 32px;
  }
  .ant-tabs .ant-tabs-tab {
    padding: 14px 0;
    font-size: 14px;
    font-weight: 600;
    color: #adb1b8;
  }
  .ant-tabs .ant-tabs-tab:not(.ant-tabs-tab-active) .ant-tabs-tab-btn:active,
  .ant-tabs .ant-tabs-tab:not(.ant-tabs-tab-active) .ant-tabs-tab-btn:hover,
  .ant-tabs .ant-tabs-tab:not(.ant-tabs-tab-active):active,
  .ant-tabs .ant-tabs-tab:not(.ant-tabs-tab-active):hover {
    color: #adb1b8 !important;
  }
  .ant-tabs .ant-tabs-tab-active .ant-tabs-tab-btn {
    color: #121214 !important;
    text-shadow: none;
    font-weight: 600;
  }
  .ant-tabs .ant-tabs-tab-active .ant-tabs-tab-btn.active {
    text-shadow: none;
    font-weight: 600;
  }
  .ant-tooltip-content .ant-tooltip-inner {
    background-color: var(--bds-gray-ele-border);
    border-radius: 4px;
    padding: 12px 20px;
    color: var(--bds-gray-t1-title);
    font-size: 12px;
    line-height: 18px;
    box-shadow: none;
  }
  .ant-tooltip-content .ant-tooltip-inner span {
    white-space: nowrap;
  }
  .ant-tooltip-content .ant-tooltip-arrow-content {
    width: 10px;
    height: 10px;
    background-color: #e9edf2;
    box-shadow: none !important;
    --antd-arrow-background-color: none;
  }
  .ant-switch:focus:focus {
    box-shadow: none !important;
  }
  .ant-btn-primary[disabled],
  .ant-btn-primary[disabled]:active,
  .ant-btn-primary[disabled]:focus,
  .ant-btn-primary[disabled]:hover {
    color: var(--bds-static-black) !important;
    background-color: var(--bds-brand-700-normal) !important;
    opacity: 0.35 !important;
  }
  .ant-btn-primary {
    text-shadow: none !important;
  }
  .ant-select-item.ant-select-item-option-disabled {
    color: #000;
    color: initial;
    opacity: 0.35;
  }
  .antd-v5-modal-container .ant-modal-header {
    border-bottom: none;
    padding: 0;
  }
  .antd-v5-modal-container .ant-modal-close-x {
    width: auto;
  }
  .antd-v5-modal-container .ant-modal-close {
    top: 24px;
  }
  [dir="ltr"] .antd-v5-modal-container .ant-modal-close {
    right: 26px;
  }
  [dir="rtl"] .antd-v5-modal-container .ant-modal-close {
    left: 26px;
  }
  .antd-v5-modal-container .ant-modal-body {
    padding: 0;
  }
  .antd-v5-radio-container .ant-radio-wrapper .ant-radio {
    align-self: baseline;
  }
  .ant-btn-primary:focus {
    color: #000 !important;
    color: initial !important;
    background: #f7a600 !important;
  }
  .ct-bydialog-modal-container .by-modal__container {
    padding: 24px 32px;
    background-color: var(--bds-gray-bg-card);
    border-radius: 16px;
    box-shadow: var(--bds-shadow-l2);
  }
  .ct-bydialog-modal-container.by-modal .by-dialog .by-dialog__head {
    margin-bottom: 24px;
    background-color: var(--bds-gray-bg-card);
    font-size: var(--font-size-18);
    font-weight: 600;
    color: var(--bds-gray-t1-title);
    height: auto;
    line-height: 1.5;
    padding: 0;
  }
  .ct-bydialog-modal-container.by-modal .by-dialog .by-dialog__close {
    top: 4px;
    width: 14px;
    height: 14px;
    font-size: 14px;
  }
  [dir="ltr"] .ct-bydialog-modal-container.by-modal .by-dialog .by-dialog__close {
    right: 0;
  }
  [dir="rtl"] .ct-bydialog-modal-container.by-modal .by-dialog .by-dialog__close {
    left: 0;
  }
  .ct-bydialog-modal-container.by-modal .by-dialog .by-dialog__body {
    font-size: 14px;
    line-height: 1.5;
    word-wrap: break-word;
    padding: 0;
  }
  .ct-bydialog-modal-container.by-modal .by-dialog .by-dialog__foot {
    padding: 0;
  }
  .ct-bydialog-modal-container.by-modal .by-dialog .by-dialog__foot .by-button {
    margin-top: 24px;
  }
  .ct-bydialog-modal-container.by-modal .by-dialog .by-button--brand {
    border: none;
    color: var(--bds-static-black);
    background-color: var(--bds-brand-700-normal);
    box-shadow: none;
  }
  .ct-bydialog-modal-container.by-modal .by-dialog .by-button--brand:hover {
    color: var(--bds-static-black);
    background-color: var(--bds-brand-600-hover);
  }
  .ct-bydialog-modal-container.by-modal .by-dialog .by-button--secondary {
    border: 1px solid var(--bds-gray-t4-dis);
    color: var(--bds-gray-t1-title);
    background-color: transparent;
  }
  .ct-bydialog-modal-container.by-modal .by-dialog .by-button--secondary:hover {
    color: var(--bds-gray-t2);
    border: 1px solid var(--bds-gray-t4-dis);
  }
  .ct-bydialog-modal-container.by-modal .by-dialog .by-button {
    padding: 12px 24px;
    font-size: var(--bds-font-size-16);
    line-height: var(--bds-line-height-16);
    border-radius: var(--size-8);
    height: auto;
  }
  .ct-bydialog-modal-container.by-modal
    .by-dialog
    .by-button
    .by-button__content {
    font-weight: 600;
  }
  li.ant-pagination-next .ant-pagination-item-link,
  li.ant-pagination-prev .ant-pagination-item-link {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .ant-message .ant-message-notice-content {
    border-radius: 8px;
    padding: 14px 16px;
  }
  .deposit_modal_contain .ant-modal-content .ant-modal-header {
    padding: 0;
    border-bottom: none;
  }
  .deposit_modal_contain .ant-modal-content .ant-modal-body {
    padding: 0;
  }
  .ant-select-dropdown:has(.deposit_chain_warn) {
    padding: 4px;
  }
  @font-face {
    font-family: copytrade-icon;
    src: url(/copyTrade/static/media/iconfont.15aa509b.woff2) format("woff2"),
      url(/copyTrade/static/media/iconfont.0a29aee7.woff) format("woff"),
      url(/copyTrade/static/media/iconfont.82d04ae8.ttf) format("truetype"),
      url(/copyTrade/static/media/iconfont.d8c75e6d.svg#iconfont) format("svg");
  }
  .copytrade-icon {
    font-family: copytrade-icon !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
  }
  .copytrade-icon-thumbup:before {
    content: "\e617";
  }
  .copytrade-icon-filter:before {
    content: "\e653";
  }
  .copytrade-icon-signal:before {
    content: "\e64a";
  }
  .copytrade-icon-strategy:before {
    content: "\e64b";
  }
  .copytrade-icon-social:before {
    content: "\e64c";
  }
  .copytrade-icon-sharing:before {
    content: "\e64d";
  }
  .copytrade-icon-location:before {
    content: "\e64e";
  }
  .copytrade-icon-whitelist:before {
    content: "\e64f";
  }
  .copytrade-icon-max:before {
    content: "\e651";
  }
  .copytrade-icon_copy:before {
    content: "\e641";
  }
  .copytrade-icon-links1:before {
    content: "\e602";
  }
  .copytrade-icon_fold:before {
    content: "\e671";
  }
  .copytrade-icon_setting_InProcess:before {
    content: "\e60a";
  }
  .copytrade-icon_setting_NotSetUp:before {
    content: "\e60b";
  }
  .copytrade-icon_setting_NotApproved:before {
    content: "\e60c";
  }
  .copytrade-icon_setting_refresh1:before {
    content: "\e60d";
  }
  .copytrade-icon-eyeon:before {
    content: "\e67c";
  }
  .copytrade-icon-eyeoff:before {
    content: "\e67d";
  }
  .copytrade-icon-starno:before {
    content: "\e68d";
  }
  .copytrade-icon-staryes:before {
    content: "\e68f";
  }
  .copytrade-icon-wallet:before {
    content: "\e601";
  }
  .copytrade-icon-true:before {
    content: "\e688";
  }
  .copytrade-icon-false:before {
    content: "\e687";
  }
  .copytrade-icon-share:before {
    content: "\e68c";
  }
  .copytrade-icon-arrowdown:before {
    content: "\e674";
  }
  .copytrade-icon-question:before {
    content: "\e670";
  }
  .copytrade-icon-news:before {
    content: "\e61a";
  }
  .copytrade-icon-transfor:before {
    content: "\e621";
  }
  .copytrade-icon-edit:before {
    content: "\e691";
  }
  .copytrade-icon-arrowdown-solid:before {
    content: "\e67e";
  }
  .copytrade-icon-edit-line:before {
    content: "\e604";
  }
  .copytrade-icon-search:before {
    content: "\e63f";
  }
  .copytrade-icon-circle-prompt:before {
    content: "\e681";
  }
  .copytrade-icon-search-with-add:before {
    content: "\e605";
  }
  .copytrade-icon-step-selected:before {
    content: "\e606";
  }
  .copytrade-icon-asset_history:before {
    content: "\e607";
  }
  .copytrade-icon-direction-right:before {
    content: "\e67b";
  }
  .copytrade-icon-profit-rate:before {
    content: "\e609";
  }
  .copytrade-icon-a-arrowup:before {
    content: "\e673";
  }
  .copytrade-icon-icon_followers:before {
    content: "\e686";
  }
  .copytrade-icon-aum:before {
    content: "\e652";
  }
  .copytrade-icon-thumb-up:before {
    content: "\e617";
  }
  .copytrade-icon-play:before {
    content: "\e615";
  }
  .copytrade-icon-lock:before {
    content: "\e614";
  }
  .by-button--contained.by-button--secondary {
    background-color: var(--bds-gray-ele-border);
    color: var(--bds-gray-t1-title);
  }
  button.by-button--outlined.by-button--primary:hover,
  button.by-button--outlined.by-button--secondary:hover {
    border: 1px solid var(--bds-gray-t4-dis);
    color: var(--bds-gray-t2);
  }
  .by-input--outlined.by-input--readonly .by-input__container:hover {
    border: 1px solid var(--bds-gray-t4-dis) !important;
  }
  /*# sourceMappingURL=main.b37a8923.chunk.css.map */