html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}:root{font-family:Inter,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;-webkit-text-size-adjust:100%}a,u{text-decoration:white wavy underline;text-underline-offset:.2em}a{font-weight:500;color:#fff}a:hover{background:white;color:#000}ul{margin:0;padding:1em;line-height:2em}li ul{padding-top:0}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1;margin-top:0}h2{font-size:2em;margin-top:0}button{border:1px solid transparent;padding:.6em;font-size:1em;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#fff}button:focus,button:focus-visible{outline:4px}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%}.page{height:100vh;display:grid;grid-template-columns:1fr 5fr;grid-template-rows:min-content 1fr min-content;grid-template-areas:"hd hd" "lt cn" "ft ft";padding:1em 2em 2em}.header{grid-area:hd;display:flex;justify-content:space-between;align-items:center}.header h1{margin:.3em 0}.sidebar,.detail,.footer{padding:1em;border-top:1px solid white}.sidebar{min-width:150px;grid-area:lt;border-right:1px solid white}.detail{grid-area:cn;overflow-y:auto}.footer{grid-area:ft}@keyframes fade-in{0%{max-height:0;opacity:0}to{opacity:1;max-height:150px}}.card-container,.pulse-container{display:flex;flex-direction:column-reverse}.pulse-raw{display:flex;margin:0;animation:fade-in .5s ease-in-out}.pulse-raw span{display:inline-block;min-width:220px}.symbol-progress{font-family:monospace;white-space:pre}.toggle .active{background:white;color:#000;cursor:default}.stream-command{display:flex;align-items:stretch}.pulser{display:flex;align-items:center;cursor:default}.pulser__indicator{display:inline-block;width:1em;height:1em;border-radius:50%}.pulser__indicator[data-value=active]{background-color:green}.pulser__indicator[data-value=inactive]{background-color:gray}.pulser__indicator[data-value=pending]{background-color:orange}.pulser__indicator[data-value=error]{background-color:red}.pulser__label{display:inline-block;min-width:85px;padding:.6em;border:1px solid transparent;text-transform:capitalize}.pulser--full{align-items:center;background:#1a1a1a}.pulser--full .pulser__indicator{flex-grow:9999;width:.5em;height:100%;border-radius:0}