body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:grid;grid-template-columns:250px auto;grid-template-rows:auto;grid-template-areas:"url url" "filters frames" "footer footer";grid-gap:10px}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:3vh;font-size:calc(10px + .5vmin);font-family:monospace;color:#fff}.App-link{color:#61dafb}.urlBar{grid-area:url}.urlBar form{display:grid;grid-template-columns:12em 50em 10em;justify-content:center}.pagination-top{grid-area:pagination-top}.pagination-bot{grid-area:pagination-bot}.filters{grid-area:filters}.footer{grid-area:footer;text-align:center;font-size:80%}.filterButton{background-color:#8cc152;border:none;color:#fff;padding:7px 15px;margin:5px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer}.filterButton.Active{-webkit-filter:brightness(70%);filter:brightness(70%)}.filterHeader{font-weight:700;font-size:120%;text-align:center;margin-bottom:10px}.filterName{padding-left:1em}.filterGroup{padding:5px;display:grid}#filterGroup-plugIDs{grid-template-columns:repeat(4,60px)}.frameContainer{grid-area:frames;display:grid;grid-template-rows:repeat(auto-fill,auto);grid-gap:4px;font-family:monospace}.loading{display:grid;grid-template:3em 3em/10em;justify-content:center;align-items:center}.frame{display:grid;grid-template-columns:3em 14em 4em 7em auto;grid-gap:2px;grid-template-areas:"index timestamp plugid frametype header" "index contents contents contents contents";border-left:6px solid #000;padding-left:5px;padding-bottom:5px;padding-top:4px}.frame-top{padding-left:2px;padding-bottom:6px;margin-bottom:6px;font-weight:700;border-bottom:1px solid #c3c3c3}:root{--color-netdisco:#967adc;--color-netdisco-light:rgba(162,0,230,0.1);--color-measurement:#4a89dc;--color-measurement-light:rgba(74,137,220,0.1);--color-error:#da4453;--color-error-light:rgba(218,68,83,0.11);--color-command:#e9573f;--color-command-light:rgba(184,134,11,0.11);--color-broadcast:#37bc9b;--color-broadcast-light:rgba(55,188,155,0.11);--color-config:#f6bb42;--color-config-light:rgba(246,187,66,0.11);--color-parameter:#378a49;--color-parameter-light:rgba(141,195,88,0.11)}.fb-channel{background-color:#8cc152}.fb-plugid{background-color:#6a9d34}.type-Parameter{border-color:#378a49;border-color:var(--color-parameter);background-color:rgba(141,195,88,.11);background-color:var(--color-parameter-light)}.fb-Parameter{background-color:#378a49;background-color:var(--color-parameter)}.type-NetDisco{border-color:#967adc;border-color:var(--color-netdisco);background-color:rgba(162,0,230,.1);background-color:var(--color-netdisco-light)}.fb-NetDisco{background-color:#967adc;background-color:var(--color-netdisco)}.type-Measurement{border-color:#4a89dc;border-color:var(--color-measurement);background-color:rgba(74,137,220,.1);background-color:var(--color-measurement-light)}.fb-Measurement{background-color:#4a89dc;background-color:var(--color-measurement)}.type-Error{border-color:#da4453;border-color:var(--color-error);background-color:rgba(218,68,83,.11);background-color:var(--color-error-light)}.fb-Error{background-color:#da4453;background-color:var(--color-error)}.type-Command{border-color:#e9573f;border-color:var(--color-command);background-color:rgba(184,134,11,.11);background-color:var(--color-command-light)}.fb-Command{background-color:#e9573f;background-color:var(--color-command)}.type-Broadcast{border-color:#37bc9b;border-color:var(--color-broadcast);background-color:rgba(55,188,155,.11);background-color:var(--color-broadcast-light)}.fb-Broadcast{background-color:#37bc9b;background-color:var(--color-broadcast)}.type-Config{border-color:#f6bb42;border-color:var(--color-config);background-color:rgba(246,187,66,.11);background-color:var(--color-config-light)}.fb-Config{background-color:#f6bb42;background-color:var(--color-config)}.frame-id{font-weight:700}.frame-contents{grid-area:contents;color:#505050}.payload{display:grid;grid-template-columns:18em auto}.pagination-top{margin-bottom:10px}.pagination-bot{margin-top:10px}.paginator{display:grid;grid-template-rows:30px;grid-template-columns:repeat(auto-fit,2em)}.paginator-button{border:1px solid grey;text-align:center;cursor:pointer}.paginator-button.active{color:#eee;background-color:#4a89dc}.paginator-button:hover{background-color:rgba(74,137,220,.47)}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.lds-ellipsis{display:inline-block;position:relative;width:64px;height:64px}.lds-ellipsis div{position:absolute;top:27px;width:11px;height:11px;border-radius:50%;background:#0900ff;-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:first-child{left:6px;-webkit-animation:lds-ellipsis1 .6s infinite;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:6px}.lds-ellipsis div:nth-child(2),.lds-ellipsis div:nth-child(3){-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:26px}.lds-ellipsis div:nth-child(4){left:45px;-webkit-animation:lds-ellipsis3 .6s infinite;animation:lds-ellipsis3 .6s infinite}@-webkit-keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(19px);transform:translate(19px)}}@keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(19px);transform:translate(19px)}}
/*# sourceMappingURL=main.573e4a11.chunk.css.map */