.checkout-progress ol{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:0;padding:0;list-style:none;display:grid}.checkout-progress li{min-width:0;position:relative}.checkout-progress li+li:before{content:"";background:var(--color-line-2);border-radius:2px;block-size:3px;position:absolute;inset-block-start:15px;inset-inline:calc(20px - 50%) calc(50% + 20px)}.checkout-progress li[data-state=done]+li:before,.checkout-progress li[data-state=current]:before{background:var(--color-brand)}.checkout-progress li[data-state=todo]:before{background:var(--color-line-2)}.checkout-progress a{min-block-size:64px;color:var(--color-sub);align-content:start;justify-items:center;gap:6px;padding-block:0 6px;font-size:14px;font-weight:600;line-height:18px;text-decoration:none;display:grid}.checkout-progress-n{border:2px solid var(--color-line-2);block-size:32px;inline-size:32px;color:var(--color-sub);background:#fff;border-radius:50%;place-items:center;font-size:15px;font-weight:700;line-height:1;display:grid;position:relative}.checkout-progress li[data-state=done] .checkout-progress-n{border-color:var(--color-brand);background:var(--color-brand);color:#fff}.checkout-progress li[data-state=current] .checkout-progress-n{border-color:var(--color-brand);background:var(--color-sun);color:var(--color-brand-900);box-shadow:0 0 0 4px color-mix(in oklab, var(--color-brand) 20%, transparent)}.checkout-progress li[data-state=current] a,.checkout-progress li[data-state=done] a{color:var(--color-ink)}.checkout-progress a:focus-visible{outline:3px solid var(--color-brand);outline-offset:2px;border-radius:10px}@media (hover:hover){.checkout-progress a:hover .checkout-progress-n{border-color:var(--color-brand)}}.checkout-progress-next{text-align:center;margin:2px 0 0}.checkout-progress-next button{background:color-mix(in oklab, var(--color-sun) 30%, #fff);min-block-size:36px;color:var(--color-brand-900);border-radius:999px;align-items:center;gap:4px;padding:6px 12px 6px 16px;font-size:15px;line-height:20px;display:inline-flex}html[data-site-font] .checkout-progress-next button{font-weight:600}@media (hover:hover){.checkout-progress-next button:hover{background:color-mix(in oklab, var(--color-sun) 55%, #fff)}}@media (max-width:1023px){.checkout-progress-next{display:none}}@media (prefers-reduced-motion:no-preference){.checkout-progress-n{transition:background-color .16s var(--ease-std), border-color .16s var(--ease-std)}}