.syshydro-chart-block{display:flex;flex-direction:column;align-items:center}.syshydro-chart-block.inrow{display:grid;grid-template-columns:60% 40%;-moz-column-gap:1.5rem;column-gap:1.5rem}.syshydro-chart-block.inrow .station-name,.syshydro-chart-block.inrow .station-type{grid-column:1/3}.syshydro-chart-block.inrow .chart-wrapper{grid-column:1/2;grid-row:3/5}.syshydro-chart-block.inrow .legend-row{grid-column:2/3}.syshydro-chart-block.inrow .legend-row .legend-list{flex-direction:column;gap:.5rem}.syshydro-chart-block.inrow .variations-row{grid-column:2/3;flex-direction:column;gap:.5rem}.syshydro-chart-block.inrow .variations-row p{margin:0}.syshydro-chart-block.inrow .variations-row .variations-list{flex-direction:column;gap:.5rem;margin-top:0}.syshydro-chart-block.inrow .last-mesure-ts-row{grid-column:1/3}.station-name{font-size:2rem}.station-name,.station-type{text-align:center}.chart-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.chart-wrapper,.legend-row{align-self:stretch}.legend-row ul{padding:0}.legend-list{display:flex;justify-content:space-around;margin-bottom:.5rem}.legend-item{display:flex;align-items:center}.legend-item .legend-color{height:1.5rem;width:1.5rem;border:1px solid;margin-right:.7rem;display:inline-block}.variations-row{display:flex;-moz-column-gap:.5rem;column-gap:.5rem}.variations-row ul{padding:0}.variations-list{display:flex;justify-content:space-around}.variations-list .variation-item{display:flex;list-style:none}.variations-list .variation-item .variation-value{margin-left:.5rem;margin-right:1.5rem}