#root,.app,body{margin:0;padding:0}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@font-face{font-family:"5x5-Dots";src:url(/static/media/5x5-Dots.87ee3316806dd4c2266d.woff) format("woff")}.dashboard,body{height:100vh}.dashboard{background-color:#515151;margin:0;max-width:100vw;padding:0}.dashboard-content{grid-column-gap:0;grid-row-gap:0;display:grid;grid-template-columns:200px 1fr;grid-template-rows:20px 200px 1fr 40px;height:100%}.dashboard-horizon{grid-area:2/1/3/2}.rc-display{grid-area:2/2/3/3}.map-display{grid-area:3/2/4/3}.alt-temp-display{grid-area:3/1/4/2}.footer{background-color:#000;flex-grow:1;font-family:"5x5-Dots",monospace;font-size:32px;font-weight:700;grid-area:4/1/4/3;line-height:32px;margin:0;overflow:hidden;text-align:center;text-transform:uppercase;white-space:nowrap}.dashboard-header,.footer{align-items:center;display:flex}.dashboard-header{grid-area:1/1/2/3;justify-content:space-between}.dashboard-header h1{color:#333;font-size:24px;margin:0}.connection-status{border-radius:4px;font-weight:700;padding:8px 16px}.connection-status.connected{background-color:#4caf50;color:#fff}.connection-status.connecting{background-color:#ff9800;color:#fff}.connection-status.disconnected,.connection-status.error{background-color:#f44336;color:#fff}.graph-card{background:#333}.graph-container,.graph-content{height:100%}.graph-header h2{color:#9b4a4a;font-size:18px;margin:0}.custom-tooltip{background-color:#ffffffe6;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px #0000001a;padding:10px}.custom-tooltip p{font-size:14px;margin:0;padding:2px 0}.span-green{color:#5ff;text-shadow:0 0 16px #55ffff80,4px 0 0 #55ffff40}.span-red{color:#f30e00;text-shadow:0 0 16px #f30e0080,4px 0 0 #f30e0040}#map{border:1px solid #000;height:calc(100% - 2px)}.leaflet-container{height:100%}
/*# sourceMappingURL=main.a976328d.css.map*/