body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,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}.header{max-width:1280px;margin:0 auto;padding:0 10px;color:#1565c0}.header__line{border:none;color:#1565c0;background-color:#1565c0;height:2px;margin-bottom:30px}.main-wrapper{display:flex;flex-direction:column;align-items:center;padding:0 10px}.main-info{max-width:1280px;width:100%;margin:0 auto;align-items:flex-start}.main-info,.search-wrapper{display:flex;justify-content:space-between}.search-wrapper{flex-direction:column;width:40%;height:14vh}.search{display:flex;align-items:center;width:100%}.search_input{width:55%;height:40px;font-size:18px;padding-left:10px;margin-right:10px;box-shadow:none}.search_btn,.search_input{border:2px solid #1565c0;border-radius:10px}.search_btn{width:10%;min-width:50px;height:46px;background-color:#5e92f3;cursor:pointer;opacity:1}.search_btn:before{content:"";display:inline-block;vertical-align:middle;width:24px;height:24px;color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23fff' d='M9.996 17.991a7.996 7.996 0 117.995-7.995 1 1 0 01-2 0 5.996 5.996 0 10-1.756 4.24l.707-.708 7.115 7.115a1 1 0 01-1.414 1.414l-5.745-5.745a7.967 7.967 0 01-4.902 1.68z'/%3E%3C/svg%3E")}.search_btn:hover{opacity:.8}.search_location{position:relative;min-width:40px;height:40px;border-radius:10px;border:2px solid #1565c0;background-color:#5e92f3;margin-left:10px;cursor:pointer;opacity:1}.search_location:hover{opacity:.8}.search_location-img{position:absolute;top:0;left:18%;width:80%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.search-err-message{position:relative;align-self:flex-start;padding:5px;margin-bottom:10px;border:1px solid #ffea00;border-radius:10px;background-color:#ffea00;color:#fff}.search-err-message:before{content:"";position:absolute;left:5px;top:-20px;border:10px solid transparent;border-bottom-color:#ffea00}.cities-wrapper{border:2px solid #1565c0;border-radius:10px;width:20%;padding-bottom:10px;margin-bottom:20px}.cities-wrapper__label{margin-left:10px}.cities{display:flex;flex-direction:column;padding:0 1px}.city-wrapper{display:flex;align-items:baseline;justify-content:space-between;background-color:#fff;color:#1565c0}.city{flex-grow:1;cursor:pointer;font-size:20px;text-align:left;padding:15px 20px;border:none}.city-wrapper:hover{background-color:#5e92f3;color:#fff}.city__active{background-color:#1565c0;color:#fff}.city-status{display:flex;font-size:32px;margin:0}.delete-city{cursor:pointer;margin-right:5px;background-color:#d32f2f;border-radius:5px;border:none;color:#fff}.weather-display{width:78%;min-height:400px;display:flex;flex-direction:column;align-items:center;border:2px solid #1565c0;border-radius:10px;justify-content:center}.weather-display__loader{font-size:32px}.weather-display__error{border:2px solid #d32f2f;border-radius:10px;padding:0 10px;margin:auto;background-color:#d32f2f;color:#fff}.weather-display__error-city{color:#000;font-weight:700}.weather-info{display:flex;flex-direction:column;align-items:center}.weather-info__item{font-size:18px;margin:5px 0}.ring-2{position:relative;width:45px;height:45px;margin:0 auto;border:4px solid #5e92f3;border-radius:100%}.ball-holder{position:absolute;width:12px;height:45px;left:17px;top:0}.ball{position:absolute;top:-11px;left:0;width:16px;height:16px;border-radius:100%;background:#1565c0}.load-5 .ball-holder{-webkit-animation:loader .5s linear infinite;animation:loader .5s linear infinite}@-webkit-keyframes loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:800px){.search-wrapper{width:90%}.main-info{flex-direction:column}.cities-wrapper{width:100%}.weather-display{width:100%;margin-bottom:20px}.city-status{align-items:center;font-size:22px}}
/*# sourceMappingURL=main.0f14664e.chunk.css.map */