.free-shipping-bar{display:block;width:100%;margin:2rem 0}.free-shipping-bar__container{padding:1.5rem;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.08);border-radius:var(--inputs-radius)}.free-shipping-bar__message{margin-bottom:1.2rem;text-align:center}.free-shipping-bar__text{display:inline-flex;align-items:center;gap:.5rem;font-size:1.4rem;color:rgb(var(--color-foreground));font-weight:500}.free-shipping-bar__text--success{color:#ec4899}.free-shipping-bar__text .icon,.free-shipping-bar__text .icon-checkmark{width:1.6rem;height:1.6rem;max-width:1.6rem;max-height:1.6rem;fill:currentColor;display:inline-block;vertical-align:middle;flex-shrink:0}.free-shipping-bar__text svg{width:1.6rem;height:1.6rem;max-width:1.6rem;max-height:1.6rem}.free-shipping-bar__progress{position:relative;margin:0 auto 3rem;max-width:40rem;min-height:1.2rem}.free-shipping-bar__progress-track{position:relative;height:1.2rem;min-height:1.2rem;background:#e5e7eb;border-radius:.6rem;overflow:hidden;display:block}.free-shipping-bar__progress-fill{position:absolute;top:0;left:0;height:100%;background:#ec4899!important;background-image:linear-gradient(90deg,#f472b6,#ec4899,#db2777);border-radius:.6rem;transition:width .5s cubic-bezier(.25,.46,.45,.94);box-shadow:0 0 10px #ec48994d;overflow:hidden;z-index:1;min-width:4px;display:block!important;visibility:visible!important;opacity:1!important}.free-shipping-bar__progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:shimmer 2s infinite;z-index:2;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.free-shipping-bar__progress-indicator{position:absolute;bottom:-2.8rem;transform:translate(-50%);transition:left .5s cubic-bezier(.25,.46,.45,.94)}.free-shipping-bar__percentage{display:inline-block;padding:.2rem .6rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.1rem;font-weight:600;border-radius:.3rem;white-space:nowrap}.free-shipping-bar__percentage:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:.4rem solid transparent;border-right:.4rem solid transparent;border-bottom:.4rem solid rgb(var(--color-foreground))}.free-shipping-bar--cart{margin:0 0 3rem}.free-shipping-bar--cart .free-shipping-bar__container{padding:2rem;background:linear-gradient(135deg,rgba(var(--color-background),1),rgba(var(--color-foreground),.03))}.free-shipping-bar--notification{margin:1rem 0}.free-shipping-bar--notification .free-shipping-bar__container{padding:1rem;border:0;background:rgba(var(--color-foreground),.03)}.free-shipping-bar--notification .free-shipping-bar__message{margin-bottom:.8rem}.free-shipping-bar--notification .free-shipping-bar__text{font-size:1.3rem}.free-shipping-bar--notification .free-shipping-bar__progress-track{height:.8rem}.free-shipping-bar--notification .free-shipping-bar__progress-indicator{display:none}.free-shipping-bar--notification .free-shipping-bar__progress-fill{display:block;visibility:visible;opacity:1;height:100%}@media (prefers-color-scheme: dark){.free-shipping-bar__text--success{color:#f9a8d4}.free-shipping-bar__progress-fill{background:linear-gradient(90deg,#f9a8d4,#f472b6,#ec4899)}}.free-shipping-bar--drawer{margin:1.5rem 1rem}.free-shipping-bar--drawer .free-shipping-bar__container{padding:1.2rem;background:rgba(var(--color-foreground),.03);border:0}.free-shipping-bar--drawer .free-shipping-bar__message{margin-bottom:.8rem}.free-shipping-bar--drawer .free-shipping-bar__text{font-size:1.3rem}.free-shipping-bar--drawer .free-shipping-bar__progress-track{height:.8rem}.free-shipping-bar--drawer .free-shipping-bar__progress-indicator{display:none}.free-shipping-bar--drawer .free-shipping-bar__progress-fill{display:block;visibility:visible;opacity:1;height:100%}@media screen and (max-width: 749px){.free-shipping-bar__container{padding:1.2rem}.free-shipping-bar__text{font-size:1.3rem}.free-shipping-bar--cart .free-shipping-bar__container{padding:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/89/assets/component-free-shipping-bar.css.map */
