[data-tone=dark]{--stacked-bars-strong:var(--color-on-dark);--stacked-bars-body:var(--color-on-dark-body);--stacked-bars-muted:var(--color-on-dark-muted)}figure.stacked-bars [data-fill=mark]{--stacked-bars-fill:var(--mark-emphasis);--stacked-bars-on:var(--mark-emphasis-on)}figure.stacked-bars [data-fill=strong]{--stacked-bars-fill:var(--fill-strong);--stacked-bars-on:var(--fill-strong-on)}figure.stacked-bars [data-fill=alt-strong]{--stacked-bars-fill:var(--fill-alt-strong);--stacked-bars-on:var(--fill-alt-strong-on)}figure.stacked-bars [data-fill=quiet]{--stacked-bars-fill:var(--fill-quiet);--stacked-bars-edge:var(--fill-strong);--stacked-bars-on:var(--fill-quiet-on)}figure.stacked-bars [data-fill=alt]{--stacked-bars-fill:var(--fill-alt);--stacked-bars-edge:var(--fill-alt-strong);--stacked-bars-on:var(--fill-alt-on)}figure.stacked-bars [data-fill=outline]{--stacked-bars-fill:transparent;--stacked-bars-edge:var(--edge-control);--stacked-bars-on:var(--stacked-bars-strong)}figure.stacked-bars{min-width:0;margin:0}figure.stacked-bars>.drawn{gap:var(--space-3);color:var(--stacked-bars-body);font-size:var(--text-small);line-height:var(--text-small-leading);flex-direction:column;display:flex}figure.stacked-bars>.drawn>.row{gap:var(--space-1);flex-direction:column;display:flex}figure.stacked-bars>.drawn>.row>.head{gap:var(--space-1) var(--space-3);color:var(--stacked-bars-muted);font-family:var(--font-body);font-size:var(--text-caps);font-weight:var(--weight-chrome);line-height:var(--text-caps-leading);letter-spacing:var(--text-caps-tracking);text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;display:flex}figure.stacked-bars>.drawn>.row>.bar{gap:var(--space-1);inline-size:calc(var(--whole) * 100%);block-size:var(--space-6);display:flex}figure.stacked-bars>.drawn>.row>.bar>.segment{flex:var(--value) 1 0%;border-radius:var(--radius-xs);background-color:var(--stacked-bars-fill);min-inline-size:0;box-shadow:inset 0 0 0 var(--line-width) var(--stacked-bars-edge,transparent);color:var(--stacked-bars-on);font-family:var(--font-body);font-size:var(--text-caps);font-weight:var(--weight-chrome);line-height:var(--text-caps-leading);font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:center;align-items:center;display:flex}figure.stacked-bars>.drawn>.row>.bar>.segment[data-text]{min-inline-size:auto;padding-inline:var(--space-2)}figure.stacked-bars>.drawn>.legend{gap:var(--space-1) var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}figure.stacked-bars>.drawn>.legend>li{gap:var(--space-2);overflow-wrap:anywhere;align-items:center;min-width:0;display:inline-flex}figure.stacked-bars>.drawn>.legend>li>.swatch{inline-size:var(--space-3);block-size:var(--space-3);border-radius:var(--radius-xs);background-color:var(--stacked-bars-fill);box-shadow:inset 0 0 0 var(--line-width) var(--stacked-bars-edge,transparent);flex:none}figure.stacked-bars>.said{inline-size:var(--line-width);block-size:var(--line-width);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){figure.stacked-bars>.drawn[data-play-once=waiting]>.row>.bar{clip-path:inset(0 100% 0 0)}figure.stacked-bars>.drawn[data-play-once=played]>.row>.bar{animation-name:stacked-bars-reveal;animation-duration:var(--dur-800);animation-timing-function:var(--ease);animation-fill-mode:backwards}}@keyframes stacked-bars-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}