@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Manrope:wght@200..800&family=Rubik:ital,wght@0,300..900;1,300..900&family=Story+Script&display=swap";@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Manrope:wght@200..800&family=Rubik:ital,wght@0,300..900;1,300..900&family=Story+Script&display=swap";:root{--Neutral900:#03012d;--Neutral800:#272541;--Neutral700:#312f4b;--Neutral600:#3d3b5e;--Neutral300:#aeaeb7;--Neutral200:#d5d4d9;--Neutral0:#fff;--Orange500:#ff7c0a;--Blue500:#4455da;--Blue700:#2d1c9c;--fontSize:18px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--Neutral900);font-size:var(--fontSize);color:var(--Neutral0);font-family:DM Sans,sans-serif}.units[data-v-fa7491c4]{background-color:var(--Neutral600);color:var(--Neutral0);border:none;border-radius:.4rem;align-items:center;gap:.4rem;padding:.5rem .8rem;font-size:.9rem;display:flex}.units[data-v-fa7491c4]:focus{border:.4rem solid var(--Neutral0)}.units[data-v-fa7491c4]:hover{cursor:pointer}.switchToImperial[data-v-fa7491c4]{border:.4rem solid var(--Neutral0)}.container[data-v-fa7491c4]{position:relative}.menu[data-v-fa7491c4]{background-color:var(--Neutral800);z-index:100;border-radius:.4rem;flex-direction:column;width:15rem;padding:.5rem;display:flex;position:absolute;top:130%;right:.1rem}.option[data-v-fa7491c4]{color:var(--Neutral200);background-color:var(--Neutral800);text-align:left;border:none;border-radius:.4rem;justify-content:space-between;align-items:center;padding:.5rem .3rem;font-size:1rem;display:flex}.option[data-v-fa7491c4]:hover{background-color:var(--Neutral700);cursor:pointer}.title[data-v-fa7491c4]{color:var(--Neutral300);padding:.4rem .3rem;font-size:1rem}.unit-option[data-v-fa7491c4]{align-items:left;flex-direction:column;display:flex}.divider[data-v-fa7491c4]{background-color:var(--Neutral600);width:100%;height:.05rem;margin:.2rem 0}.check[data-v-fa7491c4]{background-color:var(--Neutral700)}.isHidden[data-v-fa7491c4]{display:none}.search-container[data-v-7d862555]{flex-direction:column;gap:.8rem;display:flex}.searchField[data-v-7d862555]{background-color:var(--Neutral700);border-radius:.4rem;align-items:center;gap:.8rem;display:flex;position:relative}.searchIcon[data-v-7d862555]{position:absolute;left:1.1rem}.field[data-v-7d862555]{background-color:var(--Neutral700);width:100%;color:var(--Neutral200);border:none;border-radius:.8rem;padding:.8rem 0 .8rem 3rem;font-size:1.1rem}.field[data-v-7d862555]:focus{outline:1px solid var(--Neutral0)}.searchButton[data-v-7d862555]{background-color:var(--Blue500);color:var(--Neutral0);border:none;border-radius:.3rem;padding:.8rem;font-size:1rem}.searchButton[data-v-7d862555]:hover{cursor:pointer}.cityList-container[data-v-7d862555]{color:#fff;background-color:var(--Neutral700);border:1px solid var(--Neutral600);width:100%;box-shadow:0 2rem 4rem var(--Neutral600);border-radius:.4rem;flex-direction:column;padding:.4rem;display:flex;position:absolute;top:120%}.cityItem[data-v-7d862555]{background-color:var(--Neutral700);color:var(--Neutral0);text-align:left;border:none;border-radius:.4rem;width:100%;padding:.2rem .4rem;font-size:1.1rem}.cityItem[data-v-7d862555]:hover{background-color:var(--Neutral600);cursor:pointer}.searchButton[data-v-7d862555]:focus{border:3px double #000}@media (width>=600px){.search-container[data-v-7d862555]{flex-direction:row;justify-content:center}.searchField[data-v-7d862555]{border-radius:.8rem;width:30rem}}.seatherState[data-v-e2148cd6]{color:var(--Neutral0);flex-direction:column;align-items:center;margin:2rem 0;display:flex}.template[data-v-e2148cd6]{background-color:var(--Neutral700);border-radius:1.2rem;width:22rem;height:18rem}.panel[data-v-e2148cd6]{flex-wrap:wrap;justify-content:space-between;width:22rem;height:16rem;display:flex}.panelItem[data-v-e2148cd6]{border:1px solid var(--Neutral600);background-color:var(--Neutral700);border-radius:1.2rem;flex-direction:column;justify-content:space-between;width:10.7rem;height:7.7rem;margin-top:.8rem;padding:1rem;display:flex}.loading[data-v-e2148cd6]{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.loading>p[data-v-e2148cd6]{color:var(--Neutral0)}.loadingIcon[data-v-e2148cd6]{justify-content:center;align-items:center;gap:.5rem;width:10rem;height:2rem;display:flex}.item[data-v-e2148cd6]{background-color:var(--Neutral0);border-radius:50%;width:1rem;height:1rem}.middleItem[data-v-e2148cd6]{align-self:start}.panelItem .panelTitle[data-v-e2148cd6]{color:var(--Neutral200);font-size:1rem}.panelItem .panelText[data-v-e2148cd6]{font-size:2.2rem;font-weight:200}.current[data-v-e2148cd6]{background-image:url(/weatherApp/assets/bg-today-small-DEQrvfY6.svg);background-size:cover;flex-direction:column;align-items:center;gap:1rem;width:22rem;height:18rem;padding:2.5rem 3rem;display:flex}.current .currentCityDate[data-v-e2148cd6]{flex-direction:column;align-items:center;display:flex}.current>.temperature[data-v-e2148cd6]{align-items:center;width:100%;font-size:4.5rem;display:flex}.weatherIcon[data-v-e2148cd6]{width:7rem}.city[data-v-e2148cd6]{text-align:center;width:21rem;font-weight:700;container-type:inline-size}.city-text[data-v-e2148cd6]{font-size:clamp(.8rem,9cqi,2rem)}.date[data-v-e2148cd6]{color:var(--Neutral200)}@media (width>=1200px){.current[data-v-e2148cd6]{background-image:url(/weatherApp/assets/bg-today-large-CqYszFxp.svg);flex-direction:row;justify-content:space-between;width:100%}.current .currentCityDate[data-v-e2148cd6]{flex-direction:column;align-items:flex-start;display:flex}.city[data-v-e2148cd6]{text-align:left}.panel[data-v-e2148cd6]{flex-wrap:nowrap;gap:1rem;width:100%;height:auto}.panelItem[data-v-e2148cd6]{height:6rem}.template[data-v-e2148cd6]{width:100%}.seatherState[data-v-e2148cd6]{margin:0}.current>.temperature[data-v-e2148cd6]{justify-content:flex-end}.panelItem .panelText[data-v-e2148cd6]{font-size:1.5rem;font-weight:200}}.dailyForecast[data-v-3fc2b4d7]{margin:1rem 0}.dailyForecast>p[data-v-3fc2b4d7]{padding:1rem 0;font-weight:700}.panelItem[data-v-3fc2b4d7]{background-color:var(--Neutral700);border:1px solid var(--Neutral600);border-radius:1.2rem;flex-direction:column;justify-content:space-between;align-items:center;width:6.5rem;height:11rem;margin:.3rem;padding:1rem;display:flex}.panel[data-v-3fc2b4d7]{flex-wrap:wrap;justify-content:space-between;display:flex}.weatherIcon[data-v-3fc2b4d7]{width:4rem}.temperature[data-v-3fc2b4d7]{justify-content:space-between;width:100%;display:flex}@media (width>=1000px){.dailyForecast[data-v-3fc2b4d7]{margin:0}}.horlyPanel[data-v-5cafb77d]{background-color:var(--Neutral700);border-radius:1.2rem;flex-direction:column;align-items:center;gap:.5rem;width:22rem;height:41rem;padding:1rem;display:flex}.setting[data-v-5cafb77d]{justify-content:space-between;align-items:center;width:100%;padding:.3rem 0;display:flex}.dailyButton[data-v-5cafb77d]{background-color:var(--Neutral600);color:var(--Neutral0);border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.9rem;display:flex}.dropIcon[data-v-5cafb77d]{width:.7rem}.panel[data-v-5cafb77d]{background-color:var(--Neutral600);border-radius:.5rem;width:100%;height:3.8rem}.hourlyContainer[data-v-5cafb77d]{flex-direction:column;align-items:center;width:100%;height:34.4rem;display:block;overflow-y:auto}.hourlyPanel[data-v-5cafb77d]{background-color:var(--Neutral600);border-radius:.5rem;justify-content:space-between;align-items:center;width:100%;height:3.8rem;margin-bottom:.5rem;padding:0 1rem;display:flex}.hourlyPanelTitle[data-v-5cafb77d]{align-items:center;padding:.4rem;display:flex}.weatherIcon[data-v-5cafb77d]{width:2.5rem}.dayList[data-v-5cafb77d]{background-color:var(--Neutral700);border:2px solid var(--Neutral600);width:12rem;box-shadow:0 2rem 4rem var(--Neutral700);border-radius:.5rem;flex-direction:column;gap:.2rem;padding:.4rem 0;display:flex;position:absolute;top:120%;right:0}.dailyContainer[data-v-5cafb77d]{position:relative}.weekButton[data-v-5cafb77d]{text-align:left;background-color:var(--Neutral700);width:100%;color:var(--Neutral200);border:none;border-radius:.5rem;padding:.4rem .8rem;font-size:1rem}.weekButton[data-v-5cafb77d]:hover{background-color:var(--Neutral600);cursor:pointer}.dailyButton[data-v-5cafb77d]:hover{cursor:pointer}header[data-v-ec89f25d]{justify-content:space-between;align-items:center;display:flex}header .logo[data-v-ec89f25d]{width:10rem}.appContainer[data-v-ec89f25d]{width:90%;margin:2vh auto}h1[data-v-ec89f25d]{color:var(--Neutral0);text-align:center;padding:2rem;font-family:Bricolage Grotesque,sans-serif;font-size:3rem}@media (width>=600px){main[data-v-ec89f25d]{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}h1[data-v-ec89f25d],.search-box[data-v-ec89f25d]{grid-column:1/3}.current-weather[data-v-ec89f25d]{grid-column:1/2}.weekly-forecast[data-v-ec89f25d]{grid-column:1/3}.hourly-forecast[data-v-ec89f25d]{grid-area:3/2/3/3}}@media (width>=1200px){.appContainer[data-v-ec89f25d]{width:90%}main[data-v-ec89f25d]{grid-template-columns:5fr 2fr;gap:1.5rem;display:grid}h1[data-v-ec89f25d],.search-box[data-v-ec89f25d]{grid-column:1/3}.current-weather[data-v-ec89f25d],.weekly-forecast[data-v-ec89f25d]{grid-column:1/2;margin-left:2rem}.hourly-forecast[data-v-ec89f25d]{grid-area:3/2/6/3}}header[data-v-5dfa3868]{justify-content:space-between;align-items:center;display:flex}header .logo[data-v-5dfa3868]{width:10rem}.appContainer[data-v-5dfa3868]{width:90%;margin:2vh auto}.error[data-v-5dfa3868]{flex-direction:column;align-items:center;margin:2rem 0;padding:1rem;display:flex}.error>p[data-v-5dfa3868]{text-align:center;padding:.5rem 0}.errorIcon[data-v-5dfa3868]{width:3rem}h1[data-v-5dfa3868]{padding:1rem 0;font-family:Bricolage Grotesque,sans-serif;font-size:3.5rem}.retryButton[data-v-5dfa3868]{color:var(--Neutral0);background-color:var(--Neutral600);border:none;border-radius:.5rem;align-items:center;gap:.4rem;margin-top:1rem;padding:.6rem 1.2rem;font-size:1rem;display:flex}.retryButton[data-v-5dfa3868]:hover{cursor:pointer;transform:scale(1.03)}