:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}div.main{display:flex;flex-direction:row}div.main>div.left{width:72%;max-height:100dvh;overflow-y:auto}div.main.zoomed>div.left{width:0;visibility:hidden}div.main>div.right{width:28%;max-height:100dvh;overflow-y:auto}div.main.zoomed>div.right{width:100%}div.packets-table{overflow-x:scroll}div.left>div.header{display:flex;flex-direction:row;justify-content:space-between;padding:.5em;align-items:center;position:sticky;top:0;background-color:#fff;z-index:1}div.left>div.header>span{flex-grow:1;margin:2px 18px;font-weight:700}div.left>div.header>button{margin:2px 6px}div.right{margin:0 4px}div.right>canvas{min-height:200px}div.no-packets h2{font-family:Courier New,Courier,monospace;font-size:1.6em;text-align:center}.packets-table table{border-spacing:0;font-family:Courier New,Courier,monospace;font-size:1.8em;font-weight:700;border:1px solid #888}.packets-table th{font-size:.6em;border:1px solid #888;background-color:#eee;text-align:center}.packets-table td{border:1px solid #888;text-align:center;min-width:146px;height:64px;padding:0}.packets-table th.packet-id{position:sticky;left:0}.packets-table td.packet-id{position:sticky;left:0;background-color:#fff;min-width:110px}.selectable{cursor:pointer}td p{margin:0;padding:0;line-height:normal}td p.substring{font-size:.4em;font-weight:400}.packets-table td.packet-len{min-width:50px}.packets-table td.packet-even-word,.packets-table td.packet-odd-word{height:20px;font-size:.45em}.packets-table td.packet-bits{height:20px;font-size:.4em;background-color:unset}.packets-table td.packet-bits span{padding:0 1px;border:1px solid #888}@keyframes hide-odd{0%{background-color:#e04c4c;color:#000;border-color:red}to{background-color:#ddf;color:unset;border-color:red}}@keyframes hide-even{0%{background-color:#e04c4c;color:#000;border-color:red}to{background-color:#ddf;color:unset;border-color:red}}.highlight-odd{background-color:#ddf;animation:hide-odd 10s ease}.highlight-even{background-color:#ddf;animation:hide-even 10s ease}.highlight-first{background-color:#dfd}.highlight-never{background-color:unset}div.statistics h3{text-align:center}div.statistics table{border-spacing:0;font-family:Courier New,Courier,monospace;font-size:1em;width:100%;border-top:1px solid #000}div.statistics td{border-bottom:1px solid #000}div.right>div.chart>div.header{text-align:center;display:flex;flex-direction:row;align-items:center}div.right>div.chart>div.header>h3{flex-grow:1;margin:16px}div.right div.header button{margin:2px 12px}div.links h3{text-align:center}