/* The route and rider use the same normalized 440 × 215 map coordinates. */[data-delivery-motion]{--delivery-ink:var(--accent);--delivery-complete:#70d6ae}html[data-theme="light"] [data-delivery-motion]{--delivery-ink:#cc7d30;--delivery-complete:#287b60}[data-delivery-motion] .delivery-route-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.delivery-route-svg path{fill:none;stroke:var(--delivery-ink);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.delivery-route-track{stroke-width:1.8;stroke-dasharray:4 6;opacity:.28}.delivery-route-progress{stroke-width:2.5;stroke-dasharray:1;transition:opacity .2s}[data-delivery-motion] .map-pin{transform:translate(-50%,-50%);z-index:2}[data-delivery-motion] .pin-a{left:20%;top:67.44186%}[data-delivery-motion] .pin-b{left:var(--rider-x,51%);top:var(--rider-y,50%);opacity:var(--rider-opacity,1);z-index:3;box-shadow:0 0 0 5px #6f9acb18,0 3px 10px #10213820}[data-delivery-motion] .pin-c{left:80%;right:auto;top:20.93023%}[data-delivery-motion] :is(.pin-a,.pin-c):after{content:"";position:absolute;inset:-2px;border:1px solid var(--delivery-ink);border-radius:50%;opacity:0;pointer-events:none}[data-delivery-stage="pickup"].is-delivery-running .pin-a:after{animation:delivery-pin-signal 1.6s ease-out both}[data-delivery-stage="delivered"].is-delivery-running .pin-c:after{border-color:var(--delivery-complete);animation:delivery-pin-signal 1.6s ease-out both}.delivery-arrival-check{position:absolute;right:-4px;bottom:-3px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--delivery-complete);color:#fff;opacity:0;transform:scale(.6);transition:opacity .25s,transform .25s}.delivery-arrival-check .icon{width:11px;height:11px;stroke-width:2}[data-delivery-stage="delivered"] .delivery-arrival-check{opacity:1;transform:scale(1)}[data-delivery-stage="delivered"] [data-delivery-status]{color:var(--delivery-complete);background:color-mix(in srgb,var(--delivery-complete) 12%,transparent)}[data-delivery-motion] .mock-list{align-items:flex-start;min-width:0}[data-delivery-motion] .mock-list>*{min-width:0;overflow-wrap:anywhere}[data-delivery-motion] .status-pill{flex-shrink:0;max-width:45%;white-space:normal;text-align:center;transition:color .25s,background-color .25s}[data-delivery-motion] [data-delivery-detail]{max-width:62%;text-align:right}[data-delivery-motion].compact .map-pin{width:28px;height:28px}[data-delivery-motion].compact .map-pin>.icon{width:15px;height:15px}[data-delivery-motion].compact .delivery-arrival-check{width:13px;height:13px}@keyframes delivery-pin-signal{from{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.65)}}@media(prefers-reduced-motion:reduce){[data-delivery-motion] .map-pin:after{animation:none!important}[data-delivery-motion] :is(.delivery-arrival-check,.delivery-route-progress,.status-pill){transition:none!important}}