.icon-container,.temp{text-align:center;position:relative}.mist .mist-line:after,.weather-container:after{display:table;clear:both;content:""}.blizzard .blizzard-line:after,.blizzard .blizzard-line:before,.cloud:after,.cloud:before,.lightning:after,.lightning:before,.mist .mist-line:after,.rain-drop:after,.snow:after,.snow:before,.weather-container:after{content:""}.weather-container{width:100%}.weather-container ul{margin:0;padding:0;list-style:none}.weather-container ul li{float:left;background:#f2f2f2;color:#333;width:130px;border-left:1px solid #D8D4C8;padding:5px 0;height:160px}.weather-container ul li a:focus{text-decoration:none}.weather-container:not(.not-now) ul li:first-child{width:180px;border-left:none}.weather-container ul li:nth-child(2){margin-left:0}.day{text-align:center;font-size:1.1em}.temp{font-size:1.3em;top:-45px}.icon-container{height:135px;padding:0;margin:0;box-shadow:none;transform:scale(.6);top:-25px}.icon-container .weather-type{position:absolute;left:0;bottom:-15px;width:calc(100% + 60px);font-size:1.1em;line-height:initial;margin-left:-30px}.icon-container.isolated-clouds .cloud,.icon-container.mostly-sunny .cloud{-webkit-transform:scale(.45);transform:scale(.45);position:absolute;top:65px;left:25px;background-color:#fff}.icon-container.isolated-clouds .shadow,.icon-container.mostly-sunny .shadow{position:absolute;top:69px;left:-48px;height:32px}.icon-container.slightly-cloudy .cloud{-webkit-transform:scale(.75);transform:scale(.75);position:absolute;top:57px;left:43px;background-color:#fff}.icon-container.mostly-sunny.with .sun,.icon-container.partly-cloudy.with .sun,.icon-container.slightly-cloudy.with .sun{transform:translate(0,-26%) scale(.5)}.icon-container.slightly-cloudy.with .moon{transform:translate(18%,-26%) scale(.5)}.icon-container.mostly-sunny.with .moon{transform:translate(0,-26%) scale(.5)}.icon-container.partly-cloudy.with .moon{transform:translate(18%,-26%) scale(.5)}.icon-container.mostly-cloudy .moon,.icon-container.partly-cloudy .moon{transform:translate(22%,0)}.icon-container.mostly-cloudy.with .moon,.icon-container.mostly-cloudy.with .sun{transform:translate(5%,-34%) scale(.3)}.icon-container.mostly-sunny.with .cloud{transform:translate(-61%,-25%) scale(.25)}.icon-container.partly-cloudy.with .cloud{transform:translate(-53%,-36%) scale(.5)}.icon-container.slightly-cloudy.with .cloud{transform:translate(-56%,-33%) scale(.4)}.icon-container.mostly-cloudy.with .cloud{transform:translate(-56%,-43%) scale(.6)}.icon-container.with.rain .rain-container,.icon-container.with.snowy .snow-container{transform:translate(0,-124px)}.icon-container.with.thunderstorms .rain-container{transform:translate(-7px,-124px)}.icon-container.with.drizzle .rain-container{transform:translate(31px,-55px)}.icon-container.slightly-cloudy .sun .shadow{position:absolute;top:55px;left:35px;height:45px}.icon-container.partly-cloudy .cloud{position:absolute;top:50px;left:43px;background-color:#fff}.icon-container.partly-cloudy .sun .shadow{position:absolute;top:45px;left:35px;height:45px}.icon-container.partly-cloudy .moon .shadow{position:absolute;top:70px;left:15px;height:31px}.icon-container.mostly-cloudy .moon,.icon-container.mostly-cloudy .sun{transform:translate(22%,-10%) scale(.5)}.icon-container.mostly-cloudy .cloud{position:absolute;top:50%;left:50%;background:#fff;-webkit-transform:translate(-30%,-50%);transform:translate(-30%,-50%)}.icon-container.cloudy .cloud{position:absolute;background:#fff;top:50%;left:50%;-webkit-transform:translate(-30%,-50%);transform:translate(-30%,-50%)}.icon-container.snowy .cloud{position:absolute;background:#fff;top:30px;left:50%;-webkit-transform:translate(-30%,0) scale(.9);transform:translate(-30%,0) scale(.9)}.icon-container.snowy .snow{position:absolute;background:#fff}.icon-container.snowy.thunderstorms .snow:first-child{transform:scale(.5);top:80px;left:64px}.icon-container.snowy.thunderstorms .snow:nth-child(2){transform:scale(.4);top:63px;left:82px}.icon-container.snowy .snow:first-child{top:80px;left:60px;-webkit-transform:scale(.7);transform:scale(.7)}.icon-container.snowy .snow:nth-child(2){top:73px;left:90px;-webkit-transform:scale(.35);transform:scale(.35)}.icon-container.rain.snowy .snow{-webkit-transform:scale(.7);transform:scale(.7);top:60px;left:60px}.icon-container.rain.snowy .rain-drop{top:46px;left:70px!important}.icon-container.rain.snowy .rain-snow{position:absolute;-webkit-transform:scale(.25);transform:scale(.25);top:64px;left:70px}.icon-container.rain.sleet-weather .rain-snow{-webkit-transform:scale(.25);transform:scale(.25);position:absolute;top:41px;left:17px}.icon-container.rain.sleet-weather .sleet{position:absolute}.icon-container.rain.sleet-weather .sleet:first-child{top:60px;left:58px;height:24px;width:4px}.icon-container.rain.sleet-weather .sleet:last-child{top:60px;left:82px;height:20px;width:4px}.icon-container.rain.sleet-weather .rain-drop{top:63px;left:45px}.icon-container.rain .cloud,.icon-container.with .cloud{position:absolute;background:#fff;top:30px;left:50%;transform:translate(-36%,-45%) scale(.7)}.icon-container.rain .rain-drop{position:absolute;-webkit-transform:scale(.25);transform:scale(.25)}.icon-container.rain.shower .rain-drop{transform:scale(.15)}.icon-container.drizzle .rain-drop:first-child{top:-7px;left:1px}.icon-container.rain .rain-drop:first-child{top:66px;left:34px}.icon-container.drizzle .rain-drop:nth-child(2){top:-40px;left:28%;-webkit-transform:translate(-50%,0) scale(.1);transform:translate(-50%,0) scale(.1)}.icon-container.rain .rain-drop:nth-child(2){top:85px;left:52%;-webkit-transform:translate(-50%,0) scale(.25);transform:translate(-50%,0) scale(.25)}.icon-container.rain.shower .rain-drop:nth-child(2){transform:translate(-50%,0) scale(.15)}.icon-container.drizzle .rain-drop:nth-child(3){top:-109px;left:25px}.icon-container.rain .rain-drop:nth-child(3){top:66px;left:65px}.icon-container.thunderstorms .lightning{position:absolute;top:33px;left:46px;-webkit-transform:scale(.3);transform:scale(.3)}.icon-container.thunderstorms .rain-drop:nth-child(odd){left:55px}.icon-container.thunderstorms .rain-drop:nth-child(even){left:72px}.icon-container.thunderstorms .rain-drop:first-child,.icon-container.thunderstorms .rain-drop:nth-child(2){top:66px;-webkit-transform:translate(0,0) scale(.25);transform:translate(0,0) scale(.25)}.icon-container.thunderstorms .rain-drop:nth-child(3),.icon-container.thunderstorms .rain-drop:nth-child(4){top:86px}.icon-container.thunderstorms .shadow{position:absolute;top:48px;left:55px;height:30px;width:25px;-webkit-clip-path:polygon(100% 0,0 100%,100% 100%)}.icon-container.fog-mist .mist{-webkit-transform:translate(-45%,-40%);transform:translate(-45%,-40%);top:50%;left:50%;position:absolute}.icon-container.blizzard-weather .blizzard{margin:45px auto 0}.icon-container.blizzard-weather .snow{-webkit-transform:scale(.5);transform:scale(.5);background:#fff}.icon-container.blizzard-weather .snow:first-child{position:absolute;top:32px;left:92px}.icon-container.blizzard-weather .snow:last-child{position:absolute;top:67px;left:76px}.cloud,.moon,.sun{position:relative}.moon,.sun{width:100px;height:100px;margin:0 auto;overflow:hidden}.sun{background:#fdda3f;border-radius:50%}.cloud{width:50px;height:50px;background:#e9e9e9;border-radius:0 20% 20% 0}.cloud.with-shadow .shadow{position:absolute;z-index:10;width:50px;left:0;height:35px;top:-2px}.cloud.with-shadow:before{z-index:15;border-right:2px solid rgba(208,208,208,.1)}.cloud:after,.cloud:before{position:absolute;border-radius:50%;background:inherit!important}.cloud:before{width:150%;height:150%;background:tomato;bottom:0;left:-75%}.cloud:after{width:100%;height:100%;background:orange;right:-30%}.moon .moon-colour{background-color:#cadcfc;width:100%;height:100%;position:relative;border-radius:50%;overflow:hidden}.moon .moon-mask{position:absolute;top:-25px;left:45px;width:100%;height:100%;border-radius:50%;background:#f2f2f2}.rain-container{transform:translate(0,-120px)}.rain-drop{width:50px;height:50px;background:#01e5ff;border-radius:50%;position:relative}.drizzle .rain-drop{transform:scale(.1)}.rain-drop:after{position:absolute;top:-10%;left:50%;width:50%;height:50%;border-radius:2px;background:inherit;-webkit-transform:translate(-50%,0) rotate(45deg);transform:translate(-50%,0) rotate(45deg)}.snow{height:40px;width:6px;background:#bebebe;position:relative}.snow:after,.snow:before{position:absolute;width:inherit;height:inherit;background:inherit;left:0}.lightning,.mist .mist-line{position:relative}.snow:before{-webkit-transform:rotate(60deg);transform:rotate(60deg)}.snow:after{-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}.mist{width:100px;height:100px;-webkit-clip-path:inset(0 15px 0 10px);clip-path:inset(0 15px 0 10px);transform:translate(20%,-62%) scale(.65)}.mist .mist-line:nth-child(1){top:0}.mist .mist-line:nth-child(2){top:-6px}.mist .mist-line:nth-child(3){top:-12px}.mist .mist-line:nth-child(4){top:-18px}.mist .mist-line:nth-child(5){top:-24px}.mist .mist-line>div{width:26px;height:16px;border-radius:50%;float:left;border:6px solid #e3e3e3;margin-left:-7px}.mist .mist-line>div:nth-child(even){-webkit-clip-path:inset(0 0 50% 0);clip-path:inset(0 0 50% 0);margin-top:4px}.mist .mist-line>div:nth-child(odd){-webkit-clip-path:inset(50% 0 0 0);clip-path:inset(50% 0 0 0)}.lightning{width:0;height:50px}.lightning:after,.lightning:before{position:absolute;height:0;width:0;border-right:22px solid transparent;border-bottom:35px solid transparent;border-top:35px solid #ffae46;border-left:22px solid #ffae46}.lightning:before{-webkit-transform:rotate(180deg);transform:rotate(180deg);top:-40px;left:-24px}.blizzard{width:65px}.blizzard .blizzard-line{width:55px;height:7px;position:relative;background:#e3e3e3}.blizzard .blizzard-line:before{position:absolute;top:13px;left:calc(100% - 5px);width:4px;height:7px;background:#e3e3e3}.blizzard .blizzard-line:after{position:absolute;top:0;right:-10px;width:20px;height:20px;border-radius:50%;border:7px solid #e3e3e3;-webkit-clip-path:inset(0 0 0 45%);clip-path:inset(0 0 0 45%)}.blizzard .blizzard-line:first-child{width:28px;-webkit-transform:scaleY(-1);transform:scaleY(-1);margin-bottom:4px}.blizzard .blizzard-line:last-child{width:15px;margin-top:4px}.rain-snow{width:50px;height:50px;background:#A2A1A1;border-radius:50%}.sleet{width:4px;background:#e3e3e3;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.shadow{width:100px;height:100px;background-image:-webkit-linear-gradient(rgba(66,66,66,.1) 0,transparent 100%);background-image:linear-gradient(rgba(66,66,66,.1) 0,transparent 100%);-webkit-transform:skewX(45deg);transform:skewX(45deg)}.active .moon .moon-mask{background:#efeee9}