.progress-bar-steps{display:flex;align-items:center;justify-content:center;margin-bottom:32px;padding:20px 0}.progress-step{display:flex;align-items:center;gap:9px;white-space:nowrap}.progress-step-circle{width:32px;height:32px;min-width:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;border:2px solid var(--gray-200);color:var(--gray-400);background:var(--white);transition:all .3s ease}.progress-step.active .progress-step-circle{border-color:var(--black);background:var(--black);color:var(--white)}.progress-step.completed .progress-step-circle{border-color:var(--black);background:var(--black);color:var(--white)}.progress-step-label{font-size:15px;font-weight:600;color:var(--gray-400);transition:color .3s ease}.progress-step.active .progress-step-label{color:var(--black);font-weight:600}.progress-step.completed .progress-step-label{color:var(--black);font-weight:600}.progress-step-line{flex:1;max-width:100px;height:1.5px;background:var(--gray-200);margin:0 14px;transition:background .3s ease}.progress-step-line.completed{background:var(--black)}@media (max-width:600px){.progress-bar-steps{margin-bottom:20px;padding:12px 0}.progress-step-label{font-size:11px}.progress-step-circle{width:28px;height:28px;min-width:28px;font-size:13px}.progress-step-line{max-width:60px;margin:0 8px}}@media (max-width:420px){.progress-step-label{display:none}.progress-step{gap:0}.progress-step-line{max-width:40px;margin:0 8px}}