.header{position:relative}#weatherWidget{position:absolute;left:4vw;top:5.6vw;display:flex;align-items:center;gap:1.1vw;color:#fff;text-shadow:0 .1vw .4vw rgba(0,0,0,.45);max-width:26vw;z-index:1}#weatherWidget[hidden]{display:none}[dir=rtl] #weatherWidget{left:auto;right:4vw}#weatherWidget .wx-icon{font-size:4.2vw;line-height:1;flex:none}#weatherWidget .wx-main{display:flex;flex-direction:column;line-height:1.15}#weatherWidget .wx-temp{font-size:2.6vw;font-weight:700}#weatherWidget .wx-label{font-size:1.4vw;font-weight:500}#weatherWidget .wx-details{font-size:1vw;opacity:.85;margin-top:.2vw;display:flex;flex-wrap:wrap;gap:.3vw 1.1vw}#weatherWidget .wx-detail{white-space:nowrap}#weatherWidget .wx-detail i{font-size:.95em;width:1.2em;text-align:center;opacity:.9}#weatherWidget .wx-source{font-size:.7vw;opacity:.55;margin-top:.2vw}#weatherWidget.wx-stale{opacity:.7}@media (max-aspect-ratio:4/3){#weatherWidget .wx-icon{font-size:5vh}#weatherWidget .wx-temp{font-size:3vh}#weatherWidget .wx-label{font-size:1.8vh}#weatherWidget .wx-details{font-size:1.3vh}}@media screen and (max-width:600px){.header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2vw;padding-left:3vw!important;padding-right:3vw!important;box-sizing:border-box}#weatherWidget{position:static;max-width:42%;flex:0 0 auto;gap:2vw}#weatherWidget[hidden]{display:none}#weatherWidget .wx-icon{font-size:6vh}#weatherWidget .wx-temp{font-size:3.2vh}#weatherWidget .wx-label{font-size:1.8vh}#weatherWidget .wx-details{font-size:1.4vh;gap:.4vh 1.5vw}.display{flex:1 1 auto;min-width:0;padding-top:0}}#weatherFx{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:5}#weatherFx.fx-rain{transform:skewX(-6deg)}#weatherFx.fx-rain.fx-windy{transform:skewX(-14deg)}.fx-drop{position:absolute;top:-30px;width:2px;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(220,235,255,.9));border-radius:1px;animation:fx-fall linear infinite;will-change:transform}#weatherFx.fx-rain-3 .fx-drop{width:2.5px}@keyframes fx-fall{from{transform:translateY(-10vh)}to{transform:translateY(110vh)}}.fx-flake{position:absolute;top:-12px;border-radius:50%;background:rgba(255,255,255,.95);box-shadow:0 0 4px rgba(255,255,255,.6);animation-name:fx-snow-fall,fx-snow-sway;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,alternate;will-change:transform}#weatherFx.fx-sleet .fx-flake{border-radius:40%;background:rgba(225,235,245,.85);box-shadow:none}@keyframes fx-snow-fall{from{top:-12px}to{top:102vh}}@keyframes fx-snow-sway{from{margin-left:-1.5vw}to{margin-left:1.5vw}}.fx-fog{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(230,235,240,.04) 0,rgba(230,235,240,.1) 35%,rgba(230,235,240,.22) 55%,rgba(232,237,242,.55) 75%,rgba(236,240,245,.8) 100%)}.fx-fog.fx-fog-lite{background:linear-gradient(to bottom,rgba(230,235,240,.06) 0,rgba(230,235,240,.18) 50%,rgba(236,240,245,.72) 100%)}.fx-fog-bank{position:absolute;border-radius:50%;background:radial-gradient(ellipse at center,rgba(245,248,250,.9),rgba(245,248,250,.35) 55%,transparent 75%);filter:blur(14px);animation:fx-fog-drift ease-in-out infinite alternate;will-change:transform}@keyframes fx-fog-drift{from{transform:translateX(-12%)}to{transform:translateX(12%)}}.cloud-cover{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,rgba(120,130,145,.45) 0,rgba(130,140,155,.35) 30%,rgba(140,150,165,.15) 55%,rgba(140,150,165,0) 75%)}.cloud-cover-full{background:linear-gradient(to bottom,rgba(95,105,120,.7) 0,rgba(105,115,130,.6) 30%,rgba(120,130,145,.35) 55%,rgba(120,130,145,0) 78%)}body.wx-night .cloud-cover,body.wx-night .cloud-cover-full{filter:brightness(.5)}.cloud-cover-lite{opacity:.85}body.wx-precip .cloud{opacity:.85;filter:blur(3px) brightness(.8)}body.wx-precip.wx-night .cloud{filter:blur(3px) brightness(.4)}.fx-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.85);opacity:0;transition:opacity 50ms linear}.fx-flash.on{opacity:1}body.wx-few .cloud{opacity:.25}body.wx-some .cloud{opacity:.4}body.wx-many .cloud{opacity:.6}body.wx-overcast .cloud{opacity:.8;filter:blur(3px) brightness(.85)}body.wx-night .cloud{filter:brightness(.55) blur(2px)}body.wx-night.wx-overcast .cloud{filter:brightness(.45) blur(3px)}body.wx-dim::after{content:'';position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(20,30,45,.22);pointer-events:none;z-index:4}