.city[data-v-1dcd8311]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.city__title[data-v-1dcd8311]{align-self:flex-start;font-size:32px;margin:4px 0 12px;color:#444}.city__subtitle[data-v-1dcd8311]{align-self:flex-start;font-size:18px;color:#777;margin-bottom:12px}.city__info-wrap[data-v-1dcd8311]{display:flex;flex-direction:column}.city__info-wrap h4[data-v-1dcd8311]{font-size:24px;color:#444}.city__additional-info[data-v-1dcd8311],.city__weather-info[data-v-1dcd8311]{display:flex;background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.city__weather-info[data-v-1dcd8311]{flex-direction:column-reverse;align-items:center}.city__additional-info[data-v-1dcd8311]{margin-top:12px;flex-direction:column}.city__additional-info span[data-v-1dcd8311]{margin-top:16px;color:#444}.city__weather-icon[data-v-1dcd8311]{width:150px;height:auto;margin-bottom:10px}.city__weather-details[data-v-1dcd8311]{display:flex;flex-direction:column}.city__weather-details span[data-v-1dcd8311]{margin-top:16px;color:#444}@media(min-width:768px){.city[data-v-1dcd8311]{display:flex;flex-direction:column;align-items:flex-start}.city__title[data-v-1dcd8311]{margin:12px 0 16px}.city__info-wrap[data-v-1dcd8311],.city__weather-info[data-v-1dcd8311]{flex-direction:row}.city__additional-info[data-v-1dcd8311]{margin-top:0;margin-left:16px}}@media(min-width:1200px){.city__title[data-v-1dcd8311]{margin:28px 0 32px}}.weather-forecast[data-v-62263a3c]{border:2px solid #b5b5d7;border-radius:8px;padding:10px;overflow-x:auto}.weather-forecast__switch[data-v-62263a3c]{margin-bottom:10px}.weather-forecast__row[data-v-62263a3c]{display:flex;overflow-x:auto;padding-bottom:12px}.weather-forecast__item[data-v-62263a3c]{margin-right:12px}.forecast-switch[data-v-62263a3c]{display:flex;justify-content:flex-start}.forecast-switch__button[data-v-62263a3c]{padding:8px;margin-right:10px;border:2px solid #b5b5d7;border-radius:4px;cursor:pointer}.forecast-item[data-v-62263a3c]{flex:0 0 auto;padding:12px;background-color:#fff;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.forecast-item__date[data-v-62263a3c],.forecast-item__humidity[data-v-62263a3c],.forecast-item__temp[data-v-62263a3c],.forecast-item__time[data-v-62263a3c]{margin:0;color:#444}.forecast-item__icon[data-v-62263a3c]{width:100px;height:auto}.weather-chart[data-v-5b134af5]{margin-top:20px}.weather-chart canvas[data-v-5b134af5]{border:2px solid #b5b5d7;border-radius:8px;padding:12px;width:100%;max-width:1200px;max-height:500px}.city-weather-block__header[data-v-4a65c15a]{display:flex;justify-content:space-between;align-items:center}.city-weather-block__help-text[data-v-4a65c15a]{margin-top:10px;color:#444}.city-weather-block__city-wrap[data-v-4a65c15a]{margin-bottom:12px}.city-weather-block__forecast-wrap[data-v-4a65c15a]{margin-bottom:4px}.autocomplete[data-v-4a65c15a]{position:relative;display:inline-block}.autocomplete__input[data-v-4a65c15a]{border-radius:8px;border:2px solid #b5b5d7;padding:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.autocomplete__input[data-v-4a65c15a]:focus{border:2px solid #007bff!important}.autocomplete__list[data-v-4a65c15a]{position:absolute;top:110%;left:0;width:100%;list-style:none;background-color:#fff;border:2px solid #b5b5d7;border-radius:8px;padding:0;margin:0}.autocomplete__list li[data-v-4a65c15a]{padding:8px;cursor:pointer;border-radius:8px}.autocomplete__list li[data-v-4a65c15a]:hover{background-color:#ddd}.button-favorite[data-v-4a65c15a]{display:flex;align-items:center}.button-favorite svg[data-v-4a65c15a]{width:36px;height:36px}.button-favorite[data-v-4a65c15a]:hover{background-color:transparent}.button-favorite:hover svg path[data-v-4a65c15a]{fill:gold!important}@media(min-width:768px){.autocomplete__input[data-v-4a65c15a]{width:334px}}.main-header[data-v-31748334]{display:flex;justify-content:center;align-items:center}.main-header h1[data-v-31748334]{margin-left:16px;padding:8px;font-size:32px;color:#444;display:flex}@media(min-width:768px){.main-header h1[data-v-31748334]{font-size:36px;margin-left:32px}}@media(min-width:1024px){.main-header h1[data-v-31748334]{font-size:48px}}.modal[data-v-cd3e50be]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center}.modal__message[data-v-cd3e50be],.modal__title[data-v-cd3e50be]{width:100%;padding:16px;border-bottom:2px solid #b5b5d7}.modal__title[data-v-cd3e50be]{display:flex;justify-content:space-between;align-items:center;padding-top:0}.modal__content[data-v-cd3e50be]{display:flex;flex-direction:column;align-items:center;max-width:calc(100% - 64px);background-color:#f0f0f0;padding:20px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.2)}.modal__button-group[data-v-cd3e50be]{display:flex;justify-content:space-between;width:100%}.modal__button[data-v-cd3e50be]{margin-top:10px}.modal__button--close[data-v-cd3e50be]{align-self:flex-end;padding:0;margin-left:4px;margin-top:0}.modal__button--close[data-v-cd3e50be]:hover{background-color:transparent}.modal__button--close svg[data-v-cd3e50be]{width:36px;height:36px}.tabs[data-v-bddc11ea]{display:flex;padding:0 8px;border-bottom:2px solid #b5b5d7}.tabs__link[data-v-bddc11ea]{text-decoration:none;color:#444;font-weight:700;padding:10px;border-radius:4px 4px 0 0;border-top:2px solid transparent;cursor:pointer;transition:background-color .3s}.tabs__link[data-v-bddc11ea]:not(.active):hover{background-color:#ddd}.tabs__link.active[data-v-bddc11ea]{position:relative;border-top:2px solid #b5b5d7;border-right:2px solid #b5b5d7;border-left:2px solid #b5b5d7;color:gold}.tabs__link.active[data-v-bddc11ea]:after{position:absolute;bottom:-3px;left:0;content:"";width:100%;height:4px;background-color:#f0f0f0}.weather-block-wrap[data-v-bddc11ea]{padding:8px;border-bottom:2px solid #b5b5d7}.button-delete-block[data-v-bddc11ea]{margin-top:12px}.button-add-block[data-v-bddc11ea]{margin:8px 0 8px 8px}@media(min-width:768px){.tabs[data-v-bddc11ea]{padding:0 16px}.weather-block-wrap[data-v-bddc11ea]{padding:16px}.button-add-block[data-v-bddc11ea]{margin:16px 0 16px 16px}}@media(min-width:1024px){.tabs[data-v-bddc11ea]{padding:0 32px}.weather-block-wrap[data-v-bddc11ea]{padding:32px}.button-add-block[data-v-bddc11ea]{margin:32px 0 32px 32px}.button-delete-block[data-v-bddc11ea]{margin-top:28px}}@media(min-width:1200px){.tabs[data-v-bddc11ea]{padding:0 48px}.weather-block-wrap[data-v-bddc11ea]{padding:48px}.button-add-block[data-v-bddc11ea]{margin:48px 0 48px 48px}.button-delete-block[data-v-bddc11ea]{margin-top:44px}}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}html{font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#f0f0f0}button,h1,h2,h3,h4,li,p,ul{margin:0;padding:0}ul{list-style:none}input{outline:none}button{cursor:pointer;margin:0;padding:8px;background:none;border:none;border-radius:4px;transition:background-color .3s}button:hover{background-color:#ddd}button.primary{color:#007bff;border:2px solid #007bff}button.warn{border:2px solid #f03;color:#f03}