.water-details{z-index:6;width:330px;overflow-x:hidden;overflow-wrap:anywhere}.water-details>.close-button{float:right;margin:-12px -12px 0 0}.water-details h2{margin:16px 0 6px}.water-body-name{font-size:12px!important;color:#9db9c8!important}.water-level-value{font:500 42px 'Space Grotesk',sans-serif;margin:22px 0 6px;color:#c2e8f3}.water-level-value small{font-size:17px;color:#92b4c3}.water-delayed{color:#e4ba94!important}.water-trend{font-size:12px!important;color:#a8ccdc!important}.water-chart{margin:24px 0 18px}.water-chart>div{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#97b2c1}.water-chart>div:last-child{font-size:8px}.water-chart svg{display:block;width:100%;height:auto;margin:7px 0;border-bottom:1px solid #29404b}.water-facts{border-top:1px solid #2a3c46;margin:18px 0;padding-top:5px}.water-facts p{display:flex;gap:12px;justify-content:space-between;font-size:10px!important;line-height:1.7!important}.water-facts span{color:#8ba6b5;white-space:nowrap}.water-facts b{font-weight:400;text-align:right;color:#c4dbe4}.water-note{font-size:10px!important;line-height:1.7!important;color:#91aab9!important}.water-credit{font-size:9px!important;color:#809aa9!important}.water-details .source-link{font-size:11px}@media(max-width:640px){.water-details{width:auto;bottom:35px;max-height:72%}.water-level-value{font-size:35px;margin-top:15px}}
.water-rainfall-link{display:block;color:#add4e8;font-size:11px;padding:12px 0}