#rain-map{height:var(--map-height);min-height:var(--map-height);box-sizing:border-box;border-radius:1rem;flex-direction:column;min-width:18.75rem;margin:.5rem 0 .8rem 1rem;padding:.5rem;transition:box-shadow .3s;display:flex;position:relative;box-shadow:0 .25rem .75rem #0000004d}#rain-map:hover{box-shadow:0 .375rem 1.125rem #0ea5e966}#map-menu{flex-wrap:wrap;gap:.1rem;min-width:0;display:flex}#map-menu button{font:inherit;color:#bae6fd;cursor:pointer;white-space:normal;word-break:break-word;overflow-wrap:anywhere;background:#1f2937;border:none;border-radius:.3125rem .3125rem 0 0;flex:6rem;min-width:0;height:auto;margin-right:0;padding:.65rem .7rem;font-size:.85rem;font-weight:700;line-height:1.2;transition:all .2s ease-out}#map-menu button:hover,#map-menu button.active{color:#fff;background:linear-gradient(90deg,#38bdf8,#0ea5e9)}#map-menu button.drought{color:#7e5001;background:#facc15}#map-menu button.drought:hover,#map-menu button.drought.active{color:#14213d;background:#e4a300}#map-menu button.radar-button{color:#1565c0;background:#e0f0ff;border:.125rem solid #90caf9}#map-menu button.radar-button.active{color:#0d47a1;background:#90caf9}#map-menu button.lightning-button{color:#fbc02d;background:#fffbe0;border:.125rem solid #ffe082}#map-menu button.lightning-button.active{color:#f57c00;background:#ffe082}.map-container{border-radius:0 0 1rem 1rem;flex:1 1 0;width:100%;min-height:0;overflow:hidden}.leaflet-container{width:100%;height:100%}@media screen and (resolution>=100dpi) and (resolution<=150dpi){#rain-map{margin-bottom:.5rem}}@media (width<=48rem){:root{--map-height:30rem}#rain-map{width:calc(100% - 1rem);margin:.5rem}#map-menu{gap:.05rem;margin-bottom:.3rem}#map-menu button{flex:auto;min-width:3.75rem;padding:.55rem .5rem;font-size:.75rem}}@media (width<=30rem){:root{--map-height:27rem}#map-menu button{min-width:3.125rem;padding:.5rem .4rem;font-size:.7rem}}.circle-zero{color:#94a3b8}.circle-light{color:#67e8f9}.circle-moderate{color:#22d3ee}.circle-heavy{color:#06b6d4}.gray-background .leaflet-tile{filter:grayscale()}