*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
  font-family: 'Inter', sans-serif;
  background: #fff;
  display: flex;
  flex-direction: column;
}

/* Chart fills remaining height */
.chart-outer {
  flex: 1;
  min-height: 0;
  padding: 48px;
  padding-top: 24px;
  padding-bottom: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.chart-scroll {
  min-width: 1440px;
  width: 100%;
  height: 100%;
}

.chart-scroll canvas {
  width: 100% !important;
  height: 100% !important;
}