.absolute{position:absolute}canvas{width:100%;height:100%;top:0;left:0}.progress{color:#fff;padding:0 14px;font-size:24px}.center{display:-webkit-box;display:-ms-flexbox;display:flex;top:0;bottom:0;left:0;right:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.no-webgl{width:100%;color:#6285b7;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;padding:12px}.no-webgl .video-demo{margin-top:20px;width:853px;height:480px}.no-webgl h4{margin:7px 0;font-size:24px}.controls{width:440px;top:0;margin:14px;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;background-color:#0c2850;color:#6285b7;border:1px solid #6285b7}.actions,.controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.actions{height:40px;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.help{height:40px;padding:10px;text-align:center;font-size:14px;color:#fff}.direction-switch{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}a{text-decoration:none}a.direction-switch{color:#6285b7}a.highlighted{color:#fff;border-bottom:1px dashed #fff}.stats{padding:4px;position:absolute;background-color:#0c2850;margin:14px;bottom:0;font-size:12px;color:#6285b7}.bold{color:#cbd6e7}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;height:32px}.col{-webkit-box-flex:1;-ms-flex:1;flex:1}.details{padding:8px 14px}select{background:transparent;color:#cbd6e7;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;border:none;border-bottom:1px dashed;border-radius:0;padding-bottom:4px}option{color:#000}svg text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}select:focus{outline:none}.about-line{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;width:350px;left:50%;bottom:0;padding:7px 12px;background-color:rgba(12,40,80,.8);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.about-line a{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}a.about-link{color:#cbd6e7;font-size:16px}.graph-name{position:absolute;bottom:42px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:rgba(12,40,80,.8);padding:0 10px}.graph-name select{font-size:24px;cursor:pointer}.osm-note{position:absolute;width:290px;background-color:rgba(12,40,80,.8);font-size:11px;text-align:right;top:14px;right:14px}.osm-note,.osm-note a{color:#6285b7}@media (max-width:800px){.osm-note{display:none}.progress{font-size:18px}.about-line{width:100%;bottom:0}.details{padding:5px}.controls{width:100%;margin:0}.stats{margin:0;bottom:0;top:auto}a.about-link{bottom:0;padding-bottom:4px}.no-webgl .video-demo{width:560px;height:315px}.direction-switch{font-size:14px}}@media (max-width:600px){.no-webgl{padding:0}.no-webgl div{padding:7px}.no-webgl .video-demo{width:100%;height:300px}.graph-name{bottom:48px}.graph-name select{font-size:16px}}svg.svg-overlay{top:0;left:0;width:100%;height:100%;pointer-events:none;background:transparent}.route-info-container{display:-webkit-box;display:-ms-flexbox;display:flex}svg.route-info{-webkit-box-flex:1;-ms-flex:1;flex:1;height:40px;cursor:pointer;width:100%;margin-left:7px}a.reset{color:#cbd6e7;font-size:small;padding:0 10px;display:block;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.label{width:100px;-ms-flex-negative:0;flex-shrink:0;padding-right:7px}.no-pointer{pointer-events:none}.error{color:#ff1493}.error-details{font-family:monospace;text-align:left}a::-moz-selection,div::-moz-selection,h3::-moz-selection,h4::-moz-selection,p::-moz-selection{background:#d03094;color:#fff}a::selection,div::selection,h3::selection,h4::selection,p::selection{background:#d03094;color:#fff}.about{position:absolute;overflow-y:auto;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.about .close{position:absolute;right:15px;font-size:12px}.about .large-close{width:100%;height:32px;display:block;text-align:center}.about .content{color:#6285b7;position:absolute;background-color:#0c2850;width:400px;padding:14px;border:1px solid #6285b7}.about .content h3{margin:0;font-weight:400}.background{position:absolute;background-color:rgba(12,40,80,.8);top:0;left:0;width:100%;height:100%}@media (max-width:800px){.about{-webkit-box-pack:initial;-ms-flex-pack:initial;justify-content:normal}.about .content{width:100%;border:none}} /*# sourceMappingURL=app.08242d502c686d9daf948a3977d11508.css.map */