.weather-icon,.sunny,.partly_cloudy__sun{width:5rem;height:5rem;position:relative}.sunny:before,.partly_cloudy__sun:before{content:"";z-index:2;background-color:#f1c40f;background-image:radial-gradient(#f1c40f,#f39c12);border-radius:50%;width:80%;height:80%;position:absolute;top:10%;left:10%;box-shadow:0 0 25px #917508}.sunny:after,.partly_cloudy__sun:after{content:"";z-index:1;will-change:opacity,transform;background-color:#f39c12;border-radius:50%;width:100%;height:100%;animation:2s linear infinite reverse fadeIn,2s linear infinite reverse scaleDown;position:absolute;top:0;left:0}.cloudy:before,.partly_cloudy__cloud:before,.rainy__cloud:before,.thundery__cloud:before{content:"";z-index:2;background-color:#ecf0f1;background-image:radial-gradient(#ecf0f1,#bdc3c7);border-radius:50% 50% 50% 0;width:40%;height:40%;position:absolute;top:30%;right:0%;box-shadow:0 0 25px #0000004d}.cloudy:after,.partly_cloudy__cloud:after,.rainy__cloud:after,.thundery__cloud:after{content:"";z-index:1;background-color:#ecf0f1;background-image:radial-gradient(#ecf0f1,#bdc3c7);border-radius:50% 50% 0;width:70%;height:60%;position:absolute;top:10%;right:30%;box-shadow:0 0 25px #0000004d}.partly_cloudy{width:5rem;height:5rem;position:relative}.partly_cloudy__sun{z-index:1;width:100%;height:100%;position:absolute}.partly_cloudy__cloud{z-index:2;will-change:transform;width:60%;height:60%;animation:2s linear infinite alternate translateUp;position:absolute;top:40%}.rainy,.thundery{width:5rem;height:5rem;position:relative}.rainy__cloud,.thundery__cloud{z-index:2;width:100%;height:100%;position:absolute}.rainy__cloud:before,.rainy__cloud:after{background-color:#95a5a6;background-image:radial-gradient(#95a5a6,#7f8c8d)}.rainy__rain,.thundery__rain{z-index:1;width:100%;height:100%;position:absolute;overflow:hidden}.rainy__rain:before,.thundery__rain:before{content:"";z-index:1;will-change:opacity,transform;background-image:linear-gradient(#0000,#94cdd1);width:20%;height:80%;animation:1s ease-out infinite reverse fadeIn,1s ease-out infinite scaleUp;position:absolute;top:20%;right:50%}.rainy__rain:after,.thundery__rain:after{content:"";z-index:1;opacity:0;will-change:opacity,transform;background-image:linear-gradient(#0000,#94cdd1);width:20%;height:60%;animation:2s ease-out .4s infinite reverse fadeIn,2s ease-out .4s infinite scaleUp;position:absolute;top:40%;right:20%}.thundery__cloud:before{background-color:#4d5656;background-image:radial-gradient(#4d5656,#393c3c);animation:4s linear 20ms infinite alternate thunder}.thundery__cloud:after{background-color:#4d5656;background-image:radial-gradient(#4d5656,#393c3c);animation:4s linear infinite alternate thunder}.thundery__rain:before{animation:.5s ease-out infinite reverse fadeIn,.5s ease-out infinite scaleUp}.thundery__rain:after{animation:.75s ease-out .2s infinite reverse fadeIn,.75s ease-out .2s infinite scaleUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleDown{0%{transform:scale(1)}to{transform:scale(.8)}}@keyframes translateUp{0%{transform:translateY(15%)}to{transform:translateY(0)}}@keyframes scaleUp{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes thunder{0%{box-shadow:0 0 25px #fff}2%{box-shadow:0 0 25px #0000004d}49%{box-shadow:0 0 25px #0000004d}50%{box-shadow:0 0 25px #fff}52%{box-shadow:0 0 25px #f7db6e}53%{box-shadow:0 0 25px #0000004d}69%{box-shadow:0 0 25px #0000004d}70%{box-shadow:0 0 25px #fff}71%{box-shadow:0 0 25px #0000004d}75%{box-shadow:0 0 25px #0000004d}76%{box-shadow:0 0 25px #fff}77%{box-shadow:0 0 25px #a8d3f0}78%{box-shadow:0 0 25px #0000004d}to{box-shadow:0 0 25px #0000004d}}.mostly_sunny{width:5rem;height:5rem;position:relative}.mostly_sunny__sun{z-index:1;width:100%;height:100%;position:absolute}.mostly_sunny__sun:before{content:"";z-index:2;background-color:#f1c40f;background-image:radial-gradient(#f1c40f,#f39c12);border-radius:50%;width:80%;height:80%;position:absolute;top:10%;left:10%;box-shadow:0 0 25px #917508}.mostly_sunny__sun:after{content:"";z-index:1;will-change:opacity,transform;background-color:#f39c12;border-radius:50%;width:100%;height:100%;animation:2s linear infinite reverse fadeIn,2s linear infinite reverse scaleDown;position:absolute;top:0;left:0}.mostly_sunny__cloud{z-index:2;will-change:transform;width:40%;height:40%;animation:2s linear infinite alternate translateUp;position:absolute;top:60%;right:0}.mostly_sunny__cloud:before{content:"";z-index:2;background-color:#ecf0f1;background-image:radial-gradient(#ecf0f1,#bdc3c7);border-radius:50% 50% 50% 0;width:50%;height:50%;position:absolute;top:30%;right:0%;box-shadow:0 0 15px #0003}.mostly_sunny__cloud:after{content:"";z-index:1;background-color:#ecf0f1;background-image:radial-gradient(#ecf0f1,#bdc3c7);border-radius:50% 50% 0;width:80%;height:70%;position:absolute;top:10%;right:30%;box-shadow:0 0 15px #0003}.mostly_cloudy{width:5rem;height:5rem;position:relative}.mostly_cloudy__sun{z-index:1;width:100%;height:100%;position:absolute}.mostly_cloudy__sun:before{content:"";z-index:1;background-color:#f1c40f;background-image:radial-gradient(#f1c40f,#f39c12);border-radius:50%;width:80%;height:80%;position:absolute;top:10%;left:10%;box-shadow:0 0 25px #917508}.mostly_cloudy__sun:after{content:"";z-index:0;will-change:opacity,transform;background-color:#f39c12;border-radius:50%;width:100%;height:100%;animation:2s linear infinite reverse fadeIn,2s linear infinite reverse scaleDown;position:absolute;top:0;left:0}.mostly_cloudy__cloud{z-index:2;will-change:transform;width:60%;height:60%;animation:2s linear infinite alternate translateUp;position:absolute;top:40%;left:0}.mostly_cloudy__cloud:before{content:"";z-index:2;background-color:#ecf0f1;background-image:radial-gradient(#ecf0f1,#bdc3c7);border-radius:50% 50% 50% 0;width:40%;height:40%;position:absolute;top:30%;right:0%;box-shadow:0 0 25px #0000004d}.mostly_cloudy__cloud:after{content:"";z-index:1;background-color:#ecf0f1;background-image:radial-gradient(#ecf0f1,#bdc3c7);border-radius:50% 50% 0;width:70%;height:60%;position:absolute;top:10%;right:30%;box-shadow:0 0 25px #0000004d}.mostly_cloudy__cloud3{z-index:1;will-change:transform;width:90%;height:90%;animation:2s linear .15s infinite alternate translateUp;position:absolute;top:5%;left:5%}.mostly_cloudy__cloud3:before{content:"";z-index:2;background-color:#d5dbdc;background-image:radial-gradient(#d5dbdc,#a6acad);border-radius:50% 50% 50% 0;width:40%;height:40%;position:absolute;top:30%;right:0%;box-shadow:0 0 20px #0003}.mostly_cloudy__cloud3:after{content:"";z-index:1;background-color:#d5dbdc;background-image:radial-gradient(#d5dbdc,#a6acad);border-radius:50% 50% 0;width:70%;height:60%;position:absolute;top:10%;right:30%;box-shadow:0 0 20px #0003}.foggy{width:5rem;height:5rem;position:relative}.foggy__fog{z-index:1;width:100%;height:100%;position:absolute}.foggy__fog:before{content:"";will-change:opacity,transform;background-color:#bdc3c799;background-image:linear-gradient(90deg,#0000,#ecf0f1cc,#0000);border-radius:50px;width:90%;height:25%;animation:3s ease-in-out infinite fogDrift;position:absolute;top:25%;left:5%}.foggy__fog:after{content:"";will-change:opacity,transform;background-color:#bdc3c780;background-image:linear-gradient(90deg,#0000,#ecf0f1b3,#0000);border-radius:50px;width:80%;height:25%;animation:4s ease-in-out .5s infinite fogDrift;position:absolute;top:50%;left:10%}@keyframes fogDrift{0%,to{opacity:.4;transform:translate(-10px)}50%{opacity:.8;transform:translate(10px)}}.clear_night{width:5rem;height:5rem;position:relative}.clear_night:before{content:"";z-index:2;background-color:#f4e5c2;background-image:radial-gradient(#f4e5c2,#e8d4a8);border-radius:50%;width:70%;height:70%;animation:3s ease-in-out infinite alternate moonGlow;position:absolute;top:15%;left:15%;box-shadow:0 0 30px #f4e5c299}.clear_night:after{content:"";z-index:3;background-color:#0f172a;border-radius:50%;width:70%;height:70%;position:absolute;top:10%;left:25%;box-shadow:inset -10px 0 20px #0000004d}.partly_cloudy_night{width:5rem;height:5rem;position:relative}.partly_cloudy_night__moon{z-index:1;width:100%;height:100%;position:absolute}.partly_cloudy_night__moon:before{content:"";z-index:2;background-color:#f4e5c2;background-image:radial-gradient(#f4e5c2,#e8d4a8);border-radius:50%;width:60%;height:60%;animation:3s ease-in-out infinite alternate moonGlow;position:absolute;top:10%;left:20%;box-shadow:0 0 25px #f4e5c280}.partly_cloudy_night__moon:after{content:"";z-index:3;background-color:#0f172a;border-radius:50%;width:60%;height:60%;position:absolute;top:7%;left:28%;box-shadow:inset -8px 0 15px #0000004d}.partly_cloudy_night__cloud{z-index:4;will-change:transform;width:60%;height:60%;animation:2s linear infinite alternate translateUp;position:absolute;top:40%}.partly_cloudy_night__cloud:before{content:"";z-index:2;background-color:#1e293b;background-image:radial-gradient(#1e293b,#0f172a);border-radius:50% 50% 50% 0;width:40%;height:40%;position:absolute;top:30%;right:0%;box-shadow:0 0 15px #00000080}.partly_cloudy_night__cloud:after{content:"";z-index:1;background-color:#1e293b;background-image:radial-gradient(#1e293b,#0f172a);border-radius:50% 50% 0;width:70%;height:60%;position:absolute;top:10%;right:30%;box-shadow:0 0 15px #00000080}@keyframes moonGlow{0%{box-shadow:0 0 25px #f4e5c266}to{box-shadow:0 0 35px #f4e5c2b3}}