[data-v-a5893167]:root{--color-background-dark: #0d1117;--color-background-light: #ffffff;--color-background-default: var(--color-background-light);--forecastCard-background-dark: #2e3035;--forecastCard-background-light: rgba(71, 147, 255, .2);--forecastCard-background-default: var(--forecastCard-background-light);--mainComponent-background-dark: #4f4f4f;--mainComponent-background-light: #ffffff;--mainComponent-background-default: var(--mainComponent-background-light);--text-color-dark: #ffffff;--text-color-light: #0d1117;--text-color-default: var(--text-color-light)}.dropdownListItem[data-v-a5893167]{cursor:pointer;color:var(--color-text-default);transition:background-color .2s ease;padding-block:10px}.dropdownListItem[data-v-a5893167]:hover{background-color:#ffffff1a}.dropdownListItem[data-v-a5893167]:active{background-color:#fff3}[data-v-9bc88ce7]:root{--color-background-dark: #0d1117;--color-background-light: #ffffff;--color-background-default: var(--color-background-light);--forecastCard-background-dark: #2e3035;--forecastCard-background-light: rgba(71, 147, 255, .2);--forecastCard-background-default: var(--forecastCard-background-light);--mainComponent-background-dark: #4f4f4f;--mainComponent-background-light: #ffffff;--mainComponent-background-default: var(--mainComponent-background-light);--text-color-dark: #ffffff;--text-color-light: #0d1117;--text-color-default: var(--text-color-light)}.dropdownList[data-v-9bc88ce7]{max-height:200px;padding-inline:0;text-align:center;position:absolute;top:130%;width:100%;z-index:10;list-style:none;background-color:var(--forecastCard-background-default);border-radius:0 0 10px 10px;overflow:scroll}[data-v-bfaa16e6]:root{--color-background-dark: #0d1117;--color-background-light: #ffffff;--color-background-default: var(--color-background-light);--forecastCard-background-dark: #2e3035;--forecastCard-background-light: rgba(71, 147, 255, .2);--forecastCard-background-default: var(--forecastCard-background-light);--mainComponent-background-dark: #4f4f4f;--mainComponent-background-light: #ffffff;--mainComponent-background-default: var(--mainComponent-background-light);--text-color-dark: #ffffff;--text-color-light: #0d1117;--text-color-default: var(--text-color-light)}.headerDropdown[data-v-bfaa16e6]{display:flex;align-items:center}.headerDropdown .icon[data-v-bfaa16e6]{margin-right:20px;cursor:pointer}.headerDropdown .customDropdown[data-v-bfaa16e6]{position:relative;min-width:194px}.headerDropdown .customDropdown .dropdown[data-v-bfaa16e6]{padding:10px 15px;display:flex;justify-content:center;align-items:center;background-color:var(--forecastCard-background-default);color:var(--color-text-default);border-radius:10px;font-size:16px;cursor:pointer}.headerDropdown .customDropdown .arrowIcon[data-v-bfaa16e6]{width:13px;height:13px;pointer-events:none;margin-left:12px;transition:transform .3s ease;color:var(--color-text-default)}.headerDropdown .customDropdown .arrowIcon.dropdownOpen[data-v-bfaa16e6]{transform:rotate(180deg)}[data-v-0e839d1d]:root{--color-background-dark: #0d1117;--color-background-light: #ffffff;--color-background-default: var(--color-background-light);--forecastCard-background-dark: #2e3035;--forecastCard-background-light: rgba(71, 147, 255, .2);--forecastCard-background-default: var(--forecastCard-background-light);--mainComponent-background-dark: #4f4f4f;--mainComponent-background-light: #ffffff;--mainComponent-background-default: var(--mainComponent-background-light);--text-color-dark: #ffffff;--text-color-light: #0d1117;--text-color-default: var(--text-color-light)}.headerTitle[data-v-0e839d1d]{display:flex;align-items:center}.headerTitle .title[data-v-0e839d1d]{color:#4793ff;margin-left:20px;font-size:25px;font-weight:700;line-height:1}.header[data-v-3baf0cf4]{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;padding-top:20px}[data-v-7f6d1300]:root{--color-background-dark: #0d1117;--color-background-light: #ffffff;--color-background-default: var(--color-background-light);--forecastCard-background-dark: #2e3035;--forecastCard-background-light: rgba(71, 147, 255, .2);--forecastCard-background-default: var(--forecastCard-background-light);--mainComponent-background-dark: #4f4f4f;--mainComponent-background-light: #ffffff;--mainComponent-background-default: var(--mainComponent-background-light);--text-color-dark: #ffffff;--text-color-light: #0d1117;--text-color-default: var(--text-color-light)}.weatherLoader[data-v-7f6d1300]{position:relative;width:112px;height:96px;display:flex;align-items:center;justify-content:center}.sky[data-v-7f6d1300]{width:86px;height:72px;position:relative}.sun[data-v-7f6d1300]{position:absolute;top:0;right:5px;width:32px;height:32px;border-radius:50%;background:#ffcc4d;box-shadow:0 0 0 7px #ffcc4d33;animation:sunPulse-7f6d1300 1.8s ease-in-out infinite}.sun[data-v-7f6d1300]:before,.sun[data-v-7f6d1300]:after{content:"";position:absolute;inset:-9px;border-radius:inherit;border:2px solid #ffcc4d;opacity:.28}.sun[data-v-7f6d1300]:after{inset:-16px;opacity:.14}.cloud[data-v-7f6d1300]{position:absolute;left:1px;top:23px;width:68px;height:34px;animation:cloudFloat-7f6d1300 1.7s ease-in-out infinite}.cloudPart[data-v-7f6d1300],.cloudBase[data-v-7f6d1300]{position:absolute;display:block;background:var(--mainComponent-background-default);border:2px solid #4793ff;box-shadow:0 8px 18px #4793ff26}.cloudPart[data-v-7f6d1300]{border-radius:50%}.cloudPartLeft[data-v-7f6d1300]{left:5px;bottom:7px;width:25px;height:25px}.cloudPartCenter[data-v-7f6d1300]{left:21px;bottom:12px;width:33px;height:33px}.cloudPartRight[data-v-7f6d1300]{right:4px;bottom:8px;width:24px;height:24px}.cloudBase[data-v-7f6d1300]{left:3px;right:2px;bottom:0;height:20px;border-radius:14px}.rain[data-v-7f6d1300]{position:absolute;left:17px;right:22px;top:57px;display:flex;justify-content:space-between}.rain span[data-v-7f6d1300]{width:4px;height:14px;border-radius:999px;background-color:#4793ff;animation:rainDrop-7f6d1300 1s ease-in infinite}.rain span[data-v-7f6d1300]:nth-child(2){animation-delay:.16s}.rain span[data-v-7f6d1300]:nth-child(3){animation-delay:.32s}.visuallyHidden[data-v-7f6d1300]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes sunPulse-7f6d1300{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}@keyframes cloudFloat-7f6d1300{0%,to{transform:translate(0)}50%{transform:translate(6px)}}@keyframes rainDrop-7f6d1300{0%{transform:translateY(-3px);opacity:0}35%{opacity:1}to{transform:translateY(13px);opacity:0}}[data-v-383ce5c1]:root{--color-background-dark: #0d1117;--color-background-light: #ffffff;--color-background-default: var(--color-background-light);--forecastCard-background-dark: #2e3035;--forecastCard-background-light: rgba(71, 147, 255, .2);--forecastCard-background-default: var(--forecastCard-background-light);--mainComponent-background-dark: #4f4f4f;--mainComponent-background-light: #ffffff;--mainComponent-background-default: var(--mainComponent-background-light);--text-color-dark: #ffffff;--text-color-light: #0d1117;--text-color-default: var(--text-color-light)}.mainBanner[data-v-383ce5c1]{box-shadow:2px 5px 25px -3px #b4b4b440;color:var(--color-text-default);background-color:var(--mainComponent-background-default);border-radius:20px;min-width:400px;height:300px;padding:20px;margin-right:50px}.mainBanner .temperatureToday[data-v-383ce5c1]{display:flex;align-items:center;justify-content:space-between;margin-bottom:31px}.mainBanner .temperatureToday .temperatureAndDate .temperature[data-v-383ce5c1]{font-size:96px;font-weight:500;color:#4793ff}.mainBanner .temperatureToday .temperatureAndDate .temperatureLoader[data-v-383ce5c1]{width:119px;height:112px;margin-bottom:4px}.mainBanner .temperatureToday .temperatureAndDate .date[data-v-383ce5c1]{font-size:40px}.mainBanner .timeAndCity[data-v-383ce5c1]{font-size:25px;font-weight:400;color:#939cb0}.mainBanner .timeAndCity .time[data-v-383ce5c1]{margin-bottom:14px}[data-v-bbe54a5d]:root{--color-background-dark: #0d1117;--color-background-light: #ffffff;--color-background-default: var(--color-background-light);--forecastCard-background-dark: #2e3035;--forecastCard-background-light: rgba(71, 147, 255, .2);--forecastCard-background-default: var(--forecastCard-background-light);--mainComponent-background-dark: #4f4f4f;--mainComponent-background-light: #ffffff;--mainComponent-background-default: var(--mainComponent-background-light);--text-color-dark: #ffffff;--text-color-light: #0d1117;--text-color-default: var(--text-color-light)}.descriptionOfWeatherItem[data-v-bbe54a5d]{display:flex;align-items:center;font-size:14px;font-weight:400;z-index:1000;padding-bottom:24px}.descriptionOfWeatherItem .iconWrapper[data-v-bbe54a5d]{margin-right:20px;box-shadow:2px 5px 25px -3px #b4b4b440;background-color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.descriptionOfWeatherItem .viewOfWeather[data-v-bbe54a5d]{color:#939cb0;width:96px;flex-shrink:0;margin-right:20px}.descriptionOfWeatherItem .descriptionOfWeather[data-v-bbe54a5d]{color:var(--color-text-default);z-index:5000}[data-v-42d013be]:root{--color-background-dark: #0d1117;--color-background-light: #ffffff;--color-background-default: var(--color-background-light);--forecastCard-background-dark: #2e3035;--forecastCard-background-light: rgba(71, 147, 255, .2);--forecastCard-background-default: var(--forecastCard-background-light);--mainComponent-background-dark: #4f4f4f;--mainComponent-background-light: #ffffff;--mainComponent-background-default: var(--mainComponent-background-light);--text-color-dark: #ffffff;--text-color-light: #0d1117;--text-color-default: var(--text-color-light)}.secondaryBanner[data-v-42d013be]{background-color:var(--mainComponent-background-default);box-shadow:2px 5px 25px -3px #b4b4b440;width:100%;height:300px;border-radius:20px;display:flex;padding:42px 0 41px 31px;position:relative;top:0%;overflow:hidden}.secondaryBanner .cloudImage[data-v-42d013be]{position:absolute;top:0%;right:0%}[data-v-bcfa8231]:root{--color-background-dark: #0d1117;--color-background-light: #ffffff;--color-background-default: var(--color-background-light);--forecastCard-background-dark: #2e3035;--forecastCard-background-light: rgba(71, 147, 255, .2);--forecastCard-background-default: var(--forecastCard-background-light);--mainComponent-background-dark: #4f4f4f;--mainComponent-background-light: #ffffff;--mainComponent-background-default: var(--mainComponent-background-light);--text-color-dark: #ffffff;--text-color-light: #0d1117;--text-color-default: var(--text-color-light)}.todayWeather[data-v-bcfa8231]{margin:30px 0 50px;display:flex}[data-v-4b8c38de]:root{--color-background-dark: #0d1117;--color-background-light: #ffffff;--color-background-default: var(--color-background-light);--forecastCard-background-dark: #2e3035;--forecastCard-background-light: rgba(71, 147, 255, .2);--forecastCard-background-default: var(--forecastCard-background-light);--mainComponent-background-dark: #4f4f4f;--mainComponent-background-light: #ffffff;--mainComponent-background-default: var(--mainComponent-background-light);--text-color-dark: #ffffff;--text-color-light: #0d1117;--text-color-default: var(--text-color-light)}.button[data-v-4b8c38de]{min-width:142px;font-size:18px;font-weight:400;box-shadow:2px 5px 25px -3px #b4b4b440;height:35px;background-color:var(--mainComponent-background-default);color:var(--text-color-default);border-radius:5px;border:none;cursor:pointer;transition:.3s}.button.active[data-v-4b8c38de]{background-color:#4793ff;color:#fff}[data-v-2f1c6343]:root{--color-background-dark: #0d1117;--color-background-light: #ffffff;--color-background-default: var(--color-background-light);--forecastCard-background-dark: #2e3035;--forecastCard-background-light: rgba(71, 147, 255, .2);--forecastCard-background-default: var(--forecastCard-background-light);--mainComponent-background-dark: #4f4f4f;--mainComponent-background-light: #ffffff;--mainComponent-background-default: var(--mainComponent-background-light);--text-color-dark: #ffffff;--text-color-light: #0d1117;--text-color-default: var(--text-color-light)}.forecastCard[data-v-2f1c6343]{background-color:var(--forecastCard-background-default);flex:0 0 calc((100% - 120px) / 7);height:215px;min-width:120px;border-radius:10px;padding:11px 0 13px 11px}.forecastCard .dayOfWeek[data-v-2f1c6343]{font-size:18px;font-weight:500;margin-bottom:7px}.forecastCard .temperature[data-v-2f1c6343]{font-size:18px;font-weight:500;margin:8px 0 3px}.forecastCard .date[data-v-2f1c6343],.forecastCard .futureTemperature[data-v-2f1c6343],.forecastCard .weatherDescription[data-v-2f1c6343]{color:#939cb0;font-weight:400}.forecastCard .date[data-v-2f1c6343]{font-size:14px;margin-bottom:12px}.forecastCard .futureTemperature[data-v-2f1c6343]{font-size:13px;margin-bottom:6px}.forecastCard .weatherDescription[data-v-2f1c6343]{font-size:13px}[data-v-7eeb3b3a]:root{--color-background-dark: #0d1117;--color-background-light: #ffffff;--color-background-default: var(--color-background-light);--forecastCard-background-dark: #2e3035;--forecastCard-background-light: rgba(71, 147, 255, .2);--forecastCard-background-default: var(--forecastCard-background-light);--mainComponent-background-dark: #4f4f4f;--mainComponent-background-light: #ffffff;--mainComponent-background-default: var(--mainComponent-background-light);--text-color-dark: #ffffff;--text-color-light: #0d1117;--text-color-default: var(--text-color-light)}.btnsBlock[data-v-7eeb3b3a]{display:flex;align-items:center;justify-content:space-between}.btnsBlock .firstBtnsBlock[data-v-7eeb3b3a]{display:flex;gap:15px}.forecastBlock[data-v-7eeb3b3a]{padding:20px 18px 20px 19px;width:100%;min-height:240px;background-color:var(--mainComponent-background-default);border-radius:0 0 20px 20px;box-shadow:2px 5px 25px -3px #b4b4b440;margin-top:7px;display:flex;align-items:center;justify-content:center;overflow:hidden}.forecastCards[data-v-7eeb3b3a]{width:100%;display:flex;flex-wrap:wrap;gap:20px}.forecastMessage[data-v-7eeb3b3a]{color:#939cb0;font-size:18px}[data-v-c7244420]:root{--color-background-dark: #0d1117;--color-background-light: #ffffff;--color-background-default: var(--color-background-light);--forecastCard-background-dark: #2e3035;--forecastCard-background-light: rgba(71, 147, 255, .2);--forecastCard-background-default: var(--forecastCard-background-light);--mainComponent-background-dark: #4f4f4f;--mainComponent-background-light: #ffffff;--mainComponent-background-default: var(--mainComponent-background-light);--text-color-dark: #ffffff;--text-color-light: #0d1117;--text-color-default: var(--text-color-light)}.main[data-v-c7244420]{flex:1}[data-v-7caff61c]:root{--color-background-dark: #0d1117;--color-background-light: #ffffff;--color-background-default: var(--color-background-light);--forecastCard-background-dark: #2e3035;--forecastCard-background-light: rgba(71, 147, 255, .2);--forecastCard-background-default: var(--forecastCard-background-light);--mainComponent-background-dark: #4f4f4f;--mainComponent-background-light: #ffffff;--mainComponent-background-default: var(--mainComponent-background-light);--text-color-dark: #ffffff;--text-color-light: #0d1117;--text-color-default: var(--text-color-light)}.footer[data-v-7caff61c]{padding-bottom:153px}.container[data-v-2d2c80a0]{min-height:100vh;display:flex;flex-direction:column;padding-inline:145px}:root{--color-background-dark: #0d1117;--color-background-light: #ffffff;--color-background-default: var(--color-background-light);--forecastCard-background-dark: #2e3035;--forecastCard-background-light: rgba(71, 147, 255, .2);--forecastCard-background-default: var(--forecastCard-background-light);--mainComponent-background-dark: #4f4f4f;--mainComponent-background-light: #ffffff;--mainComponent-background-default: var(--mainComponent-background-light);--text-color-dark: #ffffff;--text-color-light: #0d1117;--text-color-default: var(--text-color-light)}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;text-decoration:underline;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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-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}template{display:none}[hidden]{display:none}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(/WeatherApp/fonts/Montserrat-Light.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/WeatherApp/fonts/Montserrat-Regular.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(/WeatherApp/fonts/Montserrat-Medium.woff2) format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/WeatherApp/fonts/Montserrat-Bold.woff2) format("woff2")}*,html{padding:0;margin:0;box-sizing:border-box}body{background-color:var(--color-background-default);font-family:Montserrat,system-ui,-apple-system,sans-serif;color:var(--text-color-default);transition:.3s ease-in-out;color:.3s ease}