/* src/components/DistributionChart/DistributionChart.css */
.distribution-section {
  background: var(--bg-secondary);
  border-radius: var(--border-radius);
  padding: var(--spacing-md);
  display: flex;
  gap: var(--spacing-sm);
  flex-direction: column;
}

.pie-wrapper {
  display: flex;
  justify-content: center;
  align-items:  center;
  height: 45vh;
}

.recharts-pie-label-text {
  fill: var(--text-secondary);
  font-size: .75rem;
  font-weight: 500;
}