.cloud-charts.G2Pie {
  position: relative;
  text-align: center;
  box-sizing: border-box;
  z-index: 0;
}
.cloud-charts.G2Pie .cloud-charts.circle-innerBackground {
  background: var(--widgets-color-container-background, #f7f7f7);
  box-shadow: var(--widgets-circle-inner-shadow, 0 4px 20px 0 rgba(204, 204, 204, 0.5));
}
.cloud-charts.G2Pie .cloud-charts-children {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
  z-index: 8;
}