@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap);:root{--bg:#fff;--sunny:#ffe634;--cloudy:#6fceed;--text-primary:#000001;--text-secondary:#969593;--shadow:0 8px 10px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.1),0 -8px 12px 0px rgba(0,0,0,0.05),0 -2px 3px -2px rgba(0,0,0,0.01);--dark-shadow:0 8px 10px -3px hsla(0,0%,100%,0.1),0 4px 6px -2px hsla(0,0%,100%,0.1),0 -8px 12px 0px hsla(0,0%,100%,0.05),0 -2px 3px -2px hsla(0,0%,100%,0.01);--after-shadow:-0.5px 0.5px 2px 2px #29b4fb}body{background-color:#fff;background-color:var(--bg);padding:0;margin:0;font-family:"Open Sans",sans-serif}*{box-sizing:border-box;font-weight:700}.light{color:#969593;color:var(--text-secondary)}.search-bar{max-width:100%;display:flex;align-items:center;justify-content:space-between;border:none;padding:15px;margin:20px 20px 10px;border-radius:8px;box-shadow:0 8px 10px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.1),0 -8px 12px 0 rgba(0,0,0,.05),0 -2px 3px -2px rgba(0,0,0,.01);box-shadow:var(--shadow);color:#000001;color:var(--text-primary);transition:box-shadow .2s ease}.give-me-border{box-shadow:-.5px .5px 2px 2px #29b4fb;box-shadow:var(--after-shadow)}.search-bar form{width:100%;height:20px}.search-bar input{border:none;width:100%;height:30px;margin-top:-30px;font-size:20px;font-weight:600;padding-left:10px;background-color:#fff;background-color:var(--bg)}.search-bar input:focus{outline:none}.search-bar img{height:24px;width:24px}.dropdown{position:absolute;z-index:10;background-color:#fff;background-color:var(--bg);box-shadow:0 8px 10px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.1),0 -8px 12px 0 rgba(0,0,0,.05),0 -2px 3px -2px rgba(0,0,0,.01);box-shadow:var(--shadow);margin-top:-3px;margin-left:20px;padding:10px;border-radius:10px;min-width:calc(100% - 40px)}.dropdown .city-name{display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-bottom:2px solid rgba(150,149,147,.1);font-weight:400}.dropdown-city-temp .dropdown-icon,.dropdown .dropdown-city-temp{display:flex;justify-content:center;align-items:center}.dropdown-city-temp .dropdown-icon{flex-direction:column;margin-right:10px}.dropdown-city-temp p{margin-right:10px}.dropdown-icon .dropdown-weather{font-size:14px}.dropdown .city-name .dropdown-icon img{width:24px;height:24px}.week-container{overflow-x:hidden;margin:10px 0}.week-section{width:1300px;display:flex;scrollbar-width:1px}.week{height:150px;border-radius:0;margin-left:20px;margin-top:10px;margin-bottom:10px;padding:2px;min-width:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:10px;color:#000001;color:var(--text-primary);cursor:pointer}.haha{box-shadow:-.5px .5px 2px 2px #29b4fb;box-shadow:var(--after-shadow)}.week-day-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.week .weekday p{font-size:15px}.week .temp{display:flex}.week .temp p{font-size:15px;margin-top:-10px;margin-left:2px}.week .weather{display:flex;flex-direction:column;align-items:center;justify-content:center}.week .weather p{font-size:13px}.week img{width:24px;height:24px}.daily{height:800px;margin:0 20px 10px;padding:20px;background-color:#fff;background-color:var(--bg);box-shadow:0 8px 10px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.1),0 -8px 12px 0 rgba(0,0,0,.05),0 -2px 3px -2px rgba(0,0,0,.01);box-shadow:var(--shadow);border-radius:8px}.daily .temp-degree{display:flex;align-items:flex-start}.temp-degree .temp-value{font-size:100px;padding:0}.temp-value p{display:flex;margin-top:-10px}.temp-degree .weather-icon{padding-top:10px;margin-left:10px}.daily .temp-degree img{width:100px;height:100px}.daily .properties{display:flex;justify-content:space-evenly;margin-top:30px}.daily .sun-timing{display:flex;justify-content:space-between;margin-top:30px;margin-left:50px}.properties .prop{background-color:rgba(111,206,237,.1);border-radius:0;margin-left:20px;width:100%}.properties .prop,.sun-timing .sun{font-size:15px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:10px}.sun-timing .sun{border-radius:3px;width:140px}.properties .prop p,.sun p{margin-top:0;margin-bottom:0}.prop div span,.properties .prop div,.sun-timing .sun div,.sun-timing .sun div span{font-weight:400}.sun div,.sun div span{color:#969593;color:var(--text-secondary)}.daily .chart{margin-top:-80px;overflow-x:scroll}.daily .temp-chart{width:2000px;height:300px;scrollbar-width:1px}.sunchart{margin-top:-30px}@media screen and (max-width:1250px){.week-container{overflow-x:scroll}}@media screen and (max-width:700px){.search-bar{height:40px}.week-container{overflow-x:scroll}.week-section{width:900px;scrollbar-width:1px}.week{height:150px;min-width:100px}.daily{height:730px}.daily .temp-degree img{width:60px;height:60px}.daily .temp-degree .weather-icon{padding-top:2px}.temp-degree .temp-value{font-size:60px}.daily .chart{margin-top:-40px}}
/*# sourceMappingURL=main.3864f56f.chunk.css.map */