.container {
  width: 530px;
  height: 227px;
  background: linear-gradient(180.00deg, rgba(77, 107, 178, 0.3), rgba(8, 153, 255, 0.01) 100%);
  border-radius: 15px;
  display: flex;
  flex-direction: column;
}

.contentContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: -8px;
  margin-top: -20px;
}

// .dataSection {
//   display: flex;
//   flex-direction: column;
//   align-items: center;
// }

.legendItem {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.greenDot {
  width: 12px;
  height: 12px;
  background-color: #3BFFA0;
  border-radius: 50%;
  margin-left: 8px;
}

.yellowDot {
  width: 12px;
  height: 12px;
  background-color: #FFD055;
  border-radius: 50%;
  margin-right: 8px;
}

.legendText {
  color: #BCCEE9;
  font-size: 16px;
}

.pieChartContainer {
  position: relative;
}


