[data-tone=dark]{--ranked-strong:var(--color-on-dark);--ranked-muted:var(--color-on-dark-muted)}ul.ranked-bars{gap:var(--space-2);flex-direction:column;min-inline-size:0;margin:0;padding:0;list-style:none;display:flex}ul.ranked-bars>li{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-xs);background-color:var(--fill-recessed);flex-wrap:wrap;display:flex}ul.ranked-bars>li>.name{flex-direction:column;flex:100%;min-inline-size:0;display:flex}ul.ranked-bars>li>.name>.label{color:var(--ranked-strong);font-weight:var(--weight-emphasis)}ul.ranked-bars>li>.name>.line{color:var(--ranked-muted);font-size:var(--text-small);line-height:var(--text-small-leading)}ul.ranked-bars>li>.track{block-size:var(--space-2);border-radius:var(--radius-pill);background-color:var(--fill-quiet);flex:1;display:block;overflow:hidden}ul.ranked-bars>li>.track>.fill{background-color:var(--mark-emphasis);block-size:100%;transform:scaleX(var(--share));transform-origin:0;display:block}ul.ranked-bars>li>.value{color:var(--ranked-strong);font-size:var(--text-small);font-variant-numeric:tabular-nums;font-weight:var(--weight-emphasis);line-height:var(--text-small-leading)}@media (width>=48rem){ul.ranked-bars{column-gap:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;display:grid}ul.ranked-bars[data-valued]{grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto auto}ul.ranked-bars>li{grid-column:1/-1;grid-template-columns:subgrid;display:grid}}@media (width>=64rem){.app-window .showcase-grid>[data-list=rankedBars]{grid-column:span 2}}