.stepper.svelte-c3wfue{max-width:40rem;margin:0 auto;margin-top:2rem;container-type:inline-size}.steps.svelte-c3wfue{--size: 4rem;--gap: 2rem;--line-h: .5rem;display:grid;grid-auto-flow:column;grid-column-gap:2rem;grid-column-gap:var(--gap);-moz-column-gap:2rem;column-gap:2rem;-moz-column-gap:var(--gap);column-gap:var(--gap);list-style:none;margin:0 auto;padding:0 .75rem;width:-moz-max-content;width:max-content;position:relative;justify-items:center}.steps.svelte-c3wfue:before{content:"";background:var(--neutral-color-grey-500);position:absolute;top:calc(var(--size) / 2);left:calc(var(--size) / 2);right:calc(var(--size) / 2);height:var(--line-h);transform:translateY(-50%);z-index:0}.steps.svelte-c3wfue .step:where(.svelte-c3wfue){position:relative;width:var(--size)}.done.svelte-c3wfue:is(.steps:where(.svelte-c3wfue) .step:where(.svelte-c3wfue)):after{content:"";position:absolute;top:calc(var(--size) / 2);width:calc(var(--size) + var(--gap));height:var(--line-h);background:var(--accent-color-teal);transform:translateY(-50%);z-index:1}.svelte-c3wfue:is(.steps:where(.svelte-c3wfue) .step:where(.svelte-c3wfue)):last-child:after{display:none}:is(.steps:where(.svelte-c3wfue) .step:where(.svelte-c3wfue)) a.svelte-c3wfue{display:flex;flex-direction:column;align-items:center}:is(.steps:where(.svelte-c3wfue) .step:where(.svelte-c3wfue)) .icon.svelte-c3wfue{width:var(--size);height:var(--size);display:grid;place-items:center;position:relative;z-index:2}.done.svelte-c3wfue:is(.steps:where(.svelte-c3wfue) .step:where(.svelte-c3wfue)) .icon:where(.svelte-c3wfue),.current.svelte-c3wfue:is(.steps:where(.svelte-c3wfue) .step:where(.svelte-c3wfue)) .icon:where(.svelte-c3wfue){background:var(--accent-color-teal)}.svelte-c3wfue:is(.steps:where(.svelte-c3wfue) .step:where(.svelte-c3wfue)):not(.done):not(.current) .icon:where(.svelte-c3wfue){background:var(--accent-color-blue)}.svelte-c3wfue:is(:where(.svelte-c3wfue):is(.steps:where(.svelte-c3wfue) .step:where(.svelte-c3wfue)):not(.done):not(.current) .icon:where(.svelte-c3wfue)):before{content:"";width:2rem;height:2rem;background:var(--neutral-color-white)}:is(.steps:where(.svelte-c3wfue) .step:where(.svelte-c3wfue)) .label.svelte-c3wfue{margin-top:.35rem;font-size:.8rem;color:var(--neutral-color-black)}.done.svelte-c3wfue:is(.steps:where(.svelte-c3wfue) .step:where(.svelte-c3wfue)) .icon:where(.svelte-c3wfue):after,.current.svelte-c3wfue:is(.steps:where(.svelte-c3wfue) .step:where(.svelte-c3wfue)) .icon:where(.svelte-c3wfue):after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;color:var(--neutral-color-white);z-index:3}@container (width > 64em){.steps.svelte-c3wfue{--size: 4rem;--gap: 4rem;--line-h: .5rem;padding:0 1rem}.steps.svelte-c3wfue .step:where(.svelte-c3wfue){width:auto}:is(.steps:where(.svelte-c3wfue) .step:where(.svelte-c3wfue)) .label.svelte-c3wfue{margin-top:.5rem;font-size:.9rem}.done.svelte-c3wfue:is(.steps:where(.svelte-c3wfue) .step:where(.svelte-c3wfue)) .icon:where(.svelte-c3wfue):after,.current.svelte-c3wfue:is(.steps:where(.svelte-c3wfue) .step:where(.svelte-c3wfue)) .icon:where(.svelte-c3wfue):after{font-size:1.5rem}}@media(prefers-reduced-motion:no-preference){@keyframes svelte-c3wfue-stepper-tilt{0%{transform:rotate(2deg)}50%{transform:rotate(5deg)}to{transform:rotate(2deg)}}.steps.svelte-c3wfue .step.current:where(.svelte-c3wfue) .icon:where(.svelte-c3wfue){animation:svelte-c3wfue-stepper-tilt 1.4s ease-in-out infinite}}@media(prefers-reduced-motion:reduce){.steps.svelte-c3wfue .step.current:where(.svelte-c3wfue) .icon:where(.svelte-c3wfue){animation:none;transform:none}}@media(prefers-color-scheme:dark){.steps.svelte-c3wfue:before{background:var(--neutral-color-grey-500)}.steps.svelte-c3wfue .step:where(.svelte-c3wfue) .label:where(.svelte-c3wfue){color:var(--neutral-color-white)}.steps.svelte-c3wfue .step:where(.svelte-c3wfue):not(.done):not(.current) .icon:where(.svelte-c3wfue):before{background:var(--neutral-color-grey-500)}}@media(prefers-contrast:more){.steps.svelte-c3wfue:before{box-shadow:6px 8px 14px var(--neutral-color-grey-500)}.steps.svelte-c3wfue .step.done:where(.svelte-c3wfue):after{box-shadow:3px 2px 4px var(--neutral-color-grey-500)}.steps.svelte-c3wfue .step:where(.svelte-c3wfue) .icon:where(.svelte-c3wfue){box-shadow:6px 8px 14px var(--neutral-color-black)}.steps.svelte-c3wfue .step:where(.svelte-c3wfue) .label:where(.svelte-c3wfue){font-style:inherit}}@media(prefers-contrast:less){.steps.svelte-c3wfue{box-shadow:none}.steps.svelte-c3wfue:before,.steps.svelte-c3wfue .step.done:where(.svelte-c3wfue):after,.steps.svelte-c3wfue .step:where(.svelte-c3wfue) .icon:where(.svelte-c3wfue){box-shadow:none}}@media(inverted-colors:inverted){.steps.svelte-c3wfue .step.done:where(.svelte-c3wfue) .icon:where(.svelte-c3wfue),.steps.svelte-c3wfue .step.current:where(.svelte-c3wfue) .icon:where(.svelte-c3wfue){background:var(--accent-color-blue)}.steps.svelte-c3wfue .step.done:where(.svelte-c3wfue):after{background:var(--accent-color-blue)}.steps.svelte-c3wfue .step:where(.svelte-c3wfue):not(.done):not(.current) .icon:where(.svelte-c3wfue){background:var(--accent-color-teal)}}