.steps-wrap{position:relative}.steps{display:grid;grid-template-columns:1fr;row-gap:2.5rem}@media (min-width:1024px){.steps{grid-template-columns:repeat(4,1fr);column-gap:1.75rem}}.step,.step-node{position:relative}.step-node{z-index:1;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--foreground) 25%,transparent);background:var(--background);font-family:var(--font-mono),monospace;font-size:.7rem;color:color-mix(in srgb,var(--foreground) 60%,transparent)}@media (min-width:1024px){.step:not(:last-child):after{content:"";position:absolute;top:16.25px;left:34px;width:calc(100% - 34px + 1.75rem);height:1.5px;background:color-mix(in srgb,var(--foreground) 15%,transparent)}.steps-dot{display:block;position:absolute;top:16.25px;left:17px;width:6px;height:6px;border-radius:999px;background:var(--accent);box-shadow:0 0 8px 2px color-mix(in srgb,var(--accent) 70%,transparent);transform:translate(-50%,-50%);animation:steps-dot-travel 4.5s linear infinite;z-index:2}}.steps-dot{display:none}.step-node{animation:step-node-flash 4.5s ease-in-out infinite}.step:first-child .step-node{animation-delay:0s}.step:nth-child(2) .step-node{animation-delay:1.5s}.step:nth-child(3) .step-node{animation-delay:3s}.step:nth-child(4) .step-node{animation-delay:0s}@keyframes steps-dot-travel{0%{left:17px}to{left:calc(75% + 17px)}}@keyframes step-node-flash{0%,92%,to{border-color:color-mix(in srgb,var(--foreground) 25%,transparent);color:color-mix(in srgb,var(--foreground) 60%,transparent);box-shadow:none}4%{border-color:var(--accent);color:var(--accent);box-shadow:0 0 6px 2px color-mix(in srgb,var(--accent) 45%,transparent)}}@media (prefers-reduced-motion:reduce){.steps-dot{display:none}.step-node{animation:none}}