.progress-container{width:100%}.progress-steps{justify-content:center;align-items:center;display:flex}.progress-step{flex-shrink:0;align-items:center;display:flex}.step-content{flex-direction:column;align-items:center;gap:.15rem;display:flex}.step-badge{width:1.75rem;height:1.75rem;font-size:.875rem;font-weight:500;font-family:var(--font-mono);border:2px solid;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}@media (min-width:640px){.step-badge{width:2rem;height:2rem;font-size:1rem}}.step-badge-completed{border-color:var(--color-yellow-500);background-color:var(--color-yellow-500);color:var(--main-foreground)}.step-badge-current{border-color:var(--color-yellow-500);background-color:oklch(from var(--color-yellow-500)l c h/.1);color:var(--foreground);box-shadow:var(--shadow)}.step-badge-pending{border-color:oklch(from var(--foreground)l c h/.3);background-color:var(--secondary-background);color:oklch(from var(--foreground)l c h/.6)}.step-check-icon{width:1rem;height:1rem}.step-label{color:var(--foreground);font-size:.875rem;font-weight:500;font-family:var(--font-mono);text-transform:lowercase;transition:color .2s}@media (min-width:640px){.step-label{font-size:1rem}}.step-label-completed,.step-label-current{color:var(--foreground)}.step-label-pending{color:oklch(from var(--foreground)l c h/.6)}.step-label-full{display:none}.step-label-short{display:inline}@media (min-width:640px){.step-label-full{display:inline}.step-label-short{display:none}}.step-connector{flex:1;min-width:2rem;max-width:4rem;height:2px;margin:0 .5rem;transition:all .2s}.step-connector-completed{background-color:var(--color-yellow-500)}.step-connector-pending{background-color:oklch(from var(--foreground)l c h/.3)}