[data-c-timeline]{gap:var(--c-space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:relative}[data-c-timeline][data-orientation=horizontal]{flex-direction:row;overflow-x:auto}[data-c-timeline-item]{gap:var(--c-space-3);grid-template-columns:28px 1fr;align-items:start;display:grid}[data-c-timeline][data-orientation=horizontal] [data-c-timeline-item]{grid-template-rows:28px 1fr;grid-template-columns:1fr}[data-c-timeline-marker]{background:var(--c-color-primary);border-radius:50%;justify-content:center;align-items:center;block-size:14px;inline-size:14px;margin-block-start:6px;margin-inline-start:7px;display:inline-flex;position:relative}[data-c-timeline][data-line] [data-c-timeline-item]:not(:last-child) [data-c-timeline-marker]:after{content:"";inline-size:2px;block-size:calc(100% + var(--c-space-4));background:var(--c-color-border);position:absolute;inset-block-start:14px;inset-inline-start:50%;transform:translate(-50%)}[data-c-timeline-item][data-tone=success] [data-c-timeline-marker]{background:var(--c-color-success)}[data-c-timeline-item][data-tone=warning] [data-c-timeline-marker]{background:var(--c-color-warning)}[data-c-timeline-item][data-tone=danger] [data-c-timeline-marker]{background:var(--c-color-danger)}[data-c-timeline-item][data-tone=info] [data-c-timeline-marker]{background:var(--c-color-info)}[data-c-timeline][data-marker=icon] [data-c-timeline-marker],[data-c-timeline][data-marker=index] [data-c-timeline-marker]{block-size:24px;inline-size:24px;color:var(--c-color-surface);font-size:11px;font-weight:var(--c-font-weight-semibold);margin-block-start:0;margin-inline-start:2px}[data-c-timeline-time]{color:var(--c-color-text-muted);font-size:var(--c-text-xs);font-variant-numeric:tabular-nums;margin-block-end:2px}[data-c-timeline-title]{font-weight:var(--c-font-weight-medium)}[data-c-timeline-description]{color:var(--c-color-text-muted);font-size:var(--c-text-sm);margin-block-start:2px}[data-c-timeline-body][role=button]{cursor:pointer}[data-c-timeline-body][role=button]:focus-visible{outline:2px solid var(--c-color-focus-ring);outline-offset:2px;border-radius:var(--c-radius-sm)}