.media-meter__bar{border-radius:var(--ds-radius-pill);background:var(--ds-state-active-bg);width:100%;height:10px;display:flex;overflow:hidden}.media-meter__segment{flex-grow:var(--media-meter-grow,1);background:var(--media-meter-color,var(--ds-text-dimmed));min-width:12px;height:100%}.media-meter__segment[data-selected]{box-shadow:inset 0 0 0 2px var(--ds-accent)}.media-meter__rows{gap:4px var(--ds-space-5);grid-template-columns:1fr 1fr;display:grid}.media-meter__row{align-items:center;gap:var(--ds-space-2);font-size:var(--ds-font-xs);min-width:0;padding:3px 0;display:flex}.media-meter__dot{background:var(--media-meter-color,var(--ds-text-dimmed));border-radius:50%;flex-shrink:0;width:9px;height:9px}.media-meter__name{color:var(--ds-text-secondary);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.media-meter__value{padding-left:var(--ds-space-2);font-weight:var(--ds-font-weight-bold);color:var(--ds-text-primary);font-feature-settings:"tnum";flex-shrink:0;margin-left:auto}.media-meter--rows .media-meter__rows{gap:var(--ds-space-1);grid-template-columns:1fr}.media-meter--rows .media-meter__row{align-items:center;column-gap:var(--ds-space-2);width:100%;padding:var(--ds-space-2);border-radius:var(--ds-radius-sm);text-align:left;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"dot name value""track track track";row-gap:6px;display:grid}.media-meter--rows .media-meter__dot{grid-area:dot}.media-meter--rows .media-meter__name{white-space:normal;text-overflow:clip;grid-area:name;overflow:visible}.media-meter--rows .media-meter__value{grid-area:value;margin-left:0}.media-meter__track{border-radius:var(--ds-radius-pill);background:var(--ds-state-active-bg);grid-area:track;width:100%;height:6px;display:block;overflow:hidden}.media-meter__fill{height:100%;width:var(--media-meter-share,0%);border-radius:inherit;background:var(--media-meter-color,var(--ds-text-dimmed));transition:width var(--ds-transition-smooth);display:block}.media-meter__row--interactive{cursor:pointer;text-align:left;width:100%;min-height:44px;padding:var(--ds-space-2);border:var(--ds-border-width) solid transparent;border-radius:var(--ds-radius-sm);transition:background-color var(--ds-transition-fast), border-color var(--ds-transition-fast)}@media (hover:hover){.media-meter__row--interactive:not(:disabled):hover{background:var(--ds-state-hover-bg)}}.media-meter__row--interactive:disabled{opacity:.45;cursor:default}.media-meter__row--interactive[aria-pressed=true]{background:var(--ds-accent-soft);border-color:var(--ds-accent-border)}@media (prefers-reduced-motion:reduce){.media-meter__fill,.media-meter__row--interactive{transition:none}}