@import"https://cdnjs.cloudflare.com/ajax/libs/weather-icons/2.0.12/css/weather-icons.min.css";._searchContainer_16z6n_1{display:flex;justify-content:center;align-items:center;gap:20px;padding:25px;border-radius:12px;box-shadow:6px 8px 12px #0003}._searchInput_16z6n_11{padding:12px;width:70%;font-size:25px;border-radius:12px;border:none;color:#fff;background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:6px 8px 12px #0003;transition:border-color .3s ease-in-out;outline:none}._searchInput_16z6n_11:focus{border-color:#360350;box-shadow:0 0 15px #6816c7cc}._searchButton_16z6n_29{font-size:30px;padding:5px 10px;background-color:#007bff;color:#fff;border:none;border-radius:20%;cursor:pointer;transition:transform .5s ease-in-out;box-shadow:6px 8px 12px #0003;animation:_fadeIn_16z6n_1 .8s ease-in-out}._searchButton_16z6n_29:hover{background-color:#00f2fe;transform:scale(1.1)}._weatherWidget_1o63m_1{width:100%;color:#fff;padding:20px;border-radius:12px;animation:_fadeIn_1o63m_1 .8s ease-in-out;box-shadow:6px 8px 12px #0003;text-align:center;transition:transform .5s ease-in-out}._weatherWidget_1o63m_1:hover{transform:scale(1.1)}._currentWeather_1o63m_17{padding-bottom:10px}._mainInfo_1o63m_21{display:flex;align-items:center;justify-content:center;gap:12px}._weatherIcon_1o63m_28{width:90px;height:90px;transition:transform .3s ease-in-out}._weatherIcon_1o63m_28:hover{transform:rotate(10deg) scale(1.1)}._city_title_1o63m_38{font-size:30px}._date_1o63m_41{font-size:20px;text-decoration:underline}._forecast_1o63m_46{display:flex;justify-content:space-around;margin-top:15px;flex-wrap:nowrap}._forecastItem_1o63m_53{display:flex;flex-direction:column;align-items:center;font-size:18px;padding:8px;border-radius:8px;transition:background .3s ease-in-out}._forecastItem_1o63m_53:hover{background:#fff3}._forecastIcon_1o63m_67{width:40px;height:40px;transition:transform .2s ease-in-out}._forecastIcon_1o63m_67:hover{transform:scale(1.1)}._error_1o63m_77{color:red;font-size:18px;text-align:center;font-weight:700}@media (max-width: 768px){._weatherWidget_1o63m_1{padding:15px}._mainInfo_1o63m_21{flex-direction:column;gap:8px}._weatherIcon_1o63m_28{width:60px;height:60px}._forecast_1o63m_46{justify-content:center;gap:10px}._forecastItem_1o63m_53{font-size:12px}._forecastIcon_1o63m_67{width:35px;height:35px}}@media (min-width: 1024px){._weatherIcon_1o63m_28{width:80px;height:80px}._forecastItem_1o63m_53{font-size:16px}._forecastIcon_1o63m_67{width:45px;height:45px}}._chartContainer_2d6w6_1{width:100%;padding:15px;border-radius:12px;box-shadow:6px 8px 12px #0003;text-align:center;transition:transform .5s ease-in-out}._chartContainer_2d6w6_1:hover{transform:scale(1.1)}._chartTitle_2d6w6_14{font-size:30px;text-decoration:underline;font-weight:700;margin-bottom:15px;color:#fff}h1,h2,h3,h4,h5,h6,p{margin:0}p:last-child{margin-bottom:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}*{box-sizing:border-box}:root{--primary-color: #7d83f5;--secondary-color: #78e8ee;--background-dark: #242424;--background-light: #ffffff;--text-dark: #213547;--text-light: rgba(255, 255, 255, .87);--border-radius: 10px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:var(--text-light);background-color:var(--background-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;justify-content:center;align-items:center;padding:40px;background:linear-gradient(to bottom,var(--primary-color),var(--secondary-color))}.app_container{width:100%;max-width:1200px;min-width:320px;display:flex;flex-direction:column;align-items:center;gap:50px;background:linear-gradient(135deg,#4facfe,#00f2fe);padding:40px;border-radius:var(--border-radius);box-shadow:0 4px 10px #0000004d;transition:all .3s ease-in-out}h1{text-align:center;font-size:40px;font-weight:700;transition:font-size .3s ease-in-out}@media (max-width: 480px){.app_container{max-width:100%;padding:15px;gap:15px}h1{font-size:28px}}@media (min-width: 481px) and (max-width: 767px){.app_container{max-width:100%;padding:20px;gap:20px}h1{font-size:32px}}@media (min-width: 768px) and (max-width: 1024px){.app_container{max-width:90%;padding:30px;gap:30px}h1{font-size:38px}}