.demo-timeline.svelte-a00nj4{position:relative}.demo-timeline-axis.svelte-a00nj4{display:flex;justify-content:space-between;gap:.5rem;font-family:var(--font-mono, ui-monospace, monospace);font-size:.6875rem;letter-spacing:.06em;color:var(--secondary-foreground)}.demo-timeline-month.svelte-a00nj4{flex:1;text-align:center;min-width:0}.demo-timeline-track.svelte-a00nj4{position:relative;display:flex;justify-content:space-between;gap:.5rem;margin-top:.875rem;padding:.625rem 0}.demo-timeline-rail.svelte-a00nj4{position:absolute;left:0;right:0;top:50%;height:1px;background:var(--border);transform:translateY(-50%);pointer-events:none}.demo-timeline-tick.svelte-a00nj4{position:relative;flex:1;display:inline-flex;align-items:center;justify-content:center;padding:.625rem 0;background:transparent;border:0;cursor:pointer;min-height:28px}.demo-timeline-dot.svelte-a00nj4{display:block;width:4px;height:4px;background:var(--secondary-foreground);transition:background-color .22s ease,transform .22s ease}.demo-timeline-square.svelte-a00nj4{position:absolute;inset:50% auto auto 50%;width:22px;height:22px;transform:translate(-50%,-50%);border:1px solid transparent;pointer-events:none;transition:border-color .22s ease}.demo-timeline-tick.svelte-a00nj4:hover .demo-timeline-dot:where(.svelte-a00nj4),.demo-timeline-tick.svelte-a00nj4:focus-visible .demo-timeline-dot:where(.svelte-a00nj4){background:var(--primary)}.demo-timeline-tick.is-active.svelte-a00nj4 .demo-timeline-dot:where(.svelte-a00nj4){background:var(--primary);transform:scale(1.4)}.demo-timeline-tick.is-active.svelte-a00nj4 .demo-timeline-square:where(.svelte-a00nj4){border-color:color-mix(in oklch,var(--primary) 55%,transparent)}.demo-timeline-detail.svelte-a00nj4{min-height:6.5rem;margin-top:1.25rem;text-align:center}.demo-timeline-date.svelte-a00nj4{font-family:var(--font-mono, ui-monospace, monospace);font-size:.6875rem;letter-spacing:.06em;color:var(--primary)}.demo-timeline-title.svelte-a00nj4{margin-top:.5rem;font-size:1.125rem;font-weight:600;color:var(--foreground);letter-spacing:-.01em}.demo-timeline-body.svelte-a00nj4{margin-top:.5rem;font-size:.9375rem;line-height:1.55;color:var(--secondary-foreground);max-width:30rem;margin-inline:auto}