.df-truck-host {position:relative;display:block;}
.df-truck-host > announcement-bar {padding-inline:76px;min-height:42px;}
df-delivery-truck {position:absolute;inset:0;display:block;color:inherit;pointer-events:none;--truck-width:58px;--truck-height:29px;}
df-delivery-truck .df-truck-road {position:absolute;inset:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(to right,#000 0 var(--truck-mask-left,40%),transparent var(--truck-mask-left,40%) var(--truck-mask-right,60%),#000 var(--truck-mask-right,60%));}
df-delivery-truck .df-truck-vehicle {position:absolute;left:0;top:50%;margin-top:calc(var(--truck-height) / -2);width:var(--truck-width);height:var(--truck-height);}
df-delivery-truck .df-truck-road {clip-path:polygon(0 0,var(--truck-mask-left,40%) 0,var(--truck-mask-left,40%) 100%,var(--truck-mask-right,60%) 100%,var(--truck-mask-right,60%) 0,100% 0,100% 100%,0 100%);}
df-delivery-truck .df-truck-vehicle {pointer-events:auto;touch-action:pan-y;user-select:none;cursor:grab;}
df-delivery-truck .df-truck-vehicle.is-grabbed {cursor:grabbing;}
/* A thrown truck may visibly cross the message; normal driving stays behind it. */
df-delivery-truck.is-interacting .df-truck-road {mask-image:none;-webkit-mask-image:none;clip-path:none;}
df-delivery-truck .df-truck-art {display:block;width:100%;height:100%;overflow:visible;}
df-delivery-truck .df-truck-body {transform-origin:45px 30px;}
df-delivery-truck .df-truck-impact {position:absolute;right:-8px;top:0;color:#d88347;font-size:20px;opacity:0;}
df-delivery-truck .df-truck-pause {position:absolute;right:4px;top:50%;translate:0 -50%;width:24px;height:24px;border:0;background:transparent;color:inherit;opacity:.6;font-size:0;cursor:pointer;pointer-events:auto;display:grid;place-items:center;}
df-delivery-truck .df-truck-pause::before {content:"";width:10px;height:14px;background:currentColor;mask:url("df-truck-pause.svg") center / contain no-repeat;-webkit-mask:url("df-truck-pause.svg") center / contain no-repeat;}
df-delivery-truck .df-truck-pause[aria-pressed="true"]::before {mask-image:url("df-truck-play.svg");-webkit-mask-image:url("df-truck-play.svg");}
df-delivery-truck .df-truck-pause:focus-visible {outline:2px solid currentColor;outline-offset:1px;opacity:1;}
df-delivery-truck [hidden] {display:none!important;}
@media(max-width:699px) {df-delivery-truck {--truck-width:42px;--truck-height:21px;}.df-truck-host > announcement-bar {padding-inline:62px;}}
df-delivery-truck .df-truck-pause {
  display: none !important;
}