@layer components{.st-checkout-steps{--st-checkout-marker-size:2.25rem;display:flex;align-items:center;margin:0 0 var(--st-space-lg);padding:0;list-style:none}.st-checkout-steps__step{position:relative;flex:1;display:flex;min-inline-size:0}.st-checkout-steps .st-checkout-steps__step{margin:0}.st-checkout-steps__link{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--st-space-xs);border-radius:var(--st-radius-md);text-align:center}.st-checkout-steps a.st-checkout-steps__link{color:inherit;text-decoration:none;transition:var(--st-transition-color)}.st-checkout-steps a.st-checkout-steps__link:hover{text-decoration:underline}.st-checkout-steps a.st-checkout-steps__link:hover .st-checkout-steps__marker{border-color:var(--st-accent-solid-hover);background:var(--st-accent-solid-hover)}.st-checkout-steps a.st-checkout-steps__link:focus-visible{outline:2px solid var(--st-focus-ring);outline-offset:-1px}.st-checkout-steps__step::before{content:'';position:absolute;inset-block-start:calc(var(--st-checkout-marker-size) / 2 - 1px);inset-inline-end:50%;inline-size:100%;block-size:2px;background:var(--st-border)}.st-checkout-steps__step:first-child::before{display:none}.st-checkout-steps__step.is-done::before,.st-checkout-steps__step.is-current::before{background:var(--st-accent-solid)}.st-checkout-steps__marker{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--st-checkout-marker-size);block-size:var(--st-checkout-marker-size);border:2px solid var(--st-border);border-radius:var(--st-radius-full);background:var(--st-bg);color:var(--st-fg-muted);font-size:var(--st-font-size-sm);font-weight:var(--st-font-weight-semibold);line-height:1;transition:var(--st-transition-color)}.st-checkout-steps__step.is-done .st-checkout-steps__marker{border-color:var(--st-accent-solid);background:var(--st-accent-solid);color:var(--st-accent-on)}.st-checkout-steps__step.is-current .st-checkout-steps__marker{border-color:var(--st-accent-solid);color:var(--st-accent-solid)}.st-checkout-steps__label{font-size:var(--st-font-size-sm);color:var(--st-fg-muted)}.st-checkout-steps__step.is-done .st-checkout-steps__label,.st-checkout-steps__step.is-current .st-checkout-steps__label{color:var(--st-fg)}.st-checkout-steps__step.is-current .st-checkout-steps__label{font-weight:var(--st-font-weight-semibold)}@media (max-width:30em){.st-checkout-steps{--st-checkout-marker-size:1.75rem}}}