.cart-progress-bar.page-width{max-width:100%;width:100%;z-index:1;position:relative;background-color:var(--white);color:var(--cart-accent-color);padding-inline:1.5rem}.cart-progress-bar__container{display:flex;flex-direction:column;gap:.375rem;width:100%}.cart-progress-bar__container h2,.cart-progress-bar__container .cart-progress-bar__heading{font-size:12px;margin:.75rem 0 0;line-height:1;text-align:center;width:100%;font-family:var(--font-body-family);font-weight:500;color:var(--black)}.cart-progress-bar__container.--all-complete .cart-progress-bar__next-text{margin-top:.75rem}.cart-progress-bar__bar{display:flex;align-items:center;gap:0;width:100%}.cart-progress-bar__tail{position:relative;display:flex;align-items:center;gap:.375rem;margin-inline-start:-1.0625rem}.cart-progress-bar__tail:before{content:"";position:absolute;inset:50% 1.0625rem auto 0;height:.75rem;transform:translateY(-50%);border-radius:0 1rem 1rem 0;background-color:var(--burnt-sienna-20)}.cart-progress-bar__tail>*{position:relative}.cart-progress-bar__bar.--has-tail .cart-progress-bar__track{border-radius:1rem 0 0 1rem}.cart-progress-bar__head{position:relative;display:flex;align-items:center;gap:.375rem}.cart-progress-bar__head:before{content:"";position:absolute;inset:50% 0 auto 1.0625rem;height:.75rem;transform:translateY(-50%);background-color:var(--cart-accent-color)}.cart-progress-bar__head>*{position:relative}.cart-progress-bar__head+.cart-progress-bar__track{margin-inline-start:-1.0625rem}.cart-progress-bar__track{border-radius:1rem 0 0 1rem}.cart-progress-bar__marker+.cart-progress-bar__track{margin-inline-start:-1.0625rem}.cart-progress-bar__marker.--complete+.cart-progress-bar__marker.--complete{margin-inline-start:.375rem}.cart-progress-bar__track{flex:1;min-width:1rem;height:.75rem;border-radius:1rem;background-color:var(--burnt-sienna-20);overflow:hidden}.cart-progress-bar__fill{display:block !important;height:100%;border-radius:1rem;background-color:var(--cart-accent-color);transition:width .4s ease}.cart-progress-bar__marker{position:relative;flex:none;display:flex;align-items:center;justify-content:center;width:2.125rem;height:2.125rem;border-radius:50%;background-color:var(--white);border:2px solid var(--cart-accent-color);box-shadow:0 0 0 2px var(--white);color:var(--cart-accent-color);outline:none}.cart-progress-bar__marker svg{width:1rem;height:1rem}.cart-progress-bar__marker.--complete{background-color:var(--cart-accent-color);color:var(--white)}.cart-progress-bar__marker.--later{border-color:var(--burnt-sienna-20)}.cart-progress-bar__marker:hover,.cart-progress-bar__marker:focus-visible{opacity:1}.cart-progress-bar__marker:hover .cart-progress-bar__marker-hint,.cart-progress-bar__marker:focus-visible .cart-progress-bar__marker-hint{opacity:1;visibility:visible}.cart-progress-bar__marker:first-child .cart-progress-bar__marker-hint{left:0;transform:none}.cart-progress-bar__marker:last-child .cart-progress-bar__marker-hint{left:auto;right:0;transform:none}.cart-progress-bar__marker-hint{position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translateX(-50%);padding:.25rem .5rem;border-radius:.25rem;background-color:var(--black);color:var(--white);font-size:11px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease;z-index:4}.cart-progress-bar__next-text{display:flex;align-items:center;justify-content:center;gap:.375rem;margin:0 0 .75rem;font-size:12px;font-weight:600;line-height:1;color:var(--black)}.cart-progress-bar__next-text svg{width:1rem;height:1rem;flex:none}.cart-progress-bar__next-text.--complete svg{color:var(--cart-accent-color)}.cart-progress-bar__permanent-message{font-size:12px;text-align:center;margin:-1.5rem 0 .5rem;color:var(--cart-accent-color);display:none}.cart-progress-bar__success-message{font-size:12px;text-align:center;margin:-1rem 0 0;color:var(--black)}.cart-progress-bar.has-tier-colors{--_tier-gradient: linear-gradient(90deg, var(--tier-color-1), var(--tier-color-2));--_tier-faded: color-mix(in srgb, var(--tier-color-1) 20%, transparent)}.cart-progress-bar.has-tier-colors .cart-progress-bar__track,.cart-progress-bar.has-tier-colors .cart-progress-bar__tail:before{background-color:var(--_tier-faded)}.cart-progress-bar.has-tier-colors .cart-progress-bar__fill{background:var(--_tier-gradient)}.cart-progress-bar.has-tier-colors .cart-progress-bar__head:before{background:var(--tier-color-1)}.cart-progress-bar.has-tier-colors .cart-progress-bar__marker{border-color:var(--tier-color-1);color:var(--black)}.cart-progress-bar.has-tier-colors .cart-progress-bar__marker.--complete{background:var(--tier-color-1);color:var(--tier-text)}.cart-progress-bar.has-tier-colors .cart-progress-bar__marker.--later{border-color:color-mix(in srgb, var(--tier-color-1) 35%, var(--white))}.cart-progress-bar.has-tier-colors .cart-progress-bar__next-text.--complete svg{color:var(--black)}/*# sourceMappingURL=component-cart-progress-bar.css.map */