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{max-width:1600px;margin:auto;padding:24px}.App{text-align:left;background:#fff;padding:24px;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 12px rgba(30,58,95,.04)}.App-title-header{display:flex;align-items:center;grid-gap:20px;gap:20px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.App-brand{flex-shrink:0;border-radius:50%}.App-brand,.App-brand img{display:block}.App-title-header h1{margin:0 0 6px;font-size:30px;font-weight:600;color:#1e3a5f}.App-title-header p{margin:0;font-size:14px;color:#64748b;line-height:1.5}.Header{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-gap:28px;gap:28px;align-items:start;margin-bottom:28px}.measurements-scroll{overflow:visible}.measurements-scroll-hint{display:none}.App-brand:focus-visible,.measurements-scroll:focus-visible{outline:2px solid #3b82f6;outline-offset:3px}.measurements{--station-width:140px;--day-width:220px;--column-gap:12px;--products-width:calc(var(--graph-width)*var(--product-count));width:100%;min-width:calc(var(--station-width) + var(--products-width) + var(--day-width) + 2*var(--column-gap))}.measurement-grid{display:grid;grid-template-columns:var(--station-width) var(--products-width) minmax(var(--day-width),1fr);grid-column-gap:var(--column-gap);-webkit-column-gap:var(--column-gap);-moz-column-gap:var(--column-gap);column-gap:var(--column-gap);align-items:center}.product-grid{display:grid;grid-template-columns:repeat(var(--product-count),var(--graph-width))}@media (max-width:1000px){.Header{grid-template-columns:minmax(0,1fr);grid-gap:24px;gap:24px}}@media (max-width:600px){.App-wrapper{padding:12px}.App{padding:16px}.App-title-header{grid-gap:14px;gap:14px}.App-brand img{width:64px;height:64px}.App-title-header h1{font-size:26px}}@media (max-width:1538px){.measurements-scroll{overflow-x:auto}.measurements-scroll-hint{display:block;margin:0 0 6px;font-size:12px;color:#64748b}}.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;padding:12px 0;border-bottom:1px solid #edf1f5}.row:last-child{border-bottom:0}.station-label{min-width:0;padding:0 8px}.station-label p{margin:0;font-size:13px;color:#1e3a5f;line-height:1.4;overflow-wrap:anywhere}.station-label .station-name{font-weight:600}.station-label .station-id{margin-top:3px;font-size:11px;color:#64748b}.chart-row>svg{display:block}.day-bar{justify-self:center}.detail-day-select{position:relative;top:20px;left:350px}.menu-day-select{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;grid-gap:6px;gap:6px;min-width:0}.menu-day-select p{grid-column:1/-1;margin:0;text-align:center;font-size:10px;color:#64748b}.menu-day-dropdown{min-width:0;font-size:13px}.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{min-width:0;display:flex}.Menu h1{margin-top:0;font-size:16px}.menu-sticky{position:-webkit-sticky;position:sticky;top:0;z-index:9999;padding:8px 0;background:#fff;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.measurement-label{padding-left:8px;font-size:13px;font-weight:600;color:#64748b}.gas-menu{min-width:0}.menu-station-block{flex:1 1;margin-left:0;margin-right:0}.station-search-input{width:100%;padding:10px 12px;margin-bottom:12px;border:2px solid #e2e8f0;border-radius:6px;font-size:14px;font-family:inherit;outline:none;-webkit-transition:all .2s ease;transition:all .2s ease;box-sizing:border-box}.station-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.station-search-input::-webkit-input-placeholder{color:#94a3b8}.station-search-input::-moz-placeholder{color:#94a3b8}.station-search-input::-ms-input-placeholder{color:#94a3b8}.station-search-input::placeholder{color:#94a3b8}.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:278px;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:repeat(3,minmax(0,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{margin-bottom:6px}.product-heading{margin:0 5px 0 15px;padding-bottom:8px;border-bottom:2px solid #dce5ef;color:#1e3a5f;font-size:12px;font-weight:600}.gas-svg{overflow:visible;cursor:pointer;-webkit-transition:opacity .15s ease;transition:opacity .15s ease}.gas-svg:hover{opacity:1}.gas-svg:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px}@media (max-width:600px){.menu-station-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:4px 8px;gap:4px 8px}}#map{height:400px;width:100%;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.47e6c92e.chunk.css.map */