.cbstats-chart {
  overflow: hidden;
}

.cbstats-chart-viewport {
  max-width: 100%;
  overflow-x: visible;
  padding: 0.25rem;
}

.cbstats-chart-canvas-wrapper {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 22rem;
}

.cbstats-chart-canvas-wrapper[data-cbstats-custom-width="1"] {
  width: var(--cbstats-chart-width);
  max-width: none;
}

.cbstats-chart-canvas-wrapper[data-cbstats-custom-height="1"] {
  height: var(--cbstats-chart-height);
}

.cbstats-chart-empty,
.cbstats-chart-message {
  display: inline-block;
  padding: 0.5rem 0;
}

@media (max-width: 575.98px) {
  .cbstats-chart-canvas-wrapper {
    height: 19rem;
  }
}