@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;600;700&display=swap";@font-face{font-family:moonFont;src:url(/assets/font/MoonPhases-Regular.woff)format("woff")}:root{--daily-bg:#3883b2;--creamy:#f6ecdb;--daily5hour3-bg:#4a8880;--moonphases-bg:#70739c;--wind-bg:#5a7d8c;--date-color:#0b5356;--val-color:#6f3262;--night-bg:#1b62af;--day-bg:#f5b834;--marker-red:#f37e72;--air-name-color:#134438;--forecast-daily-col-width:84px}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Rajdhani,sans-serif;overflow-x:hidden}#app{width:100%}.weather-app{flex-flow:wrap;display:flex}.weather-app .mea{font-size:50%}.weather-error{color:#f6ecdb;text-align:center;background:#c03;width:100%;margin:0;padding:12px 16px}.button-storage{flex-direction:row;align-items:stretch;width:100%;display:flex}.button-refresh{background:#9badb2;border:none}.button{text-align:center;color:#f6ecdb;cursor:pointer;-webkit-user-select:none;user-select:none;flex-grow:0;min-width:120px;padding:10px;font-family:inherit;font-size:16px}.button:disabled{opacity:.7;cursor:wait}.button__text{position:relative;top:50%;transform:translateY(-50%)}.button:hover:not(:disabled){background:#58978e}.app-main{width:100%;margin:0;padding:0}.app-grid{grid-template:"current""airpollution""moonphases""wind""appdaily16_title""daily16""appdaysper3hour_title""days5hours3"/100%;width:100%;display:grid}@media screen and (width>=1250px){.app-grid{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"current airpollution moonphases wind""appdaily16_title appdaily16_title appdaily16_title appdaily16_title""daily16 daily16 daily16 daily16""appdaysper3hour_title appdaysper3hour_title appdaysper3hour_title appdaysper3hour_title""days5hours3 days5hours3 days5hours3 days5hours3"}}.app-currentweather{grid-area:current}.app-airdata{grid-area:airpollution;min-height:280px}.app-moonphases{background:var(--moonphases-bg);grid-area:moonphases;padding:50px}.app-moonphases .moon_title{padding-top:0}.app-moonphases .moonvalue{color:#32315f;font-size:20px}.app-moonphases .moonvalue .font1{color:var(--creamy);white-space:nowrap;font-size:20px}.app-moonphases .moonphase{text-align:center;width:100%;color:var(--creamy);font-family:moonFont,serif;font-size:clamp(120px,20vw,200px);line-height:1}.app-wind{background:var(--wind-bg);text-align:center;flex-direction:column;grid-area:wind;justify-content:center;align-items:center;width:100%;min-height:280px;padding:50px;display:flex}.app-wind .wind-panel__title{margin-bottom:12px;padding-top:0}.app-wind .wind-panel__loading{color:var(--creamy);font-size:18px}.app-wind .wind-panel__visual{margin:8px 0 16px}.app-wind .wind-panel__icon{width:clamp(80px,18vw,140px);margin:0 auto;transition:transform .4s;display:block}.app-wind .wind-panel__speed{color:var(--creamy);font-size:clamp(48px,10vw,72px);font-weight:700;line-height:1}.app-wind .wind-panel__unit{font-size:40%;font-weight:600}.app-wind .wind-panel__direction{color:var(--creamy);flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-top:12px;font-size:22px;font-weight:600;display:flex}.app-wind .wind-panel__compass{opacity:.9;letter-spacing:.06em}.app-daily16_title{grid-area:appdaily16_title}.app-daysper3hour_title{grid-area:appdaysper3hour_title}.flexMaxData{flex-flow:wrap;justify-content:space-around;gap:8px;display:flex}.maxvalues .label{color:var(--creamy)}.maxvalues .value{color:var(--val-color);margin-left:.35em;font-weight:600}.app-airdata .airdata-container{text-align:left;color:var(--creamy);min-height:100%;padding:50px;font-size:20px}.app-airdata .airdata-container .air-title{text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;font-size:20px;display:block}.app-airdata .airdata-container .airquality{font-size:60px;font-weight:700;line-height:1}.app-airdata .airdata-container .airquality-scale{margin-top:4px;font-size:24px;font-weight:600;line-height:1.2;display:block}.app-airdata .airdata-container .airpollutionvalue{margin-top:10px;line-height:1.35;display:block}.app-airdata .airdata-container .airpollutionvalue--aqi{margin-top:0;margin-bottom:8px}.app-airdata .aqi-scale{margin-bottom:20px;padding-top:12px;position:relative}.app-airdata .aqi-scale__track{background:linear-gradient(90deg,#096 0%,#4db87a 10%,#fec71e 22%,#f5a050 38%,#f3764c 48%,#e04545 58%,#c03 68%,#936 82%,#7e0023 100%);border-radius:3px;height:14px;box-shadow:inset 0 0 0 1px #00000026}.app-airdata .aqi-scale__marker{filter:drop-shadow(0 1px 2px #00000059);border-top:11px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;margin-left:-8px;position:absolute;top:0}.app-airdata .aqi-scale__labels{color:var(--creamy);opacity:.75;justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.app-airdata .airdata-container .airpollutionvalue .font1{min-width:9.5em;color:var(--creamy);opacity:.85;display:inline-block}.app-airdata .airdata-container .airpollutionvalue .value{color:var(--creamy);font-weight:600}.section-title{text-align:center;color:#f6ecdb;text-transform:uppercase;padding:15px 0;font-size:30px}.maxvalues{font-size:25px}.section-title.app-daily16_title{background:var(--daily-bg)}.section-title.app-daysper3hour_title{background:var(--daily5hour3-bg)}.current{white-space:nowrap;background:#907b66;flex-direction:column;justify-content:center;width:100%;min-height:100%;padding:20px 0;display:flex;position:relative}.current .current-temp{text-align:center;color:#f37e72;font-size:70px}.current .current-place,.current .current-description{text-align:center;color:#f6ecdb;text-transform:uppercase;font-size:20px}.current .current-icon{width:150px;height:auto;margin:auto;display:block}.current .current-minmax{text-align:center;font-size:30px}.current .current-maxtemp{color:#f37e72;margin-left:.35em}.current .current-mintemp{color:#56c9ed}.current .current-subvalues{flex-direction:row;justify-content:space-around;margin-top:20px;font-size:50px;display:flex}.current .icon-prep{font-size:15px;display:inline}.current .current-subvalues__icon{width:30px;height:auto;margin:auto;display:block}.current .current-subvalues__clouds,.current .current-subvalues__rain,.current .current-subvalues__wind{text-align:center;color:#f6ecdb;flex-direction:column;justify-content:center;display:flex}.current-subvalues-text{color:#f6ecdb;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:8px 20px;padding:20px;font-size:16px;display:flex}.current-subvalues-text .current-name{color:#41311f;margin-right:6px}.current-sun{background:var(--day-bg);width:100%;height:30px;margin-top:30px;position:relative;overflow:hidden}.current-sun .section-1,.current-sun .section-2{background:var(--night-bg);height:30px;position:absolute;top:0}.current-sun .section-1{left:0}.current-sun .section-2{left:auto;right:0}.current-sun .mark-current-sun{position:absolute;top:5px}.current-sun .current-sun-icon{width:20px;margin-left:calc(2px - 50%)}.app-daily16{background:var(--daily-bg);flex-flow:row;grid-area:daily16;width:100%;display:flex;overflow-x:auto}.app-daysper3hour{background:var(--daily5hour3-bg);flex-direction:row;grid-area:days5hours3;padding:10px 0;display:flex;overflow-x:auto}.daily16__date,.daysper3hour_data__date{text-align:center;color:var(--date-color);margin-bottom:6px;font-size:16px;font-weight:700;line-height:1.2}.forecast__icon,.app-daysper3hour__icon{object-fit:contain;flex-shrink:0;width:56px;max-width:56px;height:56px;margin:0 auto 6px;display:block}.daily16-wrapper{flex:0 0 var(--forecast-daily-col-width);width:var(--forecast-daily-col-width);min-width:var(--forecast-daily-col-width);max-width:var(--forecast-daily-col-width);overflow:hidden}.daily5hours3-wrapper{flex:none;min-width:50px;overflow:hidden}@media screen and (width>=1250px){.app-daily16{overflow-x:hidden}.daily16-wrapper{width:auto;min-width:var(--forecast-daily-col-width);flex:1 1 0;max-width:none}}.daily16__element,.hourly__element{flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;min-height:360px;padding-top:10px;display:flex}.forecast-bars{grid-template-rows:var(--bars-up,200px) 3px var(--bars-down,120px);flex-shrink:0;width:100%;display:grid}.forecast-baseline{background:#f6ecdb;grid-row:2;width:100%;height:3px}.tempindicators{flex-direction:column;grid-row:1;justify-content:flex-end;align-items:stretch;width:100%;min-height:0;display:flex;overflow:hidden}.cloudindicators{flex-direction:column;grid-row:3;justify-content:flex-start;align-items:stretch;width:100%;min-height:0;display:flex;overflow:hidden}.temp-stack,.cloud-stack{flex-direction:column;flex-shrink:0;width:100%;display:flex}.temp-stack{flex-direction:column-reverse}.tempmax-indicator,.tempmin-indicator,.cloud-indicator,.rain-indicator{box-sizing:border-box;text-align:center;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.forecast-bar-value{white-space:nowrap;font-size:16px;font-weight:600;line-height:1.1}.forecast-bar-value span{font-size:inherit;line-height:inherit}.tempmax-indicator,.tempmin-indicator{color:#f6ecdb;background-color:rgb(max(0, min(255, calc(var(--temp) * 6 + max(0, calc((var(--temp) - 25) * 8)))) - max(0, calc((var(--temp) - 30) * 5))), 0, max(0, min(255, calc(255 - var(--temp) * 4 - max(0, calc((var(--temp) - 25) * 10)))) - max(0, calc((var(--temp) - 30) * 15))))}.cloud-indicator,.rain-indicator{color:var(--creamy);padding-top:3px}.cloud-indicator{background-color:hsl(203, 0%, calc(100% - var(--cloud) * 1%))}.rain-indicator{background-color:hsl(230, calc(var(--rain) * 1%), 50%)}.wind-indicator{text-align:center;width:100%;margin-top:auto;padding:10px 0;line-height:1.2}.wind-indicator .wind__icon{width:28px;margin:auto;display:block}.wind-indicator .windspeed-data{text-align:center;color:#f6ecdb}.description{color:var(--creamy);text-align:center;white-space:normal;text-transform:uppercase;padding:0 4px 10px;font-size:12px}.pac-container{z-index:10000}.app-maps{width:100%;color:var(--creamy);background:#1c3040}.app-maps__header{text-transform:uppercase;letter-spacing:.04em;padding:12px 16px 8px;font-size:14px}.app-maps__title{font-weight:700}.app-maps__place{opacity:.85;text-transform:none;font-weight:400}.app-maps__grid{background:#0a1219;grid-template-columns:1fr;gap:2px;display:grid}.app-maps__grid--live{margin-top:2px}@media (width>=960px){.app-maps__grid--windy,.app-maps__grid--live{grid-template-columns:repeat(2,1fr)}}@media (width>=1280px){.app-maps__grid--windy{grid-template-columns:repeat(4,1fr)}}.app-map-panel{color:var(--creamy);background:#1c3040;min-width:0}.app-map-panel__header{text-transform:uppercase;letter-spacing:.04em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:10px 14px 6px;font-size:12px;display:flex}.app-map-panel__controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.app-map-panel__chip{color:var(--creamy);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:#0003;border:1px solid #f6ecdb59;padding:4px 8px;font-family:inherit;font-size:10px;font-weight:600}.app-map-panel__chip:hover:not(:disabled){background:#f6ecdb1f}.app-map-panel__chip--active{background:var(--creamy);border-color:var(--creamy);color:#1c3040}.app-map-panel__chip:disabled{cursor:default;opacity:.45}.app-map-panel__time{letter-spacing:.04em;opacity:.8;text-transform:none;font-size:10px;font-weight:600}.app-map-panel__title{font-weight:700}.app-map-panel__frame{background:#0f1c28;width:100%;min-height:320px;position:relative}.app-map-panel__map,.app-map-panel__embed{border:0;width:100%;height:320px;display:block}.app-map-panel__loading{text-align:center;color:var(--creamy);opacity:.85;justify-content:center;align-items:center;margin:0;display:flex;position:absolute;inset:0}.app-map-panel__credits{color:var(--creamy);opacity:.55;text-align:right;padding:6px 14px 10px;font-size:10px;display:block}.app-map-panel__credits a{color:inherit;text-decoration:none}.app-map-panel__credits a:hover{opacity:.85}.location-search[data-v-f6d120e8]{flex:1;min-width:200px;position:relative}.location-search__row[data-v-f6d120e8]{align-items:stretch;width:100%;min-height:42px;display:flex}.location-search__input[data-v-f6d120e8]{box-sizing:border-box;color:#333;background:#f6ecdb;border:none;flex:1;min-width:0;height:auto;min-height:42px;padding:10px 14px;font-family:inherit;font-size:16px}.location-search__input[data-v-f6d120e8]:focus{outline-offset:-2px;outline:2px solid #58978e}.location-search__geo[data-v-f6d120e8]{color:#f6ecdb;cursor:pointer;background:#58978e;border:none;flex-shrink:0;width:44px;padding:0}.location-search__geo[data-v-f6d120e8]:hover:not(:disabled){background:#4a8880}.location-search__geo[data-v-f6d120e8]:disabled{opacity:.7;cursor:wait}.location-search__geo-icon[data-v-f6d120e8]{width:22px;height:22px;margin:auto;display:block}.location-search__list[data-v-f6d120e8]{z-index:20;background:#f6ecdb;border:1px solid #9badb2;max-height:240px;margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.location-search__item[data-v-f6d120e8]{cursor:pointer;color:#333;padding:10px 14px}.location-search__item[data-v-f6d120e8]:hover{color:#f6ecdb;background:#58978e}.air-panel[data-v-c0a30c71]{min-height:100%}.air-error[data-v-c0a30c71]{color:#f6ecdb;text-align:center;padding:50px;font-size:18px}