@layer equip{.eq-stacked-bar{gap:var(--eq-space-3);width:100%;min-width:0;font:var(--eq-weight) var(--eq-text-xs) / 1.3 var(--eq-font);color:var(--eq-ink-2);margin:0;display:grid}.eq-stacked-bar [data-series]{--_tone:var(--eq-chart-1)}.eq-stacked-bar [data-series="1"]{--_tone:var(--eq-chart-2)}.eq-stacked-bar [data-series="2"]{--_tone:var(--eq-chart-3)}.eq-stacked-bar [data-series="3"]{--_tone:var(--eq-chart-4)}.eq-stacked-bar [data-series="4"]{--_tone:var(--eq-chart-5)}.eq-stacked-bar-empty{min-height:var(--_h);border-block-end:1px solid var(--eq-line-strong);color:var(--eq-ink-3);place-items:center;margin:0;display:grid}.eq-stacked-bar[data-orientation=horizontal] .eq-stacked-bar-empty{min-height:calc(var(--eq-space-6) * 2)}.eq-stacked-bar-list{margin:0;padding:0;list-style:none;container-type:inline-size}.eq-stacked-bar[data-orientation=horizontal] .eq-stacked-bar-list{gap:var(--eq-space-1) var(--eq-space-2);grid-template-columns:max-content minmax(0,1fr) max-content;display:grid}.eq-stacked-bar[data-orientation=vertical] .eq-stacked-bar-list{gap:var(--eq-space-2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.eq-stacked-bar-item{border-radius:var(--eq-radius-s);cursor:default;outline:none;align-items:center;min-height:24px;display:grid;position:relative}.eq-stacked-bar[data-orientation=horizontal] .eq-stacked-bar-item{grid-column:1/-1;grid-template-columns:subgrid}.eq-stacked-bar[data-orientation=vertical] .eq-stacked-bar-item{grid-template-rows:auto var(--_h) auto;justify-items:center;gap:var(--eq-space-1);min-width:0;container-type:inline-size}.eq-stacked-bar-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;transition:color var(--eq-dur) var(--eq-ease);overflow:hidden}.eq-stacked-bar-total{color:var(--eq-ink);font-weight:var(--eq-weight-strong);font-variant-numeric:tabular-nums;white-space:nowrap}.eq-stacked-bar[data-orientation=vertical] .eq-stacked-bar-total{grid-row:1}.eq-stacked-bar[data-orientation=vertical] .eq-stacked-bar-track{grid-row:2}.eq-stacked-bar[data-orientation=vertical] .eq-stacked-bar-label{grid-row:3}@container (max-width:2.7em){.eq-stacked-bar[data-orientation=vertical] .eq-stacked-bar-total{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.eq-stacked-bar[data-totals=hidden] .eq-stacked-bar-total{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eq-stacked-bar-track{width:100%;display:block;position:relative}.eq-stacked-bar[data-orientation=horizontal] .eq-stacked-bar-track{height:14px}.eq-stacked-bar[data-orientation=vertical] .eq-stacked-bar-track{height:100%}.eq-stacked-bar-track:before{content:"";background:var(--eq-line-strong);position:absolute}.eq-stacked-bar[data-orientation=horizontal] .eq-stacked-bar-track:before{inset-block:calc(var(--eq-space-1) / -2);width:1px;inset-inline-start:0}.eq-stacked-bar[data-orientation=vertical] .eq-stacked-bar-track:before{inset-inline:calc(var(--eq-space-2) / -2);height:1px;bottom:0}.eq-stacked-bar-bar{border-radius:calc(var(--eq-radius-s) / 2);transition:scale var(--eq-dur-move) var(--eq-spring);gap:1px;display:flex;position:absolute;overflow:hidden}.eq-stacked-bar[data-orientation=horizontal] .eq-stacked-bar-bar{width:calc(var(--_v) * 100%);transform-origin:0;inset-block:0;inset-inline-start:0}.eq-stacked-bar[data-orientation=vertical] .eq-stacked-bar-bar{width:min(100%,28px);height:calc(var(--_v) * 100%);transform-origin:bottom;flex-direction:column-reverse;bottom:0;left:50%;translate:-50%}@starting-style{.eq-stacked-bar[data-orientation=horizontal] .eq-stacked-bar-bar{scale:0 1}.eq-stacked-bar[data-orientation=vertical] .eq-stacked-bar-bar{scale:1 0}}.eq-stacked-bar-segment{background:var(--_tone,var(--eq-ink));flex:1 1 0;min-width:0;min-height:0}.eq-stacked-bar-tip{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;top:0;overflow:hidden}.eq-stacked-bar-tip-label{color:var(--eq-ink);font-weight:var(--eq-weight-strong);margin-block-end:var(--eq-space-1);display:block}.eq-stacked-bar-item:focus-visible{z-index:1;outline:2px solid var(--eq-focus);outline-offset:2px}.eq-stacked-bar-item:focus-visible .eq-stacked-bar-label{color:var(--eq-ink)}.eq-stacked-bar-item:focus-visible .eq-stacked-bar-tip{z-index:1;width:max-content;max-width:calc(50cqi - var(--eq-space-3));height:auto;padding:var(--eq-space-1) var(--eq-space-2);clip-path:none;white-space:normal;border:1px solid var(--eq-line-strong);border-radius:var(--eq-radius-m);background:var(--eq-raised);box-shadow:var(--eq-shadow);-webkit-backdrop-filter:var(--eq-blur);backdrop-filter:var(--eq-blur);margin:0;overflow:visible}.eq-stacked-bar[data-orientation=vertical] .eq-stacked-bar-item[data-side=start]:focus-visible .eq-stacked-bar-tip{left:calc(50% + var(--eq-space-4) + 2px)}.eq-stacked-bar[data-orientation=vertical] .eq-stacked-bar-item[data-side=end]:focus-visible .eq-stacked-bar-tip{right:calc(50% + var(--eq-space-4) + 2px)}.eq-stacked-bar[data-orientation=horizontal] .eq-stacked-bar-item:focus-visible .eq-stacked-bar-tip{top:calc(100% + var(--eq-space-1));max-width:100cqi;left:0}@media (hover:hover){.eq-stacked-bar-item:hover{z-index:1}.eq-stacked-bar-item:hover .eq-stacked-bar-label{color:var(--eq-ink)}.eq-stacked-bar-item:hover .eq-stacked-bar-tip{z-index:1;width:max-content;max-width:calc(50cqi - var(--eq-space-3));height:auto;padding:var(--eq-space-1) var(--eq-space-2);clip-path:none;white-space:normal;border:1px solid var(--eq-line-strong);border-radius:var(--eq-radius-m);background:var(--eq-raised);box-shadow:var(--eq-shadow);-webkit-backdrop-filter:var(--eq-blur);backdrop-filter:var(--eq-blur);margin:0;overflow:visible}.eq-stacked-bar[data-orientation=vertical] .eq-stacked-bar-item[data-side=start]:hover .eq-stacked-bar-tip{left:calc(50% + var(--eq-space-4) + 2px)}.eq-stacked-bar[data-orientation=vertical] .eq-stacked-bar-item[data-side=end]:hover .eq-stacked-bar-tip{right:calc(50% + var(--eq-space-4) + 2px)}.eq-stacked-bar[data-orientation=horizontal] .eq-stacked-bar-item:hover .eq-stacked-bar-tip{top:calc(100% + var(--eq-space-1));max-width:100cqi;left:0}}}
