@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--font-family:"Poppins",sans-serif;--card-bg:linear-gradient(160deg,#28304280,#1c233366);--card-border:#ffffff26;--text-primary:#f0f2f5;--text-secondary:#a0a8b4;--accent-gradient:linear-gradient(45deg,#5e72e4,#9f52f9);--accent-primary:#5e72e4;--error-color:#ff6b6b;--shadow-color:#00000040;--success-color:#2dce89}*{box-sizing:border-box;margin:0;padding:0}.App{align-items:center;background-color:#0a0c10;color:#f0f2f5;color:var(--text-primary);display:flex;font-family:Poppins,sans-serif;font-family:var(--font-family);height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.bg-img{object-fit:cover;opacity:.5;transition:opacity 1s ease-in-out;z-index:1}.bg-img,.bg-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.bg-overlay{background:linear-gradient(180deg,#0a0c1066,#0a0c10);z-index:2}.main-container{display:flex;flex-direction:column;gap:1.5rem;height:100%;overflow-y:auto;padding:1.5rem;width:100%;z-index:3}@media screen and (min-width:1200px){.main-container{flex-direction:row;height:auto;max-height:90vh;max-width:1400px}.left-panel{flex:0 0 420px}.right-panel{flex:1 1;min-width:0}}.left-panel,.right-panel{display:flex;flex-direction:column;gap:1.5rem}.glass-card{animation:fadeIn .6s ease-out;backdrop-filter:blur(25px) saturate(150%);-webkit-backdrop-filter:blur(25px) saturate(150%);background:linear-gradient(160deg,#28304280,#1c233366);background:var(--card-bg);border:1px solid #ffffff26;border:1px solid var(--card-border);border-radius:24px;box-shadow:0 8px 32px 0 #00000040;box-shadow:0 8px 32px 0 var(--shadow-color);padding:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.initial-view{margin:auto;max-width:550px;text-align:center}.initial-view h1{font-size:3rem;font-weight:700;margin-bottom:.75rem}.initial-view p{color:#a0a8b4;color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.error-message{background-color:#ff6b6b1a;border:1px solid #ff6b6b;border:1px solid var(--error-color);border-radius:12px;color:#ff6b6b;color:var(--error-color);font-weight:500;margin-bottom:1.5rem;padding:1rem}.initial-controls{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.25rem}.city-autocomplete-wrapper{flex-grow:1;position:relative}#input-city{background:#0a0c1080;border:1px solid #ffffff26;border:1px solid var(--card-border);border-radius:16px;color:#f0f2f5;color:var(--text-primary);font-size:1rem;height:52px;padding:0 1.25rem;transition:all .3s ease;width:100%}#input-city:focus{border-color:#5e72e4;border-color:var(--accent-primary);box-shadow:0 0 0 3px #5e72e44d;outline:none}.city-autocomplete-list{background:#1c2333;border:1px solid #ffffff26;border:1px solid var(--card-border);border-radius:16px;left:0;list-style:none;max-height:220px;overflow-y:auto;padding:.5rem 0;position:absolute;top:105%;width:100%;z-index:100}.city-autocomplete-list li{cursor:pointer;padding:.85rem 1.25rem;transition:background-color .2s ease}.city-autocomplete-list li:hover{background-color:#5e72e4;background-color:var(--accent-primary)}.action-btn{align-items:center;background:linear-gradient(45deg,#5e72e4,#9f52f9);background:var(--accent-gradient);border:none;border-radius:16px;color:#f0f2f5;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:52px;justify-content:center;padding:0 1.5rem;transition:all .3s ease}.action-btn:hover{box-shadow:0 6px 20px #5e72e466;transform:translateY(-3px)}.action-btn.secondary{background:#ffffff1a}.action-btn.secondary:hover{background:#ffffff26;box-shadow:none}.divider{color:#a0a8b4;color:var(--text-secondary);margin-bottom:1.25rem}#status-indicator-wrapper{display:none}.loading-gif{height:100px;margin:auto;width:100px}.current-weather-card{display:flex;flex-direction:column}.header{justify-content:space-between;margin-bottom:2rem}.header,.location-info{align-items:center;display:flex}.location-info{gap:.75rem}.location-info img{height:28px;width:28px}.location-info h2{font-size:1.5rem;font-weight:600}.degree-select{background:#0a0c1080;border:1px solid #ffffff26;border:1px solid var(--card-border);border-radius:12px;color:#f0f2f5;color:var(--text-primary);cursor:pointer;font-family:Poppins,sans-serif;font-family:var(--font-family);font-size:1rem;padding:.5rem .75rem}.main-temp-info{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem}.weather-icon-large{filter:drop-shadow(0 8px 25px rgba(0,0,0,.3));height:140px;width:140px}.temp-display{font-size:6.5rem;font-weight:700;line-height:1}.temp-display span{font-size:2.5rem;font-weight:400;margin-top:1.25rem}.temp-display span,.weather-description{color:#a0a8b4;color:var(--text-secondary)}.weather-description{font-size:1.25rem;margin-top:.75rem;text-transform:capitalize}.details-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.detail-item{align-items:center;background:#0a0c1066;border-radius:16px;display:flex;gap:1rem;padding:1.25rem}.detail-item img{height:36px;opacity:.9;width:36px}.detail-item p{color:#a0a8b4;color:var(--text-secondary);font-size:.9rem;margin-bottom:.25rem}.detail-item span{font-size:1.1rem;font-weight:600}.wind-detail{align-items:flex-start}.windmill{align-items:flex-end;display:flex;height:60px;justify-content:center;margin-top:8px;position:relative;width:40px}.propeller{height:40px!important;left:0;position:absolute;top:0;width:40px!important}.windmill-pole{background-color:#a0a8b4;background-color:var(--text-secondary);border-radius:3px;height:40px;width:6px}.forecast-section{display:flex;flex-direction:column;flex-grow:1}.forecast-section .header{gap:.75rem;margin-bottom:1rem}.forecast-list{flex-grow:1;margin-right:-1.25rem;overflow-y:auto;padding-right:1.25rem}.forecast-list::-webkit-scrollbar{width:6px}.forecast-list::-webkit-scrollbar-track{background:#0000}.forecast-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.forecast-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.forecast-day{margin-bottom:1.5rem}.forecast-day:last-child{margin-bottom:0}.forecast-day-header{align-items:baseline;border-bottom:1px solid #ffffff26;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.forecast-day-header h3{font-size:1.2rem;font-weight:600}.forecast-day-header span{color:#a0a8b4;color:var(--text-secondary);font-size:.9rem}.forecast-time-entry{align-items:center;border-radius:12px;display:flex;gap:1rem;justify-content:space-between;padding:.75rem 1rem;transition:background-color .2s ease}.forecast-time-entry:hover{background-color:#0a0c1066}.forecast-time-entry .time{color:#a0a8b4;color:var(--text-secondary);flex-basis:70px;font-size:1rem;font-weight:500}.weather-icon-small{height:48px;width:48px}.temp-range{display:flex;flex-basis:80px;gap:1rem;justify-content:flex-end}.temp-range .temp-high{font-size:1.1rem;font-weight:600}.temp-range .temp-low{font-size:1.1rem}.precip,.temp-range .temp-low{color:#a0a8b4;color:var(--text-secondary)}.precip{align-items:center;display:flex;flex-basis:60px;gap:.5rem;justify-content:flex-end}.precip img{height:18px;opacity:.7;width:18px}.forecast-description{color:#a0a8b4;color:var(--text-secondary);flex-grow:1;text-align:left;text-transform:capitalize}@media screen and (max-width:992px){.main-container{flex-direction:column;height:100%;max-height:none}.left-panel,.right-panel{flex:0 0 auto}.forecast-section{max-height:50vh}}@media screen and (max-width:768px){.main-container{padding:1rem}.glass-card{border-radius:20px;padding:1.5rem}.details-grid{grid-template-columns:1fr}.header h2{font-size:1.25rem}.temp-display{font-size:5.5rem}.initial-view h1{font-size:2.5rem}.initial-view p{font-size:1rem}.forecast-time-entry{grid-gap:.25rem 1rem;display:grid;gap:.25rem 1rem;grid-template-columns:60px 1fr;grid-template-rows:auto auto;padding:.75rem}.forecast-time-entry .time{grid-column:1/2;grid-row:1/2}.forecast-time-entry .weather-icon-small{grid-column:2/3;grid-row:1/3;justify-self:flex-start}.forecast-time-entry .temp-range{gap:.75rem;grid-column:1/2;grid-row:2/3;justify-content:flex-start}.forecast-description{grid-column:3/4;grid-row:1/2}.precip{grid-column:3/4;grid-row:2/3;justify-content:flex-start}}
/*# sourceMappingURL=main.db7a057c.css.map*/