.weather-widget{z-index:7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf7f2;border:1px solid #18362f26;border-radius:12px;width:238px;height:112px;padding:14px 15px 23px;position:absolute;top:18px;left:18px;box-shadow:0 8px 24px #18362f24}.weather-heading{justify-content:space-between;align-items:center;gap:10px;min-height:12px;margin-bottom:9px;display:flex}.weather-heading p{text-transform:uppercase;letter-spacing:1.1px;color:#a84435;margin:0;font-size:9px;font-weight:900}.weather-heading p span{color:var(--peach);margin-right:5px}.weather-heading b{color:#60736d;text-align:right;white-space:nowrap;width:70px;font-size:8px;font-weight:800}.weather-now{height:34px;position:relative}.weather-state{opacity:0;pointer-events:none;grid-template-columns:34px 52px minmax(0,1fr);align-items:center;gap:8px;display:grid;position:absolute;inset:0}.weather-placeholder{opacity:1}.weather-now.is-ready .weather-placeholder,.weather-now.is-error .weather-placeholder{opacity:0}.weather-now.is-ready .weather-live,.weather-now.is-error .weather-error{opacity:1}.weather-state>span{background:#fff1c5;border-radius:50%;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.weather-state>strong{font-variant-numeric:tabular-nums;width:52px;font-family:Georgia,serif;font-size:30px;line-height:1}.weather-state p{color:#526760;min-width:0;height:34px;margin:0;font-size:10px;line-height:1.25;overflow:hidden}.weather-state small{white-space:normal;margin-top:3px;font-size:7px;font-weight:700;display:block;overflow:hidden}.weather-error>span{color:#a84435;background:#fff0e9;font-weight:900}.weather-status{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.weather-source{color:#697c76;font-size:7px;font-weight:800;text-decoration:none;position:absolute;bottom:7px;right:13px}.weather-heading p{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.weather-heading b{flex:0 0 70px}@media (width<=720px){.weather-widget{width:220px;padding:12px 13px;top:12px;left:12px;right:auto}.weather-state{grid-template-columns:32px 52px minmax(0,1fr);gap:7px}.weather-state>span{width:32px;height:32px}.weather-state>strong{width:52px;font-size:26px}.weather-source{bottom:6px;right:11px}}