.cart-progress__wrapper{width:100%;margin-block-end:2rem}.cart-progress{display:block}cart-drawer.is-empty .cart-progress{display:none}.cart-progress--message{font-size:12px;margin-top:4px;text-transform:uppercase;text-align:center}cart-progress--is-hidden{display:none}.cart-progress__bar--holder{width:100%;position:relative;height:10px;display:block}.cart-progress__bar{height:100%;position:relative;overflow:hidden;margin:16px auto 0;background:var(--gwp-bg);border:1px solid black;border-radius:var(--gwp-border-radius)}.cart-progress__bar--bar{width:0;background-color:var(--gwp-accent);height:100%;display:block;position:relative;z-index:0;transition:width .4s ease-out;width:var(--progress-width)}.cart-progress__bar--bar.complete{background-color:var(--gwp-accent-complete)}.cart-progress--threshold{width:var(--threshold-width);height:100%;display:block;position:absolute;left:0;top:0;z-index:2;border-right:1px dotted black}.cart-progress--threshold.last{width:calc(var(--threshold-width) - var(--end-safety-margin))}.cart-progress--label{position:absolute;font-size:8px;font-weight:700;display:inline;z-index:1;top:-18px;right:0;transform:translate(50%);max-width:110px;text-align:center}.cart-progress--threshold.first .cart-progress--label{transform:translate(0)}.cart-progress--label{position:absolute;font-size:8px;z-index:1;top:-12px;left:100%;transform:translate(-95%);max-width:100px;text-wrap:nowrap;display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1;gap:2px}.cart-progress--icon-wrapper{height:36px;width:36px;background:var(--gwp-accent);border:2px solid white;border-radius:50px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.achieved .cart-progress--icon-wrapper{background:var(--gwp-accent-complete)}.cart-progress--icon-wrapper img{width:16px;height:auto;transition:all .4s cubic-bezier(.62,.16,.13,1.01) .2s;position:absolute;top:50%;left:50%}.cart-progress--icon-wrapper .label-padlock{transform:translate(-50%,-50%)}.cart-progress--icon-wrapper .label-tick{transform:translate(-50%,250%)}.achieved .cart-progress--icon-wrapper .label-padlock{transform:translate(-50%,-250%)}.achieved .cart-progress--icon-wrapper .label-tick{transform:translate(-50%,-50%)}@media (min-width: 768px){.cart .cart-progress__wrapper{min-width:46rem;max-width:46rem;margin:var(--font-hd2-size) auto 0;padding-block-start:2rem}}@media (max-width: 767px){.cart .cart-progress__wrapper{padding-block-start:3rem}}
/*# sourceMappingURL=/cdn/shop/t/614/assets/component-cart-progress.css.map */
