body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{height:100vh;width:100%}.App .fa-bus{color:#039ae5}.App .fa-ship{color:#00aac1}.App .fa-subway{color:#ff9100}.App .fa-train{color:#c62828}.App .fa-tram{color:#43a048}.App .loader{margin:50% auto 0;border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:30px;height:30px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.RouteList{color:#fff;background:rgba(0,0,0,.85);z-index:1;position:fixed;overflow-y:scroll;overflow-x:hidden;height:50%;width:100%;bottom:0;box-shadow:0 10px 20px rgba(0,0,0,.25),0 10px 20px rgba(0,0,0,.25)}.RouteList .filter{flex-direction:column;position:-webkit-sticky;position:sticky;padding:20px;background:#fff;color:#000;overflow:hidden;top:0;color:grey}.RouteList .filter,.RouteList .filter .transport-modes{display:flex;justify-content:space-between}.RouteList .filter .transport-modes span{font-size:80%;margin:5px 0}.RouteList .filter .transport-modes .fas{color:grey}.RouteList .filter .transport-modes .fa-bus:hover{color:#039ae5}.RouteList .filter .transport-modes .fa-ship:hover{color:#00aac1}.RouteList .filter .transport-modes .fa-subway:hover{color:#ff9100}.RouteList .filter .transport-modes .fa-train:hover{color:#c62828}.RouteList .filter .transport-modes .fa-tram:hover{color:#43a048}.RouteList .filter .transport-modes .BUS-selected{color:#039ae5}.RouteList .filter .transport-modes .FERRY-selected{color:#00aac1}.RouteList .filter .transport-modes .SUBWAY-selected{color:#ff9100}.RouteList .filter .transport-modes .RAIL-selected{color:#c62828}.RouteList .filter .transport-modes .TRAM-selected{color:#43a048}.RouteList .filter .name{display:flex;justify-content:space-between;margin-top:10px}.RouteList .filter input{border:none;border-bottom:1px solid #dcdcdc;outline:none;padding:10px 0;width:65%}.RouteList .filter button{padding:8px;border-radius:5px;background:#dcdcdc;border:none;outline:none}.RouteList .filter .gogocar-selected,.RouteList .filter button:hover{background:grey;color:#fff}.RouteList .route{border-left:.5px solid grey;padding:10px;margin:15px}.RouteList .route p{margin:10px 0 0}.RouteList .route i{margin-right:10px}.RouteList .route:hover{border:none;background:#dcdcdc;color:#000}.RouteList .route--selected{background:grey;color:#fff}.RouteList .route--selected:hover{color:#000}@media only screen and (min-width:768px){.RouteList{width:40%;top:80px;height:80%;left:10px}.RouteList .filter .transport-modes{display:flex;justify-content:space-between}.RouteList .filter .transport-modes .fas{margin:0}}@media only screen and (min-width:992px){.RouteList{width:35%;height:90%}}@media only screen and (min-width:1200px){.RouteList{width:30%}.RouteList .filter input{font-size:110%}}
/*# sourceMappingURL=main.2e159e5a.chunk.css.map */