body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f5f7fa;color:#2c3e50}.App-wrapper{width:1600px;margin:auto}.App{text-align:left;width:1440px;margin:20px auto 100px;background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.App-title-header{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e8eef3}.App-title-header h1{margin:0 0 8px;font-size:32px;font-weight:600;color:#1e3a5f}.App-title-header p{margin:0;font-size:14px;color:#64748b;font-weight:400}.Header{display:flex;grid-gap:30px;gap:30px;align-items:flex-start}.fill-page{height:700px}.bkgrd{fill:#ebebeb;fill-opacity:.2;stroke-width:2;stroke:#ebebeb}.axis,.grid{opacity:0}.data-path{fill:none;stroke-width:3;opacity:1}.data-path.small{stroke-width:1;opacity:0}.graph-clicked{box-sizing:border-box;box-shadow:0 0 3px 3px #78aadc}.graph-wrapper{pointer-events:all;display:inline;z-index:-1}.graph{position:relative}.graph,.graph.ontop{z-index:1}.row{position:relative;width:inherit;padding-top:10px;padding-bottom:10px}.row span{position:absolute;left:50px;display:inline-block}.station-label{position:absolute;right:100%;top:10%;padding:5px 10px 5px 5px;height:inherit;width:180px;text-align:right;display:flex;flex-direction:column;align-items:flex-end;grid-gap:2px;gap:2px}.station-label p{display:block;margin:0;font-size:13px;font-weight:500;color:#2c3e50;white-space:nowrap;line-height:1.3}.station-label .station-name{font-weight:600;color:#1e3a5f}.station-label .station-id{font-size:11px;font-weight:400;color:#64748b}.row-day-select{float:right}.day-bar{position:absolute;top:30%;right:240px}.download-button{position:absolute;top:28%;right:150px;display:inline-block;box-sizing:initial;cursor:pointer;padding:5px;margin-right:5px;border:1px solid #d3d3d3;border-radius:3px;font:normal 12px/normal Arial,Helvetica,sans-serif;text-decoration:none;color:#fff;text-overflow:clip;background:#d3d3d3;box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.detail-day-select{position:relative;top:20px;left:350px}.menu-day-select{display:inline-flex;padding-left:20px;padding-right:20px;z-index:999;background-color:#fff;width:220px}.menu-day-select p{position:absolute;font-size:10px;top:72%;right:243px}.menu-day-dropdown{flex:1 1;width:150px;height:30px}.day-arrow-left{display:inline-block;margin:auto;width:30px;height:20px;cursor:pointer}.day-arrow-left.disabled{cursor:default}.day-arrow-left:after{content:"";display:inline-block;margin-top:0;margin-left:10px;width:10px;height:10px;border-top:5px solid #0a73f7;border-right:5px solid #0a73f7;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.disabled.day-arrow-left:after{border-top:5px solid #d2d2dc;border-right:5px solid #d2d2dc}.day-arrow-right{margin:auto;display:inline-block;width:30px;height:20px;cursor:pointer}.day-arrow-right.disabled{cursor:default}.day-arrow-right:after{content:"";display:inline-block;margin-top:0;margin-left:2px;width:10px;height:10px;border-top:5px solid #0a73f7;border-right:5px solid #0a73f7;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.disabled.day-arrow-right:after{border-top:5px solid #d2d2dc;border-right:5px solid #d2d2dc}.detail{position:relative;height:670px;box-shadow:0 0 5px 0 grey}.detailGraph{left:10px;top:0}.detailGraph,div.tooltipError{position:absolute;pointer-events:none}div.tooltipError{text-align:center;width:200px;height:28px;padding:2px;font:10px sans-serif;background:#d3d3d3;border:0;border-radius:8px}#aux-plot-DQ-sideBar{pointer-events:all}.detailGraph .bkgrd{fill:#ebebeb;fill-opacity:1}.detailGraph .axis,.grid{opacity:1}.bkgrd-aux{opacity:.3}.q-0{opacity:1}.q-1{opacity:.7}.q-2{opacity:.3}.axis .tick{stroke-width:2;shape-rendering:crispEdges}.axis .domain{stroke-width:0;stroke:#c8c8c8;shape-rendering:crispEdges}.grid .domain{stroke-width:0;stroke:#ffe19b}.grid .domain,.grid line{shape-rendering:crispEdges}.grid line{stroke-width:1;stroke:#fff}.overlay{fill:none;stroke:none;pointer-events:all}.focusLine{fill:none;stroke:#4682b4;stroke-width:.5px}.focusCircle{fill:None;stroke:red;stroke-width:2}.focus-rect{fill:none;stroke:red;stroke-width:1}.unit-text{align:left}#value-box{font-size:12px}#value-box tbody tr{height:20px}#value-box thead tr{height:30px;vertical-align:top;font-weight:700}.data-path-detail{fill:none;stroke-width:2;opacity:.7}.Menu{flex:1 1;display:flex;margin-bottom:20px}.Menu h1{margin-top:0;font-size:16px}.menu-sticky{position:-webkit-sticky;position:sticky;display:flex;margin-bottom:20px;padding-top:30px;top:0;z-index:9999;background-color:#fff}.gas-row{display:flex;justify-content:space-around;width:1050px;left:0}.menu-station-block{flex:1 1;margin-left:0;margin-right:0}.station-info-message{font-size:13px;color:#64748b;padding:12px 16px;margin:0 0 12px;background-color:#f0f4f8;border-radius:6px;border-left:3px solid #3b82f6;line-height:1.5}.menu-station-list{max-height:400px;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px 20px;gap:4px 20px;padding-right:8px}.menu-station-list::-webkit-scrollbar{width:8px}.menu-station-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.menu-station-list::-webkit-scrollbar-thumb{background:#c1c9d2;border-radius:4px}.menu-station-list::-webkit-scrollbar-thumb:hover{background:#a8b4c0}.menu-station-item{cursor:pointer;opacity:.4;padding:6px 8px;border-radius:4px;-webkit-transition:all .2s ease;transition:all .2s ease;margin-bottom:0}.menu-station-item:hover{opacity:.7;background-color:#f0f4f8}.menu-station-item.selected-station{opacity:1;background-color:#e3f2fd;font-weight:500}.menu-station-item *{pointer-events:none}.menu-station-item p{margin:0;font-size:13px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gas-block{flex:1 1;padding-top:0}.gas-block h1{margin-top:0;font-size:18px;font-weight:600;color:#2c3e50;margin-bottom:16px}.menu-axes-info{position:relative;font-weight:700;font-size:10px;left:120px}.gas-proto{fill:#d3d3d3;fill-opacity:.5}.prod-label{font-size:14px;font-weight:600;margin:12px 0 8px;color:#2c3e50}.gas-svg.selected-gas{opacity:1}.gas-svg{opacity:.2}.gas-label{text-anchor:middle;font-size:14px}.proto-label{font-size:10px}.proto-label.limit0{text-anchor:end;-webkit-transform:translate(-2px);transform:translate(-2px)}.proto-label.limit1{text-anchor:end;-webkit-transform:translate(-2px,6px);transform:translate(-2px,6px)}.proto-label.time0{text-anchor:start;-webkit-transform:translate(1px,10px);transform:translate(1px,10px)}.proto-label.time1{text-anchor:end;-webkit-transform:translate(-1px,10px);transform:translate(-1px,10px)}.gas-headings *{position:absolute;top:7px}.gas-headings .tot{left:45px}.gas-headings .trop{left:520px}.gas-headings .surfc{left:800px}#map{height:400px;width:600px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden}div.tooltip{position:absolute;text-align:center;width:auto;min-width:60px;height:auto;padding:6px 10px;font:12px sans-serif;background:#fff;color:#2c3e50;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.15);pointer-events:none}.leaflet-marker{opacity:.8}
/*# sourceMappingURL=main.d57fd674.chunk.css.map */