@import url(https://fonts.googleapis.com/css?family=Roboto:400,500|Roboto+Mono:300,400);body{margin:0;padding: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}#root{position:absolute;top:0;bottom:0;width:100%}.left-menu{top:5px;left:5px;display:grid;grid-auto-flow:row;grid-row-gap:5px}.left-menu,.legend{position:absolute;z-index:1;font-family:"Roboto",sans-serif}.legend{right:5px;bottom:40px;background:#e5eff7;overflow-y:auto;border:1px solid #000;max-height:50%;font-size:12px;-webkit-overflow-scrolling:touch}.route-filter{width:250px}.bus-filter,.bus-filter input[type=text],.route-filter{font-family:"Roboto",sans-serif;font-size:12px}.bus-filter input[type=text]{width:180px;height:20px;margin:0;border:0;padding:5px 0 5px 10px;box-shadow:0 0 0 2px rgba(0,0,0,.1);border-radius:3px;-webkit-overflow-scrolling:touch}.mapboxgl-popup{max-width:-webkit-fit-content!important;max-width:-moz-fit-content!important;max-width:fit-content!important}.popup-container{z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,41.2%,.7)}.popup-container,.popup-content{display:grid;box-sizing:border-box}.popup-content{align-items:start;grid-auto-flow:row;grid-row-gap:10px;border-radius:10px;box-shadow:0 8px 60px #696969;padding:10px;margin-left:5px;margin-right:5px;max-height:calc(100% - 20px);overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;font-family:"Roboto",sans-serif}@media (min-width:320px) and (max-width:480px){.popup-container{align-items:center;justify-items:center}}@media (min-width:481px){.popup-container{align-items:start;justify-items:end}.popup-content{margin-top:10px}}.popup-header{display:grid;grid-auto-flow:column;align-content:center}.route-detail{display:grid;grid-auto-flow:row}.route-detail-header{justify-self:start;font-size:28px;font-weight:400}.popup-close-button{justify-self:end;width:19px;height:19px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADXSURBVHgB7VLBDYMwDHTCFMAn3aACBqCb0EmASegKnaD0D0PwgTFSu20kK3WaD09Oigg++2SfA3BgFxRFMeBpA1xbluUgcYkkpJRq8NRpmsK2bU8uhPEOr+csywxyd16rfTGt9eLuVOg6ZEKOW/xaBQKqquqstXzMEU/NhPppmjqIjUlY13XM81wxARMTCnbmgEY/mOC7w3meL6H8JER8PWq8sPGXEhXzzYaPZ4Yu0paDYsLWehztyj0MCf48DUw8cSFnNn3pX8r7CzT+Rs9D4ihOPBzYBS+yvkt9roRg/QAAAABJRU5ErkJggg==) no-repeat}.popup-close-button:hover{cursor:pointer}.route-detail-name{font-size:22px;font-weight:400;color:#484848}.route-detail-value{font-size:48px;font-weight:400}.route-detail-value-warning{color:#ba2327}.route-popup-tabs{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr}.route-popup-tab{display:flex;align-items:center;justify-content:center;padding:5px;font-size:24px;font-weight:400;border:2px solid #cdcdcd}.route-popup-tab-active{border-width:2px 2px 0}.route-popup-tab-inactive{border-width:0 0 2px}.route-popup-tab-inactive:hover{cursor:pointer}.route-time-points{min-height:200px;display:grid;grid-auto-flow:row;grid-row-gap:10px;align-items:start;padding-bottom:10px}.route-no-service{align-self:center;justify-self:center;display:grid;grid-auto-flow:row;grid-row-gap:20px;justify-items:center}.route-no-service-text{font-size:22px;font-weight:400;color:#ba2327;text-transform:uppercase;text-align:center}.route-time-point{font-family:"Roboto Mono",monospace;padding-left:10px}.route-time-point-before{color:#6e6d6d}.route-current-time{display:grid;grid-auto-flow:row;align-items:center}.route-current-time-margin{margin-bottom:-10px}.route-current-time-header{display:grid;grid-auto-flow:column;align-items:center;grid-column-gap:10px}.route-current-time-text{justify-self:end;font-size:18px;font-weight:400;color:#ba2327}.route-current-time-graphic{display:grid;grid-template-columns:0fr 1fr;align-items:center}.route-current-time-circle{background-color:#c12026;border-radius:50%;width:15px;height:15px}.route-current-time-line{border:2px solid #c12026;height:0}.bus-stop{display:grid;grid-auto-flow:row}.bus-stop-header{justify-self:start;font-size:24px;font-weight:400;margin-top:20px}.bus-stop-route{display:grid;grid-auto-flow:column;align-items:center;justify-content:start;grid-template-columns:20px auto;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px}.bus-stop-info{padding:10px 10px 10px 0;margin-left:30px;font-size:14px;font-weight:400;color:#8a8a8a}.box{border:1px solid #000}ul{padding-left:0;margin:0}li span{position:relative}.loading-container{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:.8;z-index:100}.loading{position:relative;left:calc(50% - 32px);top:calc(50% - 32px);height:64px;width:64px}
/*# sourceMappingURL=main.485e5d78.chunk.css.map */