.render-content-interval {
  &-chart-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    .echarts-for-react {
      width: 100%;
      background: #fff;
      border: 1px solid var(--unnamed, #ecedf0);
      border-radius: 8px;
    }
  }

  &-MiNone {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 368px;
    padding: 24px 16px;
    border: 1px solid #ecedf0;
    border-radius: 8px;
  }

  &-spin-container {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    .biz-loading-wrapper {
      width: 100%;
    }
  }
}