.demo-timeline{flex-direction:column;display:flex}.demo-timeline-item{gap:12px;display:flex}.demo-timeline-track{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.demo-timeline-indicator{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:600;display:flex;position:relative}.demo-timeline-icon .demo-timeline-indicator{border-radius:8px;width:32px;height:32px}.demo-timeline-indicator.completed{color:#fff;background:#16a34a}.demo-timeline-indicator.current{color:#fff;background:#2563eb}.demo-timeline-indicator.pending{color:#6b7280;background:#e5e7eb}.demo-timeline-icon .demo-timeline-indicator.current{box-shadow:0 0 0 4px #2563eb33}.demo-timeline-dot .demo-timeline-indicator.completed .demo-timeline-number,.demo-timeline-dot .demo-timeline-indicator.current .demo-timeline-number{display:none}.demo-timeline-number .demo-timeline-number{display:block}.demo-timeline-pulse{border-radius:inherit;pointer-events:none;border:2px solid #2563eb;animation:2s ease-in-out infinite demo-timeline-pulse;position:absolute;inset:-4px}.demo-timeline-line{background:#e5e7eb;flex:1;width:2px;min-height:16px;margin:4px 0}.demo-timeline-line.completed{background:#16a34a}.demo-timeline-content{flex-direction:column;gap:2px;padding-top:2px;padding-bottom:8px;display:flex}.demo-timeline-item:last-child .demo-timeline-content{padding-bottom:0}.demo-timeline-label{font-size:12px;font-weight:500}.demo-timeline-label.completed{color:#374151}.demo-timeline-label.current{color:#2563eb;font-weight:600}.demo-timeline-label.pending{color:#9ca3af}.demo-timeline-subtitle{font-size:11px}.demo-timeline-subtitle.completed{color:#6b7280}.demo-timeline-subtitle.current{color:#60a5fa}.demo-timeline-subtitle.pending{color:#d1d5db}@keyframes demo-timeline-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}