[data-c-timeline]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--c-space-4);position:relative}[data-c-timeline][data-orientation=horizontal]{flex-direction:row;overflow-x:auto}[data-c-timeline-item]{display:grid;grid-template-columns:28px 1fr;gap:var(--c-space-3);align-items:start}[data-c-timeline][data-orientation=horizontal] [data-c-timeline-item]{grid-template-columns:1fr;grid-template-rows:28px 1fr}[data-c-timeline-marker]{inline-size:14px;block-size:14px;margin-block-start:6px;margin-inline-start:7px;border-radius:50%;background:var(--c-color-primary);display:inline-flex;align-items:center;justify-content:center;position:relative}[data-c-timeline][data-line] [data-c-timeline-item]:not(:last-child) [data-c-timeline-marker]:after{content:"";position:absolute;inset-block-start:14px;inset-inline-start:50%;transform:translate(-50%);inline-size:2px;block-size:calc(100% + var(--c-space-4));background:var(--c-color-border)}[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]{inline-size:24px;block-size:24px;margin-block-start:0;margin-inline-start:2px;color:var(--c-color-surface);font-size:11px;font-weight:var(--c-font-weight-semibold)}[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)}