@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap);body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#00426a;font-family:Roboto,sans-serif;margin:0;overflow:hidden;padding:0;position:fixed}#root,body,html{height:100%;width:100%}#root{-webkit-overflow-scrolling:touch;overflow:auto}.main{font-size:25px;visibility:hidden}.main-table{display:table;width:100%}.cell{background-color:hsla(0,0%,100%,.05);border-top:2px solid hsla(0,0%,100%,.2);min-width:1.8em;padding-bottom:.5em;padding-top:.3em;text-align:center}.main-table>div{display:table-row}.main-table>div>div{display:table-cell}.main-table>div:last-child>div{border-bottom:2px solid hsla(0,0%,100%,.1)}.hour{color:#fff;line-height:1.5em}.icon-cell{align-items:center;display:flex;justify-content:center}.icon{height:2.2em;width:2.2em}.wind{align-items:center;color:#fff;display:flex;font-size:.9em;justify-content:center;line-height:.9em;opacity:.7}.wind-icon{height:1em;width:1em}.day-row{background-color:#003a5a;position:relative;text-align:center;vertical-align:top;width:2em}.move-left{bottom:-5.3em;left:-.7em;position:relative;transform:rotate(-90deg)}.day-text{color:hsla(0,0%,100%,.7);font-size:1.2em;position:absolute;white-space:nowrap}.temperature{color:hsla(0,0%,100%,.8);font-size:1.4em;font-weight:700;line-height:1em}.temperature-value{background-color:hsla(0,0%,100%,.1);border-radius:.2em;display:inline-block;line-height:1.4em;padding:0 .3em}.current-weather-temperature__value{color:hsla(0,0%,100%,.8);font-size:2.5em;line-height:.8em;margin-top:.2em;text-align:center}.current-weather-temperature img{height:1.2em;width:1.2em}.sun-icon{height:1em;margin-right:.25em;top:.1em;width:1em}.moon-icon,.sun-icon{display:inline-block;position:relative}.moon-icon{height:.75em;left:-.1em;margin-left:.25em;margin-right:.2em;width:.75em}.sunrise-sunset{display:flex;flex-direction:column;font-size:1.1em;line-height:1.1em;margin-top:.1em;padding-right:2.5em}.city,.sunrise-sunset{color:hsla(0,0%,100%,.8)}.city{line-height:1.2em;text-align:right}.bottom,.temperature-sunrize-wrapper{display:flex;flex-direction:row}.header__today{display:flex;flex-direction:column}.table{display:table}.table-row{display:table-row}.table-cell{display:table-cell;vertical-align:middle}.clock-wrapper{padding-left:.3em;padding-top:.35em}.disabled{opacity:.5}.current-weather-icon-wrapper{height:2.9em;margin-right:.5em;text-align:center}.current-weather-icon{height:2.9em;width:2.9em}.current-temperature-and-icon{display:flex;flex-direction:row}.temp-blue{color:#4ef}.temp-yellow{color:#fc7}.bottom__forecast{display:flex;flex-direction:row;padding:.2em;width:100%}.day-forecast{color:hsla(0,0%,100%,.8);display:flex;flex-direction:column;font-size:.9em;padding-right:.2em;width:16.66667%}.day-forecast__day{background-color:#003a5a;padding:.1em .3em;text-align:center}.day-forecast__bottom{display:flex;flex-direction:row;justify-content:center;padding:.3em 0}.day-forecast__bottom__temperatures{background-color:hsla(0,0%,100%,.1);border-radius:.2em;display:inline-block;font-size:1.4em;margin-right:.2em;min-width:1.5em;padding:.1em .2em;text-align:center}.day-forecast__bottom__weather{align-items:center;display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.forecast-day-icon{height:2.1em}.forecast-day-icon .icon{position:relative;top:-.3em}.header__right{display:flex;flex-direction:row;float:right}.city-date{color:hsla(0,0%,100%,.8);font-size:1.1em;margin-top:.2em}.city-date>div{margin-left:.5em}.main__header{display:flex;flex-direction:row}.current-wind{color:#fff;display:flex;margin-top:.2em;opacity:.7}.current-wind img{left:.1em;margin-right:.2em;position:relative;top:.1em}.current-humidity{color:#fff;display:flex;opacity:.7}.current-humidity img{height:1.2em}.humidity-icon{width:1.2em}.wind-and-humidity{display:flex;flex-direction:column}.settings{cursor:pointer;opacity:.7;padding:.8em .8em 0;text-align:center;transition:opacity .2s}.settings:hover{opacity:1}.settings img{height:1.2em;width:1.2em}.clock{background-color:hsla(0,0%,100%,.1);border-radius:.1em;color:hsla(0,0%,100%,.7);font-family:Roboto,sans-serif;font-size:2em;line-height:1em;padding:.05em .2em .05em .1em;white-space:nowrap}.fixed-width-char{display:inline-block;text-align:center;width:.55em}.fixed-width-char.colon{left:-.04em;position:relative;text-align:left;width:.3em}.city-modal-overlay{align-items:flex-start;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding-top:60px;position:fixed;right:0;top:0;z-index:1000}.city-modal-overlay-mobile{align-items:flex-start;padding:0}.city-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.3);max-height:80vh;max-width:500px;overflow:hidden;width:90%}.city-modal-mobile{border-radius:0;left:0;margin:0;max-height:100vh;max-width:100%;position:absolute;right:0;top:0;width:100%}.city-modal-content{display:flex;flex-direction:column;height:100%}.city-modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.city-modal-mobile .city-modal-header{display:none}.city-modal-header h2{color:#333;font-size:1.5rem;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.close-button:hover{background-color:#e9ecef}.city-modal-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.search-container{border-bottom:1px solid #eee;padding:20px;position:relative}.city-modal-mobile .search-container{padding-bottom:20px;padding-top:20px}.close-button-mobile{align-items:center;background:rgba(0,0,0,.1);border:none;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.1);color:#666;cursor:pointer;display:flex;font-size:22px;height:28px;justify-content:center;padding:0;position:absolute;right:20px;top:28px;transition:background-color .2s;width:28px;z-index:20}.close-button-mobile:hover{background-color:rgba(0,0,0,.1)}.close-button-mobile:active{background-color:rgba(0,0,0,.15)}.search-input{border:1px solid #ddd;border-radius:6px;font-size:16px;outline:none;padding:12px 16px;transition:border-color .2s;width:calc(100% - 30px)}.city-modal-mobile .search-input{padding-right:16px;width:calc(100% - 70px)}.search-input:focus{border-color:#007bff}.cities-list{flex:1 1;max-height:400px;overflow-y:auto}.city-modal-mobile .cities-list{max-height:calc(100vh - 200px)}.city-item{border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;padding:12px 20px;transition:background-color .2s}.city-item:hover{background-color:#f8f9fa}.city-item.selected{background-color:#e3f2fd;color:#1976d2;font-weight:500}.city-item:last-child{border-bottom:none}.cities-list::-webkit-scrollbar{width:6px}.cities-list::-webkit-scrollbar-track{background:#f1f1f1}.cities-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.cities-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}
/*# sourceMappingURL=main.7af3de00.css.map*/