.current-weather[data-v-e2478664]{width:100%;background-color:var(--additional-back-color,#8cceea);display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"head head head" "image temp wind" "image temp pressure" "image temp precip" "descr feel-like ." "link link link" "last-refr last-refr last-refr"}.current-weather__header[data-v-e2478664]{grid-area:head;text-align:center;font-family:Oswald,sans-serif;font-size:17px}.current-weather__icon[data-v-e2478664]{grid-area:image;margin:0 auto;width:120px;height:120px}.current-weather__link[data-v-e2478664]{grid-area:link}.current-weather__last-refresh[data-v-e2478664],.current-weather__link[data-v-e2478664]{padding:5px;text-align:right;font-family:Roboto,sans-serif;color:var(--shadow-text-color,#696969);font-size:12px}.current-weather__last-refresh[data-v-e2478664]{grid-area:last-refr}.current-weather__temperature[data-v-e2478664]{grid-area:temp;text-align:center;font-family:Oswald,sans-serif;font-weight:600;font-size:40px}.current-weather__temperature-digit[data-v-e2478664]{font-family:Oswald,sans-serif;font-weight:600;font-size:80px}.current-weather__feel-like[data-v-e2478664]{grid-area:feel-like;text-align:center;font-family:Roboto,sans-serif;font-size:12px}.current-weather__pressure[data-v-e2478664]{grid-area:pressure;text-align:center;font-family:Roboto,sans-serif;font-size:12px}.current-weather__wind-container[data-v-e2478664]{grid-area:wind;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.current-weather__wind-direction[data-v-e2478664]{padding:0 5px}.current-weather__wind-direction-arrow[data-v-e2478664]{-webkit-transform:rotate(135deg);transform:rotate(135deg);width:17px;height:17px}.current-weather__description[data-v-e2478664]{grid-area:descr;padding:5px;text-align:center;font-family:Roboto,sans-serif;font-weight:700;font-size:20px}.current-weather__precipitation[data-v-e2478664]{grid-area:precip;text-align:center;font-family:Roboto,sans-serif;font-size:12px}@media screen and (max-width:450px){.current-weather[data-v-e2478664]{grid-template-columns:1fr 1fr;grid-template-areas:"city city" "head head" "image temp " "image feel-like " "descr wind" ". pressure" "link link" "last-refr last-refr"}.current-weather__precipitation[data-v-e2478664]{display:none}}.hourly-forecast[data-v-d1f8bf4a]{padding:5px;width:100%;overflow-x:scroll}.data-table[data-v-d1f8bf4a]{border-collapse:collapse;border:2px solid #b2b2b2}.data-table__day-row[data-v-d1f8bf4a]{border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;border-left:2px solid #b2b2b2;text-align:left}.data-table__day[data-v-d1f8bf4a]{position:relative;display:inline-block;padding:4px 10px;font:12px Roboto,sans-serif;font-weight:600}.data-table__day[data-v-d1f8bf4a]:focus:after,.data-table__day[data-v-d1f8bf4a]:hover:after{content:attr(data-tooltip);position:absolute;border:1px solid #b2b2b2;border-radius:5px;background-color:var(--shadow-back-color,#fff);padding:2px 5px;font:12px Roboto,sans-serif;font-weight:700;z-index:1;opacity:1;white-space:nowrap;-webkit-box-shadow:0 2px 1px #bcbcbc;box-shadow:0 2px 1px #bcbcbc;top:22px}.data-table__headings-column[data-v-d1f8bf4a]{white-space:nowrap;text-align:right;border-right:2px solid #b2b2b2;background-color:var(--shadow-back-color,#f4f4f4)}.data-table__headings-column[data-v-d1f8bf4a],.data-table__time[data-v-d1f8bf4a]{font:12px Roboto,sans-serif;font-weight:700;padding:4px 10px}.data-table__feels-like[data-v-d1f8bf4a],.data-table__pressure[data-v-d1f8bf4a],.data-table__temperature[data-v-d1f8bf4a],.data-table__wind-gust-speed[data-v-d1f8bf4a],.data-table__wind-speed[data-v-d1f8bf4a]{padding:4px 10px;font:12px Roboto,sans-serif;text-align:center;border-top:1px solid #b2b2b2}.data-table__temperature[data-v-d1f8bf4a]{font-weight:700}.data-table__icon-image[data-v-d1f8bf4a]{width:32px;height:32px}.data-table__wind[data-v-d1f8bf4a]{position:relative;border-top:1px solid #b2b2b2;padding:6px}.data-table__wind[data-v-d1f8bf4a]:focus:after,.data-table__wind[data-v-d1f8bf4a]:hover:after{content:attr(data-tooltip);position:absolute;border:1px solid #b2b2b2;border-radius:5px;background-color:var(--shadow-back-color,#fff);padding:2px 5px;font:12px Roboto,sans-serif;font-weight:700;z-index:1;opacity:1;white-space:nowrap;-webkit-box-shadow:0 2px 1px #bcbcbc;box-shadow:0 2px 1px #bcbcbc;top:-20px}.data-table__wind-direction[data-v-d1f8bf4a]{margin:0 auto;width:17px;height:17px}.data-table__wind-direction-image[data-v-d1f8bf4a]{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.data-table .icon[data-tooltip][data-v-d1f8bf4a]{position:relative;padding:4px 10px;border-top:1px solid #b2b2b2}.data-table .icon[data-tooltip][data-v-d1f8bf4a]:focus:after,.data-table .icon[data-tooltip][data-v-d1f8bf4a]:hover:after{content:attr(data-tooltip);position:absolute;border:1px solid #b2b2b2;border-radius:5px;background-color:var(--shadow-back-color,#fff);padding:2px 5px;font:12px Roboto,sans-serif;font-weight:700;z-index:1;opacity:1;white-space:nowrap;-webkit-box-shadow:0 2px 1px #bcbcbc;box-shadow:0 2px 1px #bcbcbc;top:36px}.data-table .cell_left-border[data-v-d1f8bf4a]{border-left:2px solid #b2b2b2}.data-table .cell_shadow[data-v-d1f8bf4a]{background-color:var(--shadow-back-color,#f4f4f4)}.header{display:grid;grid-template-columns:90% 10%;width:100%;background-color:var(--additional-back-color,#8cceea)}.header__city{padding:5px;font-family:Oswald,sans-serif;font-size:16px}.header__theme-toggle{cursor:pointer;width:34px;padding:5px}.header__theme-toggle:hover{color:var(--text-hover-color)}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}#app{color:var(--main-text-color);background-color:var(--main-back-color);height:100vh;padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container{width:100%;max-width:960px}.weather-container__loading,.weather-container__no-pos{text-align:center}.theme-light{--main-text-color:#000;--text-hover-color:#3f3f3f;--shadow-text-color:#696969;--main-back-color:#fff;--additional-back-color:#87ceff;--shadow-back-color:#f4f4f4}.theme-dark{--main-text-color:#006400;--text-hover-color:#019701;--shadow-text-color:#115011;--main-back-color:#222;--additional-back-color:#222;--shadow-back-color:#000}