.cart-tier{padding:1.2rem 1.6rem 1.6rem;border-bottom:.1rem solid rgba(var(--color-foreground),.08)}cart-drawer .cart-tier{padding-left:var(--upcart-pad-x, 3rem);padding-right:var(--upcart-pad-x, 3rem)}.cart-tier__message{margin:0 0 1.6rem;text-align:center;font-family:var(--font-body-family);font-size:1.3rem;line-height:1.45;color:rgb(var(--color-foreground))}.cart-tier__message strong{font-weight:700}.cart-tier__track{position:relative;padding:1.8rem 2.9rem 3.2rem;--cart-tier-icon-size: 3.6rem;--cart-tier-bar-height: 1rem;--cart-tier-bar-top: calc( 1.8rem + (var(--cart-tier-icon-size) / 2) - (var(--cart-tier-bar-height) / 2) );--cart-tier-progress: 0%}.cart-tier__bar{position:absolute;left:0;right:0;top:var(--cart-tier-bar-top);height:var(--cart-tier-bar-height);border-radius:999px;background:#e8e4df;overflow:hidden;z-index:0;pointer-events:none}.cart-tier__bar-fill{display:block;height:100%;width:var(--cart-tier-progress);min-width:0;border-radius:999px;background:#b8a088;transition:width .45s ease}.cart-tier__milestones{position:relative;min-height:var(--cart-tier-icon-size);z-index:1}.cart-tier__milestone{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;gap:.7rem;width:5.8rem;transform:translate(-50%);z-index:1}.cart-tier__milestones .cart-tier__milestone:nth-child(1){left:33.33%}.cart-tier__milestones .cart-tier__milestone:nth-child(2){left:66.66%}.cart-tier__milestones .cart-tier__milestone:nth-child(3){left:100%}.cart-tier__icon{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:50%;background:#f3f1ee;color:#b0aaa2;border:.15rem solid #e0dbd4;transition:background .25s ease,color .25s ease,border-color .25s ease}.cart-tier__icon svg{width:1.5rem;height:1.5rem}.cart-tier__milestone.is-active .cart-tier__icon{background:#b8a088;color:#fff;border-color:#b8a088}.cart-tier__label{font-size:1rem;font-weight:600;letter-spacing:.03em;line-height:1.2;text-align:center;color:#9a948c;white-space:nowrap}.cart-tier__milestone.is-active .cart-tier__label{color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.cart-tier{padding-left:2rem;padding-right:2rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cart-tier-progress.css.map */