.stack {
  --x1: calc(var(--offset) - .4);
  --y1: var(--max-y);
  --x2: calc(var(--offset) + .4);
  --y2: var(--min-y);
  max-width: 3.5rem;
  transition: opacity .5s;

  .bar {
    --real-x1: 0%;
    --y1: calc(var(--cumulative-end));
    --real-x2: 100%;
    --y2: calc(var(--cumulative-start));
    background-color: var(--color);
    scale: 1 1.01; /* avoid gutters between bars */
    css-text {
      --real-x: 50%;
      --real-y: 50%;
      translate: -50% calc(-50% + .3rem);
      color: var(--anticolor, white);
      opacity: 0;
      transition: opacity .2s, translate .2s;
    }
  }
  &:hover {
    css-text {
      opacity: 1;
      translate: -50% -50%;
    }
  }
}