free-shipping-bar{--fsb-panel: var(--color-accent-main);--fsb-ink: var(--color-foreground-accent-main);--fsb-roast: var(--color-background-main);--fsb-bean: #6b4a2b;--fsb-dir: 1;--fsb-ease: cubic-bezier(.22, 1, .36, 1);display:block;position:relative;padding:.875rem var(--sidebar-gutter, 1.25rem) 1.125rem;background:var(--fsb-panel);color:var(--fsb-ink);line-height:1.25}html[dir=rtl] free-shipping-bar{--fsb-dir: -1}@supports (color: color-mix(in srgb,red 50%,blue)){free-shipping-bar{--fsb-bean: color-mix(in srgb, #3a2214 calc(var(--fsb-progress, 0) * 1%), #8f9a5a)}}.free-shipping-bar--page{padding:1rem 1.125rem 1.25rem;margin-bottom:var(--gutter-regular, 1.25rem);border-radius:var(--border-radius-cards)}.free-shipping-bar__copy>span{display:block}.free-shipping-bar__message{font-size:calc(15px / 16 * var(--base-body-size) + 0px);font-weight:var(--font-weight-body-bold)}.free-shipping-bar__message strong{color:var(--fsb-roast);font-weight:inherit}.free-shipping-bar__caption{margin-top:.1875rem;font-size:calc(13px / 16 * var(--base-body-size) + 0px);opacity:.72}.free-shipping-bar__meter{position:relative;height:.5rem;margin-top:1.125rem;margin-inline-start:.8125rem;margin-inline-end:1rem;border-radius:62.5rem;background:#ffffff2e}.free-shipping-bar__fill{position:absolute;top:0;bottom:0;inset-inline-start:0;width:calc(var(--fsb-progress, 0) * 1%);overflow:hidden;border-radius:inherit;background:var(--fsb-roast);transition:width 1s var(--fsb-ease)}.free-shipping-bar__fill:after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,#fff0,#ffffffa6,#fff0);transform:translate(calc(-100% * var(--fsb-dir)));animation:fsb-shimmer 2.8s ease-in-out infinite}.free-shipping-bar--unlocked .free-shipping-bar__fill:after{display:none}.free-shipping-bar__bean{position:absolute;top:50%;inset-inline-start:calc(var(--fsb-progress, 0) * 1%);z-index:2;display:grid;place-items:center;width:1.625rem;height:1.625rem;margin-top:-.8125rem;margin-inline-start:-.8125rem;border-radius:50%;background:var(--fsb-roast);box-shadow:0 0 0 3px var(--fsb-panel);transition:inset-inline-start 1s var(--fsb-ease),left 1s var(--fsb-ease),right 1s var(--fsb-ease),opacity .2s linear .8s}.free-shipping-bar__bean svg{display:block;width:.9375rem;height:.9375rem;transform:rotate(calc(var(--fsb-progress, 0) * 5.4deg * var(--fsb-dir)));transition:transform 1s var(--fsb-ease)}free-shipping-bar .free-shipping-bar__bean-body{fill:var(--fsb-bean)!important;transition:fill 1s linear}free-shipping-bar .free-shipping-bar__bean-crease{fill:none!important;stroke:var(--fsb-roast);stroke-width:1.6;stroke-linecap:round}.free-shipping-bar--unlocked .free-shipping-bar__bean{opacity:0}.free-shipping-bar__goal{position:absolute;top:50%;inset-inline-end:-1rem;z-index:1;display:grid;place-items:center;width:2rem;height:2rem;margin-top:-1rem;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:var(--fsb-panel);color:var(--fsb-ink);transition:background-color .3s linear .7s,border-color .3s linear .7s,color .3s linear .7s}.free-shipping-bar__goal svg{grid-area:1 / 1;display:block;width:1.125rem;height:1.125rem;transition:opacity .2s linear .8s}html[dir=rtl] .free-shipping-bar__goal-van{transform:scaleX(-1)}free-shipping-bar .free-shipping-bar__goal svg *{fill:none!important;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.free-shipping-bar__goal-check{opacity:0}.free-shipping-bar--unlocked .free-shipping-bar__goal{border-color:var(--fsb-roast);background:var(--fsb-roast);color:var(--fsb-panel)}.free-shipping-bar--unlocked .free-shipping-bar__goal-van{opacity:0}.free-shipping-bar--unlocked .free-shipping-bar__goal-check{opacity:1}free-shipping-bar .free-shipping-bar__goal-check *{stroke-width:2.4}.free-shipping-bar--preparing,.free-shipping-bar--preparing *{transition:none!important}.free-shipping-bar--celebrating .free-shipping-bar__goal{animation:fsb-pop .6s var(--fsb-ease)}.free-shipping-bar--celebrating .free-shipping-bar__message{animation:fsb-rise .5s var(--fsb-ease)}.free-shipping-bar__spark{position:absolute;top:50%;left:50%;width:.375rem;height:.5625rem;border-radius:50%;background:var(--fsb-roast);opacity:0;pointer-events:none;animation:fsb-burst .9s ease-out forwards}@keyframes fsb-shimmer{0%{transform:translate(calc(-100% * var(--fsb-dir)))}70%,to{transform:translate(calc(350% * var(--fsb-dir)))}}@keyframes fsb-pop{0%{transform:scale(1)}45%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes fsb-rise{0%{opacity:0;transform:translateY(.375rem)}to{opacity:1;transform:translateY(0)}}@keyframes fsb-burst{0%{opacity:1;transform:translate(-50%,-50%) scale(.4)}to{opacity:0;transform:translate(calc(-50% + var(--fsb-x)),calc(-50% + var(--fsb-y))) rotate(var(--fsb-r)) scale(1)}}@media(prefers-reduced-motion:reduce){free-shipping-bar,free-shipping-bar *{animation:none!important;transition:none!important}.free-shipping-bar__fill:after{display:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-free-shipping-bar.css.map */