.dm-timeline{--dm-now:0%;block-size:44px;margin-inline:9px;margin-block:var(--span-space-16) var(--span-space-4);position:relative}.dm-tl-bar,.dm-tl-fill{border-radius:var(--span-radius-pill);block-size:6px;position:absolute;inset-block-start:12px}.dm-tl-bar{inset-inline:0}.dm-tl-fill{inline-size:var(--dm-now);inset-inline-start:0}.dm-tl-pin{border:3px solid;border-radius:50%;block-size:18px;inline-size:18px;margin-inline-start:-9px;position:absolute;inset-block-start:6px}.dm-tl-pin.is-open{inset-inline-start:0}.dm-tl-pin.is-lock{inset-inline-start:93%}.dm-tl-pin.is-meeting{inset-inline-start:100%}.dm-tl-now{block-size:26px;inline-size:2px;margin-inline-start:-1px;position:absolute;inset-block-start:2px;inset-inline-start:var(--dm-now)}.dm-tl-label{font-size:var(--span-text-small-size);white-space:nowrap;line-height:16px;position:absolute;inset-block-start:28px}.dm-tl-label.is-open{inset-inline-start:0}.dm-tl-label.is-lock{inset-inline-end:0}.dm-timeline.is-card .dm-tl-bar{background:var(--span-color-bg-subtle)}.dm-timeline.is-card .dm-tl-fill{background:var(--span-color-action-primary)}.dm-timeline.is-card .dm-tl-pin{background:var(--span-color-bg-elevated);border-color:var(--span-color-action-primary)}.dm-timeline.is-card .dm-tl-pin.is-meeting{border-color:var(--span-color-state-danger)}.dm-timeline.is-card .dm-tl-now{background:var(--span-color-state-warning)}.dm-timeline.is-card .dm-tl-label{color:var(--span-color-text-secondary)}.dm-timeline.is-hero .dm-tl-bar{background:var(--span-color-jusur-track)}.dm-timeline.is-hero .dm-tl-fill{background:var(--span-color-jusur-violet)}.dm-timeline.is-hero .dm-tl-pin{background:var(--span-color-jusur-navy);border-color:var(--span-color-jusur-violet-soft)}.dm-timeline.is-hero .dm-tl-pin.is-meeting{border-color:var(--span-color-jusur-alert)}.dm-timeline.is-hero .dm-tl-now{background:var(--span-color-jusur-caution)}.dm-timeline.is-hero .dm-tl-label{color:var(--span-color-jusur-muted)}