@import "../../../assets/constants"
.to-chart
  height: 100%
  overflow: visible
  .pie-container
    display: flex
    flex-direction: row
    .empty-tip
      width: 100%
      background: $color-bg-normal
      text-align: center
      font-size: $size-font-content-medium
      color: $color-font-content
    .to-pie-chart
      flex: 1
      display: flex
      flex-direction: column
      background: $color-bg-normal
      .group_name
        font-size: $size-font-content-medium
        color: $color-brand-black
        text-align: center
        flex: none
      .c-pie-chart
        width: 100%
        flex: 1
  .to-number-chart
    position: relative
    color: $color-brand-black
    .total
      font-size: $size-font-mark
      position: absolute
      right: 0
      top: -25px
    .yesterday
      font-size: $size-font-content-medium
      margin-bottom: 5px
      .value
        font-size: 40px
    .huanbi,.tongbi
      font-size: $size-font-content-medium
      margin-bottom: 5px
      .value
        padding-right: 5px
      &:last-of-type
        margin-bottom: 0
      &.up .value
        color: $color-status-danger
      &.down .value
        color: $color-status-success