.axbar{--axbar-line:var(--dash-border,rgba(0,0,0,0.12));--axbar-tick:var(--dash-text-muted,#6b7280);--axbar-label:var(--dash-text-muted,#6b7280);display:grid;grid-template-columns:auto minmax(0,1fr);-moz-column-gap:.5rem;column-gap:.5rem;font-variant-numeric:tabular-nums}.axbar-yaxis{position:relative;height:var(--axbar-height,116px)}.axbar-ytick-ghost{visibility:hidden}.axbar-ytick,.axbar-ytick-ghost{font-size:.6875rem;font-weight:600;white-space:nowrap}.axbar-ytick{position:absolute;right:0;transform:translateY(50%);color:var(--axbar-tick);line-height:1}.axbar-plot{position:relative;height:var(--axbar-height,116px)}.axbar-gridline{position:absolute;left:0;right:0;height:1px;background:var(--axbar-line);pointer-events:none}.axbar-gridline[data-base=true]{background:color-mix(in srgb,var(--axbar-line) 100%,transparent);opacity:1}.axbar-bars{position:relative;z-index:1;gap:.375rem}.axbar-bars,.axbar-col{display:flex;align-items:flex-end;height:100%}.axbar-col{flex:1;min-width:0;justify-content:center}.axbar-bar{width:100%;max-width:26px;border-radius:4px 4px 0 0;transition:height var(--mode-transition)}.axbar-xaxis{grid-column:2;display:flex;gap:.375rem;margin-top:.35rem}.axbar-xlabel{flex:1;min-width:0;text-align:center;font-size:.6875rem;font-weight:600;color:var(--axbar-label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axbar-xlabel[data-last=true]{font-weight:800;color:var(--dash-text,inherit)}.axbar-bar[data-clickable]{cursor:pointer;transition:filter var(--mode-transition),opacity var(--mode-transition)}.axbar-bar[data-clickable]:focus-visible,.axbar-bar[data-clickable]:hover{opacity:1;filter:brightness(1.15);outline:none}