.change-stack {
  --bg: canvas;
  --ink: var(--accent);
  --cap: 0.78;
  display: flex;
  flex-direction: row;
  gap: 2px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.7rem;
}
.change-stack + * {
  align-self: center;
}
.change-stack .bar {
  inline-size: max-content;  /* effective height */
  padding: 0;
  background: var(--ink);
  position:relative;
}
.change-stack li {
  margin: 0;
  padding: 0;
}

.change-stack .bar code {
  background: none;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  text-align: center;
  user-select: text;
  white-space: nowrap;
  width: 1.1em;
}