.ds-time-bars{padding:var(--ds-space-sm) 0 0;gap:0;display:grid}.ds-time-bars__plot{justify-content:flex-end;align-items:flex-end;gap:var(--ds-space-2xs);height:190px;display:flex;position:relative}.ds-time-bars__grid{border-top:1px solid var(--ds-border);position:absolute;left:0;right:0}.ds-time-bars__col{flex-direction:column;flex:0 62px;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.ds-time-bars__value{margin-bottom:var(--ds-space-xs);color:var(--ds-text);font-size:var(--ds-type-label-12-size);line-height:var(--ds-type-label-12-line-height);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:560}.ds-time-bars__bar{background:var(--ds-primary);border-radius:2px 2px 0 0;width:100%;max-width:54px}.ds-time-bars__col.is-partial .ds-time-bars__bar{background:color-mix(in srgb, var(--ds-primary) 42%, transparent)}.ds-time-bars__col.is-partial .ds-time-bars__value{color:var(--ds-text-muted)}.ds-time-bars__axis{border-top:1px solid var(--ds-border-strong);display:block}.ds-time-bars__labels{justify-content:flex-end;gap:var(--ds-space-2xs);margin-top:var(--ds-space-xs);display:flex}.ds-time-bars__labels span{text-align:center;min-width:0;color:var(--ds-text-muted);font-size:var(--ds-type-micro-11-size);line-height:var(--ds-type-micro-11-line-height);white-space:nowrap;flex:0 62px;overflow:hidden}.ds-time-bars--dense .ds-time-bars__col,.ds-time-bars--dense .ds-time-bars__labels span{flex-basis:42px}.ds-time-bars--dense .ds-time-bars__bar{max-width:34px}.ds-time-bars__metric{gap:var(--ds-space-3xs);padding-bottom:var(--ds-space-sm);display:grid}.ds-time-bars__metric strong{color:var(--ds-color-text);font-size:var(--ds-type-display-40-size);line-height:var(--ds-type-display-40-line-height);font-variant-numeric:tabular-nums;font-weight:400}.ds-time-bars__metric span{color:var(--ds-color-text-muted);font-size:var(--ds-type-label-12-size);line-height:var(--ds-type-label-12-line-height)}.ds-time-bars--ends .ds-time-bars__labels{justify-content:space-between}.ds-time-bars--ends .ds-time-bars__labels span{flex:none;overflow:visible}.ds-time-bars__metric{justify-content:space-between;align-items:flex-start;gap:var(--ds-space-sm);display:flex}.ds-time-bars__metric-main{gap:var(--ds-space-3xs);min-width:0;display:grid}.ds-time-bars__metric-aside{gap:var(--ds-space-3xs);text-align:right;justify-items:end;min-width:0;display:grid}.ds-time-bars__metric-aside strong{color:var(--ds-color-text);font-size:var(--ds-type-section-28-size);line-height:var(--ds-type-section-28-line-height);font-variant-numeric:tabular-nums;font-weight:400}.ds-time-bars__metric-aside span{color:var(--ds-color-text-muted);font-size:var(--ds-type-label-12-size);line-height:var(--ds-type-label-12-line-height)}.ds-time-bars__bar{transition:height .42s cubic-bezier(.22,1,.36,1),opacity .2s}.ds-time-bars__col.is-hovered .ds-time-bars__bar{filter:brightness(1.25)}.ds-time-bars__col{position:relative}.ds-time-bars__tip{bottom:calc(100% + var(--ds-space-2xs));z-index:2;pointer-events:none;white-space:nowrap;padding:var(--ds-space-2xs) var(--ds-space-xs);border-radius:var(--ds-radius-sm);background:var(--ds-surface-raised,var(--ds-surface));border:1px solid var(--ds-border);color:var(--ds-color-text);font-size:var(--ds-type-micro-11-size);line-height:var(--ds-type-micro-11-line-height);font-variant-numeric:tabular-nums;position:absolute;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.ds-time-bars__bar{transition:none}}