ul.bars {
  position: relative;
  background-color: #eee;
  padding: 4pt;
  font-size: 12pt;
  border-radius: 6pt;
  border: 1px solid #aaa;
}
ul.bars li {
  position: relative;
  list-style-type: none;
  padding: 2pt;
  margin-top: 2pt;
  margin-bottom: 2pt;
  height: 15pt;
}
ul.bars li span {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  padding: 2pt 0;
  text-indent: 3pt;
}
ul.bars li .fill {
  background-color: #ccc;
}
ul.bars li.pivot .fill {
  background-color: #cce;
}
ul.bars li.caption {
  text-align: center;
  font-style: italic;
  font-size: 10pt;
  padding: 0;
}
ul.bars .reference {
  position: absolute;
  top: 1.75em;
  height: calc(100% - 2.25em);
  width: 100px;
  border-right: 1px dotted #909090c0;
  z-index: 2;
}
span.pivot {
  background-color: #cce;
  padding: 0 2pt;
}