@property --wf-sweep{syntax:"<angle>";initial-value:0deg;inherits:false}.wf-step{position:relative}.wf-step:before{content:"";position:absolute;inset:-2px;border-radius:18px;padding:2px;background:conic-gradient(from var(--wf-sweep),#14b8a6 0deg,rgba(20,184,166,.55) 70deg,rgba(20,184,166,0) 150deg 1turn);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none}.wf-step.wf-on:before{opacity:1;animation:wf-sweep 1.3s linear infinite}@keyframes wf-sweep{to{--wf-sweep:360deg}}.wf-step.wf-done{box-shadow:0 0 0 1.5px rgba(20,184,166,.45),0 6px 20px -10px rgba(15,23,42,.12)}@media (prefers-reduced-motion:reduce){.wf-step.wf-on:before{animation:none}}