.loading-spinner{min-width:24px;min-height:24px;color:transparent;cursor:default}.loading-spinner:before{content:"Loading...";position:absolute;top:50%;left:50%;width:18px;height:18px;margin-top:-9px;margin-left:-9px}.loading-spinner:active{pointer-events:none}.loading-spinner:not(:required):before{animation:spinner .6s linear infinite;content:"";border-radius:50%;border-color:transparent;border-color:transparent transparent hsla(0,0%,100%,.5) hsla(0,0%,100%,.5);border-style:solid;border-width:2px}.loading-spinner.btn-ghost,.loading-spinner .btn-ghost{color:transparent}.loading-spinner.spinner-blue:not(:required):before{border-color:transparent transparent #1381fa #1381fa}@keyframes spinner{to{transform:rotate(1turn)}}.spinner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:hsla(0,0%,100%,.65);display:none}.close-btn,.poi-popup .mapboxgl-popup-close-button{border:0;background:none;padding:.3rem 1rem;margin:.6rem}.poi-marker{cursor:pointer}.poi-popup{width:23rem;height:23rem}.poi-popup.mapboxgl-popup-anchor-bottom,.poi-popup.mapboxgl-popup-anchor-left,.poi-popup.mapboxgl-popup-anchor-right,.poi-popup.mapboxgl-popup-anchor-top{align-items:center}.poi-popup.mapboxgl-popup-anchor-bottom-right,.poi-popup.mapboxgl-popup-anchor-top-right{align-items:flex-end}.poi-popup.mapboxgl-popup-anchor-bottom-left,.poi-popup.mapboxgl-popup-anchor-top-left{align-items:flex-start}.poi-popup.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,.poi-popup.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip,.poi-popup.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip,.poi-popup.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{margin:0 .2rem}.poi-popup .mapboxgl-popup-content{max-width:100%;border-radius:.2rem;box-shadow:0 .06rem .4rem rgba(0,0,0,.25);padding:1rem}.poi-popup .poi-title{margin-top:0;padding-right:2rem}.poi-popup p{word-break:break-word}.poi-popup img{display:block;border-radius:.2rem}.poi-popup :last-child{margin-bottom:0}.poi-popup .mapboxgl-popup-close-button{position:absolute;top:0;right:.2rem;font-size:2rem;font-weight:700;line-height:.6;width:0}[class^=i-]{display:inline-block;width:1.6em;height:1.6em;vertical-align:-.45em;text-indent:100%;white-space:nowrap;overflow:hidden;background-size:contain;background-repeat:no-repeat;background-position:50%}.i-secondary{filter:brightness(2.6) saturate(.2)}.i-white{filter:brightness(15)}.i-primary{filter:brightness(2) hue-rotate(9deg) saturate(1.8)}.i-success{filter:brightness(1.8) hue-rotate(319deg) saturate(2.4)}.i-danger{filter:brightness(1.5) hue-rotate(156deg) saturate(2.4)}.i-gold{filter:brightness(3.5) hue-rotate(213deg) saturate(2.4)}.bikemap-ctrl [class^=i-],.i-sm{width:1.4em;height:1.4em;vertical-align:-.4em}.i-lg{width:1.8em;height:1.8em;vertical-align:-.57em}.i-xl{width:3em;height:3em}.i-circled{border-radius:50%;border:.1em solid #1d4159;margin:.2em;vertical-align:middle}.bikemap-ctrl.active{background:#1381fa;color:#fff}.bikemap-ctrl button{padding:0 1rem;color:inherit;font-weight:700;font-size:15px}.bikemap-ctrl>.checkbox-label{margin:-.12rem .4rem -.05rem}.bikemap-ctrl>.checkbox-label input{top:.2rem}.bikemap-ctrl>.checkbox-label:before{top:.47rem}.bikemap-ctrl.heatmap-ctrl button{width:auto}.mapboxgl-ctrl-top-left{display:flex;align-items:flex-start;margin-right:1rem}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{margin:1rem 0 0 1rem}.mapboxgl-ctrl-top-right{margin-left:1rem}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{margin:1rem 1rem 0 0}.mapboxgl-ctrl-bottom-right{margin-left:1rem}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl{margin:0 1rem 1rem 0}.mapboxgl-ctrl-bottom-left{margin-right:1rem}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl{margin:0 0 1rem 1rem}.mapboxgl-ctrl-group:not(:empty){overflow:visible;box-shadow:0 .06rem .4rem rgba(0,0,0,.25)}@keyframes buttons_transition{0%{opacity:0}to{opacity:1}}.map-style-ctrl{position:relative;border-radius:.4rem;padding:.5rem;max-width:5rem;transition:all .2s ease}.map-style-ctrl:not(.expanded) .close-btn,.map-style-ctrl:not(.expanded) .ctrl-label{display:none}.map-style-ctrl:not(.expanded) .map-styles-wrapper{flex-direction:column}.map-style-ctrl:not(.expanded) .map-style-btn:nth-child(3)~.active{order:-1}.map-style-ctrl.expanded{padding:1.3rem;max-width:16.2rem}.map-style-ctrl.expanded .map-styles-wrapper{margin-top:.6rem;flex-wrap:wrap;max-height:18rem;overflow-y:auto;width:15rem;transition:max-height .2s ease}.map-style-ctrl.expanded .map-style-btn{width:6.6rem;height:5.28rem;animation:buttons_transition .2s .2s both}.map-style-ctrl.expanded .more-btn,.map-style-ctrl.expanded .toggle-btn{display:none}.map-style-ctrl .ctrl-label{margin-right:2rem;color:#879ead;text-transform:uppercase;font-size:.9rem;white-space:nowrap;overflow:hidden;line-height:1}.map-style-ctrl .close-btn{position:absolute;top:0;right:0}.map-style-ctrl button:hover{background:none}.map-style-ctrl .map-styles-wrapper{display:flex;margin:-.2rem;overflow:hidden;max-height:12rem}.map-style-ctrl .map-style-btn{position:relative;width:4rem;height:3.6rem;flex-shrink:0;margin:.2rem;background:none;border:1px solid #e2eaef;border-radius:.4rem;padding:0;overflow:hidden;cursor:pointer}.map-style-ctrl .map-style-btn img{width:100%;height:100%;object-fit:cover;object-position:top}.map-style-ctrl .map-style-btn.active{border-color:#1381fa}.map-style-ctrl .map-style-btn.active .map-style-label{color:#1381fa}.map-style-ctrl .map-style-btn.dark .map-style-label{background-color:rgba(0,0,0,.6);color:#fff}.map-style-ctrl .map-style-btn:focus img,.map-style-ctrl .map-style-btn:hover img{opacity:.7}.map-style-ctrl .map-style-label{position:absolute;right:0;bottom:0;left:0;background-color:hsla(0,0%,100%,.6);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:.8rem;padding:.2rem;text-align:left}.map-style-ctrl .more-btn{width:100%;height:1rem}.map-style-ctrl .more-btn .i-layers{width:1.6rem;height:1.6rem}.map-style-ctrl .toggle-btn{width:100%;padding:0;margin:.1rem 0;border-top:0}.map-style-ctrl .premium-badge{position:absolute;top:.2rem;right:.2rem;width:1.2rem;height:1.5rem}.mtk-elevation-profile{background:hsla(0,0%,100%,.75);padding:.5rem 0;border-radius:.2rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mtk-elevation-profile.mtk-elevation-container svg,.mtk-elevation-profile.mtk-elevation-control svg{display:block}.mtk-elevation-profile.mtk-elevation-container svg .mtk-elevation-background,.mtk-elevation-profile.mtk-elevation-control svg .mtk-elevation-background{fill:transparent;stroke-width:0}.mtk-elevation-profile.mtk-elevation-container svg .mtk-elevation-close,.mtk-elevation-profile.mtk-elevation-control svg .mtk-elevation-close{display:none}.mtk-elevation-profile.mtk-elevation-container svg .mtk-elevation-x-grid,.mtk-elevation-profile.mtk-elevation-container svg .mtk-elevation-y-grid,.mtk-elevation-profile.mtk-elevation-control svg .mtk-elevation-x-grid,.mtk-elevation-profile.mtk-elevation-control svg .mtk-elevation-y-grid{stroke-width:1px}.mtk-elevation-profile.mtk-elevation-container svg .mtk-elevation-curve-end-point,.mtk-elevation-profile.mtk-elevation-container svg .mtk-elevation-curve-start-point,.mtk-elevation-profile.mtk-elevation-control svg .mtk-elevation-curve-end-point,.mtk-elevation-profile.mtk-elevation-control svg .mtk-elevation-curve-start-point{fill:#1d4159;stroke:#1d4159}.mtk-elevation-profile.mtk-elevation-container svg .mtk-elevation-text,.mtk-elevation-profile.mtk-elevation-control svg .mtk-elevation-text{font-family:ProximaNova,sans-serif!important;font-size:3em!important;stroke:#879ead;fill:#879ead;font-weight:400}.mtk-elevation-profile.mtk-elevation-container svg path.mtk-elevation-curve-fill,.mtk-elevation-profile.mtk-elevation-control svg path.mtk-elevation-curve-fill{fill:#1381fa;opacity:.3!important}.mtk-elevation-profile.mtk-elevation-container svg .mtk-elevation-curve-stroke:not(.mtk-elevation-curve-surface),.mtk-elevation-profile.mtk-elevation-control svg .mtk-elevation-curve-stroke:not(.mtk-elevation-curve-surface){stroke:#1381fa;stroke-width:.5em;stroke-opacity:1}.mtk-elevation-profile.mtk-elevation-container svg .mtk-elevation-section,.mtk-elevation-profile.mtk-elevation-control svg .mtk-elevation-section{fill:#d51515;opacity:.3!important}.mapboxgl-map{font-family:ProximaNova,sans-serif;font-size:1rem}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1381fa}.mapboxgl-canvas.pointer{cursor:pointer}@keyframes curtain_fade_out{0%{opacity:1;max-height:100vh}99%{opacity:0;max-height:100vh}to{max-height:0}}.map-curtain{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(29,65,89,.75);height:100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:20;display:flex;justify-content:center;align-items:center;overflow:hidden}.map-curtain .text{color:#fff;text-align:center;padding:1rem}.map-curtain.fade-out{animation:curtain_fade_out 1s forwards}.overlay,.overlay-after:after,.overlay-before:before,.overlay-btn:after,.placeholder-staticmap:after{position:absolute;top:0;left:0;width:100%;height:100%}.overlay-before{position:relative}.overlay-before:before{content:""}.overlay-after,.placeholder-staticmap{position:relative}.overlay-after:after,.placeholder-staticmap:after{content:""}.overlay-btn{position:static}.overlay-btn:after{content:""}@keyframes placeholder_fade_in{0%{opacity:0}to{opacity:.5}}.placeholder-staticmap{overflow:hidden;width:100%;height:100%;background-color:#f8faef}.placeholder-staticmap img{max-width:none;opacity:0;animation:placeholder_fade_in 3s 1s forwards;width:100%;height:100%;object-fit:cover;object-position:center}@supports not ((-webkit-backdrop-filter:blur(30px)) or (backdrop-filter:blur(30px))){.placeholder-staticmap img{filter:blur(30px)}}.placeholder-staticmap:after{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.route-widget{height:100vh;padding:4px}.route-widget .widget-content{border:1px solid #e2eaef;border-radius:.2rem;box-shadow:0 0 1px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.3);display:flex;flex-flow:column;height:100%}.route-widget .widget-footer,.route-widget .widget-header{background-color:#fff}.route-widget .widget-header{flex:none;padding:1rem}.route-widget .widget-header h3{font-size:19px}.route-widget .widget-header .item-label{display:none}.route-widget .widget-header .bikemap-widget-logo{display:none;height:auto;width:192px}.route-widget .widget-header .bikemap-widget-logo-bike{height:auto;width:64px}.route-widget .header-link-container{float:right}.route-widget .header-link-container .header-link{display:block;padding:4px 0 8px}.route-widget .header-link-container .header-link-text{display:none;font-weight:700;overflow:hidden}.route-widget .header-link-container .header-link-icon{float:left;height:auto;margin-right:5px;margin-top:-3px;width:32px}.route-widget #mapwrapper{flex:1 1 0%;overflow:auto;position:relative}.route-widget #map{position:absolute;width:100%;height:100%}.route-widget .widget-footer{display:none;flex:none;padding:1rem}.route-widget .widget-footer .route-description{display:block;max-height:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-widget .widget-footer #elevationprofile{display:none;height:100px;width:300px;position:relative;font-size:2rem}.route-widget .widget-footer .mtk-elevation-body{margin-bottom:0!important}.userwidget{background:#fff!important;line-height:1.2;overflow:hidden}.userwidget .userimage{border-radius:0;display:block;margin-bottom:30px;padding:5px}.userwidget #bikemap-userwidget{float:none;margin:auto;width:132px}.userwidget #bikemap-userwidget img{margin-bottom:15px}.userwidget #bikemap-userwidget p{color:#999;font-size:11px;margin-left:1px;margin-top:-9px}.userwidget #bikemap-userwidget strong{border-bottom:1px solid #e8e8e8;color:#64767c;display:block;font:700 11px/11px Helvetica,Helvetica Neue,Arial,sans-serif;margin-bottom:15px;margin-left:1px;padding-bottom:8px}.userwidget #bikemap-userwidget .username{border-bottom:0;color:#5fbfdf;display:block;font:700 14px/14px Helvetica,Helvetica Neue,Arial,sans-serif;margin-bottom:15px;padding-bottom:0}.userwidget #bikemap-userwidget a:hover .username{color:#64767c}.userwidget #bikemap-userwidget .widget-footer{border-top:1px solid #e8e8e8;display:block;font:8px/8px Helvetica,Helvetica Neue,Arial,sans-serif;padding-top:8px;text-transform:uppercase}.imagestyle{border:1px solid #e5e5e5}@media (min-width:300px){.route-widget .widget-footer #elevationprofile{clear:right;display:block;float:right;margin-left:1rem}}@media (min-width:500px){.route-widget .widget-header .bikemap-widget-logo{display:block}.route-widget .widget-header .bikemap-widget-logo-bike{display:none}}@media (min-width:768px){.map-style-ctrl .toggle-btn{display:none}.map-style-ctrl.expanded .map-styles-wrapper{max-height:30rem}.route-widget .header-link-container .header-link-text{display:block}}@media (min-width:992px){.close-btn,.poi-popup .mapboxgl-popup-close-button{opacity:.5}.close-btn:focus,.close-btn:hover,.poi-popup .mapboxgl-popup-close-button:focus,.poi-popup .mapboxgl-popup-close-button:hover{opacity:1}.route-widget .widget-header h3{font-size:26px}.route-widget .widget-header .item-label{display:block}}@media (min-width:1200px){.map-style-ctrl.expanded{max-width:23.2rem}.map-style-ctrl.expanded .map-styles-wrapper{width:22rem}}@media (max-width:767px){.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-group:nth-child(2),.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-zoom-in,.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-zoom-out{display:none}.map-style-ctrl:not(.expanded){width:2.4rem;height:2.4rem;border-radius:1.2rem}.map-style-ctrl .more-btn,.map-style-ctrl:not(.expanded) .map-style-btn{display:none}}@media (min-height:500px){.route-widget .widget-footer{display:block}}

/*# sourceMappingURL=route-widget.d266b185ac7d96d9ff70.css.map*/