:root{font-family:BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#333;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;font-size:calc(12px + .5vmin)}a{text-decoration:none;color:#333}input,button{border-radius:2px;border:1px solid transparent;border:none;cursor:pointer;font-family:inherit;font-size:medium;font-weight:500;margin:0 2px;min-height:35px;min-width:59px;padding:.6em 1.2em;transition:border-color .25s}form{margin:1vh 0}input{border-bottom:#666;border-bottom-style:solid;border-bottom-width:1px}.regular-button{background:#ccc;border:none;cursor:pointer}.regular-button.active{background:#666;color:#d8d8d8}.content{max-width:1024px;margin-left:auto;margin-right:auto;padding:0 1vw;padding-top:2.5vh}.vertically-centered{display:flex;align-items:center;justify-content:center}.page{min-height:75vh}.empty-state{min-height:33vh}.two-columns{display:flex;justify-content:space-between}.weather-container{margin-top:5vh}.weather-container summary{cursor:pointer}.list{display:flex;flex-direction:column}.list-item{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:10px;align-items:center;margin-top:10px}.list-item.header{font-weight:bolder;text-transform:capitalize}.content.unit-selector{padding-top:0;text-align:right}.tiny-button{width:10px;max-width:10px}.stations-footer{margin-top:4vh}.stations{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:2em;width:100%}.station{background-color:#dfdfdf;padding:5px 15px 15px;border-radius:5px;align-items:center;cursor:pointer;display:grid;grid-template-columns:1fr max-content;grid-template-areas:"title temperature" "extra button"}.station button{background:none;grid-area:button;justify-self:end;max-height:4px;max-width:30px}.station h2{grid-area:temperature;justify-self:end}.station h1{grid-area:title}.station>div{grid-area:extra}.listed-station{display:grid;grid-template-rows:2fr 1fr;grid-template-columns:1fr 50px;grid-template-areas:"title button" "extra button";max-width:400px}.listed-station button{grid-area:button;align-self:center}.listed-station h3{grid-area:title}.listed-station .two-columns{grid-area:extra}.nav{text-align:center;background-color:#282c34}.nav-header{display:flex;align-items:center;font-size:calc(14px + 2vmin);font-weight:200}.nav-link{color:#aaa;padding:10px 20px 10px 0}.nav-link.active{color:#d8d8d8}