.infra-request-packets,.infra-response-packets{opacity:.12}.data-packet{filter:drop-shadow(0 4px 7px rgba(42,35,83,.24))}.data-packet circle{stroke-width:1.8}.data-packet path{fill:none;stroke:#fff;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.request-data-packet>circle:not(.packet-failure-pulse){fill:#27c8b4;stroke:#e9fffb}.response-data-packet>circle:not(.packet-failure-pulse){fill:#8668df;stroke:#f8f4ff}.packet-failure-pulse{fill:none;stroke:#ff655f;opacity:0}.data-packet.is-failed{filter:drop-shadow(0 4px 9px rgba(224,53,53,.42))}.data-packet.is-failed>circle:not(.packet-failure-pulse){fill:#e64747;stroke:#fff0f0}.data-packet.is-failed .packet-failure-pulse{opacity:1;animation:packet-failure 1.1s ease-out infinite}@keyframes packet-failure{0%{r:8;opacity:.85;stroke-width:2}100%{r:18;opacity:0;stroke-width:.5}}@media(max-width:700px){.data-packet{opacity:.85}.data-packet>circle:not(.packet-failure-pulse){r:8}}@media(prefers-reduced-motion:reduce){.data-packet{display:none}}