@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;800&display=swap);*{margin:0;padding:0;-webkit-overflow-scrolling:touch}body{position:relative;height:100vh;display:flex;flex-direction:column;justify-content:space-between;color:#fff;text-align:center;background-color:grey;font-family:-apple-system,BlinkMacSystemFont,"Montserrat","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.main-img{position:relative;width:100%;height:100%;object-fit:cover}.img-wrapper{z-index:-5}.img-wrapper,.img-wrapper:after{position:absolute;top:0;right:0;bottom:0;left:0}.img-wrapper:after{content:"";background-color:#11112e;opacity:.5}.change-lang{margin:0 10px;width:71px;height:44px;background:rgba(174,181,185,.5);border:none;border-radius:5px;font-weight:700;font-size:14px;text-transform:uppercase;color:#fff;text-align:center;letter-spacing:.8px;text-align-last:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABgSURBVHgBdY/BCYAwDEVTqHry4gTOYB2j2zqHjuLdU3wpHkKwhcenv4+SiKoW2OTn0M9QLfPX7VwkpXR5iagwwpB5PE3ycpAOurv9GOSJXL3UnDBTIYzHS9JZwJZbYv8CIhc5CiiYQjcAAAAASUVORK5CYII=);background-repeat:no-repeat;background-position-x:90%;background-position-y:55%;transition:.2s ease-out}.change-lang:hover{cursor:pointer;border:1px solid #fff;background-color:rgba(76,82,85,.4);transition:.2s ease-in}option{background:rgba(174,181,185,.5);border-radius:5px}option:checked,option:hover{background-color:rgba(174,181,185,.5)}.change-temp{width:88px;max-height:44px;border:1px solid rgba(228,227,227,.2);border-radius:5px;overflow:hidden;transition:.2s ease-out}.change-temp,.change-temp:hover{background-color:rgba(76,82,85,.4)}.change-temp:hover{cursor:pointer;border:1px solid #fff;transition:.2s ease-in}input[type=radio]{display:none}input[type=radio]+label{display:inline-block;width:44px;height:100%;line-height:43px!important;margin:0;font-size:14px;line-height:20px;color:hsla(0,0%,100%,.4);text-align:center;vertical-align:middle;cursor:pointer;background-color:rgba(76,82,85,.4);background-repeat:repeat-x;border-radius:5px;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.8px}input[type=radio]:checked+label{width:44px;height:44px;background-image:none;outline:0;color:#fff;background-color:rgba(174,181,185,.5);line-height:44px!important}.refresh-img{position:relative;width:44px;height:44px;border:none;border-radius:5px;background:rgba(174,181,185,.5);transition:.2s ease-out}.refresh-img:hover{cursor:pointer;border:1px solid #fff;background-color:rgba(76,82,85,.4);transition:.2s ease-in}.refresh-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAUCAYAAABSx2cSAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADxSURBVHgBnVMBEYMwDMxNARLqYDhgDpAADoYD5mASmAPmoBLAARImIUvH58gY5Tr+LndLl//mSUq0A2Z+SOR0BEL0POOWSrhI3EF88YJOwsVImUTPcQShaovoJCZTGEQqiQH5FPWOln6K0HoQypDn6KCxHhVuJZqv8tJYyOytHaV9UI/6loyvpHmaTgfSfikRmMrMMX6zPwQ+OMnvEWepbWvdGMhPJC2l4apk9aBrWEZu0dyZ2kIPGxyekQfB8KK8FeJlC7uoJ1MUxlibXWD857aINX+/pDX66FTgyd4ShDzPT7SgFEhhC7KnI4D33X1/A4nd1Am4rplPAAAAAElFTkSuQmCC) no-repeat 50%;z-index:15;transform:rotate(0deg);transition:.2s}.refresh-img:hover:after{transform:rotate(90deg);transition:.2s}.search,form{position:relative}.search{width:375px;height:44px;background:rgba(76,82,85,.4);border:1px solid rgba(228,227,227,.2);border-radius:5px;color:#fff;padding-left:15px;padding-right:115px;box-sizing:border-box;font-family:"Montserrat";overflow:hidden;transition:.2s ease-out}.search:hover{cursor:pointer;transition:.2s ease-in}.search:focus,.search:hover{border:1px solid #fff}.search-btn{position:absolute;width:101px;height:44px;right:0;background:rgba(174,181,185,.5);border-radius:5px;font-weight:600;font-size:14px;text-transform:uppercase;color:#fff;letter-spacing:.8px;border:1px solid rgba(228,227,227,.2);transition:.2s ease-out}.search-btn:hover{cursor:pointer;border:1px solid #fff;background-color:rgba(76,82,85,.4);transition:.2s ease-in}.search__keyboard{position:absolute;top:-2px;right:110px;width:46px;height:45px;border:none;background:url(/static/media/keyboard.6385bc87.svg);background-size:cover;background-repeat:no-repeat;transition:.3s}.search__keyboard:hover{cursor:pointer;width:48px;height:48px;transition:.3s;top:-3px;right:108px}.search__keyboard:active{border:none}.search__load{position:absolute;top:8px;width:30px;height:30px;right:165px;background-repeat:no-repeat}.search__load_hide{visibility:hidden}.header{flex-wrap:wrap;justify-content:space-between;margin-top:40px;width:100%;max-height:44px;line-height:17px;z-index:10}.controls,.header{position:relative;display:flex}.city{font-family:"Montserrat";font-style:normal;font-weight:700;font-size:2.7em;line-height:54px;text-transform:uppercase;max-width:480px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cloud{position:absolute;top:0;right:20px;width:150px;height:150px}.cloud_small{right:0;top:15px;width:70px;height:70px}.conditions{padding-bottom:75px;padding-left:20px;font-style:normal;font-weight:700;font-size:1.2em;line-height:37px;text-transform:uppercase;list-style:none;letter-spacing:-1px}.conditions li{max-width:205px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.date{margin-right:10px;font-style:normal;font-weight:600;font-size:1.5em;line-height:29px;color:#fff}.day-week{width:100%;font-weight:700;font-size:1.3em;line-height:27px}.day-week,.temperature{font-style:normal;text-transform:uppercase}.temperature{font-weight:600;font-size:19.1em;line-height:373px;letter-spacing:-4px}.temperature:after{content:" ";position:absolute;width:35px;height:35px;border:20px solid;border-radius:50%;top:25px}.temperature_small{font-size:5em;line-height:98px;letter-spacing:0}.temperature_small:after{content:" ";position:absolute;width:15px;height:15px;border:7px solid;border-radius:50%;top:28px}.weather{position:relative;text-align:left;margin-top:55px}.weather-today{position:relative;align-items:flex-end}.weather-3days,.weather-today{display:flex;justify-content:space-between;max-width:600px}.weather-3days__day{position:relative;width:160px;height:110px;display:flex;flex-wrap:wrap}.day{display:flex}.coordinates{font-weight:600;font-size:20px;line-height:30px;text-align:center;text-transform:capitalize;color:#fff;list-style:none}.map{position:relative;margin-top:55px;width:560px;height:500px;border-radius:10px;-webkit-clip-path:polygon(85% 6%,70% 15%,30% 15%,15% 5%,0 25%,10% 45%,10% 75%,25% 90%,40% 95%,60% 95%,75% 91%,90% 75%,90% 45%,100% 25%);clip-path:polygon(85% 6%,70% 15%,30% 15%,15% 5%,0 25%,10% 45%,10% 75%,25% 90%,40% 95%,60% 95%,75% 91%,90% 75%,90% 45%,100% 25%);overflow:hidden}@media screen and (max-width:1400px){body{height:125vh}}@media screen and (max-width:1260px){body{font-size:15px;height:125vh}.app-wrapper{max-width:1014px!important}.map{width:500px}.cloud{width:140px;height:140px}.cloud_small{width:65px;height:65px}.weather{max-width:510px}.weather-3days__day{width:150px}.conditions li{max-width:160px;line-height:30px}}@media screen and (max-width:1024px){body{font-size:14px;height:730px}.app-wrapper{max-width:960px!important}.map{width:450px}.cloud{width:140px;height:140px}.cloud_small{width:65px;height:65px}.conditions li{max-width:180px}.keyboard{opacity:0;transition:.5s ease-in;display:none!important}.search__keyboard{display:none}.search__load{right:110px}}@media screen and (max-width:970px){body{font-size:12px;height:640px}.app-wrapper{max-width:748px!important}.weather{max-width:380px}.weather-today{height:260px}.map{width:330px;height:375px}.cloud{top:-15px;right:-25px;width:120px;height:120px}.cloud_small{top:15px;right:-10px;width:55px;height:55px}.weather-3days__day{width:120px}.temperature{height:210px;line-height:210px}.temperature:after{content:" ";position:absolute;width:35px;height:35px;border:15px solid;border-radius:50%;top:25px}.temperature_small{height:60px;line-height:60px}.temperature_small:after{content:" ";position:absolute;width:15px;height:15px;border:5px solid;border-radius:50%;top:28px}.conditions{padding-bottom:15px;max-height:200px}.conditions li{line-height:25px;max-width:130px}}@media screen and (max-width:768px){body{font-size:8px;height:775px;text-align:center}.app-wrapper{max-width:310px!important}.header{margin-top:10px;justify-content:center}.controls{order:1;margin-top:10px}.search{width:310px}.main-wrapper{justify-content:center;margin:0 auto;width:310px;text-align:center}.city{line-height:16px;margin-top:20px;max-width:310px}.weather-today{height:160px;width:310px}li{line-height:18px}.map{margin-top:10px;width:310px;height:300px}.cloud{width:100px;height:100px;top:-25px;right:40px}.cloud_small{width:40px;height:40px;top:5px;right:0}.weather-3days{max-width:310px}.weather-3days__day{margin-top:10px;width:110px;height:60px;justify-content:center;text-align:center}.temperature{height:160px;line-height:160px}.temperature:after{content:" ";position:absolute;width:20px;height:20px;border:10px solid;border-radius:50%;top:0}.temperature_small{height:40px;margin-right:20px;line-height:40px}.temperature_small:after{content:" ";position:absolute;width:7px;height:7px;border:3px solid;border-radius:50%;top:12px}.conditions{padding-bottom:15px}.conditions li{max-width:98px}.day-week{width:100px;height:10px;line-height:10px}}.keyboard{position:absolute;top:95px;right:0;left:0;margin-right:auto;margin-left:auto;display:flex;flex-wrap:wrap;justify-content:space-between;width:800px;height:250px;padding:5px;background:#637874;border:1px solid #202625;border-radius:5px;font-size:1.05em;font-weight:700;z-index:25;opacity:1;transition:.5s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.keyboard_hide{opacity:0;transition:.5s ease-in;display:none}.keyboard-key{position:relative;height:40px;width:40px;margin:5px;border-radius:4px;border:1px solid #202625;color:#fff;background:#2c3e50;outline:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;vertical-align:top;transition:.2s ease}.keyboard-key__wide{width:94px}.keyboard-key__extra-wide{width:200px}.keyboard-key:hover{background-color:#4873b8}.keyboard-key__active{border-radius:50px}.keyboard-key__active,.keyboard-key__active:hover{background-color:#5595ff}.app-wrapper{position:relative;margin:0 auto;max-width:1260px}.main-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap}
/*# sourceMappingURL=main.c0609c1d.chunk.css.map */