.dr-traffic{--dr-traffic-size:56px;--dr-traffic-cycle:3.2s;width:var(--dr-traffic-size);aspect-ratio:1/2.55;display:inline-block;position:relative}.dr-traffic>svg{width:100%;height:100%;display:block;overflow:visible}.dr-traffic--sm{--dr-traffic-size:28px;--dr-traffic-cycle:2.4s}.dr-traffic--md{--dr-traffic-size:56px;--dr-traffic-cycle:3.2s}.dr-traffic--lg{--dr-traffic-size:96px;--dr-traffic-cycle:3.6s}.dr-traffic--xl{--dr-traffic-size:160px;--dr-traffic-cycle:4s}.dr-traffic .dr-traffic-halo{transform-origin:50%;transform-box:fill-box;opacity:0;animation-duration:var(--dr-traffic-cycle);animation-timing-function:linear;animation-iteration-count:infinite}.dr-traffic .dr-traffic-halo--red{animation-name:dr-traffic-halo-red}.dr-traffic .dr-traffic-halo--amber{animation-name:dr-traffic-halo-amber}.dr-traffic .dr-traffic-halo--green{animation-name:dr-traffic-halo-green}.dr-traffic .dr-traffic-lens{opacity:0;animation-duration:var(--dr-traffic-cycle);animation-timing-function:cubic-bezier(.4,0,.2,1);animation-iteration-count:infinite}.dr-traffic .dr-traffic-lens--red{animation-name:dr-traffic-lens-red}.dr-traffic .dr-traffic-lens--amber{animation-name:dr-traffic-lens-amber}.dr-traffic .dr-traffic-lens--green{animation-name:dr-traffic-lens-green}.dr-traffic .dr-traffic-housing{transform-origin:50% 100%;transform-box:fill-box;animation:4.8s ease-in-out infinite dr-traffic-sway}.dr-traffic .dr-traffic-glint{animation:dr-traffic-glint var(--dr-traffic-cycle) linear infinite}.dr-loader-status{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:800}.dr-loader-status:after{content:"";text-align:left;width:1.25em;animation:1.4s steps(4,end) infinite dr-loader-dots;display:inline-block}@keyframes dr-traffic-lens-red{0%{opacity:1}26%{opacity:1}32%{opacity:0}78%{opacity:0}84%{opacity:1}to{opacity:1}}@keyframes dr-traffic-lens-amber{0%,26%{opacity:0}28%{opacity:1}34%{opacity:1}36%{opacity:0}64%{opacity:0}68%{opacity:1}76%{opacity:1}80%{opacity:0}to{opacity:0}}@keyframes dr-traffic-lens-green{0%,34%{opacity:0}38%{opacity:1}62%{opacity:1}66%{opacity:0}to{opacity:0}}@keyframes dr-traffic-halo-red{0%,26%{opacity:.8;transform:scale(1)}32%{opacity:0;transform:scale(.9)}78%{opacity:0;transform:scale(.9)}84%,to{opacity:.8;transform:scale(1)}}@keyframes dr-traffic-halo-amber{0%,26%{opacity:0;transform:scale(.9)}28%{opacity:.6;transform:scale(1)}34%{opacity:.6;transform:scale(1)}36%{opacity:0;transform:scale(.9)}64%{opacity:0;transform:scale(.9)}68%{opacity:.85;transform:scale(1)}76%{opacity:.85;transform:scale(1)}80%{opacity:0;transform:scale(.9)}to{opacity:0;transform:scale(.9)}}@keyframes dr-traffic-halo-green{0%,34%{opacity:0;transform:scale(.9)}38%{opacity:.9;transform:scale(1)}62%{opacity:.9;transform:scale(1)}66%{opacity:0;transform:scale(.9)}to{opacity:0;transform:scale(.9)}}@keyframes dr-traffic-sway{0%,to{transform:rotate(-.6deg)}50%{transform:rotate(.6deg)}}@keyframes dr-traffic-glint{0%{opacity:0;transform:translateY(-6%)}20%{opacity:.3}50%{opacity:.05;transform:translateY(40%)}80%{opacity:0}to{opacity:0;transform:translateY(70%)}}@keyframes dr-loader-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}@media (prefers-reduced-motion:reduce){.dr-traffic .dr-traffic-housing,.dr-traffic .dr-traffic-halo,.dr-traffic .dr-traffic-lens,.dr-traffic .dr-traffic-glint,.dr-loader-status:after{animation:none!important}.dr-traffic .dr-traffic-lens--amber{opacity:1}.dr-traffic .dr-traffic-halo--amber{opacity:.6}}