@property --p{syntax: "<number>"; inherits: true; initial-value: 0;}@property --h{syntax: "<number>"; inherits: true; initial-value: 0;}@property --f{syntax: "<number>"; inherits: true; initial-value: 1;}.steps-fill{opacity:var(--f);transform-origin:50% 0;scale:1 var(--p)}.steps-head{opacity:var(--h);left:50%;top:calc(var(--p) * 100%);translate:-50% -50%;box-shadow:0 0 12px 3px color-mix(in oklab,var(--primary) 70%,transparent)}@media(min-width:1024px){.steps-fill{transform-origin:0 50%;scale:var(--p) 1}.steps-head{top:50%;left:calc(var(--p) * 100%)}}@keyframes steps-seg-1{0%,6%{--p: 0;--h: 0;--f: 1;animation-timing-function:cubic-bezier(.65,0,.35,1)}8%{--h: 1}30%{--h: 1}32%{--p: 1;--h: 0}90%{--p: 1;--f: 1}97%,to{--p: 1;--f: 0}}@keyframes steps-seg-2{0%,40%{--p: 0;--h: 0;--f: 1;animation-timing-function:cubic-bezier(.16,1,.3,1)}42%{--h: 1}76%{--h: 1}80%{--p: 1;--h: 0}90%{--p: 1;--f: 1}97%,to{--p: 1;--f: 0}}@keyframes steps-dot-1{0%{background-color:var(--surface);border-color:var(--border);color:var(--foreground)}4%,90%{background-color:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}97%,to{background-color:var(--surface);border-color:var(--border);color:var(--foreground)}}@keyframes steps-dot-2{0%,30%{background-color:var(--surface);border-color:var(--border);color:var(--foreground)}34%,90%{background-color:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}97%,to{background-color:var(--surface);border-color:var(--border);color:var(--foreground)}}@keyframes steps-dot-3{0%,76%{background-color:var(--surface);border-color:var(--border);color:var(--foreground)}81%,90%{background-color:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}97%,to{background-color:var(--surface);border-color:var(--border);color:var(--foreground)}}@media(prefers-reduced-motion:no-preference){.steps-rail>li:nth-child(1) .steps-seg{animation:steps-seg-1 7s linear infinite}.steps-rail>li:nth-child(2) .steps-seg{animation:steps-seg-2 7s linear infinite}.steps-rail>li:nth-child(1) .steps-dot{animation:steps-dot-1 7s ease-out infinite}.steps-rail>li:nth-child(2) .steps-dot{animation:steps-dot-2 7s ease-out infinite}.steps-rail>li:nth-child(3) .steps-dot{animation:steps-dot-3 7s ease-out infinite}}@media(prefers-reduced-motion:reduce){.steps-rail>li:first-child .steps-dot{background-color:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.steps-head{display:none}}