.sc-railroad-crossings .rr-dim{opacity:calc(var(--star-o) * .5)}.sc-railroad-crossings .rr-lit{opacity:calc(.4 + var(--star-o) * .6)}.sc-railroad-crossings .rr-cab{opacity:calc(var(--lamp-o) * .55)}.sc-railroad-crossings .rr-tail{opacity:var(--tail-o)}.sc-railroad-crossings .rr-on.b{opacity:0}.sc-railroad-crossings[data-phase=slow] .rr-train{transform:translate(1720px)}.sc-railroad-crossings[data-phase=stop] .rr-train{animation:railroad-crossings-in 3.4s linear forwards}.sc-railroad-crossings[data-phase=go] .rr-train{animation:railroad-crossings-out 5.6s linear forwards}@keyframes railroad-crossings-in{0%{transform:translate(1020px)}to{transform:none}}@keyframes railroad-crossings-out{to{transform:translate(-1680px)}}.sc-railroad-crossings[data-phase=slow] .rr-on,.sc-railroad-crossings[data-phase=stop] .rr-on{animation:railroad-crossings-flash 1s steps(1) infinite}.sc-railroad-crossings[data-phase=slow] .rr-on.b{animation-delay:-.5s}.sc-railroad-crossings[data-phase=stop] .rr-on.a{animation-delay:-.6s}.sc-railroad-crossings[data-phase=stop] .rr-on.b{animation-delay:-.1s}@keyframes railroad-crossings-flash{0%{opacity:1}50%,to{opacity:0}}.sc-railroad-crossings[data-phase=go] .rr-on.a{animation:railroad-crossings-ga 5.6s steps(1,end) forwards}.sc-railroad-crossings[data-phase=go] .rr-on.b{animation:railroad-crossings-gb 5.6s steps(1,end) forwards}.sc-railroad-crossings[data-phase=go] .rr-tip{animation:railroad-crossings-gt 5.6s steps(1,end) forwards}@keyframes railroad-crossings-ga{0%{opacity:1}8.93%{opacity:0}17.86%{opacity:1}26.79%{opacity:0}35.71%{opacity:1}44.64%{opacity:0}53.57%{opacity:1}62.5%,to{opacity:0}}@keyframes railroad-crossings-gb{0%{opacity:0}8.93%{opacity:1}17.86%{opacity:0}26.79%{opacity:1}35.71%{opacity:0}44.64%{opacity:1}53.57%,to{opacity:0}}@keyframes railroad-crossings-gt{0%{opacity:1}62.5%,to{opacity:0}}.sc-railroad-crossings .rr-arm{transform-box:view-box;transform-origin:0 0}.sc-railroad-crossings[data-phase=go] .rr-arm.n{animation:railroad-crossings-upn 5.6s forwards}.sc-railroad-crossings[data-phase=go] .rr-arm.f{animation:railroad-crossings-upf 5.6s forwards}.sc-railroad-crossings[data-phase=slow] .rr-arm.n{animation:railroad-crossings-dnn 1.5s forwards}.sc-railroad-crossings[data-phase=slow] .rr-arm.f{animation:railroad-crossings-dnf 1.5s forwards}@keyframes railroad-crossings-upn{0%,51%{transform:none;animation-timing-function:ease-in-out}62.5%,to{transform:rotate(88deg)}}@keyframes railroad-crossings-upf{0%,51%{transform:none;animation-timing-function:ease-in-out}62.5%,to{transform:rotate(-88deg)}}@keyframes railroad-crossings-dnn{0%,14%{transform:rotate(88deg);animation-timing-function:ease-in-out}92%,to{transform:none}}@keyframes railroad-crossings-dnf{0%,14%{transform:rotate(-88deg);animation-timing-function:ease-in-out}92%,to{transform:none}}.sc-railroad-crossings .rr-car{transform-box:view-box;transform-origin:0 0}.sc-railroad-crossings[data-phase=go] .rr-car{animation:railroad-crossings-away 5.6s linear forwards}@keyframes railroad-crossings-away{0%,64.3%{transform:none;opacity:1;animation-timing-function:cubic-bezier(.33,0,.67,.33)}68.75%{transform:scale(.947);animation-timing-function:linear}73.21%{transform:scale(.816)}77.68%{transform:scale(.664)}82.14%{transform:scale(.526)}86.61%{transform:scale(.416)}91.07%{transform:scale(.331);opacity:1}95.54%{transform:scale(.266)}to{transform:scale(.217);opacity:0}}.sc-railroad-crossings[data-phase=slow] .rr-car{animation:railroad-crossings-arrive 1.5s linear forwards}@keyframes railroad-crossings-arrive{0%,29.3%{transform:scale(4)}33.3%{transform:scale(3)}40%{transform:scale(2.17)}46.7%{transform:scale(1.74)}53.3%{transform:scale(1.49)}60%{transform:scale(1.32)}66.7%{transform:scale(1.2)}76.7%{transform:scale(1.09)}86.7%{transform:scale(1.027);animation-timing-function:cubic-bezier(.33,.67,.67,1)}to{transform:none}}.sc-railroad-crossings[data-phase=go] .rr-brk{animation:railroad-crossings-rel 5.6s steps(1,end) forwards}@keyframes railroad-crossings-rel{0%{opacity:1}63.5%,to{opacity:0}}