.rainfall-details{z-index:7;width:340px;overflow-x:hidden;overflow-wrap:anywhere}.rainfall-details>.close-button{float:right;margin:-12px -12px 0 0}.rainfall-details h2{margin-top:17px}.rainfall-current{font:500 40px 'Space Grotesk',sans-serif;color:#bbdff4;margin:20px 0 8px}.rainfall-current small{font-size:16px;color:#93b9d1}.rainfall-window{font-size:11px!important;color:#adc8d8!important;line-height:1.7!important}.rainfall-delayed{color:#e2b692!important}.rainfall-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0 12px}.rainfall-totals strong{display:block;font:500 20px 'Space Grotesk',sans-serif;color:#d0e5f1}.rainfall-totals small{font-size:10px;color:#9fbaca}.rainfall-totals span{display:block;font-size:10px;color:#aac1ce;margin:7px 0}.rainfall-totals em{font-style:normal;font-size:8px;color:#829dab}.rainfall-note{font-size:10px!important;line-height:1.7!important;color:#91a9b9!important}.rainfall-chart{margin:22px 0}.rainfall-chart>span{font-size:9px;color:#9bb9ca}.rainfall-chart svg{display:block;width:100%;height:auto;margin:8px 0;border-bottom:1px solid #293e4a}.rainfall-chart>div{display:flex;justify-content:space-between;gap:7px;font-size:8px;color:#8ca7b7}.rainfall-water-link{display:block;padding:11px 0;color:#aed8eb;font-size:11px}.rainfall-details .source-link{font-size:11px}@media(max-width:640px){.rainfall-details{width:auto;max-height:72%;bottom:35px}}
.rainfall-totals{grid-template-columns:repeat(2,1fr)}.rainfall-latest{font-size:11px!important;line-height:1.7!important;color:#adc8d8!important}.rainfall-latest strong{font-weight:500;color:#d0e5f1}