#progressBar.svelte-mvxlny.svelte-mvxlny{width:100%;max-width:950px;margin:0 auto;position:relative;margin-bottom:2rem}#progressBar.svelte-mvxlny #progress.svelte-mvxlny{display:flex;flex-flow:row;position:relative;justify-content:space-between}#progressBar.svelte-mvxlny #progress .circle.svelte-mvxlny{display:grid;place-content:center;width:3rem;height:3rem;border:5px solid var(--light);border-radius:50%;font-weight:700;color:var(--secondary);background:#fff;z-index:2}#progressBar.svelte-mvxlny #progress .circle.completed.svelte-mvxlny{background:var(--secondary);border:none;color:#fff}#progressBar.svelte-mvxlny #progress .circle.completed svg.svelte-mvxlny{width:2rem;height:2rem;fill:#fff}#progressBar.svelte-mvxlny #progress .circle.active.svelte-mvxlny{background:var(--primary);border:none;color:#fff}#progressBar.svelte-mvxlny #bar.svelte-mvxlny{position:absolute;height:6px;background:var(--dots);z-index:0;top:calc(1.5rem - 2px);width:96%;margin:0 2%;overflow:hidden}#progressBar.svelte-mvxlny #bar span.svelte-mvxlny{display:block;height:6px;background:var(--primary);width:100%;transition:all 1.5s;transform-origin:center left}@media (max-width: 600px){#progressBar.svelte-mvxlny #progress .circle.svelte-mvxlny{width:2rem;height:2rem;font-size:1rem;border:3px solid var(--light)}#progressBar.svelte-mvxlny #progress .circle.completed svg.svelte-mvxlny{width:1.5rem;height:1.5rem}#progressBar.svelte-mvxlny #bar.svelte-mvxlny{top:calc(1rem - 2px);height:4px}}