@layer equip{.eq-bar-chart{font:var(--eq-weight) var(--eq-text-xs) / 1.3 var(--eq-font);color:var(--eq-ink-2);margin:0;padding:0;list-style:none}.eq-bar-chart[data-orientation=horizontal]{gap:var(--eq-space-1) var(--eq-space-2);grid-template-columns:max-content minmax(0,1fr) max-content;display:grid}.eq-bar-chart[data-orientation=vertical]{gap:var(--eq-space-2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.eq-bar-chart-item{--_c:var(--eq-ink);border-radius:var(--eq-radius-s);cursor:default;outline:none;align-items:center;min-height:24px;display:grid}.eq-bar-chart-item[data-tone=ok]{--_c:var(--eq-ok)}.eq-bar-chart-item[data-tone=warn]{--_c:var(--eq-warn)}.eq-bar-chart-item[data-tone=danger]{--_c:var(--eq-danger)}.eq-bar-chart[data-orientation=horizontal] .eq-bar-chart-item{grid-column:1/-1;grid-template-columns:subgrid}.eq-bar-chart[data-orientation=vertical] .eq-bar-chart-item{grid-template-rows:auto var(--_h) auto;justify-items:center;gap:var(--eq-space-1);min-width:0}.eq-bar-chart-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;transition:color var(--eq-dur) var(--eq-ease);overflow:hidden}.eq-bar-chart-value{color:var(--eq-ink);font-weight:var(--eq-weight-strong);font-variant-numeric:tabular-nums;white-space:nowrap}.eq-bar-chart[data-orientation=vertical] .eq-bar-chart-value{grid-row:1}.eq-bar-chart[data-orientation=vertical] .eq-bar-chart-track{grid-row:2}.eq-bar-chart[data-orientation=vertical] .eq-bar-chart-label{grid-row:3}.eq-bar-chart[data-values=hidden] .eq-bar-chart-value{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eq-bar-chart-track{width:100%;display:block;position:relative}.eq-bar-chart[data-orientation=horizontal] .eq-bar-chart-track{height:10px}.eq-bar-chart[data-orientation=vertical] .eq-bar-chart-track{height:100%}.eq-bar-chart-track:before{content:"";background:var(--eq-line-strong);position:absolute}.eq-bar-chart[data-orientation=horizontal] .eq-bar-chart-track:before{inset-block:calc(var(--eq-space-1) / -2);width:1px;inset-inline-start:calc(var(--_zero) * 100%)}.eq-bar-chart[data-orientation=vertical] .eq-bar-chart-track:before{inset-inline:calc(var(--eq-space-2) / -2);bottom:calc(var(--_zero) * 100%);height:1px}.eq-bar-chart-bar{border-radius:calc(var(--eq-radius-s) / 2);background:color-mix(in srgb, var(--_c) 72%, transparent);transition:background-color var(--eq-dur) var(--eq-ease);position:absolute}.eq-bar-chart[data-orientation=horizontal] .eq-bar-chart-bar{width:calc(var(--_v) * 100%);inset-block:0;inset-inline-start:calc(var(--_at) * 100%)}.eq-bar-chart[data-orientation=vertical] .eq-bar-chart-bar{left:50%;bottom:calc(var(--_at) * 100%);width:min(100%,28px);height:calc(var(--_v) * 100%);translate:-50%}@media (hover:hover){.eq-bar-chart-item:hover .eq-bar-chart-bar{background:var(--_c)}.eq-bar-chart-item:hover .eq-bar-chart-label{color:var(--eq-ink)}}.eq-bar-chart-item:focus-visible .eq-bar-chart-bar{background:var(--_c)}.eq-bar-chart-item:focus-visible .eq-bar-chart-label{color:var(--eq-ink)}.eq-bar-chart-item:focus-visible{outline:2px solid var(--eq-focus);outline-offset:2px}}