<style> #bj-info svg{flex:1 1 300px;max-width:100%;height:auto;display:block;font-family:Roboto,'Helvetica Neue',sans-serif} #bj-info .bjx-mono{font-family:'Roboto Mono',Consolas,monospace} #bj-info .bjx-book{animation:bjx-pulse 2.4s ease-in-out infinite} @keyframes bjx-pulse{0%,100%{opacity:.24}50%{opacity:.52}} #bj-info .bjx-dead{animation:bjx-dead 6s steps(1) infinite} @keyframes bjx-dead{0%{opacity:0}35%{opacity:1}40%{opacity:0}45%{opacity:1}50%{opacity:0}55%{opacity:1}100%{opacity:1}} #bj-info .bjx-ring{transform-origin:400px 100px;animation:bjx-spin 6s linear infinite} @keyframes bjx-spin{to{transform:rotate(360deg)}} #bj-info .bjx-ghost{animation:bjx-ghost 12s ease-in-out infinite} @keyframes bjx-ghost{0%,8%{opacity:1}16%{opacity:0}100%{opacity:0}} #bj-info .bjx-cut{animation:bjx-cut 12s ease-in-out infinite} @keyframes bjx-cut{0%,8%{opacity:0}14%{opacity:1}30%{opacity:1}36%{opacity:0}100%{opacity:0}} #bj-info .bjx-r1{animation:bjx-r1 12s ease-in-out infinite} @keyframes bjx-r1{0%,26%{opacity:1}31%{opacity:0}100%{opacity:0}} #bj-info .bjx-r2{animation:bjx-r2 12s ease-in-out infinite} @keyframes bjx-r2{0%,30%{opacity:0}35%{opacity:1}54%{opacity:1}59%{opacity:0}100%{opacity:0}} #bj-info .bjx-r3{animation:bjx-r3 12s ease-in-out infinite} @keyframes bjx-r3{0%,58%{opacity:0}63%{opacity:1}94%{opacity:1}99%{opacity:0}100%{opacity:0}} #bj-info .bjx-lane-h{animation:bjx-lane-h 12s ease-in-out infinite} @keyframes bjx-lane-h{0%,34%{opacity:0}38%{opacity:.4}52%{opacity:.4}57%{opacity:0}100%{opacity:0}} #bj-info .bjx-lane-v{animation:bjx-lane-v 12s ease-in-out infinite} @keyframes bjx-lane-v{0%,66%{opacity:0}70%{opacity:.4}86%{opacity:.4}91%{opacity:0}100%{opacity:0}} #bj-info .bjx-badge{animation:bjx-badge 12s ease-in-out infinite} @keyframes bjx-badge{0%,58%{opacity:0}63%{opacity:1}84%{opacity:1}89%{opacity:0}100%{opacity:0}} #bj-info .bjx-fa{animation:bjx-fa 12s steps(1) infinite} @keyframes bjx-fa{0%,52%{opacity:1}56%{opacity:0}96%{opacity:0}100%{opacity:1}} #bj-info .bjx-a{animation:bjx-a 12s cubic-bezier(.45,0,.55,1) infinite} @keyframes bjx-a{0%,36%{transform:translateX(0)}52%{transform:translateX(340px)}55%{transform:translateX(340px)}56%{transform:translateX(0)}100%{transform:translateX(0)}} #bj-info .bjx-fb{animation:bjx-fb 12s steps(1) infinite} @keyframes bjx-fb{0%,90%{opacity:1}93%{opacity:0}97%{opacity:0}100%{opacity:1}} #bj-info .bjx-b{animation:bjx-b 12s cubic-bezier(.45,0,.55,1) infinite} @keyframes bjx-b{0%,74%{transform:translateX(0)}90%{transform:translateX(340px)}92%{transform:translateX(340px)}93%{transform:translateX(0)}100%{transform:translateX(0)}} #bj-info .bjx-fc{animation:bjx-fc 12s steps(1) infinite} @keyframes bjx-fc{0%,86%{opacity:1}89%{opacity:0}97%{opacity:0}100%{opacity:1}} #bj-info .bjx-c{animation:bjx-c 12s cubic-bezier(.45,0,.55,1) infinite} @keyframes bjx-c{0%,68%{transform:translateY(0)}86%{transform:translateY(-300px)}88%{transform:translateY(-300px)}89%{transform:translateY(0)}100%{transform:translateY(0)}} #bj-info .bjx-static{opacity:0} @media (prefers-reduced-motion:reduce){#bj-info *{animation:none!important}#bj-info .bjx-ghost,#bj-info .bjx-r1,#bj-info .bjx-r2,#bj-info .bjx-r3,#bj-info .bjx-lane-h,#bj-info .bjx-lane-v{opacity:0}#bj-info .bjx-cut,#bj-info .bjx-badge,#bj-info .bjx-static{opacity:1}} #bj-info .bjr-march{animation:bjr-march 1.2s linear infinite} @keyframes bjr-march{to{stroke-dashoffset:-16}} #bj-info .bjr-fade{animation:bjr-fade 10s steps(1) infinite} @keyframes bjr-fade{0%,95%{opacity:1}96%{opacity:0}99%{opacity:0}100%{opacity:1}} #bj-info .bjr-t{animation:bjr-t 10s linear infinite} @keyframes bjr-t{0%{transform:translate(20px,140px) rotate(0deg)}18%{transform:translate(110px,140px) rotate(0deg)}21%{transform:translate(110px,140px) rotate(90deg)}33%{transform:translate(110px,290px) rotate(90deg)}36%{transform:translate(110px,290px) rotate(0deg)}60%{transform:translate(370px,290px) rotate(0deg)}63%{transform:translate(370px,290px) rotate(-90deg)}73%{transform:translate(370px,140px) rotate(-90deg)}76%{transform:translate(370px,140px) rotate(0deg)}84%,96%{transform:translate(410px,140px) rotate(0deg)}100%{transform:translate(20px,140px) rotate(0deg)}} #bj-info .bjr-note{animation:bjr-note 10s ease-in-out infinite} @keyframes bjr-note{0%,14%{opacity:0}18%{opacity:1}38%{opacity:1}42%{opacity:0}100%{opacity:0}} #bj-info .bjr-docked{animation:bjr-docked 10s steps(1) infinite} @keyframes bjr-docked{0%,84%{opacity:0}85%{opacity:1}95%{opacity:1}96%{opacity:0}100%{opacity:0}} @media (prefers-reduced-motion:reduce){#bj-info .bjr-fade,#bj-info .bjr-note,#bj-info .bjr-docked{opacity:0}} </style>