.weather-scene{border-radius:inherit;pointer-events:none;z-index:0;contain:paint;position:absolute;inset:0;overflow:hidden}.weather-scene~.weather-content{z-index:1;position:relative}.weather-scene~.weather-status{position:relative}.scene-tint{background:linear-gradient(90deg,#123c6325,#0000);transition:background 1s;position:absolute;inset:0}.scene-rain .scene-tint,.scene-storm .scene-tint,.scene-hail .scene-tint{background:linear-gradient(110deg,#15375050,#34577425)}.scene-snow .scene-tint{background:#bfd9eb18}.scene-fog .scene-tint{background:#bed3e933}.scene-night .scene-tint{background:#091d4245}.scene-light{background:radial-gradient(circle,#fff5b16b,#0000 68%);border-radius:50%;width:200px;height:200px;animation:9s ease-in-out infinite scene-sunlight;position:absolute;top:-80px;right:-12px}.scene-night .scene-light{background:radial-gradient(circle,#d5e7ff35,#0000 65%);width:170px;height:170px}.scene-cloud{opacity:.24;background:radial-gradient(#e8f3ffe6,#0000 68%);border-radius:50%;width:74%;height:90px;animation:18s ease-in-out infinite alternate scene-cloud-drift;position:absolute;top:38px;right:-12%}.cloud-two{opacity:.16;width:64%;animation-duration:23s;animation-delay:-11s;top:90px;right:15%}.intensity-3 .scene-cloud{opacity:.36}.scene-mist-layer{background:linear-gradient(#0000,#e8f2ff70,#0000);width:150%;height:80px;animation:13s ease-in-out infinite alternate scene-mist;position:absolute;left:-25%}.fog-one{top:62px}.fog-two{opacity:.7;animation-delay:-7s;top:115px}.fog-three{opacity:.5;animation-delay:-3s;top:155px}.scene-particle{width:var(--size);height:17px;opacity:var(--particle-opacity);animation:scene-fall var(--fall-time) linear var(--delay) infinite;background:linear-gradient(#0000,#e2f4ff);border-radius:3px;position:absolute;top:-25px}.scene-drizzle .scene-particle{opacity:.35;height:8px}.scene-snow .scene-particle{height:var(--size);background:#fff;border-radius:50%;animation-name:scene-snowfall;box-shadow:0 0 3px #fff5}.scene-hail .scene-particle{height:var(--size);background:#e7f6ff}.weather-scene[data-running=false] *{animation-play-state:paused}@keyframes scene-fall{0%{transform:translateY(-15px)rotate(12deg)}to{transform:translate3d(var(--drift),360px,0) rotate(12deg)}}@keyframes scene-snowfall{0%{transform:translateY(-10px)}50%{transform:translate3d(var(--drift),160px,0)}to{transform:translate(8px,360px)}}@keyframes scene-cloud-drift{0%{transform:translate(-15px)}to{transform:translate(32px,5px)}}@keyframes scene-mist{0%{transform:translate(-30px,-4px)}to{transform:translate(45px,6px)}}@keyframes scene-sunlight{50%{opacity:.65;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.weather-scene *{animation:none!important}.weather-scene .scene-particle{display:none}.scene-cloud,.scene-mist-layer{opacity:.2}}