@layer components{.timeline{--timeline-dot:.6875rem;gap:var(--space-xl);flex-direction:column;padding-inline-start:var(--space-l);display:flex;position:relative}.timeline:before{content:"";inset:.5rem auto .5rem calc(var(--timeline-dot) / 2 - .5px);background:var(--border);inline-size:1px;position:absolute}.timeline__item{gap:var(--space-2xs);flex-direction:column;display:flex;position:relative}.timeline__item:before{content:"";inline-size:var(--timeline-dot);block-size:var(--timeline-dot);border:1px solid var(--ink);background:var(--ground);border-radius:50%;position:absolute;inset-block-start:.3125rem;inset-inline-start:calc(-1 * var(--space-l))}.timeline__item:last-child:before{background:var(--ink)}.timeline__when{font:600 var(--step--2) / 1.4 var(--font-text);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-muted)}.timeline__title{font-size:var(--step-2);font-weight:400}.timeline__text{max-inline-size:34rem;color:var(--ink-muted)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.timeline__item{animation:linear both timeline-in;animation-timeline:view();animation-range:entry cover 30%}}}@keyframes timeline-in{0%{opacity:0;translate:0 1.25rem}}}