.weather-control{position:fixed;right:70px;top:58px;z-index:36;color:#edf1dd;background:#172820f5;border:1px solid #84957866;border-radius:8px;font:12px/1.5 sans-serif;max-width:min(310px,calc(100vw - 85px))}.weather-control summary{cursor:pointer;padding:8px 12px;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weather-control>div{padding:12px;max-height:65vh;overflow:auto}.weather-control label{display:grid;gap:4px;margin-bottom:8px}.weather-control select,.weather-control input,.weather-control button{font:inherit;border:1px solid #829770;border-radius:5px;padding:7px;background:#263c30;color:#fff;max-width:100%;box-sizing:border-box}.weather-control button{cursor:pointer;margin:3px}.weather-control small{display:block;font-size:10px;color:#ced8c5}.weather-control a{color:#ddeda6}.weather-results button{display:block}.city-weather{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}.city-weather[data-weather=cloudy],.city-weather[data-weather=rain]{background:linear-gradient(#a2adb325,transparent 65%)}.city-weather i{display:none;position:absolute;top:-30px;width:1px;height:18px;background:#d5edf788;animation:district-rain linear infinite}.city-weather[data-weather=rain] i{display:block}@keyframes district-rain{to{transform:translate(-100px,100vh)}}@media(max-width:900px){.weather-control{top:98px;right:66px}.city-weather i:nth-child(n+19){display:none}}@media(prefers-reduced-motion:reduce){.city-weather i{animation:none!important;display:none!important}}