.step-list{margin:0;padding:0;list-style:none}.step{grid-template-columns:32px minmax(0,1fr);column-gap:24px;padding-bottom:40px;display:grid;position:relative}.step:last-child{padding-bottom:0}.step:before{content:"";background:var(--color-line);width:1px;position:absolute;top:40px;bottom:8px;left:15.5px}.step:last-child:before{display:none}.step-node{border:1px solid var(--color-ink);background:var(--color-paper);width:32px;height:32px;color:var(--color-ink);font:600 12px/1 var(--font-mono);border-radius:50%;place-items:center;display:grid}.step-meta{color:var(--fg-muted);margin:0 0 8px}.step-xray .step-body{border-radius:var(--radius-md);padding:20px}.step-xray .step-node{border-color:var(--color-lime-glow);background:var(--color-xray);color:var(--color-lime-glow);margin-top:20px}.xray .step-node{border-color:var(--color-xray-muted);background:var(--color-xray);color:var(--color-xray-ink)}.xray .step:before{background:var(--color-xray-line)}.xray .step-list .step:last-child .step-node{border-color:var(--color-lime-glow);color:var(--color-lime-glow)}@keyframes node-reached-dark{to{background:var(--color-xray-raised)}}@media (width<=1023px){.xray .step-list-progress .step:not(:last-child):after{background:var(--color-lime-glow)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.xray .step-list-progress .step:not(.step-xray) .step-node{animation-name:node-reached-dark}}@media (prefers-reduced-motion:reduce){.xray .step-list-progress .step:not(.step-xray) .step-node{background:var(--color-xray-raised)}}}}@keyframes rail-fill{to{transform:scaleY(1)}}@keyframes node-reached{to{background:var(--color-line)}}@media (width<=1023px){.step-xray:not(:last-child):before,.step-list-progress .step.step-xray:not(:last-child):after{top:60px}.step-list-progress .step:not(:last-child):after{content:"";background:var(--color-lime-ink);transform-origin:top;width:2px;position:absolute;top:40px;bottom:8px;left:14.5px;transform:scaleY(0)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.step-list-progress .step:not(:last-child):after{animation-name:rail-fill;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:cover 35% cover 65%}.step-list-progress .step:not(.step-xray) .step-node{animation-name:node-reached;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:cover 25% cover 35%}}@media (prefers-reduced-motion:reduce){.step-list-progress .step:not(:last-child):after{transform:none}.step-list-progress .step:not(.step-xray) .step-node{background:var(--color-line)}}}}.step-list:not(.step-list-h) .step-xray:not(:last-child):before,.step-list-progress:not(.step-list-h) .step.step-xray:not(:last-child):after{top:60px}.step-list-progress:not(.step-list-h) .step:not(:last-child):after{content:"";background:var(--color-lime-ink);transform-origin:top;width:2px;position:absolute;top:40px;bottom:8px;left:14.5px;transform:scaleY(0)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.step-list-progress:not(.step-list-h) .step:not(:last-child):after{animation-name:rail-fill;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:cover 35% cover 65%}.step-list-progress:not(.step-list-h) .step:not(.step-xray) .step-node{animation-name:node-reached;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:cover 25% cover 35%}}@media (prefers-reduced-motion:reduce){.step-list-progress:not(.step-list-h) .step:not(:last-child):after{transform:none}.step-list-progress:not(.step-list-h) .step:not(.step-xray) .step-node{background:var(--color-line)}}}@media (width>=1024px){.step-list-h{grid-template-columns:repeat(var(--step-cols,4), minmax(0, 1fr));column-gap:40px;display:grid}.step-list-h .step{padding-bottom:0;display:block}.step-list-h .step:before{width:auto;height:1px;inset:15.5px -28px auto 44px}.step-list-h .step-node{margin-bottom:20px}.step-list-h .step-xray .step-node{margin-top:0}.step-list-h .step-xray .step-body{margin:0 0 0 -20px}}