.bars{inset:0;pointer-events:none;transform:none;transition:opacity .5s}.bars .bar{--x1:calc(var(--offset) - 0.4 + (var(--index) + 0.1)*0.8/var(--amount));--y1:var(--value);--x2:calc(var(--offset) - 0.4 + (var(--index) + 0.9)*0.8/var(--amount));--y2:var(--min-y);background-color:var(--color);max-width:3rem;pointer-events:auto}:is(.bars .bar) css-text{--real-x:50%;--real-y:0%;opacity:0;pointer-events:none;transition:opacity .2s,translate .2s;transition-delay:calc(var(--offset)*.04s),calc(var(--offset)*.04s);translate:-50% -100%}.bars:has(.bar:hover) css-text{opacity:1;translate:-50% calc(-100% - .4rem)}css-chart:has(.bars:hover) .bars:not(:hover){opacity:.3}