.forecastIcon{font-size:.6em;position:relative;display:inline-block;width:4.5em;height:4.5em;color:#fff}.cloud{position:absolute;z-index:1;top:50%;left:50%;width:3.6875em;height:3.6875em;margin:-1.84375em;background:currentColor;border-radius:50%;box-shadow:-2.1875em .6875em 0 -.6875em,2.0625em .9375em 0 -.9375em,0 0 0 .375em #fff,-2.1875em .6875em 0 -.3125em #fff,2.0625em .9375em 0 -.5625em #fff}.cloud:after{content:"";position:absolute;bottom:0;left:-.5em;display:block;width:4.5625em;height:1em;background:currentColor;box-shadow:0 .4375em 0 -.0625em #fff}.cloud:nth-child(2){z-index:0;background:#fff;box-shadow:-2.1875em .6875em 0 -.6875em #fff,2.0625em .9375em 0 -.9375em #fff,0 0 0 .375em #fff,-2.1875em .6875em 0 -.3125em #fff,2.0625em .9375em 0 -.5625em #fff;opacity:.3;transform:scale(.5) translate(6em,-3em)}.cloud:nth-child(2):after{background:#fff}.cloud+.sun{transform:translate(.6em,-.6em)}.cloud+.moon{transform:translate(.6em,-.6em) rotate(30deg)}.sun{position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;margin:-2em -1em;background-color:#ffd54f;border-radius:50%;box-shadow:0 0 0 .25em #ffffffd9;filter:drop-shadow(0 0 10px rgba(255,200,30,.08))}.rays{position:absolute;top:-2em;left:50%;display:block;width:.375em;height:1.125em;margin-left:-.1875em;background:#ffd54f;border-radius:.25em;box-shadow:0 5.375em #ffd54f;filter:drop-shadow(0 0 8px rgba(255,245,180,.06))}.rays:before,.rays:after{content:"";position:absolute;top:0;left:0;display:block;width:.375em;height:1.125em;transform-origin:50% 3.25em;background:#ffd54f;border-radius:.25em;box-shadow:0 5.375em #ffd54f;filter:drop-shadow(0 0 8px rgba(255,245,180,.06))}.rays:before{transform:rotate(60deg)}.rays:after{transform:rotate(120deg)}.moon{position:absolute;top:50%;left:50%;width:4em;height:4em;margin:-3em;border-radius:50%;box-shadow:.75em 0 0 .375em #fff7c2;transform:rotate(30deg);filter:drop-shadow(0 0 8px rgba(255,240,160,.06))}.rain,.lightning,.snow,.sleet1{position:absolute;z-index:2;top:50%;left:50%;width:3.75em;height:3.75em;margin:.375em 0 0 -2em}.rain:before,.rain:after,.rain>i{content:"";position:absolute;z-index:3;width:.55em;height:1.05em;top:50%;left:50%;margin:-.2em 0 0 -.35em;background:linear-gradient(180deg,#00f0fffa,#00aad2f2);border-radius:100% 0 60% 50%/60% 0 100% 50%;box-shadow:-.35em .35em 1px #0cf9,0 0 4px #00c8ff38;border:.04em solid rgba(255,255,255,.12);filter:drop-shadow(0 0 2px rgba(0,200,255,.15));transform:rotate(-22deg);opacity:.95;animation:rainFall 1.2s linear infinite}.rain:after{left:75%;top:.75em;margin-left:-.35em;animation-delay:.18s;opacity:.85;transform:rotate(-20deg)}.rain>i{left:25%;top:.75em;margin-left:-.35em;animation-delay:.36s;opacity:.9;transform:rotate(-30deg)}@keyframes rainFall{0%{transform:translateY(-.2em) rotate(-25deg);opacity:0}10%{opacity:1}70%{transform:translateY(1.6em) rotate(-25deg);opacity:.9}to{transform:translateY(2.8em) rotate(-25deg);opacity:0}}.rain.rain--light:before,.rain.rain--light:after,.rain.rain--light>i{width:.42em;height:.9em;opacity:.8;animation-duration:1.6s;box-shadow:0 0 4px #00b4dc33}.rain.rain--moderate:before,.rain.rain--moderate:after,.rain.rain--moderate>i{width:.5em;height:1.05em;opacity:.95;animation-duration:1.25s}.rain.rain--heavy:before,.rain.rain--heavy:after,.rain.rain--heavy>i{width:.68em;height:1.35em;opacity:1;animation-duration:.8s;box-shadow:0 0 12px #00c8ff99}.flake:before,.flake:after{content:"❄";position:absolute;top:50%;left:50%;margin:-1.025em 0 0 -1.0125em;color:#fff;opacity:.9;text-shadow:0 0 6px rgba(255,255,255,.15);animation:snowFall 2.5s linear infinite}.flake:after{margin:.125em 0 0 -1em;font-size:1.5em;opacity:1}.snow.snow--light .flake:before,.snow.snow--light .flake:after{font-size:.85em;opacity:.7;animation-duration:3.2s}.snow.snow--moderate .flake:before,.snow.snow--moderate .flake:after{font-size:1.2em;opacity:.95;animation-duration:2.2s}.snow.snow--heavy .flake:before,.snow.snow--heavy .flake:after{font-size:1.6em;opacity:1;animation-duration:1.4s;text-shadow:0 0 10px rgba(255,255,255,.22)}.snow .flake.right:before,.snow .flake.right:after{margin-left:0;animation-delay:.35s}.snow.snow--moderate .flake.right:before,.snow.snow--moderate .flake.right:after{margin-left:0;animation-duration:2.2s}.snow.snow--heavy .flake.right:before,.snow.snow--heavy .flake.right:after{margin-left:0;animation-duration:1.4s}.sleet.sleet--light .sleet1:before,.sleet.sleet--light .sleet1:after{font-size:.85em;opacity:.8;animation:sleetFall 1.8s linear infinite}.sleet.sleet--moderate .sleet1:before,.sleet.sleet--moderate .sleet1:after{font-size:1.1em;opacity:.95;animation:sleetFall 1.4s linear infinite}.sleet.sleet--heavy .sleet1:before,.sleet.sleet--heavy .sleet1:after{font-size:1.4em;opacity:1;animation:sleetFall 1s linear infinite}.sleet.sleet--light .sleet2:before{width:.9em;height:.9em;opacity:1;margin:2.6em 0 0 .4em;box-shadow:-.7em .7em 1px #00ccff59}.sleet.sleet--moderate .sleet2:before{width:1em;height:1em;opacity:1;margin:2.3em 0 0 .4em;box-shadow:-.75em .75em 1px #00ccff73}.sleet.sleet--heavy .sleet2:before{width:1.3em;height:1.3em;opacity:1;margin:1.9em 0 0 .4em;box-shadow:-1.2em 1.2em 1px #00ccff8c}@keyframes sleetFall{0%{transform:translateY(-.2em) rotate(-10deg);opacity:0}15%{opacity:.9}60%{transform:translateY(1.2em) rotate(-6deg);opacity:.9}to{transform:translateY(2.2em) rotate(-4deg);opacity:0}}.sleet1:before,.sleet1:after{content:"❄";position:absolute;top:50%;left:50%;margin:-1.025em 0 0 -1.0125em;color:#fff;opacity:.9;text-shadow:0 0 6px rgba(255,255,255,.15);animation:snowFall 2.5s linear infinite}.sleet1:after{margin:.125em 0 0 -1em;font-size:1.5em;opacity:1}.sleet2:before{content:"";position:absolute;z-index:4;top:50%;left:50%;width:1em;height:1em;margin:1.6em 0 0 .4em;background:linear-gradient(180deg,#00f0fffa,#00aad2f2);border-radius:100% 0 60% 50%/60% 0 100% 50%;box-shadow:-.35em .35em 1px #0cf9,0 0 4px #00c8ff38;border:.06em solid rgba(255,255,255,.12);filter:drop-shadow(0 0 2px rgba(0,200,255,.15));transform:rotate(-22deg)}.bolt{position:absolute;top:50%;left:50%;margin:-.25em 0 0 -.125em;color:#ffe600;background:#ffe600;opacity:1;filter:drop-shadow(0 0 8px rgba(255,220,100,.4));animation:flash 1.4s linear infinite}.bolt:nth-child(2){width:.5em;height:.25em;margin:-1.75em 0 0 -1.875em;transform:translate(2.5em,2.25em)}.bolt:before,.bolt:after{content:"";position:absolute;z-index:2;top:50%;left:50%;margin:-1.625em 0 0 -1.0125em;border-top:1.25em solid transparent;border-right:.75em solid;border-bottom:.75em solid;border-left:.5em solid transparent;transform:skew(-10deg)}.bolt:after{margin:-.25em 0 0 -.25em;border-top:.75em solid;border-right:.5em solid transparent;border-bottom:1.25em solid transparent;border-left:.75em solid;transform:skew(-10deg)}@keyframes flash{0%{opacity:0;filter:drop-shadow(0 0 0 rgba(255,220,100,0))}45%{opacity:.2;filter:drop-shadow(0 0 2px rgba(255,240,150,.12))}50%{opacity:1;filter:drop-shadow(0 0 18px rgba(255,240,150,.45))}55%{opacity:.25;filter:drop-shadow(0 0 4px rgba(255,240,150,.2))}to{opacity:0}}@keyframes snowFall{0%{transform:translateY(-.2em) rotate(0);opacity:0}10%{opacity:1}80%{transform:translateY(1.6em) rotate(8deg);opacity:.9}to{transform:translateY(2.8em) rotate(12deg);opacity:0}}@keyframes lightning{45%{color:#fff;background:#fff;opacity:.2}50%{color:#0cf;background:#0cf;opacity:1}55%{color:#fff;background:#fff;opacity:.2}}