.metering {
  &-content {
    &-main {
      padding: 16px;
      font-size: 14px;
      display: flex;
      justify-content: space-between;
      align-content: center;

      &-avg {
        width: 280px;
        position: relative;
        padding-left: 16px;
        &-line {
          position: absolute;
          top: 0;
          left: 0;
          background-color: var(--bg-border-color2);
          z-index: 1;
        }
        &-item {
          display: flex;
          justify-content: space-between;
          align-items: center;
          color: var(--img-text-color);
        }
        &-value {
          font-family: D-DIN Exp-DINExp, D-DIN Exp-DINExp;
          background: var(--info-b-color);
          font-size: 20px;
          background-clip: text;
          -webkit-text-fill-color: transparent;
          span {
            font-size: 14px;
          }
        }
      }
    }

    &-charts {
      margin-top: 12px;

      &-desc {
        padding: 8px;
        background: rgba(255, 135, 70, 0.1);
        border-radius: 8px;
        margin: 12px 0;
        color: #ff8746;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }
  }
  .df-appraisal-content-list-static {
    color: var(--modal-title-color);
    margin-bottom: 12px;
  }
  .grossWeight-color {
    color: var(--list-cell-active1);
  }
  .tareWeight-color {
    color: var(--list-cell-active2);
  }
  .netWeight-color {
    color: var(--list-cell-active3);
  }
}
