.weather-bg[data-v-81567bab]{inset:0;overflow:hidden;pointer-events:none;position:fixed;transition:background 2s ease;z-index:0}.weather-bg.day[data-v-81567bab]{background:linear-gradient(180deg,#0e0e1e,#16162e 50%,#1a1a34)}.weather-bg.night[data-v-81567bab]{background:linear-gradient(180deg,#060612,#0c0c24 50%,#12122e)}.weather-bg[data-v-81567bab] .cloud{border-radius:130px;height:130px;left:50%;position:absolute;top:-30px;transform:translate(-50%);width:500px}.weather-bg.night[data-v-81567bab] .cloud{animation:lightningFlash-81567bab 5s steps(1) infinite}.weather-bg[data-v-81567bab] .cloud:before{background:color-mix(in oklch,var(--fg) 10%,var(--bg));border-radius:50%;box-shadow:110px -10px 0 50px color-mix(in oklch,var(--fg) 10%,var(--bg));content:"";height:150px;left:90px;position:absolute;top:-65px;width:150px}.weather-bg[data-v-81567bab] .cloud:after{background:color-mix(in oklch,var(--fg) 8%,var(--bg));border-radius:130px;content:"";inset:0;position:absolute;z-index:2}.weather-bg.day[data-v-81567bab] .cloud{opacity:.35}.weather-bg.day[data-v-81567bab] .cloud:after,.weather-bg.day[data-v-81567bab] .cloud:before{background:color-mix(in oklch,var(--fg) 12%,var(--bg))}@keyframes lightningFlash-81567bab{0%{filter:none}94%{filter:none}95%{filter:brightness(10) drop-shadow(0 0 120px rgba(255,255,255,.25))}97%{filter:none}to{filter:none}}.weather-bg[data-v-81567bab] .drop{animation:rainFall-81567bab linear forwards;background:var(--accent);border-radius:0 0 3px 3px;position:absolute;top:80px}@keyframes rainFall-81567bab{0%{opacity:0;transform:translateY(0)}8%{opacity:.55}88%{opacity:.55;transform:translateY(calc(100vh + 20px))}to{opacity:0;transform:translateY(calc(100vh + 20px))}}.weather-bg[data-v-81567bab] .lightning-overlay{background:#fff;inset:0;opacity:0;pointer-events:none;position:absolute}.weather-bg[data-v-81567bab] .lightning-overlay.flash{opacity:.3}.weather-bg[data-v-81567bab] .dust{animation:dustFloat-81567bab ease-out forwards;background:var(--accent);border-radius:50%;height:3px;position:absolute;width:3px}@keyframes dustFloat-81567bab{0%{opacity:.4;transform:translateY(0) translate(0)}to{opacity:0;transform:translateY(-110vh) translate(60px)}}.weather-bg[data-v-81567bab] .time-label{align-items:center;bottom:28px;color:var(--muted);display:flex;font-family:var(--font-mono);font-size:10px;gap:8px;letter-spacing:.08em;opacity:.7;position:absolute;right:28px;text-transform:uppercase}.weather-bg[data-v-81567bab] .time-label svg{height:14px;opacity:.7;width:14px}.weather-bg[data-v-81567bab] .snowflake{animation:snowFall-81567bab linear forwards;background:#fff;border-radius:50%;box-shadow:0 0 4px #ffffff4d;position:absolute;top:-10px}@keyframes snowFall-81567bab{0%{opacity:0;transform:translateY(0) translate(0)}10%{opacity:.8}90%{opacity:.8;transform:translateY(calc(100vh + 20px)) translate(30px)}to{opacity:0;transform:translateY(calc(100vh + 20px)) translate(30px)}}.weather-bg.fog .fog-overlay[data-v-81567bab]{animation:fogDrift-81567bab 20s ease-in-out infinite alternate;background:linear-gradient(180deg,#c8c8d214,#c8c8d226 50%,#c8c8d214);inset:0;pointer-events:none;position:absolute}@keyframes fogDrift-81567bab{0%{transform:translate(-5%)}to{transform:translate(5%)}}.weather-bg .stars[data-v-81567bab]{inset:0;pointer-events:none;position:absolute}.weather-bg .star[data-v-81567bab]{animation:twinkle-81567bab ease-in-out infinite;background:#fff;border-radius:50%;height:2px;position:absolute;width:2px}@keyframes twinkle-81567bab{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.weather-bg.weather-cloudy .cloud[data-v-81567bab],.weather-bg.weather-overcast .cloud[data-v-81567bab]{opacity:.6}.weather-bg.weather-overcast .cloud[data-v-81567bab]:after,.weather-bg.weather-overcast .cloud[data-v-81567bab]:before{background:color-mix(in oklch,var(--fg) 20%,var(--bg))!important}