.wxs{perspective:600px;overflow:hidden;--wx-tx:0;--wx-ty:0}.wxs,.wxs>*{position:absolute;inset:0}.wxs>*{pointer-events:none}.wxs__sky{background:linear-gradient(180deg,#2395e7,#79c6ec 70%,#f5d7a3)}.wxs[data-kind=partly] .wxs__sky{background:linear-gradient(180deg,#4291d7,#90bedf)}.wxs[data-kind=cloudy] .wxs__sky,.wxs[data-kind=fog] .wxs__sky{background:linear-gradient(180deg,#738396,#a9b3bc)}.wxs[data-kind=rain] .wxs__sky{background:linear-gradient(180deg,#3c4a5d,#60748a)}.wxs[data-kind=storm] .wxs__sky{background:linear-gradient(180deg,#181a25,#353d50)}.wxs[data-kind=snow] .wxs__sky{background:linear-gradient(180deg,#899db3,#ccd6e0)}.wxs[data-kind=dust] .wxs__sky{background:linear-gradient(180deg,#bf9a69,#d5b390)}.wxs[data-night] .wxs__sky{background:linear-gradient(180deg,#0d0f21,#1f2947)}.wxs[data-night][data-kind=rain] .wxs__sky,.wxs[data-night][data-kind=storm] .wxs__sky{background:linear-gradient(180deg,#0c0e17,#1f2433)}.wxs__sun{inset:auto;top:-38px;right:8%;width:120px;height:120px;transform:translate3d(calc(var(--wx-tx) * -6px),calc(var(--wx-ty) * -4px),0);transition:transform .4s ease-out}.wxs__sun:before{content:"";inset:30px;background:radial-gradient(circle,#fff3c2 0,#ffce47 55%,#ffab19 100%);box-shadow:0 0 40px 14px rgba(255,207,77,.55);animation:wxPulse 5s ease-in-out infinite}.wxs__rays,.wxs__sun:before{position:absolute;border-radius:50%}.wxs__rays{inset:-10px;background:repeating-conic-gradient(rgba(255,231,153,.45) 0deg 6deg,transparent 6deg 22deg);-webkit-mask:radial-gradient(circle,transparent 38%,#000 42%,transparent 72%);mask:radial-gradient(circle,transparent 38%,#000 42%,transparent 72%);animation:wxSpin 40s linear infinite}.wxs[data-kind=cloudy] .wxs__sun,.wxs[data-kind=fog] .wxs__sun{opacity:.35}.wxs[data-kind=rain] .wxs__sun,.wxs[data-kind=snow] .wxs__sun,.wxs[data-kind=storm] .wxs__sun{opacity:0}.wxs[data-kind=dust] .wxs__sun{opacity:.55;filter:sepia(.6)}@keyframes wxPulse{50%{transform:scale(1.06);opacity:.92}}@keyframes wxSpin{to{transform:rotate(1turn)}}.wxs__shimmer{inset:auto 0 0 0;height:45%;background:repeating-linear-gradient(90deg,rgba(255,179,102,0) 0 18px,rgba(255,191,128,.16) 18px 30px);filter:blur(3px);animation:wxShimmer 2.4s ease-in-out infinite alternate}@keyframes wxShimmer{0%{transform:translate3d(-12px,0,0) scaleY(1);opacity:.55}to{transform:translate3d(12px,-3px,0) scaleY(1.08);opacity:.95}}.wxs__moon{inset:auto;top:14px;right:12%;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f9f7f1,#d2cdbc);box-shadow:0 0 26px 6px hsla(48,60%,85%,.35),inset -8px -4px 0 hsla(45,15%,70%,.45);transform:translate3d(calc(var(--wx-tx) * -5px),calc(var(--wx-ty) * -3px),0);transition:transform .4s ease-out}.wxs__stars span{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;animation:wxTwinkle 3s ease-in-out infinite}@keyframes wxTwinkle{50%{opacity:.2;transform:scale(.6)}}.wxs[data-night][data-kind=cloudy] .wxs__stars,.wxs[data-night][data-kind=rain] .wxs__stars,.wxs[data-night][data-kind=snow] .wxs__stars,.wxs[data-night][data-kind=storm] .wxs__stars{opacity:.2}.wxs__decks{transform-style:preserve-3d}.wxs__deck{position:absolute;inset:0;animation:wxDrift var(--wx-drift) linear infinite}.wxs__deck--far{animation-duration:calc(var(--wx-drift) * 1.6);animation-delay:calc(var(--wx-drift) * -.8);opacity:.55}.wxs__deck--mid{animation-duration:var(--wx-drift);animation-delay:calc(var(--wx-drift) * -.45);opacity:.8}.wxs__deck--near{animation-duration:calc(var(--wx-drift) * .7);animation-delay:calc(var(--wx-drift) * -.3)}.wxs__cloud{position:absolute;height:auto;fill:hsla(0,0%,100%,.92);filter:drop-shadow(0 6px 8px hsl(215 30% 20%/.25))}.wxs__deck--far .wxs__cloud{fill:hsla(0,0%,100%,.7)}.wxs[data-kind=cloudy] .wxs__cloud,.wxs[data-kind=fog] .wxs__cloud{fill:rgba(227,230,232,.95)}.wxs[data-kind=rain] .wxs__cloud{fill:rgba(141,151,165,.95)}.wxs[data-kind=storm] .wxs__cloud{fill:rgba(66,70,87,.97)}.wxs[data-kind=snow] .wxs__cloud{fill:rgba(237,240,243,.95)}.wxs[data-night] .wxs__cloud{fill:rgba(73,83,110,.9);filter:drop-shadow(0 -2px 6px hsl(48 60% 80%/.18))}@keyframes wxDrift{0%{transform:translate3d(calc(var(--wx-dir) * -60%),0,0)}to{transform:translate3d(calc(var(--wx-dir) * 60%),0,0)}}.wxs__decks{transform:translate3d(calc(var(--wx-tx) * 8px),calc(var(--wx-ty) * 5px),0);transition:transform .4s ease-out}.wxs__haze span{position:absolute;left:-50%;width:200%;height:55%;filter:blur(10px);animation:wxHaze 14s ease-in-out infinite alternate}.wxs__haze span:first-child{top:18%;background:linear-gradient(90deg,transparent,hsla(0,0%,96%,.55),transparent 70%)}.wxs__haze span:last-child{top:48%;background:linear-gradient(90deg,transparent 20%,hsla(0,0%,96%,.7),transparent);animation-duration:9s;animation-direction:alternate-reverse}.wxs[data-kind=dust] .wxs__haze span:first-child{background:linear-gradient(90deg,transparent,hsla(32,55%,62%,.6),transparent 70%)}.wxs[data-kind=dust] .wxs__haze span:last-child{background:linear-gradient(90deg,transparent 20%,rgba(198,140,83,.7),transparent);animation-duration:4.5s}@keyframes wxHaze{0%{transform:translate3d(calc(var(--wx-dir) * -12%),0,0)}to{transform:translate3d(calc(var(--wx-dir) * 12%),0,0)}}.wxs__canvas{width:100%;height:100%}.wxs__flash{background:#eff5fb;opacity:0}.wxs[data-flash] .wxs__flash{animation:wxFlash .42s ease-out}@keyframes wxFlash{0%{opacity:0}12%{opacity:.85}24%{opacity:.1}36%{opacity:.6}to{opacity:0}}.wxs__wind span{position:absolute;left:0;height:1.5px;width:34%;border-radius:2px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.7),transparent);animation:wxStreak calc(var(--wx-drift) * .09) linear infinite}.wxs__wind span:first-child{top:28%;animation-delay:-.3s}.wxs__wind span:nth-child(2){top:46%;animation-delay:-1.1s;width:24%}.wxs__wind span:nth-child(3){top:62%;animation-delay:-.7s}.wxs__wind span:nth-child(4){top:78%;animation-delay:-1.6s;width:20%}@keyframes wxStreak{0%{transform:translate3d(calc(var(--wx-dir) * -110%),0,0);opacity:0}30%{opacity:1}to{transform:translate3d(calc(var(--wx-dir) * 320%),0,0);opacity:0}}.wxs[data-paused] *,.wxs[data-paused] :after,.wxs[data-paused] :before{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.wxs *,.wxs :after,.wxs :before{animation:none!important;transition:none!important}}