/* 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}}