.home-page .headline-sub{margin-bottom:10px}.hero-eta{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:10px;margin:0 0 4px;font-family:var(--body)}.hero-eta .hero-eta-truck{grid-column:1;justify-self:end}.hero-eta .hero-eta-copy{grid-column:2}.hero-eta[data-state=off]{display:none}.hero-eta-truck{flex:none;width:clamp(72px,6.3vw,92px);line-height:0}.hero-eta-truck svg{display:block;width:100%;height:auto;overflow:visible}.hero-eta-copy{margin:0;font-size:clamp(12px,1.3vw,16px);font-weight:500;line-height:1.4;letter-spacing:.035em;text-transform:uppercase;color:var(--g60);text-align:left}.hero-eta-value{color:var(--black,#000);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.hero-eta-result{display:inline-block;white-space:nowrap}.hero-eta-help{display:inline-block}.hero-eta-note{display:inline-flex;align-items:center;justify-content:center;width:22px;height:24px;margin:-8px -6px -8px -2px;padding:0;vertical-align:baseline;font:700 1.15em/1 var(--body);color:var(--black,#000);cursor:help}.hero-eta-note:focus-visible{outline:2px solid currentColor;outline-offset:0;border-radius:4px}.hero-eta-tip{position:absolute;top:calc(100% + 6px);left:50%;z-index:30;width:min(340px,calc(100vw - 32px));padding:12px 14px;transform:translate(-50%,4px);background:#fff;border:1px solid var(--home-rule,#deddd8);border-radius:10px;box-shadow:0 10px 28px #0000001c;font-size:13px;font-weight:400;line-height:1.5;letter-spacing:0;text-transform:none;text-align:left;color:var(--home-ink,#151515);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s,transform .16s,visibility 0s .16s}.hero-eta-tip strong{font-weight:700}.hero-eta.is-tip-open .hero-eta-tip{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%);transition:opacity .16s,transform .16s}@media(hover:hover)and (pointer:fine){.hero-eta:has(.hero-eta-help:hover) .hero-eta-tip{opacity:1;visibility:visible;transform:translate(-50%);transition:opacity .16s,transform .16s}}.hero-eta .eta-wheel{transform-box:fill-box;transform-origin:center}.hero-eta .eta-ride{transform-box:view-box;transform-origin:150px 140px}.hero-eta .eta-line{transform-box:fill-box;transform-origin:right center;opacity:0}.hero-eta.is-driving .eta-wheel{animation:eta-spin 1.3s linear infinite}.hero-eta.is-driving .eta-wheel-front{animation-duration:1.75s}.hero-eta .eta-box{transform-box:fill-box;transform-origin:50% 100%}.hero-eta.is-driving .eta-box{animation:eta-jiggle .42s ease-in-out infinite alternate}.hero-eta.is-driving .eta-box-top{animation-duration:.33s;animation-delay:-.15s}.hero-eta.is-driving .eta-ride{animation:eta-bump .42s ease-in-out infinite alternate}.hero-eta.is-driving .eta-line{animation:eta-streak .7s ease-out infinite}.hero-eta.is-driving .eta-line:nth-of-type(2){animation-delay:-.23s}.hero-eta.is-driving .eta-line:nth-of-type(3){animation-delay:-.47s}.hero-eta.is-arriving .eta-truck{animation:eta-arrive .95s cubic-bezier(.2,.75,.25,1) both}.hero-eta.is-paused :is(.eta-wheel,.eta-ride,.eta-line,.eta-truck,.eta-box){animation-play-state:paused}@keyframes eta-spin{to{transform:rotate(360deg)}}@keyframes eta-jiggle{0%{transform:rotate(-2deg) translateY(0)}to{transform:rotate(3deg) translateY(-1.5px)}}@keyframes eta-bump{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-3px) rotate(-.8deg)}}@keyframes eta-streak{0%{opacity:0;transform:translate(10px) scaleX(.4)}25%{opacity:1}to{opacity:0;transform:translate(-26px) scaleX(1)}}@keyframes eta-arrive{0%{transform:translate(-190px)}72%{transform:translate(8px) rotate(2.5deg)}to{transform:none}}@media(max-width:720px){.home-page .headline-sub{margin-bottom:6px}.hero-eta{display:flex;justify-content:center;gap:min(8px,calc((100vw - 40px) * 8 / 340));margin:0 0 2px}.hero-eta .hero-eta-truck{width:min(60px,calc((100vw - 40px) * 60 / 340))}.hero-eta .hero-eta-copy{min-width:0;font-size:min(11px,calc((100vw - 40px) * 11 / 340));letter-spacing:.03em;text-align:center;white-space:nowrap}.hero-eta-value{font-size:min(13px,calc((100vw - 40px) * 13 / 340))}}@media(prefers-reduced-motion:reduce){.hero-eta :is(.eta-wheel,.eta-ride,.eta-line,.eta-truck,.eta-box){animation:none!important}.hero-eta .eta-line{opacity:1}.hero-eta-tip{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/home-eta.css.map */