.icon{position:relative;display:inline-block;width:5em;height:5em;font-size:.5em;transform:scale(.5)}.cloud{z-index:1;top:50%;left:50%;width:3.6875em;height:3.6875em;margin:-1.84375em;border-radius:50%;box-shadow:-2.1875em .6875em 0 -.6875em gray,2.0625em .9375em 0 -.9375em gray,0 0 0 .375em grey,-2.1875em .6875em 0 -.3125em grey,2.0625em .9375em 0 -.5625em grey}.cloud,.cloud:after{position:absolute;background:grey}.cloud:after{content:"";bottom:0;left:-.5em;display:block;width:4.5625em;height:1em;box-shadow:0 .4375em 0 -.0625em grey}.cloud:nth-child(2){z-index:0;background:grey;box-shadow:-2.1875em .6875em 0 -.6875em grey,2.0625em .9375em 0 -.9375em grey,0 0 0 .375em grey,-2.1875em .6875em 0 -.3125em grey,2.0625em .9375em 0 -.5625em grey;opacity:.8;transform:scale(.5) translate(6em,-3em);animation:cloud 4s linear infinite}.cloud:nth-child(2):after{background:grey}.sun{position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;margin:-1.25em;background:transparent;border-radius:50%;box-shadow:0 0 0 .375em var(--color-secondary);animation:spin 12s linear infinite}.rays{top:-2em;left:50%;margin-left:-.1875em}.rays,.rays:after,.rays:before{position:absolute;display:block;width:.375em;height:1.125em;background:var(--color-secondary);border-radius:.25em;box-shadow:0 5.375em var(--color-secondary)}.rays:after,.rays:before{content:"";top:0;left:0;transform:rotate(60deg);transform-origin:50% 3.25em}.rays:before{transform:rotate(120deg)}.cloud+.sun{margin:-2em 1em}.lightning,.rain,.snow{width:3.75em;height:3.75em;margin:.375em 0 0 -2em;background:transparent}.lightning,.rain,.rain:after,.snow{position:absolute;z-index:2;top:50%;left:50%}.rain:after{content:"";width:1.125em;height:1.125em;margin:-1em 0 0 -.25em;background:#0cf;border-radius:100% 0 60% 50%/60% 0 100% 50%;box-shadow:.625em .875em 0 -.125em transparent,-.875em 1.125em 0 -.125em transparent,-1.375em -.125em 0 transparent;transform:rotate(-28deg);animation:rain 3s linear infinite}.bolt{position:absolute;top:50%;left:50%;margin:-.25em 0 0 -.125em;opacity:.3;animation:lightning 2s linear infinite}.bolt:nth-child(2){width:.5em;height:.25em;margin:-1.75em 0 0 -1.875em;transform:translate(2.5em,2.25em);opacity:.2;animation:lightning 1.5s linear infinite}.bolt:after,.bolt:before{content:"";position:absolute;z-index:2;top:50%;left:50%;margin:-1.625em 0 0 -1.0125em;border-color:transparent currentcolor currentcolor transparent;border-style:solid;border-width:1.25em .75em .75em .5em;transform:skewX(-10deg)}.bolt:after{margin:-.25em 0 0 -.25em;border-color:currentcolor transparent transparent currentcolor;border-style:solid;border-width:.75em .5em 1.25em .75em;transform:skewX(-10deg)}.bolt:nth-child(2):before{margin:-.75em 0 0 -.5em;border-color:transparent currentcolor currentcolor transparent;border-style:solid;border-width:.625em .375em .375em .25em}.bolt:nth-child(2):after{margin:-.125em 0 0 -.125em;border-color:currentcolor transparent transparent currentcolor;border-style:solid;border-width:.375em .25em .625em .375em}.flake:after,.flake:before{content:"\2744";position:absolute;top:50%;left:50%;margin:-1.025em 0 0 -1.0125em;color:#0cf;line-height:1em;opacity:.5;animation:spin 8s linear infinite reverse}.flake:after{margin:.125em 0 0 -1em;font-size:1.5em;opacity:.4;animation:spin 14s linear infinite}.flake:nth-child(2):before{margin:-.5em 0 0 .25em;font-size:1.25em;opacity:.2;animation:spin 10s linear infinite}.flake:nth-child(2):after{margin:.375em 0 0 .125em;font-size:2em;opacity:.4;animation:spin 16s linear infinite reverse}@keyframes spin{to{transform:rotate(1turn)}}@keyframes cloud{0%{opacity:0}50%{opacity:.3}to{opacity:0;transform:scale(.5) translate(-200%,-3em)}}@keyframes rain{0%{background:#0cf;box-shadow:.625em .875em 0 -.125em transparent,-.875em 1.125em 0 -.125em transparent,-1.375em -.125em 0 #0cf}25%{box-shadow:.625em .875em 0 -.125em transparent,-.875em 1.125em 0 -.125em #0cf,-1.375em -.125em 0 transparent}50%{background:grey;box-shadow:.625em .875em 0 -.125em #0cf,-.875em 1.125em 0 -.125em transparent,-1.375em -.125em 0 transparent}to{box-shadow:.625em .875em 0 -.125em transparent,-.875em 1.125em 0 -.125em transparent,-1.375em -.125em 0 #0cf}}@keyframes lightning{45%{color:#fff;background:#fff;opacity:.2}50%{color:var(--color-secondary);background:var(--color-secondary);opacity:1}55%{color:#fff;background:#fff;opacity:.2}}