.cart-progress-bar{display:block;max-width:50rem;margin:2rem auto 1rem;background:rgba(var(--color-button-background),.1);padding:1.6rem;border-radius:.4rem}.cart-progress-bar:has(+.cart-items){margin-top:0;margin-bottom:3rem}.cart-drawer .cart-progress-bar{max-width:none;margin-bottom:0}.cart-progress-bar .progressbar{height:.4rem;background-color:rgb(var(--color-background));position:relative;margin-top:3.8rem;border-radius:min(var(--button-radius),.4rem)}.cart-progress-bar .progressbar--full{margin-top:0}.cart-progress-bar .progressbar:after{content:"";height:100%;background-color:rgb(var(--color-button-background));display:block;transition:width 1s ease-in-out;border-radius:.4rem;width:var(--progress)}.cart-progress-bar .progress-message{margin-bottom:1rem}.cart-progress-bar .progress-message .price{display:initial}.cart-progress-bar .progress-message bdi{font-size:inherit}.cart-progress-bar__labels{position:relative;display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,minmax(5rem,1fr));grid-row-gap:2rem;padding:1rem 0 0;list-style:none;text-align:center;font-size:85%;line-height:1.2}.cart-progress-bar__labels .progress-label{position:relative;font-size:1.2rem}.cart-progress-bar__labels .progress-label:before{content:"";display:block;width:2.3rem;height:2.3rem;top:-2.3rem;left:50%;transform:translate(-50%);position:absolute;border-radius:50%;background-color:rgb(var(--color-background));border:.2rem solid rgb(var(--color-border))}.cart-progress-bar__labels .progress-label:after{content:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjAwMDEgNi4wMDAwNkw4LjAwMDEyIDExLjAwMDFMNC45OTk5NyA4LjAwMDAzIiBzdHJva2U9IiMzNTM1MzUiIHN0cm9rZS13aWR0aD0iMS41Ii8+Cjwvc3ZnPgo=);display:block;width:1.8rem;height:1.8rem;position:absolute;left:50%;transform:translate(-50%);top:-2rem;opacity:.7}.cart-progress-bar__labels .progress-label.is-active .progress-label__name{opacity:1}.cart-progress-bar__labels .progress-label.is-active:before{border-color:rgb(var(--color-button-background))}.cart-progress-bar__labels .progress-label.is-active:after{opacity:1}.cart-progress-bar__labels .progress-label .progress-label__name{margin-top:.5rem;display:block;opacity:.7}.cart-progress-bar__labels .progress-label .progress-label__amount{display:block;position:absolute;top:-4.3rem;width:100%;left:0;font-weight:bolder}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-cart-progress-bar.css.map */
