.city-search-full-width{background-color:var(--app-dark-blue)}.city-search-container{width:100%;max-width:1280px;margin:0 auto;padding:5px;background-color:var(--app-blue-dark)}#city-name{height:50px;width:100%}.city-search-form{display:flex;gap:5px}.city-search-form>input{padding:0 10px;border:none}.city-tile{width:100%;background-color:#f7f7f7;text-align:left;padding:10px 15px;border:none}.city-tile:hover{background-color:#eaaa00}.city-tile-name{font-weight:700;margin-bottom:4px}.city-tile-coords{font-weight:400;color:#525252}.city-search-messages{color:#fff}.nav{background:linear-gradient(to bottom,#035172,var(--app-blue));width:100%;height:60px;position:fixed;top:0;left:0;z-index:1000}.nav-flex{width:100%;padding:5px;max-width:1280px;margin:0 auto;justify-content:space-between;display:flex}.nav-brand{display:flex;align-items:center;gap:15px}.nav-controls{display:flex;gap:5px;flex-direction:row;vertical-align:top}.nav-control{width:50px;height:50px}.nav-controls>button{color:#fff;background-color:transparent;border:1px solid white;padding:0}.nav-control:hover{background-color:#eaaa00;border:1px solid white}.nav-control:active{background-color:var(--app-blue-very-dark);border:1px solid white}#nav-control-search{display:flex;background-color:transparent;border:1px solid white;align-items:center;justify-content:center}#nav-control-search:hover{background-color:#eaaa00}#nav-control-search:active{background-color:var(--app-blue-very-dark)}.nav-logo{font-family:Sixtyfour,sans-serif;color:#fff;font-size:2.2em;position:relative;margin-left:5px;font-family:Nunito,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal}.nav-logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.nav-logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.slide-enter{max-height:0;opacity:0;overflow:hidden;background-color:var(--app-blue-dark)}.slide-enter-active{max-height:60px;opacity:1;transition:max-height .3s ease,opacity .3s ease;background-color:var(--app-blue-dark)}.slide-exit{max-height:60px;opacity:1;overflow:hidden;background-color:var(--app-blue-dark)}.slide-exit-active{max-height:0;opacity:0;transition:max-height .3s ease,opacity .3s ease;background-color:var(--app-blue-dark)}.slide-enter-done{background-color:var(--app-blue-dark)}button:hover{background-color:var(--app-blue);border-color:#babe86}.weather-results-tabs{overflow:auto;white-space:nowrap;width:100%;display:flex;align-items:end}.weather-results-tab{display:inline-block;background-color:#fff;color:#000;text-align:center;padding:14px;text-decoration:none;height:55px;border:1px solid lightgray;border-left:none;border-bottom:3px solid var(--app-blue-dark)}.weather-results-tab:hover{background-color:#ffefc5;border-bottom:3px solid var(--app-blue-very-dark)}.tab-active{height:100px;background-color:#fff;border-bottom:6px solid #eaaa00}.tab-active:hover{border-bottom:6px solid #eaaa00}.tab-active:focus{background-color:#fff;border-bottom:6px solid #eaaa00}.weather-current-container{background:no-repeat center center;background-size:cover;padding:0 10px;height:500px;display:flex;flex-direction:column;justify-content:end}.weather-current{border-left:3px solid var(--app-blue);background-color:#ffffffd3;max-width:400px;margin:0 20px 120px;padding:5px 20px}.weather-current-top-row{display:flex;justify-content:space-between}.weather-current-location{display:flex;flex-direction:row;align-items:end}.weather-current-icon{display:flex;justify-content:end;align-items:end}.weather-forecast{margin-top:-100px}.background-clouds{background-image:url(/images/clouds.webp)}.background-rain{background-image:url(/images/rain.webp)}.background-drizzle{background-image:url(/images/drizzle.webp)}.background-clear{background-image:url(/images/clear.webp)}.background-snow{background-image:url(/images/snow.webp)}.background-thunderstorm{background-image:url(/images/thunderstorm.webp)}.background-other{background-image:url(/images/other.webp)}.weather-table{width:100%;text-align:center;border-collapse:collapse;table-layout:fixed}th{vertical-align:middle;height:40px;background-color:#e6f0f3}th>p{margin:0}.weather-table td,tr{border:none;border-bottom:1px solid #add8e6;padding:2px 5px;height:60px}.weather-table tr:hover{background-color:#f3fcff}.weather-table th:nth-child(1),.weather-table td:nth-child(1){width:30%}