.step-bar-container.svelte-13dclb7{width:100%;display:flex;justify-content:center}.step-bar.svelte-13dclb7{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%}.step.svelte-13dclb7{display:flex;flex-direction:column;align-items:center;position:relative}.step-circle.svelte-13dclb7{width:34px;height:34px;border-radius:50%;background-color:var(--color-monotone-pale);display:flex;justify-content:center;align-items:center;font-size:16px;line-height:1.1}.step.active.svelte-13dclb7 .step-circle:where(.svelte-13dclb7),.step.completed.svelte-13dclb7 .step-circle:where(.svelte-13dclb7){background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.connector.svelte-13dclb7{flex:1;height:8px;overflow:hidden;border-radius:2rem;background:var(--color-monotone-pale)}.connector-line.svelte-13dclb7{width:0%;height:100%;background:var(--color-primary);transition:width .3s ease;will-change:width}.connector-line.completed.svelte-13dclb7{width:100%}@media(max-width:768px){.step-bar.svelte-13dclb7{gap:.5rem}}