*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#4f4f4f;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;line-height:17px}img{height:auto;max-width:100%}.container{margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;width:100%}footer{color:#828282;padding:40px 0 0;text-align:center}footer a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px}body{background-color:#1e213a;color:#a09fb1;font-family:Raleway,sans-serif;min-height:100vh}h1{font-size:144px;font-weight:500;line-height:169px}h1,h2{color:#e7e7eb}h2{font-size:64px;font-weight:700;line-height:75px}h3{color:#a09fb1;font-size:36px;font-weight:600;line-height:42px}h4{color:#e7e7eb;font-size:24px;font-weight:700;line-height:28px}h5{color:#88869d;font-size:18px;font-weight:500;line-height:21px}button{background-color:transparent;border:0;color:inherit;cursor:pointer;font-family:Raleway,sans-serif;font-size:16px;line-height:19px;padding:10px 18px;transition:all .2s}.loading-container{align-items:center;display:flex;justify-content:center;min-height:100vh}.loading-container img{max-height:50px}.body-wrapper{background-color:#1e213a;color:#a09fb1;display:flex;flex-wrap:wrap;font-family:Raleway,sans-serif;min-height:100vh}.sidebar{text-align:center}.sidebar-header{display:flex;justify-content:space-between}.sidebar-header button{background:#6e707a;box-shadow:0 4px 4px rgba(0,0,0,.25);color:#e7e7eb}.get-location-btn{border-radius:50%;height:40px;line-height:1;padding:0;width:40px}.get-location-btn svg{height:22px;width:22px}.converter-wrapper,.search-place-form,.sidebar-header,.weather-card-wrapper,.weather-sidebar-info .weather-temp-wrapper,.weather-sidebar-info .weather-title{margin-bottom:40px}.weather-sidebar-info .weather-icon{padding:40px 0;position:relative}.weather-sidebar-info .weather-icon img{max-width:170px;position:relative}.weather-icon-bg{background-position:50%;background-repeat:no-repeat;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}.weather-temp{display:inline}.weather-temp.temp span{font-size:50%;font-weight:400}.weather-temp-wrapper{font-size:36px}.weather-dd{margin-bottom:32px}.sidebar-location,.weather-dd{display:flex;justify-content:center}.sidebar-location{font-weight:600}.sidebar-location svg{margin-right:8px}.sidebar,.weather-wrapper{padding:42px 0;position:relative;width:100%}.sidebar-header{padding:0 46px}.weather-wrapper{background-color:#100e1d;display:flex;flex-direction:column;justify-content:space-between;padding:42px 46px}.weather-container{margin:0 auto;max-width:790px;width:100%}.converter-wrapper{display:flex;justify-content:flex-end}.converter-wrapper button{background-color:#585676;border-radius:54px;color:#e7e7eb;font-weight:700;height:40px;line-height:34px;margin-left:12px;padding:0;text-align:center;width:40px}.converter-wrapper button.active,.converter-wrapper button:hover{background-color:#e7e7eb;color:#110e3c}.weather-card-wrapper{grid-gap:26px;display:grid;grid-template-columns:repeat(5,1fr)}.weather-card{background-color:#1e213a;padding:18px;text-align:center}.weather-card:hover{background-color:#050820}.weather-card .weather-icon{margin-bottom:20px}.weather-card .weather-icon img{max-height:62px}.temp-wrapper{display:flex;justify-content:space-between}.weather-card h5{margin-bottom:10px}.weather-highlights{grid-gap:48px;display:grid;grid-template-columns:repeat(2,1fr);margin-top:32px}.highlight-card{background:#1e213a;padding:22px;text-align:center}.highlight-card h2{margin-bottom:10px}.highlight-card button{align-items:center;background-color:#585676;border-radius:54px;color:#e7e7eb;display:inline-flex;font-weight:700;height:40px;justify-content:center;margin-left:12px;margin-right:10px;padding:0;width:40px}.highlight-card button svg{-webkit-transform:rotate(140deg);transform:rotate(140deg)}.meter-range{display:flex;justify-content:space-between}.meter-outer{background-color:#e7e7eb;border-radius:80px;height:8px;margin:4px 0;position:relative;width:100%}.meter-unit{text-align:right}.meter-inner{background-color:#ffec65;border-radius:80px}.meter-inner,.sidebar-menu{height:100%;left:0;position:absolute;top:0;width:100%}.sidebar-menu{background-color:#1e213a;padding:20px 45px;z-index:1}.close-menu-wrapper{display:flex;justify-content:flex-end;margin-bottom:30px}.menu-closed{color:#e7e7eb;padding:0}.menu-closed svg{height:40px;width:40px}.search-place-form{display:flex;position:relative}.search-place-form input{background:transparent;border:1px solid #e7e7eb;border-radius:0;color:inherit;color:#e7e7eb;font-family:Raleway,sans-serif;font-size:16px;line-height:19px;outline:none;padding:14px 14px 14px 40px;width:100%}.search-place-form label{font-size:0;left:15px;position:absolute;top:15px}.search-place-form label,.search-place-form label svg{display:inline-block;height:18px;width:18px}.submit-btn{background-color:#3c47e9;color:#e7e7eb;font-weight:600;margin-left:12px}.submit-btn:hover{background-color:#5961d9}.result-list{list-style:none;text-align:left}.result-list li{align-items:center;border:1px solid transparent;color:#e7e7eb;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:20px;padding:22px 12px;transition:all .2s}.result-list li:hover{border-color:#616475}.result-list li svg{opacity:0;padding-right:20px;transition:all .2s}.result-list li:hover svg{opacity:1;padding-right:0}@media only screen and (min-width:768px){.sidebar{max-width:350px}.weather-wrapper{max-width:calc(100% - 350px)}}@media only screen and (min-width:992px){.converter-wrapper,.search-place-form,.sidebar-header,.weather-card-wrapper,.weather-sidebar-info .weather-temp-wrapper,.weather-sidebar-info .weather-title{margin-bottom:70px}.weather-sidebar-info .weather-icon{padding:70px 0}}@media only screen and (min-width:1200px){.sidebar{max-width:460px}.weather-wrapper{max-width:calc(100% - 460px)}}@media only screen and (max-width:1199px){.weather-card-wrapper{grid-template-columns:repeat(2,1fr)}.weather-sidebar-info .weather-icon img{max-height:150px}.sidebar-menu{padding:20px}}@media only screen and (max-width:991px){.weather-highlights{grid-template-columns:repeat(1,1fr)}.weather-temp{font-size:120px}}@media only screen and (max-width:767px){h1{font-size:100px;line-height:1}.weather-sidebar-info .weather-icon img{max-height:150px}.weather-icon-bg{background-size:contain}}@media only screen and (max-width:600px){.weather-card-wrapper{grid-template-columns:repeat(1,1fr)}}
/*# sourceMappingURL=main.61c1ba6a.css.map*/