.average-climate__legend{display:flex;flex-wrap:wrap;gap:20px}.average-climate__legend-item{display:flex;align-items:center;gap:9px;font-size:1.4rem}.average-climate__swatch{flex-shrink:0;width:20px;height:20px}.average-climate__swatch--rainfall{background:#80bad8}.average-climate__swatch--temperature{display:flex;align-items:center;justify-content:center;background:#fff;font-size:1.3rem;font-weight:700}.average-climate__chart{display:flex;align-items:flex-end;gap:7px}.average-climate__column{display:flex;flex:1 1 0;min-width:0;flex-direction:column;align-items:center;justify-content:flex-end}.average-climate__bar-track{--bar-max-height:100px;width:100%;height:calc(var(--bar-max-height) + 20px);margin-top:4px}.average-climate__bar-wrap{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;height:100%}.average-climate__value{flex-shrink:0;padding-bottom:3px;font-size:1rem;text-align:center}.average-climate__bar{width:100%;height:calc(var(--bar-max-height) * var(--bar-percent,0)/ 100);min-height:2px;background:#80bad8}.average-climate__footer{padding-top:3px;text-align:center}.average-climate__temp{font-size:1.4rem;font-weight:700}.average-climate__month{font-size:1.2rem}@media (min-width:768px){.average-climate__bar-track{--bar-max-height:130px}}