div.bars{grid-template-columns:repeat(var(--cols), 1fr);z-index:1;background:var(--clr-mint-50);display:grid;position:relative;overflow-x:clip}div.bars span.cell{aspect-ratio:1;background-color:var(--clr-black-900);opacity:0;margin:-.5px}div.bars span.cell.on{opacity:1}div.bars span.px{aspect-ratio:1;background-color:var(--clr-black-900);width:clamp(.75rem,.6vw + .5rem,1.25rem);left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);position:absolute;translate:-50% -50%}