.wrap {
  .upIcon {
    width: 24px;
    height: 90px;
    transform: rotate(90deg);
    margin-left: 34px;
  }

  .numCard {
    width: 204px;
    height: 103px;
    border-radius: 10px;
    background: rgba(67, 113, 180, 0.3);
    padding-left: 30px;
    cursor: pointer;
    .name {
      font-size: 20px;
      font-weight: 400;
      color: #bccee9;
    }
  }

  .activeCard {
    box-sizing: border-box;
    border: 2px solid rgb(114, 192, 255);
    border-radius: 10px;
    box-shadow: inset 0px 0px 20px 0px rgb(0, 193, 255);
    background: rgba(50, 161, 239, 0.5);
    cursor: pointer;
  }

  .centerWrap {
    width: 247px;
    height: 576px;
    box-sizing: border-box;
    border-radius: 37px;
    box-shadow: 0px 0px 80px 0px rgba(10, 18, 61, 0.6);
    background: linear-gradient(
      0deg,
      rgba(73, 147, 163, 0.32) 0%,
      rgba(34, 129, 247, 0.33) 100%
    );
    padding-top: 39px;
    text-align: center;
  }

  .centerName {
    font-size: 20px;
    font-weight: 400;
    color: #b6c9e5;
  }

  .unit {
    font-size: 14px;
    font-weight: 400;
    color: #bccee9;
  }

  :global {
    .ant-statistic-content-value {
      background: linear-gradient(
        180deg,
        rgb(170, 255, 246),
        rgb(37, 187, 255)
      );
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      font-family: D-DIN;
      // font-size: 30px;
      font-weight: 700;
    }
  }
}
