/* Only the selected vehicle moves. The original city remains the background. */
.city-art .vehicle-content{display:none}
.city-art[data-vehicle-ready="true"] .vehicle-content{display:inline}
.tram-contact-shadow{fill:#244d3a;opacity:.23}
.tram-roof-rack{fill:none;stroke:#334135;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}
.cape-wheel-support{fill:none;stroke:#f1e7bd;stroke-width:1.45;stroke-linejoin:round;filter:drop-shadow(.25px .45px .25px #41624755)}
.cape-wheel-spokes{fill:none;stroke:#f5edc9;stroke-width:1;stroke-linecap:round;filter:drop-shadow(.2px .4px .2px #41624755)}
.cape-wheel-cabin{fill:#f7edc8;transform-box:fill-box;transform-origin:center}
.cape-wheel-cabin .cape-cabin-window{fill:#406854}
.cape-wheel-hub{fill:#fff2d0}
.cape-wheel-rotor{transform-box:fill-box;transform-origin:center}
.city-art.scene-playing[data-vehicle-ready="true"] .cape-wheel-rotor{animation:scene-cape-wheel 72s linear infinite}
.city-art.scene-playing[data-vehicle-ready="true"] .cape-wheel-cabin{animation:scene-cape-cabin 72s linear infinite}
@keyframes scene-cape-wheel{to{transform:rotate(360deg)}}
@keyframes scene-cape-cabin{to{transform:rotate(-360deg)}}
.vehicle-harbour-glints{fill:none;stroke:#e8efd8;stroke-width:.7;stroke-linecap:round;opacity:.35}
.city-art.scene-playing[data-vehicle-ready="true"] .vehicle-harbour-glints{animation:scene-vehicle-glints 2.7s ease-in-out infinite alternate}
@keyframes scene-vehicle-glints{from{opacity:.25;transform:translateX(-1px)}to{opacity:.75;transform:translateX(2.5px)}}
.city-art.scene-offscreen .vehicle-content *,body.motion-paused .vehicle-content *,.scene-document-hidden .vehicle-content *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.city-art .vehicle-detail{display:none!important}.city-art .vehicle-content *{animation:none!important}}