.echo-steps{min-width:0}.echo-steps__list{display:flex;align-items:flex-start;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin:0;padding:0;list-style:none;font-family:var(--echo-font-machine,ui-sans-serif,system-ui,sans-serif)}.echo-steps__list::-webkit-scrollbar{display:none}.echo-steps__step{position:relative;display:flex;flex:1 1;flex-direction:column;align-items:center;gap:var(--echo-space-4);min-width:0;padding:0 var(--echo-space-4);text-align:center}.echo-steps__step:not(:first-child):before{content:"";position:absolute;top:10px;inset-inline-start:calc(-50% + 17px);inset-inline-end:calc(50% + 17px);height:2px;border-radius:var(--echo-radius-full);background:color-mix(in oklab,var(--echo-well) 72%,var(--echo-shade-ink,black));box-shadow:0 1px 0 rgb(255 255 255/calc(.05 * var(--echo-gloss, 1)))}.echo-steps__step[data-state=complete]:before,.echo-steps__step[data-state=current]:before{background:linear-gradient(var(--echo-primary-cap-mid),var(--echo-primary-cap-mid)) no-repeat 0 /100% 100%,color-mix(in oklab,var(--echo-well) 72%,var(--echo-shade-ink,black));box-shadow:none;animation:echo-steps-wire var(--echo-duration-sweep) var(--echo-ease-sweep) both}.echo-steps__step[data-state=complete]:dir(rtl):before,.echo-steps__step[data-state=current]:dir(rtl):before{background-position:100%}@keyframes echo-steps-wire{0%{background-size:0 100%,auto}}.echo-steps__marker{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:22px;height:22px;background:var(--echo-drawn-hollow,linear-gradient(160deg,color-mix(in oklab,var(--echo-well) 72%,var(--echo-shade-ink,black)),color-mix(in oklab,var(--echo-lcd) 88%,var(--echo-shade-ink,black))));box-shadow:inset 0 2px 4px color-mix(in oklab,var(--echo-cast-ink,black) calc(.7 * var(--echo-shade, 1) * 100%),transparent),inset 0 -1px 0 rgb(255 255 255/calc(.06 * var(--echo-gloss, 1))),0 0 0 1px color-mix(in oklab,var(--echo-cap) 85%,transparent),inset 0 0 0 var(--echo-line-width,0) var(--echo-line,transparent)}.echo-steps__marker,.echo-steps__pip{border-radius:var(--echo-radius-full)}.echo-steps__pip{width:10px;height:10px;background:transparent}.echo-steps__step[data-state=current] .echo-steps__pip{background:linear-gradient(180deg,var(--echo-primary-cap-top) 0,var(--echo-primary-cap-mid) 45%,var(--echo-primary-cap-base) 100%);box-shadow:inset 0 1px 0 rgb(255 255 255/calc(.45 * var(--echo-gloss, 1)));animation:echo-steps-bloom var(--echo-duration-pop) var(--echo-ease-pop) var(--echo-duration-sweep) both}@keyframes echo-steps-bloom{0%{transform:scale(0)}}.echo-steps__step[data-state=complete] .echo-steps__marker{color:var(--echo-primary-cap-ink,var(--echo-text));background:linear-gradient(180deg,var(--echo-primary-cap-top) 0,var(--echo-primary-cap-mid) 45%,var(--echo-primary-cap-base) 100%);box-shadow:inset 0 1px 0 rgb(255 255 255/calc(.45 * var(--echo-gloss, 1))),inset 0 -2px 3px color-mix(in oklab,var(--echo-cast-ink,black) calc(.3 * var(--echo-shade, 1) * 100%),transparent),inset 0 0 0 var(--echo-line-width,0) var(--echo-line,transparent);animation:echo-steps-pop var(--echo-duration-pop) var(--echo-ease-pop)}@keyframes echo-steps-pop{0%{transform:scale(.8)}}.echo-steps__check{width:13px;height:13px;stroke-dasharray:1;animation:echo-steps-tick var(--echo-duration-sweep) ease-out var(--echo-duration-tick) both}@keyframes echo-steps-tick{0%{stroke-dashoffset:1}}.echo-steps__label{font-size:var(--echo-text-xs);line-height:var(--echo-leading-snug,1.4);color:var(--echo-text-dim)}.echo-steps__step[data-state=current] .echo-steps__label{color:var(--echo-text);font-weight:var(--echo-weight-semibold,600)}.echo-steps__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){.echo-steps__check,.echo-steps__step[data-state=complete] .echo-steps__marker,.echo-steps__step[data-state=complete]:before,.echo-steps__step[data-state=current] .echo-steps__pip,.echo-steps__step[data-state=current]:before{animation:none}}@media (forced-colors:active){.echo-steps__marker{border:var(--echo-border-hairline,1px) solid ButtonText}.echo-steps__step:not(:first-child):before{background:GrayText}.echo-steps__step[data-state=complete]:before,.echo-steps__step[data-state=current] .echo-steps__pip,.echo-steps__step[data-state=current]:before{background:Highlight}.echo-steps__step[data-state=complete] .echo-steps__marker{border-color:Highlight;color:Highlight}}