.history-chart {
  width: 100%;
  height: 440px;
}

.chart-section--archive .history-chart {
  flex: 1;
  min-height: 520px;
  height: calc(100dvh - 280px);
}

.chart-placeholder {
  min-height: 260px;
  display: grid;
  place-items: center;
  color: var(--muted);
  border: 1px dashed rgba(148, 163, 184, 0.2);
  border-radius: var(--radius);
}

.chart-section--archive .chart-placeholder {
  flex: 1;
  min-height: 520px;
  height: calc(100dvh - 280px);
}

@media (max-width: 680px) {
  .chart-section--archive .history-chart,
  .chart-section--archive .chart-placeholder {
    min-height: 420px;
    height: calc(100dvh - 340px);
  }
}