.cart-progress-bar-container{padding:0 2rem;background:#fff;margin:.5rem auto 1rem;font-family:inherit;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.cart-progress-bar__header{margin-bottom:.5rem;text-align:center;width:100%}.cart-progress-bar__message{font-size:1.4rem;color:#151515;background:transparent;padding:0;border-radius:0;display:block;line-height:1.3;width:100%}.cart-progress-bar__message strong{color:#000;font-weight:800}.cart-progress-bar__track-wrapper{position:relative;padding:2.5rem 1rem 1rem;width:100%;box-sizing:border-box}.cart-progress-bar__track{position:relative;height:1.2rem;background-color:#eee!important;border-radius:2rem;width:100%;z-index:1}.cart-progress-bar__fill{position:absolute;top:0;left:0;height:100%;width:0%;background:rgb(var(--color-button))!important;background-color:rgb(var(--color-button))!important;border-radius:2rem;transition:width 1s cubic-bezier(.16,1,.3,1)!important;box-shadow:0 0 10px rgba(var(--color-button),.3);z-index:5;display:block!important;visibility:visible!important;opacity:1!important}.cart-progress-bar__steps{position:absolute;top:50%;left:0;width:100%;z-index:10;pointer-events:none;transform:translateY(-50%)}.cart-progress-bar__step{position:absolute;top:50%;transform:translate(-50%,-50%);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.step__icon{width:1.4rem;height:1.4rem;background:#f0f0f0;border:1px solid #e0e0e0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ccc;box-shadow:0 4px 10px #0000000d,inset 0 1px #fffc;transition:all .4s ease}.step__icon svg{width:.9rem;height:.9rem}.step__checkmark{display:none!important}.step__checkmark svg{width:.6rem;height:.6rem}.cart-progress-bar__step.is-reached .step__icon{border:2px solid rgb(var(--color-button));color:rgb(var(--color-button-text));background:rgb(var(--color-button));box-shadow:0 4px 12px rgba(var(--color-button),.25),inset 0 2px 4px #ffffff4d;transform:scale(1.15)}.cart-progress-bar__step.is-reached .step__checkmark{opacity:1;transform:scale(1)}.cart-progress-bar__milestone{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10;transition:all .4s ease}.milestone-0{left:0%}.milestone-1{left:50%}.milestone-2{left:100%}.milestone__icon-container{position:relative;width:2.4rem;height:2.4rem}.milestone__icon{width:100%;height:100%;background:#f0f0f0;border:1px solid #e0e0e0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#bbb;box-shadow:0 6px 15px #00000014,inset 0 1px #fffc;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.milestone-0 .milestone__icon{content:"";border-color:rgb(var(--color-button))!important;color:rgb(var(--color-button-text))!important;background:rgb(var(--color-button))!important;box-shadow:0 5px 15px rgba(var(--color-button),.3),inset 0 2px 5px #fff6!important;transform:scale(1.1)!important}.cart-progress-bar__milestone.is-reached .milestone__icon{border-color:rgb(var(--color-button));color:rgb(var(--color-button-text));background:rgb(var(--color-button));box-shadow:0 5px 15px rgba(var(--color-button),.3),inset 0 2px 5px #fff6;transform:scale(1.1)}.milestone__icon svg{width:1.2rem;height:1.2rem}.milestone__badge{position:absolute;top:-2.2rem;left:50%;transform:translate(-50%);font-size:1rem;font-weight:800;text-transform:uppercase;white-space:nowrap;color:#bbb;letter-spacing:.05rem}.cart-progress-bar__milestone.is-reached .milestone__badge{color:#000!important;font-weight:900}.milestone__checkmark{display:none!important}.cart-progress-bar__milestone.is-reached .milestone__checkmark{opacity:1;transform:scale(1)}.milestone__checkmark svg{width:1.1rem;height:1.1rem}@keyframes reached-pulse{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.25)}to{transform:translate(-50%,-50%) scale(1.1)}}.cart-progress-bar__milestone.is-reached:not(.was-reached){animation:reached-pulse .6s cubic-bezier(.175,.885,.32,1.275) forwards}.cart-progress-bar-container.stage-1 .step-4,.cart-progress-bar-container.stage-1 .step-5,.cart-progress-bar-container.stage-1 .milestone-2,.cart-progress-bar-container.stage-2 .milestone-0,.cart-progress-bar-container.stage-2 .step-1,.cart-progress-bar-container.stage-2 .step-2{display:none!important}.cart-progress-bar-container.stage-1 .milestone-0{left:0%!important}.cart-progress-bar-container.stage-1 .step-1{left:33.33%!important}.cart-progress-bar-container.stage-1 .step-2{left:66.66%!important}.cart-progress-bar-container.stage-1 .milestone-1{left:100%!important}.cart-progress-bar-container.stage-2 .milestone-1{left:0%!important}.cart-progress-bar-container.stage-2 .step-4{left:33.33%!important}.cart-progress-bar-container.stage-2 .step-5{left:66.66%!important}.cart-progress-bar-container.stage-2 .milestone-2{left:100%!important}@media screen and (min-width: 750px){.cart-progress-bar-container{max-width:700px;margin:1rem auto 2rem;border-radius:12px;padding:0 4rem}.step__icon{width:2.4rem;height:2.4rem;min-width:2.4rem;min-height:2.4rem;flex-shrink:0}.step__icon svg{width:1.4rem;height:1.4rem}.milestone__icon-container{width:3.2rem;height:3.2rem;min-width:3.2rem;min-height:3.2rem;flex-shrink:0}.milestone__icon svg{width:1.8rem;height:1.8rem}.milestone__badge{font-size:1.1rem;top:-2.5rem}.cart-progress-bar__track-wrapper{padding:4.5rem 2rem 2rem}}.drawer .cart-progress-bar-container,.cart-drawer .cart-progress-bar-container{max-width:none!important;margin:2rem 0 1rem!important;width:auto!important;padding:0 1.5rem!important;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important}.drawer .cart-progress-bar__track-wrapper,.cart-drawer .cart-progress-bar__track-wrapper{padding:4rem .5rem .5rem!important;overflow:visible!important}.drawer .milestone__badge,.cart-drawer .milestone__badge{top:-2.2rem!important}.drawer .milestone__icon-container,.cart-drawer .milestone__icon-container,.milestone__icon-container{width:2.8rem;height:2.8rem}.drawer .step__icon,.cart-drawer .step__icon,.step__icon{width:2.2rem;height:2.2rem}.cart-progress-bar__milestone.is-reached .milestone__icon{box-shadow:0 4px 12px rgba(var(--color-button),.15),inset 0 2px 5px #fff6}.milestone__icon{box-shadow:0 4px 10px #0000000d,inset 0 1px #fffc}
/*# sourceMappingURL=/cdn/shop/t/41/assets/cart-progress-bar.css.map */