@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);@font-face{font-display:block;font-family:Metecons;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/metecons@1.0.2/dist/fonts/metecons.woff2) format("woff2"),url(https://cdn.jsdelivr.net/npm/metecons@1.0.2/dist/fonts/metecons.woff) format("woff")}.metecon{font-feature-settings:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Metecons!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.metecon-clear-day:before{content:"\e900"}.metecon-clear-night:before{content:"\e901"}.metecon-cloudy:before{content:"\e902"}.metecon-drizzle:before{content:"\e903"}.metecon-fog:before{content:"\e904"}.metecon-hail:before{content:"\e905"}.metecon-haze:before{content:"\e906"}.metecon-humidity:before{content:"\e907"}.metecon-hurricane:before{content:"\e908"}.metecon-mist:before{content:"\e909"}.metecon-moon-first-quarter:before{content:"\e90a"}.metecon-moon-full:before{content:"\e90b"}.metecon-moon-last-quarter:before{content:"\e90c"}.metecon-moon-new:before{content:"\e90d"}.metecon-moon-waning-crescent:before{content:"\e90e"}.metecon-moon-waning-gibbous:before{content:"\e90f"}.metecon-moon-waxing-crescent:before{content:"\e910"}.metecon-moon-waxing-gibbous:before{content:"\e911"}.metecon-not-available:before{content:"\e912"}.metecon-partly-cloudy-day:before{content:"\e913"}.metecon-partly-cloudy-night:before{content:"\e914"}.metecon-pressure-high:before{content:"\e915"}.metecon-pressure-low:before{content:"\e916"}.metecon-pressure:before{content:"\e917"}.metecon-rain:before{content:"\e918"}.metecon-raindrop:before{content:"\e919"}.metecon-sleet:before{content:"\e91a"}.metecon-smog:before{content:"\e91b"}.metecon-smoke:before{content:"\e91c"}.metecon-snow:before{content:"\e91d"}.metecon-snowflake:before{content:"\e91e"}.metecon-sunrise:before{content:"\e91f"}.metecon-sunset:before{content:"\e920"}.metecon-temperature-decrease:before{content:"\e921"}.metecon-temperature-increase:before{content:"\e922"}.metecon-thermometer:before{content:"\e923"}.metecon-thunderstorms:before{content:"\e924"}.metecon-tornado:before{content:"\e925"}.metecon-umbrella:before{content:"\e926"}.metecon-uv-index:before{content:"\e927"}.metecon-wind:before{content:"\e928"}.metecon-windsock:before{content:"\e929"}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(-70deg,#231d76,#fff,#231d76);color:#333;font-family:Roboto,sans-serif;min-height:100vh;padding:1rem}#root,body{align-items:center;display:flex;justify-content:center}#root{width:100%}:root{--primary-color:#4b3fae;--primary-light:#4b3fae33}.button{background-color:#4b3fae1a;border:none;border-radius:20px;color:#4b3fae;cursor:pointer;font-weight:500;padding:10px 15px;transition:background-color .2s}.button:hover{background-color:#4b3fae33}.button.active{background-color:#4b3fae40}.search-button{background-color:#4b3fae;border-radius:0 50px 50px 0;color:#fff}.unit-toggle .button{background:none;border-radius:0;color:#777;font-size:14px;padding:2px 6px}.unit-toggle .button.active{background:none;color:#4b3fae;font-weight:500}.search-input{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:50px 0 0 50px;color:#333;flex:1 1;font-size:16px;outline:none;padding:12px 20px}.search-input::placeholder{color:#999}.search-input:focus{background-color:#f8f8f8;border-color:#6b4de6}.spinner-container{align-items:center;display:flex;justify-content:center;width:100%}.spinner{animation:spin .8s linear infinite;border:4px solid #4b3fae33;border-radius:50%;border-right:5px solid #0000;border-top:5px solid var(--primary-color);box-shadow:0 0 10px #4b3fae1a}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.size-small .spinner{height:24px;width:24px}.size-medium .spinner{height:40px;width:40px}.size-large .spinner{height:60px;width:60px}.city-search{margin-bottom:2rem}.search-container{display:flex;margin-bottom:.5rem;width:100%}.loading-indicator{color:#fffc;margin-top:10px}.error-message{color:#fcc;margin-top:10px}.footer{color:#666;font-size:12px;margin-top:20px;text-align:center}.search-history{margin-top:10px}.search-history ul{display:flex;gap:10px;justify-content:center;list-style:none}.animated-icon-container{display:inline-block;position:relative}animated-sun{animation:sun-pulse 3s ease-in-out infinite}@keyframes sun-pulse{0%{filter:drop-shadow(0 0 5px rgba(255,157,0,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 12px rgba(255,157,0,.7));transform:scale(1.05)}to{filter:drop-shadow(0 0 5px rgba(255,157,0,.5));transform:scale(1)}}.animated-rain:before{animation:rain-fall 1.5s linear infinite;background:linear-gradient(180deg,#0000 0,#0000 70%,#3498db66);background-size:100% 20px;opacity:.7}.animated-rain:before,.animated-snow:before{content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.animated-snow:before{animation:snow-fall 3s linear infinite;background:radial-gradient(circle at 50% 50%,#fff 2px,#0000 3px) 0 0,radial-gradient(circle at 30% 40%,#fff 2px,#0000 3px) 10px 20px;background-size:30px 30px;opacity:.5}.animated-thunder{animation:thunder-flash 3s infinite}@keyframes thunder-flash{0%,90%,to{filter:drop-shadow(0 0 5px rgba(243,156,18,.6))}92%,94%{filter:drop-shadow(0 0 15px rgba(243,156,18,.9))}}.animated-wind{animation:wind-blow 2s ease-in-out infinite}.animated-fog:before{animation:fog-move 5s ease-in-out infinite;background:linear-gradient(90deg,#fff0,#fff6 50%,#fff0);background-size:200% 100%;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@keyframes fog-move{0%{background-position:-100% 0}to{background-position:200% 0}}.weather-icon{display:inline-flex;filter:drop-shadow(0 3px 5px rgba(0,0,0,.2));position:relative;vertical-align:middle;z-index:1}.weather-icon svg{height:100%;width:100%}.weather-icon:after{content:none}.metecon{display:inline-block;filter:drop-shadow(0 3px 5px rgba(0,0,0,.2))}.icon-filled{-webkit-text-stroke:.4px;font-weight:600;text-shadow:0 0 1px #0003}.icon-size-small{font-size:22px}.icon-size-medium{font-size:34px}.icon-size-large{font-size:50px}.icon-sunny{color:#ff9800}.icon-partly-cloudy{color:#81d4fa}.icon-cloudy{color:#78909c}.icon-fog{color:#b0bec5}.icon-rain{color:#4fc3f7}.icon-snow{color:#90caf9}.icon-thunder{color:#ffc107}.icon-humidity{color:#29b6f6}.icon-precipitation{color:#4dd0e1}.icon-wind{color:#7e57c2}.icon-sunny-filled{color:#ff9d00;filter:drop-shadow(0 0 8px rgba(255,157,0,.6))}.icon-partly-cloudy-filled{color:#3498db;filter:drop-shadow(0 0 5px rgba(52,152,219,.5))}.icon-cloudy-filled{color:#7f8c8d;filter:drop-shadow(0 0 5px rgba(127,140,141,.5))}.icon-fog-filled{color:#95a5a6;filter:drop-shadow(0 0 5px rgba(149,165,166,.5))}.icon-rain-filled{color:#3498db;filter:drop-shadow(0 0 5px rgba(52,152,219,.6))}.icon-snow-filled{color:#3498db;filter:drop-shadow(0 0 8px rgba(209,238,255,.8))}.icon-thunder-filled{color:#f39c12;filter:drop-shadow(0 0 10px rgba(243,156,18,.7))}.icon-humidity-filled{color:#3498db;filter:drop-shadow(0 0 5px rgba(52,152,219,.5))}.icon-precipitation-filled{color:#2980b9;filter:drop-shadow(0 0 5px rgba(41,128,185,.5))}.icon-wind-filled{color:#9b59b6;filter:drop-shadow(0 0 5px rgba(155,89,182,.5))}.icon-cloudy-filled:after,.icon-fog-filled:after,.icon-humidity-filled:after,.icon-partly-cloudy-filled:after,.icon-precipitation-filled:after,.icon-rain-filled:after,.icon-snow-filled:after,.icon-sunny-filled:after,.icon-thunder-filled:after,.icon-wind-filled:after{content:none}[class*="meteocons:"]{display:inline-block;line-height:1}.wi-rain,.wi-rain-mix,.wi-raindrops{animation:rain-fall 2s linear infinite}.wi-snow,.wi-snow-wind,.wi-snowflake-cold{animation:snow-fall 3s ease-in-out infinite}.wi-lightning{animation:lightning-flash 3s infinite}.wi-windy{animation:wind-blow 3s ease-in-out infinite}.metecon-drizzle,.metecon-rain{animation:rain-fall 2s linear infinite}.metecon-snow,.metecon-snowflake{animation:snow-fall 3s ease-in-out infinite}.metecon-thunderstorms{animation:lightning-flash 3s infinite}.metecon-wind{animation:wind-blow 3s ease-in-out infinite}.animate-rain{animation:rain-fall 2s linear infinite}.animate-snow{animation:snow-fall 3s ease-in-out infinite}.animate-thunder{animation:lightning-flash 3s infinite}.animate-wind{animation:wind-blow 3s ease-in-out infinite}@keyframes rain-fall{0%{transform:translateY(0)}50%{transform:translateY(2px)}to{transform:translateY(0)}}@keyframes snow-fall{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(3px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}@keyframes lightning-flash{0%{opacity:1}49%{opacity:1}50%{opacity:.6}51%{opacity:1}52%{opacity:.6}53%{opacity:1}to{opacity:1}}@keyframes wind-blow{0%{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}to{transform:translateX(0)}}.text-title{color:#333;font-size:24px;font-weight:500;margin-bottom:0}.text-subtitle{color:#666;font-size:16px;font-weight:400;margin-bottom:3px}.text-large{color:#333;font-size:18px}.text-normal{color:#666;font-size:14px}.text-temperature{color:#333;font-size:72px;font-weight:700;line-height:1}.feels-like{color:#777;font-size:12px}.forecast-day{color:#333;font-size:14px;font-weight:500}.forecast-temp{color:#333;font-size:16px;font-weight:500}.weather-card{display:flex;flex:1 1;flex-direction:column}.weather-card.empty{color:#666}.weather-card.empty,.weather-card.loading{align-items:center;display:flex;justify-content:center}.weather-card.loading{flex-direction:column;min-height:300px}.loading-text{color:#666;margin-top:16px}.city-info{display:flex;flex-direction:column}.city-with-icon{align-items:center;display:flex;gap:.8rem;margin-bottom:.5rem}.current-details{align-items:flex-start;display:flex;justify-content:space-between}.temperature-section{align-items:flex-start;display:flex;flex-direction:column}.temperature-display{align-items:center;display:flex;gap:16px}.current-day{color:#666;font-size:16px;font-weight:500;margin-top:4px}.unit-toggle{align-items:center;display:flex;margin-top:.5rem}.unit-divider{color:#999;margin:0 4px}.weather-details{margin-top:5px;text-align:right}.detail-item{align-items:center;color:#555;display:flex;gap:1rem;margin-bottom:12px}.detail-item i{margin-right:4px}.current-weather{margin-bottom:3rem}.forecast-title{color:#444;font-size:.9rem;font-weight:500;letter-spacing:1px;margin-bottom:1.5rem;text-transform:uppercase}.forecast-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(5,1fr)}.forecast-day-card{align-items:center;background-color:#ffffffb3;border-radius:16px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;overflow:hidden;padding:16px 10px;position:relative;transition:transform .2s,box-shadow .2s}.forecast-day-card:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-5px)}.forecast-day-card .icon-wrapper{margin:16px 0;position:relative;z-index:1}.forecast-day-card.sunny{background:linear-gradient(180deg,#ffecb34d,#ffffffb3)}.forecast-day-card.cloudy{background:linear-gradient(180deg,#e0f2ff4d,#ffffffb3)}.forecast-day-card.rainy{background:linear-gradient(180deg,#c2e2fa4d,#ffffffb3)}.forecast-day-card.snowy{background:linear-gradient(180deg,#edf7ff4d,#ffffffb3)}.forecast-day-card.thunder{background:linear-gradient(180deg,#ffefc24d,#ffffffb3)}.forecast-day-card .weather-icon{margin:16px 0}.forecast-day-card .metecon{font-size:200px}.forecast-day-card .iconify{font-size:200px!important}.day-temperatures{align-items:center;display:flex;flex-direction:column;margin-top:8px;width:100%}@media (max-width:580px){.forecast-cards{gap:8px;grid-template-columns:repeat(3,1fr)}.forecast-day-card{padding:8px 4px}}@media (max-width:400px){.forecast-cards{grid-template-columns:repeat(2,1fr)}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-container{background:#fff;border:none;border-radius:30px;border-radius:2rem;box-shadow:0 10px 20px #00000026;margin:1rem auto;max-width:768px;outline:10px solid #ffffff80;overflow:visible;width:80vw}.app-container,.app-content{display:flex;flex-direction:column}.app-content{color:#333;height:100%;padding:2rem}@media (max-width:768px){.app-container{border-width:0;width:95vw}}
/*# sourceMappingURL=main.0d38545b.css.map*/