.free-shipping-progress{display:block;margin:0 0 1.5rem;padding:1.2rem 1.4rem 1.5rem;border:.1rem solid rgba(82,42,90,.16);border-radius:.8rem;background:var(--sls-lilac, rgba(var(--color-foreground), .05));color:var(--sls-purple, rgb(var(--color-foreground)));transition:background-color .25s ease,border-color .25s ease}.free-shipping-progress__message{margin:0;font-size:1.4rem;line-height:1.4;text-align:center}.free-shipping-progress__message strong{font-weight:700}.free-shipping-progress__track{position:relative;height:.8rem;margin:1.2rem 0 0;border-radius:999px;background:#522a5a24}.free-shipping-progress__fill{position:absolute;inset:0 auto 0 0;display:block;width:var(--free-shipping-progress-width);border-radius:inherit;background:linear-gradient(90deg,var(--sls-purple, rgb(var(--color-button))),var(--sls-pink, rgb(var(--color-button))));transition:width .35s ease}.free-shipping-progress__marker{position:absolute;z-index:1;top:50%;left:clamp(1.3rem,var(--free-shipping-progress-width),calc(100% - 1.3rem));display:grid;width:2.7rem;height:2.7rem;place-items:center;border:.2rem solid #fff;border-radius:50%;background:#fff;box-shadow:0 .2rem .8rem #522a5a38;color:var(--sls-purple, rgb(var(--color-button)));transform:translate(-50%,-50%);transition:left .35s ease,transform .25s ease}.free-shipping-progress__truck,.free-shipping-progress__party{display:grid;place-items:center}.free-shipping-progress__truck[hidden],.free-shipping-progress__party[hidden]{display:none}.free-shipping-progress__truck .icon{width:1.65rem;height:1.65rem;fill:currentcolor}.free-shipping-progress__party{font-size:1.6rem;line-height:1}.free-shipping-progress--complete .free-shipping-progress__message{font-weight:700}.free-shipping-progress--complete{border-color:#ff009952;background:#ff009912}.free-shipping-progress--complete .free-shipping-progress__marker{animation:free-shipping-party .5s ease both}.free-shipping-progress--product{margin:1rem 0 2.5rem}@keyframes free-shipping-party{0%{transform:translate(-50%,-50%) scale(.75) rotate(-12deg)}65%{transform:translate(-50%,-50%) scale(1.18) rotate(8deg)}to{transform:translate(-50%,-50%) scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){.free-shipping-progress,.free-shipping-progress__marker,.free-shipping-progress__fill{transition:none}.free-shipping-progress--complete .free-shipping-progress__marker{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-free-shipping-progress.css.map */