.oi-cap svg{display:block}@keyframes oi-cap-pack{0%{opacity:0;transform:scale(.4)}12%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}92%{opacity:0;transform:scale(.4)}to{opacity:0;transform:scale(.4)}}.oi-pack-grid rect{transform-box:fill-box;transform-origin:center;animation:oi-cap-pack 3.4s ease-in-out infinite}.oi-pack-grid rect:nth-child(2){animation-delay:.1s}.oi-pack-grid rect:nth-child(3){animation-delay:.2s}.oi-pack-grid rect:nth-child(4){animation-delay:.3s}.oi-pack-grid rect:nth-child(5){animation-delay:.4s}.oi-pack-grid rect:nth-child(6){animation-delay:.5s}.oi-pack-grid rect:nth-child(7){animation-delay:.6s}.oi-pack-grid rect:nth-child(8){animation-delay:.7s}.oi-pack-grid rect:nth-child(9){animation-delay:.8s}.oi-pack-grid rect:nth-child(10){animation-delay:.9s}.oi-pack-grid rect:nth-child(11){animation-delay:1s}.oi-pack-grid rect:nth-child(12){animation-delay:1.1s}@keyframes oi-cap-eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.oi-eq{transform-box:fill-box;transform-origin:50% 100%;animation:oi-cap-eq 1.2s ease-in-out infinite}.oi-e2{animation-delay:.15s}.oi-e3{animation-delay:.3s}.oi-e4{animation-delay:.45s}@keyframes oi-cap-stream{0%{transform:translate(0);opacity:0}12%{opacity:1}88%{opacity:1}to{transform:translate(128px);opacity:0}}.oi-stream{animation:oi-cap-stream 1.8s linear infinite}.oi-s2{animation-delay:.6s}.oi-s3{animation-delay:1.2s}@keyframes oi-sla-meter{0%{transform:scaleX(.15);fill:#34d399}50%{transform:scaleX(.66);fill:#34d399}66%{transform:scaleX(1);fill:#f87171}90%{transform:scaleX(1);fill:#f87171}to{transform:scaleX(.15);fill:#34d399}}@keyframes oi-sla-node{0%,52%{stroke:#34d399;stroke-opacity:.5}66%,90%{stroke:#f87171;stroke-opacity:.9}to{stroke:#34d399;stroke-opacity:.5}}@keyframes oi-sla-tob{0%{transform:translate(0);opacity:0}3%{opacity:1}12%{transform:translate(116px,24px);opacity:1}16%,to{opacity:0}}@keyframes oi-sla-reroute{0%{transform:translate(0);opacity:0}3%{opacity:1}12%{transform:translate(58px,-34px);opacity:1}16%,to{opacity:0}}@keyframes oi-sla-steady{0%{transform:translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(116px,-22px);opacity:0}}.oi-sla-meter{transform-box:fill-box;transform-origin:left center;animation:oi-sla-meter 7s ease-in-out infinite}.oi-sla-node{animation:oi-sla-node 7s ease-in-out infinite}.oi-sla-tob{opacity:0;filter:drop-shadow(0 0 2px #FFAE2D);animation:oi-sla-tob 7s ease-in-out infinite .3s}.oi-sla-tob2{opacity:0;filter:drop-shadow(0 0 2px #FFAE2D);animation:oi-sla-tob 7s ease-in-out infinite 1.5s}.oi-sla-tob3{opacity:0;filter:drop-shadow(0 0 2px #FFAE2D);animation:oi-sla-tob 7s ease-in-out infinite 2.7s}.oi-sla-reroute{opacity:0;filter:drop-shadow(0 0 3px #FFAE2D);animation:oi-sla-reroute 7s ease-in-out infinite 4.7s}.oi-sla-reroute2{opacity:0;filter:drop-shadow(0 0 3px #FFAE2D);animation:oi-sla-reroute 7s ease-in-out infinite 5.4s}.oi-sla-reroute3{opacity:0;filter:drop-shadow(0 0 3px #FFAE2D);animation:oi-sla-reroute 7s ease-in-out infinite 6.1s}.oi-sla-steady{opacity:0;filter:drop-shadow(0 0 2px #FFAE2D);animation:oi-sla-steady 1.7s linear infinite}.oi-sla-steady2{opacity:0;filter:drop-shadow(0 0 2px #FFAE2D);animation:oi-sla-steady 1.7s linear infinite .85s}.oi-cells{display:grid;grid-template-columns:repeat(40,minmax(0,1fr));gap:3px;height:44px}@media(max-width:620px){.oi-cells{grid-template-columns:repeat(20,minmax(0,1fr));height:38px}}.oi-cell{background:#2a2a2a;border-radius:1.5px;opacity:.55}.oi-cell.on{background:#ffae2d;opacity:1;box-shadow:0 0 10px #ffae2d59;animation:oi-cell-breathe 3.4s ease-in-out infinite}@keyframes oi-cell-breathe{0%,to{opacity:.82}50%{opacity:1}}.oi-wire{position:relative}.oi-wire:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(180deg,#ffae2d8c,#ffae2d1f)}.oi-pkt{position:absolute;left:50%;margin-left:-3px;width:6px;height:6px;border-radius:50%;background:#ffae2d;box-shadow:0 0 9px #ffae2de6;animation:oi-wire-drop 2.6s linear infinite}.oi-wire:nth-child(2) .oi-pkt{animation-delay:.85s}.oi-wire:nth-child(3) .oi-pkt{animation-delay:1.7s}@keyframes oi-wire-drop{0%{top:-4px;opacity:0}12%{opacity:1}88%{opacity:1}to{top:100%;opacity:0}}.oi-tile-hot{background:#ffae2d;animation:oi-tile-breathe 3.2s ease-in-out infinite}.oi-tile-hot:nth-child(2){animation-delay:.5s}.oi-tile-hot:nth-child(3){animation-delay:1s}@keyframes oi-tile-breathe{0%,to{opacity:.5}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.oi-cap [class*=oi-],.oi-pack-grid rect{animation:none!important}.oi-stream{opacity:0}.oi-cell.on,.oi-tile-hot{animation:none!important}.oi-pkt{display:none}}