.sc-sign-shapes-colors .pop,.sc-sign-shapes-colors .stopface,.sc-sign-shapes-colors .echo{transform-box:fill-box;transform-origin:50% 50%}.sc-sign-shapes-colors .halo,.sc-sign-shapes-colors .echo{opacity:0}.sc-sign-shapes-colors[data-phase=go] .pop{animation:sign-shapes-colors-pop 5.6s ease-in-out both}.sc-sign-shapes-colors[data-phase=go] .pop .halo{animation:sign-shapes-colors-halo 5.6s ease-in-out both}.sc-sign-shapes-colors[data-phase=go] .pop .echo{animation:sign-shapes-colors-echo 5.6s ease-out both}.sc-sign-shapes-colors[data-phase=go] .k1,.sc-sign-shapes-colors[data-phase=go] .k1 .halo,.sc-sign-shapes-colors[data-phase=go] .k1 .echo{animation-delay:.2s}.sc-sign-shapes-colors[data-phase=go] .k2,.sc-sign-shapes-colors[data-phase=go] .k2 .halo,.sc-sign-shapes-colors[data-phase=go] .k2 .echo{animation-delay:.6s}.sc-sign-shapes-colors[data-phase=go] .k3,.sc-sign-shapes-colors[data-phase=go] .k3 .halo,.sc-sign-shapes-colors[data-phase=go] .k3 .echo{animation-delay:1.1s}.sc-sign-shapes-colors[data-phase=go] .k4,.sc-sign-shapes-colors[data-phase=go] .k4 .halo,.sc-sign-shapes-colors[data-phase=go] .k4 .echo{animation-delay:1.5s}.sc-sign-shapes-colors[data-phase=go] .k5,.sc-sign-shapes-colors[data-phase=go] .k5 .halo,.sc-sign-shapes-colors[data-phase=go] .k5 .echo{animation-delay:2s}.sc-sign-shapes-colors[data-phase=go] .k6,.sc-sign-shapes-colors[data-phase=go] .k6 .halo,.sc-sign-shapes-colors[data-phase=go] .k6 .echo{animation-delay:2.4s}.sc-sign-shapes-colors[data-phase=go] .k7,.sc-sign-shapes-colors[data-phase=go] .k7 .halo,.sc-sign-shapes-colors[data-phase=go] .k7 .echo{animation-delay:2.9s}.sc-sign-shapes-colors[data-phase=go] .k8,.sc-sign-shapes-colors[data-phase=go] .k8 .halo,.sc-sign-shapes-colors[data-phase=go] .k8 .echo{animation-delay:3.3s}.sc-sign-shapes-colors[data-phase=go] .k9,.sc-sign-shapes-colors[data-phase=go] .k9 .halo,.sc-sign-shapes-colors[data-phase=go] .k9 .echo{animation-delay:3.8s}.sc-sign-shapes-colors[data-phase=go] .k10,.sc-sign-shapes-colors[data-phase=go] .k10 .halo,.sc-sign-shapes-colors[data-phase=go] .k10 .echo{animation-delay:4.2s}.sc-sign-shapes-colors[data-phase=go] .k11,.sc-sign-shapes-colors[data-phase=go] .k11 .halo,.sc-sign-shapes-colors[data-phase=go] .k11 .echo{animation-delay:4.7s}@keyframes sign-shapes-colors-pop{0%,16%,to{transform:none}7%{transform:scale(1.13)}}@keyframes sign-shapes-colors-halo{0%,17%,to{opacity:0}7%{opacity:.8}}@keyframes sign-shapes-colors-echo{0%,3%{opacity:0;transform:scale(1)}6%{opacity:.9;transform:scale(1.05)}19%,to{opacity:0;transform:scale(1.5)}}.sc-sign-shapes-colors .stopface{transition:transform .45s cubic-bezier(.3,1.5,.5,1)}.sc-sign-shapes-colors .stopface .halo{transition:opacity .4s}.sc-sign-shapes-colors[data-phase=slow] .stopface,.sc-sign-shapes-colors[data-phase=stop] .stopface{transform:scale(1.1)}.sc-sign-shapes-colors[data-phase=slow] .stopface .halo,.sc-sign-shapes-colors[data-phase=stop] .stopface .halo{opacity:.85}.sc-sign-shapes-colors[data-phase=slow] .stopface .echo,.sc-sign-shapes-colors[data-phase=stop] .stopface .echo{animation:sign-shapes-colors-ring 1.6s ease-out infinite}@keyframes sign-shapes-colors-ring{0%{opacity:.9;transform:scale(1)}70%,to{opacity:0;transform:scale(1.45)}}.sc-sign-shapes-colors[data-phase=go] .ssc-car{animation:sign-shapes-colors-go 5.6s linear forwards}@keyframes sign-shapes-colors-go{0%{transform:none;animation-timing-function:cubic-bezier(.33,0,.67,.33)}28.57%{transform:translate(256.56px)}63.29%{transform:translate(880px);animation-timing-function:steps(1,end)}63.3%{transform:translate(-900px)}to{transform:translate(-240.53px)}}.sc-sign-shapes-colors[data-phase=slow] .ssc-car{animation:sign-shapes-colors-in 1.5s cubic-bezier(.33,.67,.67,1) forwards}@keyframes sign-shapes-colors-in{0%{transform:translate(-240.53px)}to{transform:none}}.sc-sign-shapes-colors[data-phase=go] .car .spin{animation:sign-shapes-colors-su 1.6s cubic-bezier(.33,0,.67,.33),spin .30769s linear 1.6s 13}.sc-sign-shapes-colors[data-phase=slow] .car .spin{animation:sign-shapes-colors-sd 1.5s cubic-bezier(.33,.67,.67,1) forwards}@keyframes sign-shapes-colors-su{to{transform:rotate(936deg)}}@keyframes sign-shapes-colors-sd{to{transform:rotate(864deg)}}.sc-sign-shapes-colors[data-phase=go] .speedlines{animation:sign-shapes-colors-sl 5.6s linear forwards}@keyframes sign-shapes-colors-sl{0%,9%{opacity:0}25%,99.9%{opacity:1}to{opacity:0}}
