.free-shipping--percentage{transition:all .25s cubic-bezier(.104,.204,.492,1)}
.free-shipping{display:block;font-size:.875rem;line-height:1.2;text-align:center}
.cart-drawer .free-shipping{font-size:.8125rem;padding:12px 0 14px;margin:0;border-top:1px solid currentColor;font-family:var(--bb-hdr-ff,inherit);font-weight:var(--bb-hdr-fw,inherit);letter-spacing:calc(var(--bb-hdr-track,0)*.01em)}
.cart-drawer .free-shipping__row{display:block;margin:0 0 10px}
.free-shipping--text{padding:15px 0}
.cart-drawer .free-shipping--text{padding:0;text-align:center;font-size:14px;line-height:1.25}
.cart-drawer .free-shipping__amount,.cart-drawer .free-shipping__hl{font-weight:800;text-decoration:underline;text-underline-offset:2px}

.free-shipping--bar{background:var(--color-border);height:4px;width:100%;position:relative}
.cart-drawer .free-shipping--bar{height:18px;border-radius:999px;background:color-mix(in srgb,currentColor 10%,transparent);border:2px solid color-mix(in srgb,currentColor 55%,transparent);overflow:visible;margin:2px 14px 0;width:calc(100% - 28px);box-sizing:border-box;background-clip:padding-box}
.free-shipping--percentage{position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(var(--percentage,0),1);transform-origin:center left;background:var(--color-body);border-radius:999px}
.cart-drawer .free-shipping--percentage{background:#f3e28d;box-shadow:0 0 18px rgba(243,226,141,.55)}

@media (prefers-reduced-motion:reduce){.cart-drawer .free-shipping__marker{animation:none}}
@keyframes fsGlow{0%,100%{filter:drop-shadow(0 0 2px rgba(243,226,141,.25)) drop-shadow(0 0 0 rgba(243,226,141,0))}50%{filter:drop-shadow(0 0 6px rgba(243,226,141,.55)) drop-shadow(0 0 14px rgba(243,226,141,.85))}}

.cart-drawer .free-shipping__marker{--icon:36px;--nose:15px;position:absolute;top:50%;left:clamp(0%,calc(var(--percentage,0)*100%),100%);transform:translate(calc(-100% + var(--nose)),-50%);width:var(--icon);height:var(--icon);display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0;z-index:3;animation:fsGlow 1.8s ease-in-out infinite;pointer-events:none}
.cart-drawer .free-shipping__marker svg{width:100%;height:100%;display:block}
.cart-drawer .free-shipping.is-full .free-shipping__marker{--nose:0px}