.overview {
  padding: 0 24px;
  width: 100%;
  height: 100%;
  overflow-y: auto;

  --timeline-font-family: var(--font-family);
  --timeline-grid: var(--color-border-control);
  --timeline-border-primary: var(--color-border-default);
  --timeline-axis-text: var(--color-text-secondary);
  --timeline-bg: var(--color-bg-primary);
  --timeline-selection-bg: var(--color-control-bg-ghost-hover);
}

.overview-grid {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.overview-grid-item {
  padding: 4px;
  width: 100%;
}

.overview-grid-item-pie-chart-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.overview-grid-item-pie-chart-wrapper-squeezer {
  width: 50%;
}

.empty {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 320px;
  color: var(--color-text-muted);
}