/* Give percentage-height bars a definite containing block. */
.bar-chart .bar-column {
  position: relative;
  height: 100%;
  min-height: 0;
  grid-template-rows: minmax(0, 1fr) 20px;
}
.bar-chart .bar-column > .bar-stack {
  position: relative;
  display: block;
  height: 100%;
  min-height: 0;
  transform: none;
  white-space: normal;
}
.bar-chart .bar-column > .bar-stack > .bar {
  position: absolute;
  bottom: 0;
  display: block;
  width: min(8px, 43%);
}
.bar-chart .bar-column > .bar-stack > .orders-bar { left: calc(50% - 9px); }
.bar-chart .bar-column > .bar-stack > .sales-bar { left: calc(50% + 1px); }