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}.app-container{box-sizing:border-box;margin:0 auto;max-width:1540px;padding-left:clamp(90px,5vw,220px);padding-right:clamp(90px,5vw,220px)}.app-background{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;width:100%}.errorMessage{align-items:center;background-color:#ffffff1c;border-radius:8px;color:#fff;display:flex;flex-direction:column;font-size:1.9rem;height:85%;justify-content:center;margin-top:1rem;padding:.5rem 1rem}.grid-wrapper{grid-gap:1rem;display:grid;grid-template-columns:repeat(16,1fr);min-height:100vh}.weather-now{box-sizing:border-box;grid-column:span 4}.weather-details-forecast{box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;grid-column:span 12;margin-top:73px;padding:1rem}.loading-container{align-items:center;background-color:#0000004d;display:flex;height:100vh;justify-content:center;width:100vw}.loading-panel{color:#fff;font-size:1.5rem;padding:2rem;text-align:center}@media (min-width:1200px) and (max-width:1350px){.app-container{max-width:none;padding-left:1rem;padding-right:0}}@media (min-width:600px) and (max-width:1199px){.app-container{max-width:100%;padding:1.5rem}.grid-wrapper{gap:.75rem;grid-template-columns:repeat(8,1fr)}.weather-now{grid-column:span 3;margin-top:30%}.weather-details-forecast{grid-column:span 5}}@media (max-width:599px){.app-container{padding:0 15px}.weather-now-display{margin-top:30px}.grid-wrapper{display:flex;flex-direction:column;gap:1rem}.weather-details-forecast,.weather-now{grid-column:span 16;width:100%}.mobile-city-name{color:#fff;font-size:30px;font-weight:400;margin:0;padding:0}.mobile-top-section{padding-top:20px}.weather-now-display{margin-top:30px!important}.weather-details-forecast{margin-top:0;padding:0 0 30px}.mobile-clock{display:flex;flex-direction:row;justify-content:space-between}}.panel{-webkit-backdrop-filter:blur(2.3px);backdrop-filter:blur(2.3px);background:radial-gradient(circle,#ffffff4d 0,#fff0 100%);border:1px solid #ffffff80;border-radius:46px;box-shadow:0 4px 64px #00000021,inset 0 0 8px #ffffff80,inset 0 0 0 1px #8d8d8d91;position:relative}.hourly-forecast-container{flex-direction:row}.weather-now-display{align-items:center;display:grid;grid-template-rows:repeat(12,minmax(20px,1fr));height:84%;margin-top:73px;width:100%}.error-message{background-color:#f003;border-radius:8px;color:#fff;font-size:.9rem;left:50%;margin-top:.75rem;padding:10px;pointer-events:none;position:absolute;text-align:center;top:100%;transform:translateX(-50%);white-space:nowrap;width:250px;z-index:10}.topPart-searchBar{gap:15px;grid-row:span 2;position:relative}.middlePart-weatherNow,.topPart-searchBar{align-items:center;display:flex;flex-direction:column;justify-content:center}.middlePart-weatherNow{color:#fff;grid-row:span 6}.hourly-forecast-container{align-items:center;display:flex;gap:15px;grid-row:span 4;justify-content:center;width:100%}.weatherIconNow{height:30%;width:60%}.middlePart-text{font-size:28px;padding-top:5px}.middlePart-temp{font-size:38px;padding-top:20px}@media (max-width:599px){.weather-now-display{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border:none;border-radius:46px;box-shadow:none;grid-template-rows:repeat(12,minmax(52px,1fr));position:relative}.hourly-forecast-container{gap:20px}}.Panel{align-items:center;color:#fff;display:flex;flex-direction:column;height:100px;justify-content:center;width:40px}.weatherIcon{height:17px}.text-hourlyForecast{font-size:13px}.rainy{padding-top:6px}.container{display:flex}.hours{color:#fff;padding-bottom:5px}.mini-hourly-forecast-container{align-items:center;display:flex;flex-direction:column}.search-bar{align-items:center;background:#fff;border:1px solid #ccc;border-radius:46px;display:flex;justify-content:space-between;padding:8px;width:250px}.search-icon{margin-right:8px;padding:0 10px}.search-input{background:#0000;border:none;color:#00000075;font-size:16px;outline:none;padding:0 12px;text-align:right;width:100%}.search-input::placeholder{color:#aaa}.badge-panel{align-items:center;display:flex;height:62px;justify-content:center;padding:0;width:216px}.badge-content{display:flex;height:100%;width:100%}.badge-icon{color:#fff;height:90%;transform:translateY(6px);width:40%}.badge-text{align-items:center;color:#fff;display:flex;font-family:Roboto,sans-serif;font-size:22px;justify-content:flex-start;width:60%}.moon-icons{color:#fff;height:61%;transform:translate(16px,7px);width:40%}.badge-textValue-moon{font-size:19px}@media (max-width:599px){.badge-panel{width:100%}}.weather-detail-display{display:flex;flex-direction:column;gap:16px;padding-top:9%}.city-name{color:#fff;font-size:48px;font-weight:700;text-transform:uppercase}.badge-grid{grid-gap:1rem;box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:repeat(3,0fr);padding:0 .5rem;width:100%}.badge-row{display:flex;gap:16px;justify-content:flex-start;width:100%}.badge-row .badge{display:flex;flex:1 1;justify-content:center}.clock{color:#fff;display:flex;font-size:48px;justify-content:right}@media (max-width:599px){.badge-row{gap:5px}.badge-text{font-size:18px}.badge-textValue-moon{font-size:15px}.clock{font-size:30px}.badge-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.badge-row>*{width:100%}.badge-grid{gap:.75rem;grid-template-columns:repeat(2,1fr);padding:0}}@media (min-width:600px) and (max-width:1199px){.badge-grid{grid-template-columns:repeat(2,0fr)}.city-name{color:#fff}}.forecastBadge-panel{align-items:center;color:#fff;display:flex;flex-direction:column;height:140px;justify-content:center;width:355px}.weather-gradient{background:linear-gradient(to bottom right,#fff,#5c5c5c)}.forecastBadge-head{align-items:center;flex:1 1;font-size:24px;justify-content:center;padding:5px 0 0}.forecastBadge-content,.forecastBadge-head{box-sizing:border-box;display:flex;width:100%}.forecastBadge-content{flex:3 1;flex-direction:row;font-size:36px;font-weight:500}.forecastDay,.forecastNight{fill:linear-gradient(to bottom right,#fff,#5c5c5c);align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;width:100%}.forecastDay{position:relative}.forecastDay:after{background-color:#fff;content:"";height:50px;position:absolute;right:0;top:60%;transform:translateY(-50%);width:2px}.forecastContainer{align-items:center;display:flex;flex:1 1;flex-direction:row;justify-content:center}.small-weatherIcon{height:18px;width:18px}.big-weatherIcon{height:40%;margin-right:10px;width:40%}.forecastBadge-temp{flex-shrink:0;text-align:right;white-space:nowrap;width:48px}@media (max-width:599px){.forecastBadge-panel{width:80%}}.weather-forecast-display{display:flex;flex-direction:row;gap:25px}.forecast-text{color:#fff;font-size:22px;padding-bottom:2%}.forecast-box{margin-top:14px}@media (max-width:599px){.forecast-box,.weather-forecast-display{align-items:center;flex-direction:column}.forecast-box{display:flex;padding-top:15px}}@media (min-width:600px) and (max-width:1199px){.weather-forecast-display{flex-direction:column}}
/*# sourceMappingURL=main.f849221e.css.map*/