.card {
  border-radius: 0.5rem;
  padding: 1rem;
  background: rgb(255 255 255 / 1);
}
.dark .card { background: rgb(30 41 59 / 1); }

.chart-box {
  position: relative;
  width: 100%;
}
.chart-box > canvas {
  width: 100% !important;
  height: 100% !important;
  display: block;
}
.chart-box--sm { height: 260px; }
@media (max-width: 768px) {
  .chart-box--sm { height: 220px; }
}