body{width:100vw;height:100vh;margin:0;font-family:Arial,sans-serif;display:flex}#sidebar{background-color:#f2f2f2;flex-direction:column;align-items:flex-start;width:25%;max-width:400px;padding:20px;display:flex}#sidebar img{max-width:100%;margin-bottom:20px}#sidebar p{text-align:center;margin-top:10px}#sidebar h3{margin-top:20px}#sidebar .form-group{align-items:center;margin-top:10px;display:flex}#sidebar label{margin-left:5px}#sidebar input[type=text]{width:100%;margin-top:10px;margin-right:10px;padding:5px;display:none}#submit-button{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:5px;margin-top:10px;padding:10px 20px;display:none}#submit-button:hover{background-color:#45a049}#map{background-color:#f9f9f9;flex:1;height:650px;padding:20px;position:relative}.tfl-results{flex-direction:column;flex:1;max-width:30%;padding:20px;display:flex}#stations-list,#weather-alerts{word-wrap:break-word;flex:1;margin-bottom:5px}#weather-alerts{background-color:#f2f2f2;display:flex}#weather-alerts h2{margin-bottom:10px;font-size:18px}.current-weather{float:left;align-items:center;width:45%;padding:10px;display:flex}.current-weather img{width:60px;height:40px;margin-right:20px}.weather-details{flex-direction:column;display:flex}.weather-field{margin-bottom:10px;display:flex}.field-label{margin-right:5px;font-weight:700}.field-value{font-weight:400}#stations-list{background-color:#f2f2f2;padding:20px}#stations-list h2{margin-bottom:8px;font-size:14px}#stations-list ul{padding:0;list-style-type:none}#stations-list li{margin-bottom:10px}.station:hover{background-color:#ede5e5}.current-preview{background-color:#e3dbdb}.station-distance{margin-right:5px;font-weight:700}.station-mode,.station-towards,.station-buses{display:block}.station-mode{font-weight:700}.station-towards{color:#666}.station-buses{color:#373232}.expected-today{width:45%;margin-top:10px;padding:10px}.expected-today h3{margin-bottom:10px;font-size:16px}.weather-advice{width:100%;padding:5px}.weather-advice h4{margin-bottom:10px;font-size:16px}.weather-advice p{margin-bottom:0;padding:0;font-size:14px}ul{margin:0;padding:0;list-style-type:none}li{margin-bottom:5px}#sidebar{box-shadow:0 0 10px #0000001a}#map{border:1px solid #ddd;border-radius:5px}.tfl-results{background-color:#fff;border:1px solid #ddd;border-radius:5px}#stations-list,#weather-alerts{background-color:#f9f9f9;border-radius:5px;padding:8px}#pagination{text-align:center;margin-top:0}#pagination button{margin:0;padding:8px 16px}#pagination .hidden{display:none}#pagination button:hover{background-color:#ddd}.hamburger{display:none}@media only screen and (width<=420px){#sidebar{order:2;width:100%;font-size:22px;display:none;position:absolute;top:400px}#sidebar img{display:none}body{width:100vw;max-height:50px;display:inline-block}#map{order:1;width:100vw;max-width:100%;max-height:300px;padding:10px;position:relative}.tfl-results{width:100vw;max-width:100%;padding:5px}.tfl-results h2{margin:3px;padding:5px}#stations-list h2{margin-bottom:3px;font-size:14px}.hamburger{cursor:pointer;appearance:none;background:0 0;border:none;outline:none;width:39px;height:32px;display:block;position:absolute;top:340px;right:15px}}.hamburger .bar,.hamburger:after,.hamburger:before{content:"";background-color:#a29b9b;width:100%;height:5px;margin:6px 0;transition:all .4s;display:block}.hamburger.is-active:before{transform:rotate(-225deg)translate(22px,7px)}.hamburger.is-active:after{transform:rotate(225deg)translate(22px,-7px)}.hamburger.hamburger.is-active .bar{opacity:0}#sidebar p{font-size:20px}input[type=checkbox],input[type=radio]{width:24px;height:24px}
/*# sourceMappingURL=index.b196f27e.css.map */