.weather-bg-container{container-type:size;width:100%;height:100%}@keyframes rain-fall{0%{transform:translateY(-20px) translateX(0) rotate(10deg);opacity:0}10%{opacity:1}80%{opacity:1}to{transform:translateY(120cqh) translateX(20px) rotate(10deg);opacity:0}}@keyframes rain-splash{0%{transform:scale(0);opacity:.8}to{transform:scale(2);opacity:0}}@keyframes lightning-flash{0%,90%,94%,98%,to{background-color:transparent}92%,96%{background-color:rgba(255,255,255,.6)}}@keyframes lightning-strike{0%,90%,to{opacity:0}92%,96%{opacity:1}}@keyframes sun-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes sun-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.8}}@keyframes cloud-move{0%{transform:translateX(-150px);opacity:0}10%{opacity:1}90%{opacity:.9}to{transform:translateX(120cqw);opacity:0}}@keyframes cloud-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes star-twinkle{0%{opacity:.2;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}