@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap);.styles_searchContainer__lGjsV{margin:0 auto 2rem;max-width:600px;position:relative}.styles_searchBox__yTTU9{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:50px;box-shadow:0 4px 30px #0000001a;display:flex;position:relative;transition:all .3s ease;width:100%}.styles_searchInput__3TJpy{background:#0000;border:none;border-radius:50px 0 0 50px;color:#fff;flex:1 1;font-size:1rem;padding:1rem 1.5rem}.styles_searchInput__3TJpy::placeholder{color:#ffffffb3}.styles_searchInput__3TJpy:focus{outline:none}.styles_searchButton__dKi3U{background:#ffffff4d;border:none;border-radius:0 50px 50px 0;color:#fff;cursor:pointer;font-weight:600;padding:1rem 1.5rem;transition:all .2s ease}.styles_searchButton__dKi3U:hover{background:#fff6}.styles_suggestions__\+Nu0z{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:15px;box-shadow:0 10px 30px #0000001a;left:0;list-style:none;margin-top:.5rem;max-height:300px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:10}.styles_suggestions__\+Nu0z li{color:#333;cursor:pointer;padding:.8rem 1.5rem;transition:all .2s ease}.styles_suggestions__\+Nu0z li:hover{background:#4361ee1a;color:#4361ee}.styles_weatherIcon__V31PT{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));object-fit:contain;transition:transform .3s ease}.styles_weatherIcon__V31PT:hover{transform:scale(1.1)}.styles_card__W7TAb{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;box-shadow:0 8px 32px 0 #1f268726;color:#fff;margin:0 auto;max-width:600px;padding:2rem}.styles_header__fo-pn{margin-bottom:1.5rem;text-align:center}.styles_header__fo-pn h2{font-size:2rem;margin-bottom:.5rem}.styles_date__ARJVR{font-size:.9rem;opacity:.8}.styles_main__67wfU{align-items:center;display:flex;justify-content:space-around;margin:2rem 0}.styles_temp__qz0nf{text-align:center}.styles_temp__qz0nf span{font-size:4rem;font-weight:300;line-height:1}.styles_description__WKmnZ{font-size:1.2rem;margin-top:.5rem;text-transform:capitalize}.styles_details__BPttW{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-top:2rem}.styles_detailItem__RhCpE{background:#ffffff1a;border-radius:10px;padding:1rem;text-align:center}.styles_detailItem__RhCpE span:first-child{display:block;font-size:.8rem;margin-bottom:.3rem;opacity:.7}.styles_loading__OvPQC{color:#fff;padding:2rem;text-align:center}.styles_container__he46j{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;box-shadow:0 8px 32px 0 #1f268726;margin-top:2rem;padding:1.5rem}.styles_title__vv447{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.styles_forecastGrid__4bKGH{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.styles_dayCard__SdXgo{align-items:center;background:#ffffff26;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:1rem;transition:all .3s ease}.styles_day__9d6R\+{color:#fff;font-weight:500;margin-bottom:.5rem}.styles_temps__LM146{display:flex;gap:.5rem;margin-top:.5rem}.styles_maxTemp__z9l5\+{color:#ff9a9e;font-weight:600}.styles_minTemp__ccFqy{color:#a1c4fd;opacity:.8}:root{--primary:#4361ee;--secondary:#3f37c9;--accent:#4895ef;--light:#f8f9fa;--dark:#212529}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.app{background:linear-gradient(135deg,#4361ee,#3f37c9);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#f8f9fa;color:var(--light);min-height:100vh;overflow:hidden;padding:2rem;position:relative}.background-animation{background:url(https://assets.codepen.io/3364143/7b775e52-1f2c-4e82-b66e-7d2f4a3f7d1a.png) 50%/cover;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%;z-index:0}.content{margin:0 auto;max-width:1200px;position:relative;z-index:1}.app-title{animation:fadeIn 1s ease;font-size:3rem;font-weight:700;margin-bottom:2rem;text-align:center;text-shadow:0 2px 10px #0003}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}#root{min-height:100vh}
/*# sourceMappingURL=main.6345af43.css.map*/