.chart-panel {
  overflow: visible;
}

.chart-shell {
  position: relative;
  width: 100%;
  height: 420px;
  margin-top: 12px;
  border-radius: 16px;
  overflow: visible;
  background:
    radial-gradient(circle at top, var(--chart-glow), transparent 52%),
    linear-gradient(180deg, var(--chart-bg-top) 0%, var(--chart-bg-bottom) 100%);
  box-shadow:
    inset 0 1px 0 var(--chart-glow),
    0 14px 34px var(--chart-shadow);
}

.chart-canvas {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  overflow: visible;
}

.chart-canvas > div,
.chart-canvas canvas {
  border-radius: inherit;
}

@media (max-width: 900px) {
  .chart-shell {
    height: 340px;
  }
}