.pedestrian-crossing-scene{min-height:390px;background:#e7f0f4;border:1px solid #c8d6de;border-radius:18px;overflow:hidden}.pedestrian-crossing-scene svg{display:block;width:100%;height:auto}.pc-city rect{fill:#c7d7df}.pc-sidewalk{fill:#c9c3b7}.pc-road{fill:#30383f}.pc-lane,.pc-stop-line{stroke:#f5f1d3;stroke-width:4;stroke-dasharray:18 16}.pc-stop-line{stroke-width:7;stroke-dasharray:none}.pc-crosswalk rect{fill:#f7f7f2}.pc-signal-box,.pc-ped-box{fill:#1e2c34;stroke:#0d171c;stroke-width:4}.pc-pole{fill:#667781}.pc-lamp{fill:#28353b;stroke:#0f171a;stroke-width:3;opacity:.35}.pc-lamp.on.red{fill:#e53935;opacity:1;filter:drop-shadow(0 0 9px #e53935)}.pc-lamp.on.yellow{fill:#f5b400;opacity:1;filter:drop-shadow(0 0 9px #f5b400)}.pc-lamp.on.green{fill:#22a447;opacity:1;filter:drop-shadow(0 0 9px #22a447)}.pc-ped-lamp{fill:#28353b;stroke:#0f171a;stroke-width:3;opacity:.35}.pc-ped-lamp.walk.on{fill:#24a148;opacity:1;filter:drop-shadow(0 0 8px #24a148)}.pc-ped-lamp.stop.on{fill:#e53935;opacity:1;filter:drop-shadow(0 0 8px #e53935)}.pc-memory rect,.pc-timer rect,.pc-status rect{fill:#102a3a;stroke:#31556a;stroke-width:2}.pc-memory text,.pc-timer text,.pc-status text{fill:#edf7fb;font:600 14px system-ui,sans-serif}.pc-memory .value,.pc-timer .value{font-size:20px;font-weight:800}.pc-memory.pending rect{fill:#173d2d;stroke:#2d8a5d}.pc-memory.pending .value{fill:#7ce7ad}.pc-timer.active rect{fill:#43380d;stroke:#a88715}.pc-timer.active .value{fill:#ffe37a}.pc-car-body{fill:#1f6fb2}.pc-car-roof{fill:#2b84ca}.pc-car-window{fill:#bfe4f4}.pc-wheel{fill:#151a1d}.pc-car-shadow,.pc-person-shadow{fill:#000;opacity:.16}.pc-car.go{animation:pc-car-go 1.6s linear infinite}.pc-person-body{stroke:#1f2e37;stroke-width:5;stroke-linecap:round;fill:none}.pc-person-head{fill:#d7a273}.pc-person.walking{animation:pc-walk 1.1s ease-in-out infinite alternate}.pc-alert rect{fill:#8d1f1f}.pc-alert text{fill:#fff;font:800 14px system-ui,sans-serif}.pc-status .emergency{fill:#ffb4ab}.pc-status .walk{fill:#8be8ae}.pc-status .pending{fill:#ffe78a}@keyframes pc-car-go{from{transform:translateX(0)}to{transform:translateX(90px)}}@keyframes pc-walk{from{transform:translate(0,0)}to{transform:translate(-12px,-8px)}}@media(max-width:720px){.pedestrian-crossing-scene{min-height:0}.pedestrian-crossing-scene svg{min-width:650px}.pedestrian-crossing-scene{overflow-x:auto}}