.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}