.timeline.svelte-112n2zp{position:relative;padding:2rem 0}.timeline-line.svelte-112n2zp{position:absolute;background-color:var(--line-color, #e2e8f0)}.timeline-progress.svelte-112n2zp{position:absolute;background-color:var(--marker-color, #146ef5);transform-origin:top}.timeline--vertical.svelte-112n2zp{display:flex;flex-direction:column;gap:2rem;padding-left:50%}.timeline--vertical.svelte-112n2zp .timeline-line:where(.svelte-112n2zp){left:50%;top:2rem;bottom:2rem;width:3px;transform:translate(-50%)}.timeline--vertical.svelte-112n2zp .timeline-progress:where(.svelte-112n2zp){left:50%;top:2rem;width:3px;height:var(--progress, 0%);transform:translate(-50%)}.timeline--vertical.svelte-112n2zp .timeline-item:where(.svelte-112n2zp){position:relative;display:flex;align-items:flex-start;width:100%}.timeline--vertical.svelte-112n2zp .timeline-item.align-left:where(.svelte-112n2zp){flex-direction:row-reverse;padding-right:calc(50% + 2rem);padding-left:0;margin-left:-50%;text-align:right}.timeline--vertical.svelte-112n2zp .timeline-item.align-right:where(.svelte-112n2zp){flex-direction:row;padding-left:2rem;padding-right:0}.timeline--vertical.svelte-112n2zp .timeline-marker:where(.svelte-112n2zp){position:absolute;left:50%;transform:translate(-50%);z-index:1}.timeline--vertical.svelte-112n2zp .timeline-item.align-left:where(.svelte-112n2zp) .timeline-marker:where(.svelte-112n2zp),.timeline--vertical.svelte-112n2zp .timeline-item.align-right:where(.svelte-112n2zp) .timeline-marker:where(.svelte-112n2zp){left:50%}.timeline--horizontal.svelte-112n2zp{display:flex;gap:2rem;padding:4rem 2rem 2rem;overflow-x:auto;scroll-snap-type:x mandatory}.timeline--horizontal.svelte-112n2zp .timeline-line:where(.svelte-112n2zp){left:2rem;right:2rem;top:1.5rem;height:3px}.timeline--horizontal.svelte-112n2zp .timeline-progress:where(.svelte-112n2zp){left:2rem;top:1.5rem;height:3px;width:var(--progress, 0%);transform-origin:left}.timeline--horizontal.svelte-112n2zp .timeline-item:where(.svelte-112n2zp){flex:0 0 280px;display:flex;flex-direction:column;align-items:center;scroll-snap-align:start;text-align:center}.timeline--horizontal.svelte-112n2zp .timeline-marker:where(.svelte-112n2zp){margin-bottom:1.5rem}.timeline-marker.svelte-112n2zp{width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--marker-color, #146ef5);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 0 4px var(--timeline-marker-ring, #ffffff),0 2px 8px #00000026;transition:transform .2s ease,box-shadow .2s ease}.timeline-marker-icon.svelte-112n2zp{font-size:1rem;line-height:1}.timeline-marker-check.svelte-112n2zp{color:#fff;font-size:.875rem;font-weight:700}.timeline-item--completed.svelte-112n2zp .timeline-marker:where(.svelte-112n2zp){background-color:#10b981}.timeline-item--clickable.svelte-112n2zp .timeline-marker:where(.svelte-112n2zp){cursor:pointer}.timeline-item--clickable.svelte-112n2zp:hover .timeline-marker:where(.svelte-112n2zp),.timeline-item--clickable.svelte-112n2zp:focus .timeline-marker:where(.svelte-112n2zp){transform:scale(1.1);box-shadow:0 0 0 4px var(--timeline-marker-ring, #ffffff),0 4px 12px #0003}.timeline-content.svelte-112n2zp{flex:1;max-width:350px}.timeline-date.svelte-112n2zp{display:block;font-size:.8125rem;font-weight:600;color:var(--marker-color, #146ef5);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.timeline-title.svelte-112n2zp{font-size:1.125rem;font-weight:700;color:var(--timeline-title, #1e293b);margin:0 0 .5rem;line-height:1.3}.timeline-link.svelte-112n2zp{color:inherit;text-decoration:none;transition:color .2s ease}.timeline-link.svelte-112n2zp:hover,.timeline-link.svelte-112n2zp:focus{color:var(--marker-color, #146ef5)}.timeline-description.svelte-112n2zp{font-size:.9375rem;color:var(--timeline-description, #64748b);line-height:1.6;margin:0}.timeline-item--clickable.svelte-112n2zp{cursor:pointer;outline:none}.timeline-item--clickable.svelte-112n2zp:focus-visible{outline:2px solid var(--marker-color, #146ef5);outline-offset:4px;border-radius:4px}.timeline-item--clickable.svelte-112n2zp:hover .timeline-content:where(.svelte-112n2zp),.timeline-item--clickable.svelte-112n2zp:focus .timeline-content:where(.svelte-112n2zp){transform:translateY(-2px)}.timeline-content.svelte-112n2zp{transition:transform .2s ease}@media(max-width:768px){.timeline--vertical.svelte-112n2zp{padding-left:0}.timeline--vertical.svelte-112n2zp .timeline-line:where(.svelte-112n2zp){left:1.25rem}.timeline--vertical.svelte-112n2zp .timeline-progress:where(.svelte-112n2zp){left:1.25rem}.timeline--vertical.svelte-112n2zp .timeline-item:where(.svelte-112n2zp),.timeline--vertical.svelte-112n2zp .timeline-item.align-left:where(.svelte-112n2zp),.timeline--vertical.svelte-112n2zp .timeline-item.align-right:where(.svelte-112n2zp){flex-direction:row;padding-left:3.25rem;padding-right:0;margin-left:0;text-align:left}.timeline--vertical.svelte-112n2zp .timeline-marker:where(.svelte-112n2zp),.timeline--vertical.svelte-112n2zp .timeline-item.align-left:where(.svelte-112n2zp) .timeline-marker:where(.svelte-112n2zp),.timeline--vertical.svelte-112n2zp .timeline-item.align-right:where(.svelte-112n2zp) .timeline-marker:where(.svelte-112n2zp){left:1.25rem;transform:translate(-50%)}.timeline-content.svelte-112n2zp{max-width:none;min-width:0}.timeline-marker.svelte-112n2zp{width:2rem;height:2rem}.timeline-marker-icon.svelte-112n2zp{font-size:.875rem}}@media(prefers-reduced-motion:reduce){.timeline-item.svelte-112n2zp{opacity:1!important;transform:none!important}.timeline-marker.svelte-112n2zp,.timeline-content.svelte-112n2zp{transition:none!important}}@media(prefers-color-scheme:dark){.timeline.svelte-112n2zp{--timeline-title: #f1f5f9;--timeline-description: #cbd5e1;--timeline-marker-ring: #0f172a;--line-color: rgba(148, 163, 184, .25)}}.dark .timeline.svelte-112n2zp{--timeline-title: #f1f5f9;--timeline-description: #cbd5e1;--timeline-marker-ring: #0f172a;--line-color: rgba(148, 163, 184, .25)}.tl-demo.svelte-1fjec68{display:grid;gap:1.5rem}.tl-block.svelte-1fjec68{display:grid;gap:.75rem}.tl-head.svelte-1fjec68 h3:where(.svelte-1fjec68){margin:0 0 .25rem;font-size:1.05rem;font-weight:600;color:var(--fg-1)}.tl-head.svelte-1fjec68 p:where(.svelte-1fjec68){margin:0;font-size:.9rem;color:var(--fg-2)}.tl-stage.svelte-1fjec68{padding:2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2);overflow:hidden;color:var(--fg-1)}.tl-stage--wide.svelte-1fjec68{padding:3rem 1rem}.tl-stage--horizontal.svelte-1fjec68{overflow-x:auto}.tl-stage.svelte-1fjec68 h4:where(.svelte-1fjec68){margin:0 0 1rem;font-size:.85rem;font-weight:600;color:var(--fg-2);text-transform:uppercase;letter-spacing:.08em}.tl-narrow.svelte-1fjec68{max-width:500px;margin:0 auto;padding-left:60px}@media(max-width:600px){.tl-narrow.svelte-1fjec68{padding-left:0}}.tl-grid-2.svelte-1fjec68{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:1rem}.tl-toast.svelte-1fjec68{background:color-mix(in srgb,var(--accent) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));color:var(--fg-1);padding:.75rem 1rem;border-radius:8px;text-align:center;font-size:.95rem}