.sc-traffic-signals .lt,.sc-traffic-signals .pw,.sc-traffic-signals .dg{opacity:0}.sc-traffic-signals[data-phase=stop] .lt.ra,.sc-traffic-signals[data-phase=slow] .lt.ya,.sc-traffic-signals[data-phase=go] .lt.ga{opacity:1}.sc-traffic-signals[data-phase=go] .lt{animation:5.6s step-end forwards}.sc-traffic-signals[data-phase=go] .lt.ga{animation-name:traffic-signals-ga}.sc-traffic-signals[data-phase=go] .lt.ya{animation-name:traffic-signals-ya}.sc-traffic-signals[data-phase=go] .lt.fy{animation-name:traffic-signals-fy}@keyframes traffic-signals-ga{0%{opacity:1}40%,to{opacity:0}}@keyframes traffic-signals-ya{0%{opacity:0}40%{opacity:1}55%,to{opacity:0}}@keyframes traffic-signals-fy{0%{opacity:0}55%{opacity:1}64%{opacity:0}73%{opacity:1}82%{opacity:0}91%,to{opacity:1}}.sc-traffic-signals[data-phase=stop] .ph{animation:traffic-signals-ph 3.4s step-end forwards}.sc-traffic-signals[data-phase=stop] .pw{animation:traffic-signals-pw 3.4s step-end forwards}.sc-traffic-signals[data-phase=stop] .dg{animation:3.4s step-end forwards}.sc-traffic-signals[data-phase=stop] .d3{animation-name:traffic-signals-d3}.sc-traffic-signals[data-phase=stop] .d2{animation-name:traffic-signals-d2}.sc-traffic-signals[data-phase=stop] .d1{animation-name:traffic-signals-d1}@keyframes traffic-signals-pw{0%{opacity:0}12%{opacity:1}40%,to{opacity:0}}@keyframes traffic-signals-ph{0%{opacity:1}12%{opacity:0}40%{opacity:1}50%{opacity:.08}60%{opacity:1}70%{opacity:.08}80%{opacity:1}90%{opacity:.08}to{opacity:1}}@keyframes traffic-signals-d3{0%{opacity:0}40%{opacity:1}60%,to{opacity:0}}@keyframes traffic-signals-d2{0%{opacity:0}60%{opacity:1}80%,to{opacity:0}}@keyframes traffic-signals-d1{0%{opacity:0}80%{opacity:1}to{opacity:0}}.sc-traffic-signals .ts-peds{transform-box:view-box;transform-origin:0 0;transform:scale(.8)}.sc-traffic-signals[data-phase=stop] .ts-peds{animation:traffic-signals-cross 3.4s linear forwards}@keyframes traffic-signals-cross{0%,11.8%{transform:translate(0) scale(.8)}82.4%{opacity:1;transform:translateY(58px) scale(1)}89%{opacity:0;transform:translateY(58px) scale(1);animation-timing-function:step-end}89.5%{opacity:0;transform:translate(0) scale(.8)}to{opacity:1;transform:translate(0) scale(.8)}}.sc-traffic-signals[data-phase=stop] .ts-la{animation:traffic-signals-step .6s ease-in-out .4s 4}.sc-traffic-signals[data-phase=stop] .ts-lb{animation:traffic-signals-step .6s ease-in-out .7s 3}.sc-traffic-signals[data-phase=stop] .ts-bob{animation:traffic-signals-bob .3s ease-in-out .4s 8}@keyframes traffic-signals-step{50%{transform:translateY(-3.2px)}}@keyframes traffic-signals-bob{50%{transform:translateY(-1px)}}.sc-traffic-signals[data-phase=go] .ts-car{animation:traffic-signals-cgo 5.6s linear forwards}.sc-traffic-signals[data-phase=go] .ts-car .spin{animation:traffic-signals-wgo 5.6s linear forwards}.sc-traffic-signals[data-phase=go] .ts-car .speedlines{animation:traffic-signals-sl 5.6s linear forwards}.sc-traffic-signals[data-phase=slow] .ts-car{animation:traffic-signals-cslow 1.5s cubic-bezier(.33,.67,.67,1) forwards}.sc-traffic-signals[data-phase=slow] .ts-car .spin{animation:traffic-signals-wslow 1.5s cubic-bezier(.33,.67,.67,1) forwards}.sc-traffic-signals[data-phase=stop] .ts-car .spin,.sc-traffic-signals[data-phase=stop] .car-body{animation:none}.sc-traffic-signals.launch .ts-car .exhaust{animation:traffic-signals-ex 1.3s cubic-bezier(.33,0,.67,.33) forwards}@keyframes traffic-signals-cgo{0%{translate:0;animation-timing-function:cubic-bezier(.33,0,.67,.33)}45%{translate:504px;animation-timing-function:linear}62.5%{translate:896px;animation-timing-function:step-end}62.6%{translate:-853.3px;animation-timing-function:linear}to{translate:-225px}}@keyframes traffic-signals-cslow{0%{translate:-225px}}@keyframes traffic-signals-wgo{0%{rotate:0deg;animation-timing-function:cubic-bezier(.33,0,.67,.33)}45%{rotate:1823deg}62.5%{rotate:3241deg}to{rotate:5519.8deg}}@keyframes traffic-signals-wslow{0%{rotate:-816.2deg}}@keyframes traffic-signals-sl{0%,20%{opacity:0}30%,55%{opacity:1}60%,83%{opacity:0}92%,97%{opacity:1}to{opacity:0}}@keyframes traffic-signals-ex{to{translate:-134px}}.sc-traffic-signals[data-phase=go] .ts-opp{animation:traffic-signals-ogo 5.6s linear forwards}.sc-traffic-signals[data-phase=go] .ts-opp .spin{animation:traffic-signals-owgo 5.6s linear forwards}.sc-traffic-signals[data-phase=go] .ts-opp .brake{animation:traffic-signals-on 3.14s}.sc-traffic-signals[data-phase=slow] .ts-opp{animation:traffic-signals-oslow 1.5s linear forwards}.sc-traffic-signals[data-phase=slow] .ts-opp .spin{animation:traffic-signals-owslow 1.5s linear forwards}.sc-traffic-signals[data-phase=slow] .ts-opp .brake{opacity:var(--tail-o)}.sc-traffic-signals[data-phase=stop] .ts-opp{animation:traffic-signals-ostop 3.4s linear forwards}.sc-traffic-signals[data-phase=stop] .ts-opp .spin{animation:traffic-signals-owstop 3.4s linear forwards}@keyframes traffic-signals-on{0%,to{opacity:1}}@keyframes traffic-signals-ogo{0%,56%{translate:0;animation-timing-function:cubic-bezier(.33,0,.67,.33)}91.7%{translate:-360px;animation-timing-function:linear}to{translate:-527px}}@keyframes traffic-signals-owgo{0%,56%{rotate:0deg;animation-timing-function:cubic-bezier(.33,0,.67,.33)}91.7%{rotate:1270deg;animation-timing-function:linear}to{rotate:1859.4deg}}@keyframes traffic-signals-oslow{0%{translate:-527px}to{translate:-1067px}}@keyframes traffic-signals-owslow{0%{rotate:1859.4deg}to{rotate:3764.6deg}}@keyframes traffic-signals-ostop{0%{translate:600px;animation-timing-function:cubic-bezier(.33,.67,.67,1)}88.2%{translate:0}}@keyframes traffic-signals-owstop{0%{rotate:-2116.8deg;animation-timing-function:cubic-bezier(.33,.67,.67,1)}88.2%{rotate:0deg}}@media(scripting:none){.sc-traffic-signals *{animation-play-state:paused!important}}