@import '@/style/flex.less';
.header-token-box {
  margin-top: -1px;
  .header-token-info {
    border: 1px solid var(--td-component-border);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 8px 12px;
    background-color: var(--td-bg-color-container);
    .filled-star-box {
      .dja(flex-end);
      .filled-star {
        color: var(--td-brand-color);
        cursor: pointer;
      }
      .filled-star-on {
        cursor: pointer;
      }
    }
    .pro-tokeninfo-header {
      display: flex;
      box-sizing: border-box;
      .left-token-name {
        width: 70%;
        height: 100%;
        .token-name-child {
          .da();
          max-width: 176px;
          font-size: var(--font-size-xxl);
          color: var(--td-right-detail-font-color-1);
          line-height: 47px;
          .title {
            font-weight: bold;
            overflow-x: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          img {
            width: 38px;
            height: 38px;
          }

          :not(:first-child) {
            margin-left: 10px;
          }
        }
        .address-info {
          display: flex;
          color: var(--new-color-3);
          .address-info-item {
            font-size: var(--font-size);
            .address {
              margin-right: 4px;
            }
          }
        }
        :hover.address-info {
          cursor: pointer;
        }
      }
    }
    .token-price-cl {
      .da();
      .left-info {
        width: 70%;
        font-size: 16px;
        color: var(--td-text-color-secondary);
        display: flex;
        white-space: nowrap;
        .price {
          color: var(--new-color-4);
          font-size: 16px;
          font-weight: bold;
          .price-box {
            .da();
            height: 50px;
            margin-top: -24px;
            font-weight: 700;
            font-size: 28px;
          }
          .r24h-cl {
            font-size: var(--font-size-s);
            font-weight: normal;
          }
        }
        .kline-btn {
          margin-left: 16px;
          width: 24px;
          height: 24px;
          .t-icon {
            font-size: 24px;
            color: #fff;
          }
        }
      }
      .t-avatar {
        margin-left: auto;
      }
    }
  }
}
