@import url(https://fonts.googleapis.com/css?family=Open+Sans:400;600);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}:root{font-weight:400;font-size:16px}*,:root{font-family:"Open Sans",sans-serif}* ::-webkit-scrollbar-track{background-color:#f3f6fa;border-radius:10px}* ::-webkit-scrollbar{width:5px;background-color:#f3f6fa}* ::-webkit-scrollbar-thumb{border-radius:10px;background-color:#5596f6}.location-select-input__control{border-color:#eef4fe;border-radius:10px;font-size:1em;padding:3px 5px;touch-action:manipulation;transition:all .2s ease!important;width:100%}.location-select-input__control:focus-within{box-shadow:0 0 4px 1px #eef4fe}.location-select-input__control:hover{box-shadow:0 0 4px 1px #eef4fe;width:100%}.location-select-input__menu{box-sizing:border-box;display:flex;flex-direction:column;font-size:1em;margin-top:-5px!important;padding:0;position:relative}.location-select-input__option{color:#000;background-color:#eef4fe;display:flex;line-height:22px;min-height:32px;transition:all .2s ease!important}.location-select-input__option--is-focused{box-shadow:0 0 4px 1px #eef4fe;cursor:pointer}.location-select-input__placeholder{border:0;color:#b9b9b9;font-weight:400;white-space:nowrap;width:75%;cursor:text}.-ant-btn-icon-only,.ant-btn,.ant-btn-circle,.ant-btn-lg,.location-btn{border-radius:6px;border-width:0;box-shadow:none;box-shadow:0;float:right;height:40px!important;margin-left:15px;padding:0!important;position:absolute;vertical-align:middle;width:5%!important}.-ant-btn-icon-only svg,.ant-btn-circle svg,.ant-btn-lg svg,.ant-btn svg,.location-btn svg{color:#5596f6!important}@font-face{font-family:WeatherIcons;src:url(/react-weather-forecast/static/media/WeatherIcons.1b95fac6.eot);src:url(/react-weather-forecast/static/media/WeatherIcons.1b95fac6.eot) format("embedded-opentype"),url(/react-weather-forecast/static/media/WeatherIcons.4cb41218.woff2) format("woff2"),url(/react-weather-forecast/static/media/WeatherIcons.63db52d6.woff) format("woff"),url(/react-weather-forecast/static/media/WeatherIcons.96f4714c.ttf) format("truetype"),url(/react-weather-forecast/static/media/WeatherIcons.4f964e3b.svg) format("svg");font-style:normal;font-weight:400}.owi{display:inline-block;-webkit-transform:translate(0);transform:translate(0);text-rendering:auto;font:normal normal 400 14px/1 WeatherIcons;font-size:inherit;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.owi-lg{vertical-align:-15%;line-height:.75em;font-size:1.33333333em}.owi-2x{font-size:2em}.owi-3x{font-size:3em}.owi-4x{font-size:4em}.owi-5x{font-size:5em}.owi-fw{width:1.28571429em;text-align:center}.owi-01d:before{content:""}.owi-01n:before{content:""}.owi-02d:before{content:""}.owi-02n:before{content:""}.owi-03d:before{content:""}.owi-03n:before{content:""}.owi-04d:before{content:""}.owi-04n:before{content:""}.owi-09d:before{content:""}.owi-09n:before{content:""}.owi-10d:before{content:""}.owi-10n:before{content:""}.owi-11d:before{content:""}.owi-11n:before{content:""}.owi-1232n:before{content:""}.owi-13d:before{content:""}.owi-13n:before{content:""}.owi-50d:before{content:""}.owi-50n:before{content:""}.wi-main{font-size:90px}.temp-display{font-size:50px;font-weight:bolder;font-family:"Open Sans",sans-serif}.temp-display,.wi-main{text-align:center}.weather-card-big-current-text{font-weight:700;font-size:x-large;line-height:0}.weather-card-big .date-time-text,.weather-card-big .humidity-text,.weather-card-big .windspeed-text{color:#797979;font-size:1em}.humidity-percentage,.temperature-chart-title,.windspeed-value{font-weight:700;font-size:1.2em}.temperature-chart-title{text-align:center;color:#797979}.weather-chart-container{overflow:hidden;margin:0;border-radius:0 0 3.33% 3.33%}.weather-chart{overflow:hidden;border-radius:0 0 10% 10%}.weather-card-small{height:100%;background-color:transparent;border:0;border-radius:10px;transition:background-color .25s ease!important;cursor:pointer}.weather-card-small:hover{transition:all .2s ease!important;height:100%;background-color:transparent;box-shadow:0 0 2px 2px #eef4fe}.weather-card-small>*{font-size:.95em;line-height:30px;color:#797979;font-weight:400}.weather-card-small .humidity-container{letter-spacing:.6px;font-weight:700;line-height:25px;padding:5px 0}.weather-card-small .humidity-container .humidity-text{font-weight:400}.weather-card-small-day{font-weight:700;font-size:small}.weather-card-small>i{font-size:30px;line-height:35px}.weather-card-small.selected>*{color:#fff!important}.weather-card-small.selected{background-color:#5596f6}:export{fillBlue:#5596f6;areaBlue:#eef4fe;white:#fff}.block{display:block}.inline-block{display:inline-block}.app-container{align-items:center;display:flex;height:100vh;justify-content:center;background-color:#f3f6fa}.container{display:grid;grid-template-columns:1.3fr .1fr 1.75fr;grid-template-rows:1fr;grid-gap:0 0;gap:0 0;grid-auto-flow:row;justify-content:center;align-content:center;justify-items:stretch;align-items:stretch;grid-template-areas:"left-pane-container . right-pane-container";width:95vw;max-width:900px;height:480px;overflow:hidden;padding:3vh 2vw;position:relative}.left-pane-container{display:grid;grid-template-columns:1fr;grid-template-rows:.2fr 1.1fr;grid-gap:5% 0;gap:5% 0;grid-auto-flow:row;grid-template-areas:"location-input-container" "weather-card-big";grid-area:left-pane-container}.location-input-container{padding-right:20px;display:grid;grid-template-columns:1.7fr .3fr;grid-template-rows:1fr;grid-gap:0 0;gap:0 0;grid-auto-flow:row;grid-template-areas:"location-select-input location-btn";grid-area:location-input-container}.location-select-input{grid-area:location-select-input}.location-btn{grid-area:location-btn}.weather-card-big{padding-right:15%;margin:1vh,1vw;display:grid;grid-template-columns:1fr;grid-template-rows:.4fr 2fr .5fr 1.1fr;grid-gap:10% 0;gap:10% 0;grid-auto-flow:row;justify-content:center;align-content:center;grid-template-areas:"date-time-text" "weather-card-big-current" "weather-card-big-current-text" "weather-card-big-lower";grid-area:weather-card-big;text-align:center}.weather-card-big>*{padding-right:25px;padding-top:5px}.weather-card-big-current{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-gap:0 5%;gap:0 5%;grid-auto-flow:row;justify-content:space-evenly;align-content:space-evenly;grid-template-areas:"wi-main temp-display";grid-area:weather-card-big-current}.wi-main{grid-area:wi-main;padding-left:30px}.temp-display{grid-area:temp-display;justify-self:start;padding-top:5px}.weather-card-big-current-text{grid-area:weather-card-big-current-text;margin-top:-20px;padding:10px 25px}.date-time-text{grid-area:date-time-text;align-content:center;padding:0 25px}.weather-card-big-lower{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-gap:0 0;gap:0 0;grid-auto-flow:row;grid-template-areas:". .";grid-area:weather-card-big-lower}.right-pane-container{display:grid;grid-template-columns:1fr;grid-template-rows:1.5fr .5fr;grid-gap:0 0;gap:0 0;grid-auto-flow:row;grid-template-areas:"weather-chart-container" "small-cards-container";grid-area:right-pane-container}.small-cards-container{padding-top:5%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr;grid-gap:0 10px;gap:0 10px;grid-template-areas:". . . .";grid-area:small-cards-container}.weather-chart-container{grid-area:weather-chart-container;align-content:bottom}.temperature-chart-title{margin-top:15px;align-content:bottom}.weather-card-small{margin:none;padding:0 15px;display:inline-block}.weather-card-big .humidity-container{padding-left:15px}.windspeed-container{justify-self:end;padding-right:15px}.weather-chart{margin:0 -20px}.container{background:#fff;border-radius:10px;box-shadow:5px 5px 2px 2px #eef4fe}
/*# sourceMappingURL=main.db728eaf.chunk.css.map */