.steps{border:1px solid var(--line);background:#fff;border-radius:16px;justify-content:center;gap:0;max-width:720px;margin:0 auto 30px;padding:24px 18px 18px;display:flex;box-shadow:0 10px 30px -22px #28505a80}.step{text-align:center;flex-direction:column;align-items:center;width:120px;display:flex;position:relative}.step-circle{background:#f1f4f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:10px;display:flex}.step-circle svg{stroke:#b9c2c7;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.step-label{color:var(--muted);font-size:12px;font-weight:500;line-height:1.3}.step:not(:last-child) .step-circle:after{content:"";border-top:2px dotted #cfd7da;width:56px;height:0;position:absolute;top:27px;left:calc(50% + 32px)}.step.active .step-circle{background:var(--teal);box-shadow:0 8px 16px #6acedc66}.step.active .step-circle svg{stroke:#fff}.step.active .step-label{color:var(--ink);font-weight:700}.step.active:after{content:"";background:var(--teal);border-radius:2px;width:42px;height:3px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.step.completed .step-circle{background:var(--teal)}.step.completed .step-circle svg{stroke:#fff}.step.completed .step-label{color:var(--ink);font-weight:500}.step.completed:not(:last-child) .step-circle:after{border-top-style:solid;border-top-color:var(--teal)}.steps-6{overflow-x:auto}.steps-6 .step{width:108px;min-width:84px}.steps-6 .step-circle{border-radius:50%;width:50px;height:50px}.steps-6 .step-circle svg{width:22px;height:22px}.steps-6 .step-label{font-size:11.5px}.steps-6 .step.active .step-label{color:var(--teal-d)}.steps-6 .step.active:after{display:none}.steps-6 .step:not(:last-child) .step-circle:after{width:48px;top:25px;left:calc(50% + 30px)}@media (width<=720px){.steps{flex-wrap:wrap;gap:6px 0;padding:18px 10px 14px}.step{width:25%}.step-circle{width:46px;height:46px}.step:not(:last-child) .step-circle:after,.step.active:after{display:none}.step-label{font-size:11px}.steps-6{flex-wrap:nowrap;justify-content:flex-start}.steps-6 .step{width:78px;min-width:74px}.steps-6 .step-circle{width:44px;height:44px}.steps-6 .step-label{font-size:10.5px}}