@font-face{font-family:Weather;src:url(/static/media/Weather.8b9407a1.eot);src:url(/static/media/Weather.8b9407a1.eot#iefix) format("embedded-opentype"),url(/static/media/Weather.57b124a3.ttf) format("truetype"),url(/static/media/Weather.47c36230.woff) format("woff"),url(/static/media/Weather.c4f4eca9.svg#Weather) format("svg");font-weight:400;font-style:normal}i{font-family:Weather!important;speak:none;font-style:normal;font-weight:400;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-eye-hidden:before{content:"\E900"}.icon-eye-hidden2:before{content:"\E901"}.icon-eye:before{content:"\E902"}.icon-eye2:before{content:"\E903"}.icon-star:before{content:"\E904"}.icon-star2:before{content:"\E905"}.icon-cloud:before{content:"\E906"}.icon-cloud2:before{content:"\E907"}.icon-cloud-sun:before{content:"\E908"}.icon-cloud-sun2:before{content:"\E909"}.icon-cloud-moon:before{content:"\E90A"}.icon-cloud-moon2:before{content:"\E90B"}.icon-cloud-rain:before{content:"\E90C"}.icon-cloud-rain2:before{content:"\E90D"}.icon-cloud-sun-rain:before{content:"\E90E"}.icon-cloud-sun-rain2:before{content:"\E90F"}.icon-cloud-moon-rain:before{content:"\E910"}.icon-cloud-moon-rain2:before{content:"\E911"}.icon-cloud-snow:before{content:"\E912"}.icon-cloud-snow2:before{content:"\E913"}.icon-cloud-sun-snow:before{content:"\E914"}.icon-cloud-sun-snow2:before{content:"\E915"}.icon-cloud-moon-snow:before{content:"\E916"}.icon-cloud-moon-snow2:before{content:"\E917"}.icon-cloud-lightning:before{content:"\E918"}.icon-cloud-lightning2:before{content:"\E919"}.icon-cloud-sun-lightning:before{content:"\E91A"}.icon-cloud-sun-lightning2:before{content:"\E91B"}.icon-cloud-moon-lightning:before{content:"\E91C"}.icon-cloud-moon-lightning2:before{content:"\E91D"}.icon-cloud-wind:before{content:"\E91E"}.icon-cloud-wind2:before{content:"\E91F"}.icon-cloud-raindrops:before{content:"\E920"}.icon-cloud-raindrops2:before{content:"\E921"}.icon-cloud-sun-raindrops:before{content:"\E922"}.icon-cloud-sun-raindrops2:before{content:"\E923"}.icon-cloud-moon-raindrops:before{content:"\E924"}.icon-cloud-moon-raindrops2:before{content:"\E925"}.icon-cloud-snowflakes:before{content:"\E926"}.icon-cloud-snowflakes2:before{content:"\E927"}.icon-cloud-sun-snowflakes:before{content:"\E928"}.icon-cloud-sun-snowflakes2:before{content:"\E929"}.icon-cloud-moon-snowflakes:before{content:"\E92A"}.icon-cloud-moon-snowflakes2:before{content:"\E92B"}.icon-clouds:before{content:"\E92C"}.icon-clouds2:before{content:"\E92D"}.icon-cloud-add:before{content:"\E92E"}.icon-cloud-add2:before{content:"\E92F"}.icon-cloud-remove:before{content:"\E930"}.icon-cloud-remove2:before{content:"\E931"}.icon-cloud-error:before{content:"\E932"}.icon-cloud-error2:before{content:"\E933"}.icon-cloud-fog:before{content:"\E934"}.icon-cloud-fog2:before{content:"\E935"}.icon--cloud-sun-fog:before{content:"\E936"}.icon--cloud-sun-fog2:before{content:"\E937"}.icon-cloud-moon-fog:before{content:"\E938"}.icon-cloud-moon-fog2:before{content:"\E939"}.icon-moon-stars:before{content:"\E93A"}.icon-moon-stars2:before{content:"\E93B"}.icon-moon:before{content:"\E93C"}.icon-moon2:before{content:"\E93D"}.icon-sun:before{content:"\E93E"}.icon-sun2:before{content:"\E93F"}.icon-sunrise:before{content:"\E940"}.icon-sunrise2:before{content:"\E941"}.icon-sunset:before{content:"\E942"}.icon-sunset2:before{content:"\E943"}.icon-sunset3:before{content:"\E944"}.icon-sunset4:before{content:"\E945"}.icon-sunset5:before{content:"\E946"}.icon-sunset6:before{content:"\E947"}.icon-rainbow:before{content:"\E948"}.icon-rainbow2:before{content:"\E949"}.icon-umbrella:before{content:"\E94A"}.icon-umbrella2:before{content:"\E94B"}.icon-raindrops:before{content:"\E94C"}.icon-raindrops2:before{content:"\E94D"}.icon-raindrop:before{content:"\E94E"}.icon-raindrop2:before{content:"\E94F"}.icon-sunglasses:before{content:"\E950"}.icon-sunglasses2:before{content:"\E951"}.icon-stars:before{content:"\E952"}.icon-stars2:before{content:"\E953"}.icon-clouds3:before{content:"\E954"}.icon-clouds4:before{content:"\E955"}.icon-moonrise:before{content:"\E956"}.icon-moonrise2:before{content:"\E957"}.icon-moonset:before{content:"\E958"}.icon-moonset2:before{content:"\E959"}.icon-wind:before{content:"\E95A"}.icon-wind2:before{content:"\E95B"}.icon-full-moon:before{content:"\E95C"}.icon-full-moon2:before{content:"\E95D"}.icon-crescent:before{content:"\E95E"}.icon-crescent2:before{content:"\E95F"}.icon-half-moon:before{content:"\E960"}.icon-half-moon2:before{content:"\E961"}.icon-gibbous-moon:before{content:"\E962"}.icon-gibbous-moon2:before{content:"\E963"}.icon-moon3:before{content:"\E964"}.icon-moon4:before{content:"\E965"}.icon-gibbous-moon3:before{content:"\E966"}.icon-gibbous-moon4:before{content:"\E967"}.icon-half-moon3:before{content:"\E968"}.icon-half-moon4:before{content:"\E969"}.icon-crescent3:before{content:"\E96A"}.icon-crescent4:before{content:"\E96B"}.icon-compass-north:before{content:"\E96C"}.icon-compass-north2:before{content:"\E96D"}.icon-compass-west:before{content:"\E96E"}.icon-compass-west2:before{content:"\E96F"}.icon-compass-east:before{content:"\E970"}.icon-compass-east2:before{content:"\E971"}.icon-compass-south:before{content:"\E972"}.icon-compass-south2:before{content:"\E973"}.icon-air-sock:before{content:"\E974"}.icon-air-sock2:before{content:"\E975"}.icon-tornado:before{content:"\E976"}.icon-tornado2:before{content:"\E977"}.icon-warning:before{content:"\E978"}.icon-warning2:before{content:"\E979"}.icon-thermometer:before{content:"\E97A"}.icon-thermometer2:before{content:"\E97B"}.icon-thermometer-low:before{content:"\E97C"}.icon-thermometer-low2:before{content:"\E97D"}.icon-thermometer-quarter:before{content:"\E97E"}.icon-thermometer-quarter2:before{content:"\E97F"}.icon-thermometer-half:before{content:"\E980"}.icon-thermometer-half2:before{content:"\E981"}.icon-thermometer-three-quarters:before{content:"\E982"}.icon-thermometer-three-quarters2:before{content:"\E983"}.icon-thermometer-full:before{content:"\E984"}.icon-thermometer-full2:before{content:"\E985"}.icon-lightning:before{content:"\E986"}.icon-lightning2:before{content:"\E987"}.icon-wind-turbine:before{content:"\E988"}.icon-wind-turbine2:before{content:"\E989"}.icon-snowflake:before{content:"\E98A"}.icon-snowflake2:before{content:"\E98B"}.icon-attachment:before{content:"\E98C"}body{background:#f8f8f8;font-family:Avenir Next,sans-serif;margin:0;padding:0;text-align:center;overflow:hidden;color:#fff}p{padding:0 1em}@media (min-width:375px) and (max-width:667px){p{font-size:.8em}}ul{list-style-type:none;margin:0;padding:0}*,:after,:before{box-sizing:border-box}strong{font-weight:400}.searchbar{background:hsla(0,0%,100%,.3);height:100vh;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;z-index:10;text-align:left}.searchbar input{background:transparent;color:#fff;font-size:4em;text-align:left;border:none;padding:10px;outline:none}.searchbar input::-webkit-input-placeholder{color:#fff}.searchbar input::-ms-input-placeholder{color:#fff}.searchbar input::placeholder{color:#fff}.app{height:100vh;padding-top:3em;position:relative;z-index:1;color:#fff;transition:background .35s}.app.searching{-webkit-filter:blur(4px);filter:blur(4px)}.app.clear-day{background:linear-gradient(180deg,#688cd6 30%,#96b4f1 70%)}.app.clear-night{background:linear-gradient(180deg,#43425e,#678c9a,#8caadb)}.app.sunny{background:linear-gradient(180deg,#d38d7c 30%,#bd7c83 70%,#a6717a)}.app.snowing{background:linear-gradient(180deg,#d3d3da 30%,#b3b3c4 70%)}.app.raining{background:linear-gradient(180deg,#8e9eab 30%,#aab7ba 70%)}.app.partly-cloudy{background:linear-gradient(180deg,#bfcace 30%,#77add9 70%)}.app.partly-cloudy-night{background:linear-gradient(180deg,#bfcace 30%,#93bada 70%)}.app.mostly-cloudy{background:linear-gradient(180deg,#d3d6da 30%,#b3b5c4 70%)}.container{max-width:800px;margin:2em auto}.temp-toggle{position:absolute;top:0;right:0;margin:2em;cursor:pointer}.temp-toggle em{margin:0 .75em 0 .5em;opacity:.6;font-weight:300}.temp-toggle span{font-size:1.2em;font-weight:200}.summary,.temp-toggle span.active{font-weight:400}.summary{text-transform:uppercase;font-size:.9rem;letter-spacing:3px}.temperature{font-size:6rem;color:#fff;margin:20px 0;padding-left:0;display:flex;justify-content:center;letter-spacing:-5px}@media (min-width:375px) and (max-width:667px){.temperature{margin:10px 0}}.temperature span{font-size:.7em}.location{letter-spacing:2px;font-size:20px;margin-bottom:1em;font-weight:500}.time{font-weight:400;opacity:.8}.forecast{background:hsla(0,0%,100%,.15);padding:1.5em .5em;margin-top:3em;display:flex;width:100%;justify-content:space-between;list-style-type:none;overflow-x:scroll;-webkit-overflow-scrolling:touch}.forecast::-webkit-scrollbar{display:none}@media (min-width:375px) and (max-width:667px){.forecast{margin-top:1em}}@media (min-width:1000px){.forecast{justify-content:center}.forecast .forecast-item{padding:0 2em!important}}.forecast .forecast-item{padding:0 1.25em}.forecast .forecast-item--day{letter-spacing:1px;font-size:.9em}.forecast .forecast-item--icon{font-size:2em}.forecast .forecast-item--temp{white-space:nowrap;font-weight:400;font-size:.9em}.forecast .forecast-item--temp span{opacity:.8}.BarChart{padding-top:2em;position:fixed;bottom:0;width:100%}@media (min-width:375px) and (max-width:667px){.BarChart{padding-top:.5em}}.BarChart .bars{display:flex;align-items:flex-end;height:30vh;overflow-x:scroll;padding-left:13px;-webkit-overflow-scrolling:touch}.BarChart .bars::-webkit-scrollbar{display:none}.BarChart .bars .bar-item{position:relative;margin-right:13px;flex:1 0 auto;text-align:center;display:flex;align-items:flex-end;height:100%;padding-top:3em}.BarChart .bars .bar-item .bar{position:relative;background:hsla(0,0%,100%,.2);border-radius:3px;padding:.75em 0;font-size:.8em;width:25px;height:0;transition:height .5s ease-in}.BarChart .bars .bar-item .temp .deg{font-size:.9em;opacity:.6;margin-left:1px;position:relative;top:-2px}.BarChart .bars .bar-item .time{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:-2.5em;font-size:.8em;color:#fff;font-weight:400}.loader-container{background:#77add9;height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;text-align:center;color:#fff}.loader-container>p{margin-top:1em;font-weight:400;text-transform:uppercase;letter-spacing:1.5px;font-family:Helvetica Neue}.forecast-loader{position:relative;display:block;background:#77add9;text-align:center;height:100px}.forecast-loader .cloud{position:absolute;z-index:1;top:50%;left:50%;width:3.6875em;height:3.6875em;margin:-1.84375em;background:#77add9;border-radius:50%;box-shadow:-2.1875em .6875em 0 -.6875em #77add9,2.0625em .9375em 0 -.9375em #77add9,0 0 0 .375em #fff,-2.1875em .6875em 0 -.3125em #fff,2.0625em .9375em 0 -.5625em #fff}.forecast-loader .cloud:after{content:"";position:absolute;bottom:0;left:-.5em;display:block;width:4.5625em;height:1em;background:#77add9;box-shadow:0 .4375em 0 -.0625em #fff}.forecast-loader .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;-webkit-transform:scale(.5) translate(6em,-3em);transform:scale(.5) translate(6em,-3em);-webkit-animation:cloud 4s linear infinite;animation:cloud 4s linear infinite}.forecast-loader .cloud:nth-child(2):after{background:#fff}.forecast-loader .sun{position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;margin:-1.25em;background:#77add9;border-radius:50%;box-shadow:0 0 0 .375em #fff;-webkit-animation:spin 12s linear infinite;animation:spin 12s linear infinite}.forecast-loader .sun .rays{top:-2em;left:50%;margin-left:-.1875em}.forecast-loader .sun .rays,.forecast-loader .sun .rays:after,.forecast-loader .sun .rays:before{position:absolute;display:block;width:.375em;height:1.125em;background:#fff;border-radius:.25em;box-shadow:0 5.375em #fff}.forecast-loader .sun .rays:after,.forecast-loader .sun .rays:before{content:"";top:0;left:0;-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:50% 3.25em;transform-origin:50% 3.25em}.forecast-loader .sun .rays:before{-webkit-transform:rotate(120deg);transform:rotate(120deg)}.forecast-loader .cloud+.sun{margin:-2em 1em}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes cloud{0%{opacity:0}50%{opacity:.3}to{opacity:0;-webkit-transform:scale(.5) translate(-200%,-3em);transform:scale(.5) translate(-200%,-3em)}}@keyframes cloud{0%{opacity:0}50%{opacity:.3}to{opacity:0;-webkit-transform:scale(.5) translate(-200%,-3em);transform:scale(.5) translate(-200%,-3em)}}
/*# sourceMappingURL=main.ac96158b.chunk.css.map */