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