.hybrid-shipping-bar{--hy-ship-ink: var(--hy-ink);--hy-ship-track: var(--hy-hairline);--hy-ship-meta: var(--hy-text-3);--hy-ship-line: var(--hy-hairline);container-type:inline-size;container-name:hybrid-shipping;box-sizing:border-box;inline-size:100%;color:var(--hy-ship-ink);font-family:var(--hy-font);border-block-end:1px solid var(--hy-ship-line)}.hybrid-shipping-bar--on-dark{--hy-ship-ink: var(--hy-on-dark);--hy-ship-track: var(--hy-on-dark-border);--hy-ship-meta: var(--hy-on-dark-meta);--hy-ship-line: var(--hy-on-dark-border)}.hybrid-shipping-bar [hidden]{display:none!important}.hybrid-shipping-bar__inner{display:flex;align-items:center;flex-wrap:wrap;gap:var(--hy-3) var(--hy-4);min-block-size:56px;padding-block:var(--hy-2);box-sizing:border-box}.hybrid-shipping-bar__messages{flex:0 1 auto;min-inline-size:0}.hybrid-shipping-bar__message{margin:0;font-size:var(--hy-small);font-weight:600;line-height:1.35;color:var(--hy-ship-ink)}.hybrid-shipping-bar__message--met{font-weight:800}.hybrid-shipping-bar__message bdi,.hybrid-shipping-bar__current bdi{font-variant-numeric:tabular-nums}.hybrid-shipping-bar__meter{position:relative;flex:none;inline-size:240px;block-size:4px;background:var(--hy-ship-track)}.hybrid-shipping-bar__fill{display:block;inline-size:0;block-size:100%;background:currentColor;transition:inline-size var(--hy-t-drawer) var(--hy-ease)}.hybrid-shipping-bar__truck{position:absolute;inset-block-start:-6px;inset-inline-start:-10px;display:block;inline-size:20px;block-size:16px;color:var(--hy-ship-ink);transition:inset-inline-start var(--hy-t-drawer) var(--hy-ease)}.hybrid-shipping-bar__truck svg{display:block;inline-size:100%;block-size:100%;fill:currentColor}[dir=rtl] .hybrid-shipping-bar__truck,.hybrid-shipping-bar[data-hy-rtl=true] .hybrid-shipping-bar__truck{transform:scaleX(-1)}.hybrid-shipping-bar__truck:dir(rtl){transform:scaleX(-1)}.hybrid-shipping-bar__current{margin:0;margin-inline-start:auto;flex:none;font-size:var(--hy-label);font-weight:400;line-height:1.35;color:var(--hy-ship-meta)}@container hybrid-shipping (max-inline-size: 520px){.hybrid-shipping-bar__messages{flex:1 0 100%}.hybrid-shipping-bar__meter{flex:1 1 auto;inline-size:auto;min-inline-size:96px;max-inline-size:240px}.hybrid-shipping-bar__current{margin-inline-start:0}}@media screen and (max-width:749px){.hybrid-shipping-bar__messages{flex:1 0 100%}.hybrid-shipping-bar__meter{flex:1 1 auto;inline-size:auto;min-inline-size:96px;max-inline-size:240px}.hybrid-shipping-bar__current{margin-inline-start:0}}.hybrid-shipping-bar--compact .hybrid-shipping-bar__messages{flex:1 0 100%}.hybrid-shipping-bar--compact .hybrid-shipping-bar__meter{flex:1 1 auto;inline-size:auto;min-inline-size:96px;max-inline-size:240px}.hybrid-shipping-bar--compact .hybrid-shipping-bar__current{margin-inline-start:0}.hybrid-shipping-bar--drawer{margin-block-end:var(--hy-2);border-block-end:1px solid var(--hy-hairline);background:none}.hybrid-shipping-bar--drawer .hybrid-shipping-bar__inner{display:grid;gap:12px;min-block-size:0;padding-block:var(--hy-2) 26px}.hybrid-shipping-bar--drawer .hybrid-shipping-bar__messages{flex:none}.hybrid-shipping-bar--drawer .hybrid-shipping-bar__message{font-size:15px;font-weight:600;line-height:1.35}.hybrid-shipping-bar--drawer [data-shipping-remaining]{color:var(--hy-red);font-weight:800}.hybrid-shipping-bar--drawer .hybrid-shipping-bar__message--met{color:var(--hy-ink);font-weight:800}.hybrid-shipping-bar--drawer .hybrid-shipping-bar__meter{position:relative;inline-size:auto;max-inline-size:none;block-size:8px;margin-inline-end:16px;border-radius:999px;background:var(--hy-bone-2, #ebe8e1);overflow:visible}.hybrid-shipping-bar--drawer .hybrid-shipping-bar__fill{position:relative;min-inline-size:8px;border-radius:999px;background:var(--hy-red);overflow:hidden;transition:inline-size .7s cubic-bezier(.22,1,.36,1)}.hybrid-shipping-bar--drawer .hybrid-shipping-bar__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);transform:translate(-100%);animation:hy-ship-shine 2.6s ease-in-out .6s infinite}.hybrid-shipping-bar--drawer[data-state=met] .hybrid-shipping-bar__fill:after,.hybrid-shipping-bar--drawer[data-state=express-met] .hybrid-shipping-bar__fill:after{animation:none;opacity:0}[dir=rtl] .hybrid-shipping-bar--drawer .hybrid-shipping-bar__fill:after,.hybrid-shipping-bar--drawer[data-hy-rtl=true] .hybrid-shipping-bar__fill:after{animation-direction:reverse}@keyframes hy-ship-shine{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}.hybrid-shipping-bar--drawer .hybrid-shipping-bar__goal{position:absolute;inset-block-start:50%;inset-inline-end:-16px;display:grid;place-items:center;inline-size:32px;block-size:32px;box-sizing:border-box;border:1.5px solid var(--hy-hairline);border-radius:50%;background:var(--hy-white);color:var(--hy-ink);transform:translateY(-50%);transition:background-color .3s var(--hy-ease),border-color .3s var(--hy-ease),color .3s var(--hy-ease)}.hybrid-shipping-bar--drawer .hybrid-shipping-bar__goal-truck,.hybrid-shipping-bar--drawer .hybrid-shipping-bar__goal-truck svg{display:block;inline-size:18px;block-size:18px}.hybrid-shipping-bar--drawer .hybrid-shipping-bar__goal-label{position:absolute;inset-block-start:calc(100% + 3px);left:50%;transform:translate(-50%);font-size:10px;font-weight:600;line-height:1;white-space:nowrap;color:var(--hy-text-3);font-variant-numeric:tabular-nums}.hybrid-shipping-bar--drawer[data-state=met] .hybrid-shipping-bar__goal-label,.hybrid-shipping-bar--drawer[data-state=express-met] .hybrid-shipping-bar__goal-label{color:var(--hy-red)}[dir=rtl] .hybrid-shipping-bar--drawer .hybrid-shipping-bar__goal-truck,.hybrid-shipping-bar--drawer[data-hy-rtl=true] .hybrid-shipping-bar__goal-truck{transform:scaleX(-1)}.hybrid-shipping-bar--drawer .hybrid-shipping-bar__goal-check{display:none;inline-size:16px;block-size:16px}.hybrid-shipping-bar--drawer[data-state=met] .hybrid-shipping-bar__goal,.hybrid-shipping-bar--drawer[data-state=express-met] .hybrid-shipping-bar__goal{border-color:var(--hy-red);background:var(--hy-red);color:var(--hy-white);animation:hy-ship-pop .52s cubic-bezier(.34,1.56,.64,1)}@keyframes hy-ship-pop{0%{transform:translateY(-50%) scale(.6)}to{transform:translateY(-50%) scale(1)}}.hybrid-shipping-bar--drawer .hybrid-shipping-bar__truck,.hybrid-shipping-bar--drawer .hybrid-shipping-bar__current{display:none}@media(prefers-reduced-motion:reduce){.hybrid-shipping-bar--drawer .hybrid-shipping-bar__fill:after,.hybrid-shipping-bar--drawer[data-state=met] .hybrid-shipping-bar__goal,.hybrid-shipping-bar--drawer[data-state=express-met] .hybrid-shipping-bar__goal{animation:none}}.hybrid-shipping-bar-section__surface{box-sizing:border-box}.hybrid-shipping-bar-section__inner--full{padding-inline:var(--hy-gutter);box-sizing:border-box}.hybrid-shipping-bar :focus-visible{outline:2px solid var(--hy-red);outline-offset:2px}@media(prefers-reduced-motion:reduce){.hybrid-shipping-bar__fill,.hybrid-shipping-bar__truck{transition:none}}.hybrid-shipping-bar__mark{position:absolute;inset-block-start:50%;z-index:1;display:grid;place-items:center;inline-size:20px;block-size:20px;box-sizing:border-box;margin-inline-start:-10px;border:1.5px solid var(--hy-hairline);border-radius:50%;background:var(--hy-white);color:var(--hy-ink);transform:translateY(-50%);pointer-events:none;transition:background-color .3s var(--hy-ease),border-color .3s var(--hy-ease),color .3s var(--hy-ease)}.hybrid-shipping-bar__pickup{display:block;inline-size:14px;block-size:14px}.hybrid-shipping-bar--drawer .hybrid-shipping-bar__mark{inline-size:32px;block-size:32px;margin-inline-start:-16px}.hybrid-shipping-bar--drawer .hybrid-shipping-bar__pickup{inline-size:21px;block-size:21px}.hybrid-shipping-bar__mark-label{position:absolute;inset-block-start:calc(100% + 3px);left:50%;transform:translate(-50%);font-size:10px;font-weight:600;line-height:1;white-space:nowrap;color:var(--hy-text-3);font-variant-numeric:tabular-nums}.hybrid-shipping-bar[data-state=express] .hybrid-shipping-bar__mark,.hybrid-shipping-bar[data-state=express-met] .hybrid-shipping-bar__mark{border-color:var(--hy-red);background:var(--hy-red);color:var(--hy-white)}.hybrid-shipping-bar[data-state=express] .hybrid-shipping-bar__mark-label,.hybrid-shipping-bar[data-state=express-met] .hybrid-shipping-bar__mark-label{color:var(--hy-red)}.hybrid-shipping-bar--drawer[data-state=express] .hybrid-shipping-bar__mark{animation:hy-ship-pop .52s cubic-bezier(.34,1.56,.64,1)}@media(prefers-reduced-motion:reduce){.hybrid-shipping-bar--drawer[data-state=express] .hybrid-shipping-bar__mark{animation:none}}.hybrid-shipping-bar--drawer[data-state=met] .hybrid-shipping-bar__goal-truck svg,.hybrid-shipping-bar--drawer[data-state=express-met] .hybrid-shipping-bar__goal-truck svg{animation:hy-ship-drive 1.4s ease-in-out infinite;transform-origin:50% 100%}.hybrid-shipping-bar[data-state=express] .hybrid-shipping-bar__pickup,.hybrid-shipping-bar[data-state=express-met] .hybrid-shipping-bar__pickup{animation:hy-ship-hop 2.2s cubic-bezier(.34,1.4,.64,1) infinite;transform-origin:50% 100%}@keyframes hy-ship-drive{0%,to{transform:translate(0) translateY(0)}20%{transform:translate(1.5px) translateY(-1px)}40%{transform:translate(2.5px) translateY(0)}60%{transform:translate(1px) translateY(-.8px)}80%{transform:translate(-1px) translateY(0)}}@keyframes hy-ship-hop{0%,55%,to{transform:translateY(0) scale(1)}15%{transform:translateY(-4px) scale(.96,1.05)}30%{transform:translateY(0) scale(1.08,.92)}40%{transform:translateY(-1px) scale(1)}}@media(prefers-reduced-motion:reduce){.hybrid-shipping-bar--drawer[data-state=met] .hybrid-shipping-bar__goal-truck svg,.hybrid-shipping-bar--drawer[data-state=express-met] .hybrid-shipping-bar__goal-truck svg,.hybrid-shipping-bar[data-state=express] .hybrid-shipping-bar__pickup,.hybrid-shipping-bar[data-state=express-met] .hybrid-shipping-bar__pickup{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/hybrid-shipping-bar.css.map */