.free-shipping-progress-wrapper{margin:var(--margin-top, 0) 0 var(--margin-bottom, 1.5rem) 0!important;padding:1.2rem!important;background:var(--background-color, rgba(var(--color-background), 1))!important;background-color:var(--background-color, #ffffff)!important;border:var(--border-width, 1px) solid var(--border-color, #e0e0e0)!important;border-radius:var(--border-radius, 8px)!important;box-shadow:var(--box-shadow, none)!important;transition:all .3s ease}.free-shipping-progress-wrapper:hover{transform:translateY(-1px)}.free-shipping-empty-cart{display:flex;align-items:center;gap:.8rem;color:var(--text-color, rgba(var(--color-foreground), .7));font-size:var(--text-font-size, 1.4rem)}.free-shipping-icon,.free-shipping-empty-cart .icon-accordion,.free-shipping-empty-cart .icon{color:var(--text-color, rgba(var(--color-foreground), .5))!important;fill:var(--text-color, rgba(var(--color-foreground), .5))!important;flex-shrink:0;width:var(--icon-width, 25px)!important;height:var(--icon-height, 25px)!important;position:relative;left:var(--icon-left, 0px);top:var(--icon-top, 0px);display:inline-block!important}.free-shipping-empty-message{margin:0;font-weight:var(--text-font-weight, 500);color:var(--text-color, rgba(var(--color-foreground), .7))}.progress-bar-container{display:flex;align-items:flex-start;gap:1.2rem}.progress-icon{margin-top:.2rem;color:rgb(var(--color-button));flex-shrink:0}.progress-content{flex:1;min-width:0}.progress-message{margin-bottom:1rem;font-size:var(--text-font-size, 1.4rem);font-weight:var(--text-font-weight, 500);color:var(--text-color, rgba(var(--color-foreground), .8));line-height:1.3}.progress-message-with-icon{display:flex;align-items:center;gap:.6rem;line-height:1.4}.progress-message-icon,.progress-message-with-icon .icon-accordion,.progress-message-with-icon .icon{color:rgb(var(--color-button))!important;fill:rgb(var(--color-button))!important;flex-shrink:0;width:var(--icon-width, 25px)!important;height:var(--icon-height, 25px)!important;display:inline-flex!important;align-items:center;justify-content:center;position:relative;top:calc(2px + var(--icon-top, 0px));left:calc(3px + var(--icon-left, 0px))}.progress-message-text{flex:1;min-width:0;line-height:1.4}.progress-message .amount-bold{font-size:var(--amount-font-size, 1.6rem);font-weight:var(--amount-font-weight, 800);color:var(--amount-color, var(--progress-fill-color, rgb(var(--color-button))))}.progress-bar-track{position:relative;width:100%;height:1rem;background:var(--progress-track-color, rgba(var(--color-border), .2));border-radius:.8rem;overflow:hidden;margin-bottom:.8rem}.progress-bar-fill{height:100%;background:var(--progress-fill-color, #3b71ca);border-radius:.8rem;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-width:0}.progress-bar-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:progressGlow 2s infinite}@keyframes progressGlow{0%{left:-100%}to{left:100%}}.progress-checkmark{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);background:rgb(var(--color-button));border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;color:#fff;animation:checkmarkPop .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes checkmarkPop{0%{transform:translateY(-50%) scale(0)}50%{transform:translateY(-50%) scale(1.2)}to{transform:translateY(-50%) scale(1)}}.progress-labels{display:flex;justify-content:space-between;font-size:calc(var(--text-font-size, 14px) * .85);color:var(--text-color, rgba(var(--color-foreground), .6));font-weight:var(--text-font-weight, 500)}.progress-current{color:var(--amount-color, var(--progress-fill-color, rgb(var(--color-button))));font-weight:var(--amount-font-weight, 500)}.free-shipping-progress--circle .progress-circle-container{display:flex;flex-direction:column;align-items:center;gap:1.2rem}.progress-circle{position:relative;display:flex;align-items:center;justify-content:center}.progress-circle-svg{transform:rotate(-90deg)}.progress-circle-bg{stroke:var(--progress-track-color, rgba(var(--color-border), .2))}.progress-circle-fill{stroke:var(--progress-fill-color, rgb(var(--color-button)));stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.progress-circle-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.4rem}.progress-circle-icon,.progress-circle-content .icon-accordion,.progress-circle-content .icon{color:var(--progress-fill-color, rgb(var(--color-button)))!important;fill:var(--progress-fill-color, rgb(var(--color-button)))!important;width:25px!important;height:25px!important;display:inline-flex!important;align-items:center;justify-content:center;position:relative;top:2px}.progress-circle-percent{font-size:calc(var(--text-font-size, 14px) * .85);font-weight:var(--amount-font-weight, 800);color:var(--text-color, rgba(var(--color-foreground), .8))}.progress-circle-message{text-align:center;font-size:var(--text-font-size, 1.4rem);font-weight:var(--text-font-weight, 500);color:var(--text-color, rgba(var(--color-foreground), .8));max-width:25rem}.progress-circle-message .progress-message-with-icon{justify-content:center;gap:.5rem}.progress-circle-message .amount-bold{font-size:var(--amount-font-size, 1.6rem);font-weight:var(--amount-font-weight, 800);color:var(--amount-color, var(--progress-fill-color, rgb(var(--color-button))))}.free-shipping-progress[data-completed=true] .progress-bar-fill,.free-shipping-progress.progress-complete .progress-bar-fill{background:var(--progress-fill-color, rgb(var(--color-success, var(--color-button))))}.free-shipping-progress[data-completed=true] .progress-circle-fill,.free-shipping-progress.progress-complete .progress-circle-fill{stroke:var(--progress-fill-color, rgb(var(--color-success, var(--color-button))))}.free-shipping-progress[data-completed=true] .progress-message,.free-shipping-progress[data-completed=true] .progress-circle-message,.free-shipping-progress.progress-complete .progress-message,.free-shipping-progress.progress-complete .progress-circle-message{color:var(--text-color, var(--progress-fill-color, rgb(var(--color-success, var(--color-button)))));font-weight:var(--text-font-weight, 500)}.success-message{color:var(--text-color, var(--progress-fill-color, rgb(var(--color-success, var(--color-button)))))!important;font-weight:var(--text-font-weight, 600)!important;font-size:var(--text-font-size, 1.4rem)!important}.free-shipping-progress[data-show-icon=false] .progress-icon,.free-shipping-progress[data-show-icon=false] .progress-circle-icon{display:none!important}.amount-bold{font-size:var(--amount-font-size, 1.6rem)!important;font-weight:var(--amount-font-weight, 700)!important;color:var(--amount-color, var(--progress-fill-color, rgb(var(--color-button))))!important}.free-shipping-progress-wrapper,.free-shipping-progress-wrapper *{color:var(--text-color, inherit)}.free-shipping-progress-wrapper .amount-bold,.free-shipping-progress-wrapper .progress-current{color:var(--amount-color, var(--progress-fill-color, inherit))!important}@media screen and (max-width: 749px){.free-shipping-progress-wrapper{margin:1rem 0;padding:1rem}.progress-bar-container{gap:1rem}.progress-message,.progress-circle-message{font-size:1.3rem}.progress-message-with-icon{gap:.5rem}.progress-message-icon,.progress-message-with-icon .icon-accordion,.progress-message-with-icon .icon{width:var(--icon-width, 22px)!important;height:var(--icon-height, 22px)!important;top:calc(1px + var(--icon-top, 0px));left:calc(2px + var(--icon-left, 0px))}.progress-circle-icon,.progress-circle-content .icon-accordion,.progress-circle-content .icon{width:var(--icon-width, 22px)!important;height:var(--icon-height, 22px)!important;top:calc(1px + var(--icon-top, 0px));left:var(--icon-left, 0px)}.progress-labels{font-size:1.1rem}}@media (prefers-color-scheme: dark){.free-shipping-progress-wrapper{background:rgba(var(--color-background),.5);border-color:rgba(var(--color-border),.3)}.progress-bar-track{background:rgba(var(--color-border),.3)}.progress-circle-bg{stroke:rgba(var(--color-border),.3)}}.free-shipping-progress[data-updating=true]{animation:progressUpdate .3s ease}@keyframes progressUpdate{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/component-free-shipping-progress.css.map */