.weather-widget-widget{margin:2rem 0}.weather-widget-forecasts{display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.weather-widget-forecasts{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.weather-widget-forecasts{grid-template-columns:1fr}}.weather-widget-forecast-card{background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);padding:1.5rem;text-align:center}.weather-widget-forecast-date{color:#333;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.weather-widget-forecast-icon{margin:1rem 0}.weather-widget-forecast-icon img{display:inline-block;height:64px;width:64px}.weather-widget-forecast-description{color:#666;font-size:.875rem;margin-bottom:1rem;min-height:2.5rem}.weather-widget-forecast-temps{border-top:1px solid #e5e5e5;padding-top:1rem}.weather-widget-temp{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.875rem;margin:.5rem 0}.weather-widget-temp-label{color:#666}.weather-widget-temp-value{color:#224dd2;font-size:1rem;font-weight:600}.weather-widget-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;margin:1rem 0;padding:1rem}.weather-widget-error p{margin:0}