.planner-label{background:#fff;border-radius:16px;display:flex;font-size:.875rem;padding:6px 16px}.planner-label span{color:#ee7f00}.step__icon{align-items:center;border-radius:24px;box-shadow:3px 3px 8px rgba(29,29,29,.1);box-sizing:border-box;display:flex;height:40px;justify-content:center;position:relative;width:40px}.step__icon:before{background:#fff;border-radius:8px;color:#ee7f00;content:attr(data-content);font-family:NN Dagny Display,verdana,NN Dagny Text,arial,sans-serif;font-size:.6875rem;height:15px;position:absolute;right:-4px;text-align:center;top:-4px;width:15px}.step__icon svg{fill:#9d9d9d}.step__icon.active svg{fill:#fff}.step__icon:before{color:#9d9d9d}[data-valid~="2"] [data-pagetrigger^=event-step] .step__icon svg,[data-valid~="5"] [data-pagetrigger^=upload-step] .step__icon svg,[data-valid~="6"] [data-pagetrigger=generate] .step__icon svg,[data-valid~="7"] [data-pagetrigger=existing-route] .step__icon svg{fill:#ee7f00}[data-valid~="2"] [data-pagetrigger^=event-step] .step__icon:before,[data-valid~="5"] [data-pagetrigger^=upload-step] .step__icon:before,[data-valid~="6"] [data-pagetrigger=generate] .step__icon:before,[data-valid~="7"] [data-pagetrigger=existing-route] .step__icon:before{background:#74bd00 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAd0lEQVR4AWNwL/ChCJOk+P///wZAfBCItwAxL0iMFM2GQPz2PwKEgsTJ0gxli4DkyNVsCA8DkF9AzgGZSJpmhAHboZJvQIFEvGaEAYfRFBkQ1ozAMJveISsmrBmBsTqXsGYEJirA8GEcoY7QTAjjindDUvICRRgA3Wu5O/Z9qOYAAAAASUVORK5CYII=");background-position:50%;background-repeat:no-repeat;background-size:8px 7px;text-indent:-9999em}[data-step=complete] .step__icon.active,[data-step=complete] [data-pagetrigger=complete] .step__icon,[data-step=existing-route] .step__icon.active,[data-step=existing-route] [data-pagetrigger=existing-route] .step__icon,[data-step=generate-image] .step__icon.active,[data-step=generate-image] [data-pagetrigger=complete] .step__icon,[data-step=generate] [data-pagetrigger=generate] .step__icon,[data-step=poi] [data-pagetrigger^=event-step] .step__icon,[data-step^=event-step] [data-pagetrigger^=event-step] .step__icon,[data-step^=upload-step] [data-pagetrigger^=upload-step] .step__icon{background:linear-gradient(270deg,#ee7f00,#ea650d)}[data-step=complete] .step__icon.active svg,[data-step=complete] [data-pagetrigger=complete] .step__icon svg,[data-step=existing-route] .step__icon.active svg,[data-step=existing-route] [data-pagetrigger=existing-route] .step__icon svg,[data-step=generate-image] .step__icon.active svg,[data-step=generate-image] [data-pagetrigger=complete] .step__icon svg,[data-step=generate] [data-pagetrigger=generate] .step__icon svg,[data-step=poi] [data-pagetrigger^=event-step] .step__icon svg,[data-step^=event-step] [data-pagetrigger^=event-step] .step__icon svg,[data-step^=upload-step] [data-pagetrigger^=upload-step] .step__icon svg{fill:#fff}[data-step=complete] .step__icon.active:before,[data-step=complete] [data-pagetrigger=complete] .step__icon:before,[data-step=existing-route] .step__icon.active:before,[data-step=existing-route] [data-pagetrigger=existing-route] .step__icon:before,[data-step=generate-image] .step__icon.active:before,[data-step=generate-image] [data-pagetrigger=complete] .step__icon:before,[data-step=generate] [data-pagetrigger=generate] .step__icon:before,[data-step=poi] [data-pagetrigger^=event-step] .step__icon:before,[data-step^=event-step] [data-pagetrigger^=event-step] .step__icon:before,[data-step^=upload-step] [data-pagetrigger^=upload-step] .step__icon:before{background:#fff;color:#ee7f00;text-indent:0}#navigation-trigger{left:-9999em;position:absolute}@media screen and (min-width:60em){.navigation-close,.navigation-trigger{display:none}}.mobile-quicknav{display:none}@media screen and (max-width:59.99em){.mobile-quicknav{align-items:center;display:flex;justify-content:center;margin:24px 0 16px;min-height:48px;position:relative;width:100%;z-index:5}}.mobile-quicknav__icon{background:#fff;transition:all .2s ease}.mobile-quicknav__item{margin:0 24px;position:relative}[data-step=complete] .mobile-quicknav__item[data-pagetrigger=complete] .mobile-quicknav__icon,[data-step=existing-route] .mobile-quicknav__item[data-pagetrigger=existing-route] .mobile-quicknav__icon,[data-step=generate-image] .mobile-quicknav__item[data-pagetrigger=complete] .mobile-quicknav__icon,[data-step=generate] .mobile-quicknav__item[data-pagetrigger=generate] .mobile-quicknav__icon,[data-step^=event-step] .mobile-quicknav__item[data-pagetrigger^=event-step] .mobile-quicknav__icon,[data-step^=upload-step] .mobile-quicknav__item[data-pagetrigger^=upload-step] .mobile-quicknav__icon{height:48px;width:48px}.mobile-quicknav__item:not(:last-child):after{border-top:2px solid #fff;content:"";left:calc(100% + 12px);position:absolute;top:50%;width:24px}[data-valid~="2"] .mobile-quicknav__item[data-pagetrigger^=event-step]:after,[data-valid~="5"] .mobile-quicknav__item[data-pagetrigger^=upload-step]:after,[data-valid~="6"] .mobile-quicknav__item[data-pagetrigger=generate]:after,[data-valid~="7"] .mobile-quicknav__item[data-pagetrigger=existing-route]:after{border-top-color:#ee7f00}.scale-video{padding-top:56.25%;position:relative;width:100%}.scale-video iframe{height:100%;left:0;position:absolute;top:0;width:100%}[data-visible]:not([data-visible=""]){display:none}:root{--sidebar-width:0;--header-height:57px}@media screen and (min-width:60em){:root{--sidebar-width:260px;--header-height:89px}}@media screen and (min-width:70.5em){:root{--sidebar-width:320px}}.runnerplanner-wrapper{background-color:#fff;background-image:url(/images/backgrounds/hardloopplanner.jpg);background-position:right 17% center;background-repeat:no-repeat;background-size:cover;min-height:calc(var(--app-height) - var(--header-height));min-width:100%}.main-layout{grid-column-gap:0;grid-row-gap:0;display:grid;grid-template-areas:"content";grid-template-columns:1fr;grid-template-rows:auto 1fr;height:100%;position:relative;width:100%}@media screen and (min-width:60em){.main-layout{grid-template-areas:"nav content";grid-template-columns:var(--sidebar-width) auto}}body[data-step=splash] .main-layout{display:none}body:not([data-step=splash]) .main-layout{animation:fadeIn .4s forwards}.main-nav{grid-area:nav}.main-content{box-sizing:border-box;display:flex;flex-direction:column;grid-area:content;min-height:calc(var(--app-height) - var(--header-height));padding:24px 0;position:relative}body.default-page .main-content{padding-bottom:40px}@media screen and (min-width:60em){body.default-page .main-content{padding-top:40px}}@media screen and (min-width:60em){body[data-step=poi] .main-content,body[data-step^=event-step] .main-content{padding:40px 0}}@media screen and (min-height:1000px){body[data-step=complete] .main-content,body[data-step=generate-image] .main-content{overflow:hidden}}body[data-step=existing-route] .main-content,body[data-step=generate] .main-content{overflow:hidden;padding:0}body:not([data-step=splash]) .main-content{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:hsla(0,0%,100%,.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main-nav{background:#fff;display:flex;flex-direction:column;min-height:calc(var(--app-height) - var(--header-height))}@media screen and (max-width:59.99em){.main-nav{box-shadow:50px 0 50px hsla(0,0%,62%,.4);display:none;max-width:90vw;opacity:0;z-index:20}#navigation-trigger:checked~.overall-wrapper .main-nav{animation:showNavigation .2s forwards;display:flex;height:100vh}}@keyframes showNavigation{0%{opacity:0;transform:translateX(-150px)}to{opacity:1;transform:translateX(0)}}.main-nav__logo{display:inline-block;margin:16px 24px}.main-nav__steps{flex:1}.main-nav__steps ul{list-style:none;margin:0;padding:0}@media screen and (min-width:40em){.main-nav__steps ul{position:sticky;top:0}}.main-nav__steps--event,.main-nav__steps--upload{display:none}[data-flow=event] .main-nav__steps--event,[data-flow=upload] .main-nav__steps--upload{display:block}.main-nav__step__anchor{align-items:center;display:flex;min-height:64px;padding:6px 24px;position:relative;text-decoration:none}@media screen and (min-width:40em){.main-nav__step__anchor{padding-left:32px}}[data-step=complete] [data-pagetrigger=complete] .main-nav__step__anchor,[data-step=existing-route] [data-pagetrigger=existing-route] .main-nav__step__anchor,[data-step=generate-image] [data-pagetrigger=complete] .main-nav__step__anchor,[data-step=generate] [data-pagetrigger=generate] .main-nav__step__anchor,[data-step^=event-step] [data-pagetrigger^=event-step] .main-nav__step__anchor,[data-step^=poi] [data-pagetrigger^=event-step] .main-nav__step__anchor,[data-step^=upload-step] [data-pagetrigger^=upload-step] .main-nav__step__anchor{background:linear-gradient(270deg,#f8f8f8,hsla(0,0%,100%,0));border-right:3px solid #ea650d}.main-nav__step-content{display:flex;flex-direction:column;justify-content:center}.main-nav__step__icon{margin-right:16px}.main-nav__step__title{color:#9d9d9d;font-family:NN Dagny Display,verdana,NN Dagny Text,arial,sans-serif}.main-nav__step__title [data-step=complete] [data-pagetrigger=complete],.main-nav__step__title [data-step=generate-image] [data-pagetrigger=complete],[data-step=existing-route] [data-pagetrigger=existing-route] .main-nav__step__title,[data-step=generate] [data-pagetrigger=generate] .main-nav__step__title,[data-step=poi] [data-pagetrigger^=event-step] .main-nav__step__title,[data-step^=event-step] [data-pagetrigger^=event-step] .main-nav__step__title,[data-step^=upload-step] [data-pagetrigger^=upload-step] .main-nav__step__title,[data-valid~="2"] [data-pagetrigger^=event-step] .main-nav__step__title,[data-valid~="5"] [data-pagetrigger^=upload-step] .main-nav__step__title,[data-valid~="6"] [data-pagetrigger=generate] .main-nav__step__title,[data-valid~="7"] [data-pagetrigger=existing-route] .main-nav__step__title,[data-valid~="8"] [data-pagetrigger=complete] .main-nav__step__title,[data-valid~="9"] [data-pagetrigger=generate-image] .main-nav__step__title{color:#ea650d}.main-nav__step__change{color:#565656;display:none;font-size:.875rem}body:not([data-step=existing-route]) [data-valid~="6"] [data-pagetrigger=existing-route] .main-nav__step__change,body:not([data-step=generate]) [data-valid~="5"] [data-pagetrigger=generate] .main-nav__step__change,body:not([data-step^=event-step]) [data-valid~="2"] [data-pagetrigger^=event-step] .main-nav__step__change,body:not([data-step^=upload-step]) [data-valid~="4"] [data-pagetrigger^=upload-step] .main-nav__step__change{display:block}.main-nav__splash{align-items:center;border:8px solid #f8f8f8;border-left:0;border-right:0;color:#ea650d;display:flex;font-family:NN Dagny Display,verdana,NN Dagny Text,arial,sans-serif;font-size:1rem;justify-content:center;line-height:1.2;margin:24px 0;padding:16px 24px;text-decoration:none}.main-nav__splash:before{background:url(/campaigns/nn-runningplanner/images/icons/info.png);background-repeat:no-repeat;background-size:contain;content:"";display:block;height:20px;margin-right:16px;width:20px}.main-nav__copyright{color:#9d9d9d;font-size:.75rem;margin:8px 24px 24px}.main-nav__copyright a{color:#9d9d9d;text-decoration:none}.main-nav__copyright a:focus,.main-nav__copyright a:hover{text-decoration:underline}.route-info{flex:1;margin-top:40px}.route-info ul{list-style:none;margin:0;padding:0}.route-info__item{align-items:center;display:flex;min-height:64px;padding:6px 24px;position:relative}.route-info__item--generate-new{justify-content:center;margin-top:16px}.route-info .step__icon{margin-right:16px}.route-info .step__icon:before{display:none}.route-info__item__content>*{display:block}.route-info__item__content small{color:#1d1d1d;font-size:.875rem}.route-info__item__content small:first-child{margin-bottom:4px}.route-info__item__content strong{color:#1d1d1d;font-size:1.125rem;line-height:1}.route-info__item__content strong:not(:last-child){margin-bottom:4px}.content-wrapper{background:#fff;border-radius:8px;margin:auto;max-width:448px;position:relative;width:calc(100% - 32px)}.content-wrapper.content{display:flex;flex-direction:column;margin:24px auto}.content-wrapper:after{display:none}[data-loading=true] .content-wrapper:after{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,0%,100%,.9) url(/campaigns/nn-runningplanner/images/misc/map-loader.gif) 50% no-repeat;border-radius:8px;display:block;z-index:10}.content-wrapper__header{padding:48px 16px 32px}@media screen and (min-width:40em){.content-wrapper__header{padding-left:32px;padding-right:32px}}.content-wrapper__header h1,.content-wrapper__header h2,.content-wrapper__header h3{color:#ea650d;margin:0 0 16px}.content-wrapper__header h2{font-size:1.5rem}.content-wrapper__header p{font-size:1rem;line-height:150%}.content-wrapper__header>:last-child{margin-bottom:0}.content-wrapper.content{max-width:680px}.content-wrapper.content .content-wrapper__content{line-height:150%;padding:0 16px 32px}.content-wrapper.content .content-wrapper__content h2,.content-wrapper.content .content-wrapper__content h3{color:#ea650d;font-size:1.5rem;margin:0 0 16px}@media screen and (min-width:40em){.content-wrapper.content .content-wrapper__content{padding-left:32px;padding-right:32px}}.btn--white{background:#fff;color:#1d1d1d}.btn--white:focus,.btn--white:hover{background:#fff}.btn--white svg{fill:#1d1d1d}.btn--ghost{background:transparent;border:2px solid #ea650d;color:#ea650d;padding-bottom:12px;padding-top:12px}.btn--ghost svg{fill:#ea650d}.btn--ghost:focus,.btn--ghost:hover{background:#ea650d;color:#fff}.btn--ghost:focus svg,.btn--ghost:hover svg{fill:#fff}.runnerplanner-wrapper .btn:hover{opacity:1}.content-wrapper__buttons{border-top:2px solid #f8f8f8;display:flex;justify-content:flex-end;padding:24px 16px 32px}@media screen and (min-width:40em){.content-wrapper__buttons{padding:24px 32px 40px}}.content-wrapper__buttons--start{justify-content:flex-start}.content-wrapper__buttons--has-groups{flex-direction:column}.content-wrapper__button-group{display:flex;justify-content:flex-end}.content-wrapper__button-group--center{align-items:center;display:flex;justify-content:center}.content-wrapper__button-group+.content-wrapper__button-group{margin-top:16px}.content-wrapper__buttons .btn,.content-wrapper__buttons button{width:50%}.content-wrapper__buttons .btn:last-child:not(:first-child),.content-wrapper__buttons button:last-child:not(:first-child){margin-left:16px}.content-main{background:#fff;padding:32px 16px}@media screen and (min-width:40em){.content-main{padding:40px 32px 32px}}.content-main h3{font-family:NN Dagny Display,verdana,NN Dagny Text,arial,sans-serif;font-size:1.125rem;line-height:120%;margin:0 0 16px}.content-main h3:not(:first-child){margin-top:24px}.content-main--gray{background-color:#f1edeb}.nn-c-medium{color:#ea650d}.scrollable-table,.scrollable-table table{width:100%}.scrollable-table td{box-sizing:border-box;padding-right:16px;vertical-align:top}@media screen and (max-width:39.99em){.scrollable-table{width:calc(100% + 15px)}.scrollable-table table{min-width:640px}}.splash-wrapper{box-sizing:border-box;display:none;min-height:calc(var(--app-height) - var(--header-height));min-width:100%;overflow:hidden;padding:24px 0;position:relative}@media screen and (max-width:39.99em){.splash-wrapper{flex-direction:column}}@media screen and (min-width:370px){.splash-wrapper{padding:24px 16px}}@media screen and (min-width:30em){.splash-wrapper{padding:24px}}[data-step=splash] .splash-wrapper{display:flex}.splash{display:none;padding-bottom:64px;transition:all .3s ease;width:100%}.splash h1,.splash h2,.splash h3{color:#ea650d}.splash-content-wrapper{grid-row-gap:24px;max-width:640px}body[data-step=splash] .splash{animation:fadeInAndScale .4s forwards;display:flex}@keyframes fadeInAndScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.splash__logo{align-items:center;display:flex;flex-direction:column;margin:auto;max-width:50vw}@media screen and (max-width:39.99em){.splash__logo{padding-top:32px}}.splash__logo__img{margin-top:32px}@media screen and (max-width:39.99em){.splash__logo__img{max-width:230px}}.splash__video{display:none}@media screen and (min-width:40em){.splash__video{display:block}}.splash__content{margin:auto;max-width:440px;padding:0 16px 32px}@media screen and (min-width:40em){.splash__content{padding-bottom:56px;padding-right:32px;padding-top:56px}}.splash__intro{line-height:180%;margin:auto auto 24px;padding-top:32px}.splash__intro h1{font-size:1.375rem;line-height:110%;margin:0;padding-bottom:16px}@media screen and (min-width:40em){.splash__intro h1{font-size:2rem}}.splash__steps{display:flex;flex-direction:column;margin:auto;max-width:440px;padding-bottom:32px}@media screen and (max-width:39.99em){.splash__steps{flex-direction:column;padding-bottom:24px}}.splash__step{align-items:center;display:flex;flex-direction:row}.splash__step:not(:last-child){margin-bottom:16px}@media screen and (max-width:39.99em){.splash__step+.splash__step{padding-top:16px}}.splash__step__icon{align-items:center;background:linear-gradient(270deg,#ea650d,#ee7f00);border-radius:24px;box-shadow:3px 3px 8px rgba(29,29,29,.1);box-sizing:border-box;display:flex;height:40px;height:48px;justify-content:center;margin:auto 12px auto auto;min-width:48px;position:relative;width:40px}.splash__step__icon:before{background:#fff;border-radius:8px;color:#ee7f00;content:attr(data-content);font-family:NN Dagny Display,verdana,NN Dagny Text,arial,sans-serif;font-size:.6875rem;height:15px;position:absolute;right:-4px;text-align:center;top:-4px;width:15px}.splash__step__icon:before{right:0;top:0}.splash__step__icon svg{fill:#fff}.splash__step__content{flex:1;font-family:NN Dagny Display,verdana,NN Dagny Text,arial,sans-serif;font-size:1rem;line-height:120%}@media screen and (max-width:39.99em){.splash__step__content{padding-left:16px}}.splash__cta{align-items:flex-start;border-top:2px solid #f8f8f8;display:flex;flex-direction:row;padding-top:24px}@media screen and (max-width:39.99em){.splash__cta{flex-direction:column}}.splash__cta .btn{box-sizing:border-box;margin-bottom:12px;width:100%}.splash__cta .btn:first-child{margin-right:12px}.splash__more{border-top:2px solid #f8f8f8;margin-top:16px;padding-top:16px;text-align:center}.content-event-step1,.content-event-step2,.content-upload-step1,.content-upload-step2{display:none}body[data-step=event-step1] [data-visible=event],body[data-step=event-step2] [data-visible=event],body[data-step=upload-step1] [data-visible=upload],body[data-step=upload-step2] [data-visible=upload]{animation:fadeIn .15s forwards;display:block}body[data-step=event-step1] .content-event-step1,body[data-step=event-step2] .content-event-step2,body[data-step=upload-step1] .content-upload-step1,body[data-step=upload-step2] .content-upload-step2{display:block}.content-tabs{border-bottom:8px solid #f8f8f8;padding-bottom:6px;padding-left:16px;padding-right:16px}@media screen and (min-width:40em){.content-tabs{padding-left:32px;padding-right:32px}}.content-tabs__tab{border-bottom:2px solid transparent;color:#9d9d9d;font-family:NN Dagny Display,verdana,NN Dagny Text,arial,sans-serif;font-size:.875rem;margin-right:8px;padding:8px;text-decoration:none}body[data-step=event-step1] .content-tabs__tab:first-child,body[data-step=event-step2] .content-tabs__tab:nth-child(2),body[data-step=upload-step1] .content-tabs__tab:first-child,body[data-step=upload-step2] .content-tabs__tab:nth-child(2){border-bottom-color:#ea650d;color:#1d1d1d}.content-event-step1 select:not(:last-child){margin-bottom:8px}.mapboxgl-ctrl-geocoder{box-shadow:none!important;margin:0!important;max-width:none!important;width:100%!important}@media screen and (min-width:40em){.mapboxgl-ctrl-geocoder svg{margin-top:7px}}.mapboxgl-ctrl-geocoder--input{border:1px solid #9d9d9d!important;font-family:NN Dagny Text,arial,sans-serif!important;font-size:1rem!important;min-height:50px}body[data-step=poi] [data-visible=poi]{animation:fadeIn .15s forwards;display:block}.poi__title__icon{fill:#ea650d;margin-bottom:8px}.poi__skip{text-align:center}.poi__item-radio{display:none}[type=radio]+.poi__item{align-items:center;background:#fff;border:1px solid #f8f8f8;border-radius:8px;box-shadow:5px 5px 16px rgba(29,29,29,.1);box-sizing:border-box;cursor:pointer;display:flex;margin:0 0 16px;padding:8px;position:relative}.poi__item-radio:checked+.poi__item:after{background:linear-gradient(90deg,#ee7f00,#ea650d);border-radius:0 8px 8px 0;box-shadow:3px 3px 8px rgba(29,29,29,.1);content:"";height:100%;position:absolute;right:0;top:0;width:4px}.poi__item__image{position:relative;width:88px}.poi__item__image img{border-radius:4px;height:88px;-o-object-fit:cover;object-fit:cover;width:88px}.poi__item-radio:checked+.poi__item .poi__item__image:after{background:#74bd00 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAd0lEQVR4AWNwL/ChCJOk+P///wZAfBCItwAxL0iMFM2GQPz2PwKEgsTJ0gxli4DkyNVsCA8DkF9AzgGZSJpmhAHboZJvQIFEvGaEAYfRFBkQ1ozAMJveISsmrBmBsTqXsGYEJirA8GEcoY7QTAjjindDUvICRRgA3Wu5O/Z9qOYAAAAASUVORK5CYII=");background-position:50%;background-repeat:no-repeat;background-size:8px 7px;border-radius:9px;content:"";height:18px;position:absolute;right:-4px;text-indent:-9999em;top:-4px;width:18px}.poi__item__content{flex:1;padding:8px 16px}.poi__item__content>*{font-size:.8125rem;margin:0;padding:0}.poi__item__content>:not(:last-child){margin-bottom:8px}.poi__item__content h4{font-size:.875rem;margin:0 0 8px;padding:0}.poi-popup{align-items:center;box-sizing:border-box;display:none;justify-content:center;min-height:100%;padding:16px;position:absolute;top:0;width:100%}.poi-popup[data-poipopup-visible=false]{display:none}.poi-popup[data-poipopup-visible=true]{animation:fadeInPopup .2s forwards;display:flex;opacity:0;z-index:9999}.poi-popup__bg{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:10}.poi-popup__wrapper{background:#fff;border-radius:8px;max-width:448px;position:relative;text-align:center;width:100%;z-index:20}.poi-popup__image,.poi-popup__image img{border-radius:8px 8px 0 0}.poi-popup__close{background:#fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAgCAMAAACrZuH4AAAANlBMVEUAAABQUFBUVFRWVlZWVlZVVVVXV1dVVVVWVlZYWFhWVlZVVVVWVlZQUFBWVlZVVVVWVlZWVlZvfxYHAAAAEnRSTlMAEEDv/59wMKAg32CAIK+/UM8+4fnMAAAAi0lEQVR42n3RwQ7CIBREUShPaytK/f+fVWrMXbxcZ8MknJCQKZ/UpfzP0uIiV/W6zuMWIWTbI+b794AkEH22DklgfxSIAogCiAKIAogDiAMIQAjAyBNgBOAEkLM1fqRzQww0iM3dITY3RABEAEQBRAFEAUQBxACkn3UAEhlf8QOZtOMs62vI3LXSPW+g8gj7XcMpxQAAAABJRU5ErkJggg==") 50% no-repeat;background-size:16px;border-radius:20px;height:40px;position:absolute;right:24px;top:24px;width:40px}.poi-popup__close:focus,.poi-popup__close:hover{background-color:#e7e7e7}.poi-popup__content{padding:32px}.poi-popup__content__title{color:#1d1d1d;font-size:1.5rem;margin-bottom:8px}.poi-popup__content__desc,.poi-popup__content__location{color:#1d1d1d;font-size:1rem}.poi-popup__content__desc{margin:16px 0 0}@keyframes fadeInPopup{0%{opacity:0}to{opacity:1}}.map{background:url(/campaigns/nn-runningplanner/images/misc/map-loader.gif) 50% no-repeat;display:none;position:absolute;z-index:0}.map,.map .mapboxgl-map{height:100%;top:0;width:100%}.map .mapboxgl-map{left:0}body[data-step=complete] .map,body[data-step=existing-route] .map,body[data-step=generate-image] .map,body[data-step=generate] .map{display:block}body[data-step=complete] .map:before,body[data-step=existing-route] .map:before,body[data-step=generate-image] .map:before,body[data-step=generate] .map:before{background:linear-gradient(rgba(29,29,29,.15),rgba(29,29,29,.25));content:"";height:100%;opacity:1;opacity:0;pointer-events:none;position:absolute;transition:all .3s ease;width:100%;z-index:0;z-index:2}body[data-step=complete] .map:before,body[data-step=generate-image] .map:before{opacity:1}.marker-hop{border-radius:13px;color:#fff;font-size:18px;font-weight:700;height:26px;opacity:.8;width:26px}.map-buttons,.map-generate-status,.marker-hop{align-items:center;display:flex;justify-content:center}.map-buttons,.map-generate-status{bottom:32px;box-sizing:border-box;flex-direction:column;opacity:0;padding:24px;pointer-events:none;position:absolute;transition:all .2s ease;visibility:hidden;width:100%}@media screen and (max-width:39.99em){.map-buttons,.map-generate-status{bottom:0;padding-right:56px}}@media screen and (min-width:30em){.map-buttons,.map-generate-status{flex-direction:row}}.map-buttons>*,.map-generate-status>*{pointer-events:all}@media screen and (max-width:29.99em){.map-generate-status{bottom:32px}}[data-step=existing-route] .map-buttons--visible,[data-step=existing-route] .map-generate-status--visible,[data-step=generate] .map-buttons--visible,[data-step=generate] .map-generate-status--visible{opacity:1;visibility:visible}.map-generate-status__wrapper{background:#fff;border:3px solid #fff;border-radius:16px;box-shadow:2px 2px 8px rgba(86,86,86,.1);height:16px;margin:auto;max-width:480px;overflow:hidden;position:relative;width:100%}.map-generate-status__fill{background:#ea650d;height:100%;left:0;position:absolute;top:0;transition:width .1s ease;width:0}.map-buttons:before{background:linear-gradient(180deg,hsla(20,18%,93%,0),hsla(20,18%,93%,.5));content:"";height:calc(100% + 40px);left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.map-buttons>*{position:relative}[data-mapstyle=satellite] .map-buttons:before{background:linear-gradient(180deg,rgba(86,86,86,0),rgba(86,86,86,.5))}[data-flow=upload] .map-buttons .btn[data-regenerate]{display:none}.map-buttons .btn{box-shadow:2px 2px 8px rgba(86,86,86,.1);box-sizing:border-box;margin:0 8px}@media screen and (max-width:39.99em){.map-buttons .btn{margin-bottom:8px;width:100%}}.map-style-switch{bottom:148px;position:absolute;right:10px;z-index:1}@media screen and (min-width:40em){.map-style-switch{bottom:30px;right:48px}}.map-style-switch__btn{background:#fff no-repeat;background-size:contain;box-shadow:0 0 0 2px rgba(0,0,0,.1);height:60px;margin:0;padding:0;width:60px}.map-style-switch__btn:hover{background-color:#f1edeb;box-shadow:0 0 0 2px rgba(0,0,0,.2)}.map-style-switch__btn span{bottom:8px;color:#fff;font-family:sans-serif;font-size:.625rem;font-weight:700;left:0;position:absolute;text-align:center;width:100%}.map-style-switch__btn--map{background-image:url(/campaigns/nn-runningplanner/images/icons/view-toggle-mapview.png)}.map-style-switch__btn--map span{color:#565656}.map-style-switch__btn--satellite{background-image:url(/campaigns/nn-runningplanner/images/icons/view-toggle-satellite.png)}.map-style-switch__btn--map,.map-style-switch__btn--satellite{display:none}[data-mapstyle=map] .map-style-switch__btn--satellite,[data-mapstyle=satellite] .map-style-switch__btn--map{display:block}.mapboxgl-ctrl-attrib-button{display:none}.marker{font-weight:400;height:80px;position:relative;width:80px}.marker--start{z-index:1}.marker--end{height:12px;width:12px}.marker__center{border-radius:100%;height:100%;left:0;position:absolute;top:0;width:100%}.marker--start .marker__center{animation:bg 2s infinite;background:rgba(238,127,0,.1)}.marker--start .marker__center:after,.marker--start .marker__center:before{border-radius:100%;content:"";position:absolute}.marker--start .marker__center:before{background:#ee7f00;border:3px solid #fff;height:16px;left:50%;top:50%;transform:translate(-50%,-50%);width:16px;z-index:5}.marker--start .marker__center:after{animation:scale 2s infinite;background:rgba(238,127,0,.15);height:60%;left:20%;top:20%;width:60%;z-index:1}.marker--end .marker__center{background:#ee7f00}.marker__label{background:#fff;border-radius:16px;box-shadow:3px 3px 8px rgba(86,86,86,.1);color:#ea650d;font-family:NN Dagny Display,verdana,NN Dagny Text,arial,sans-serif;font-size:.75rem;left:50%;line-height:1;padding:4px 8px;position:absolute;top:calc(50% + 8px);transform:translateX(-50%);z-index:2}@keyframes scale{0%,to{transform:scale(1)}50%{transform:scale(.8)}}@keyframes bg{0%,to{background:rgba(238,127,0,.1)}50%{background:rgba(238,127,0,.06)}}.poi-marker{background:url(/campaigns/nn-runningplanner/images/icons/marker-poi-bg.png) no-repeat;background-size:contain;height:68px;margin-top:-32px;position:relative;width:55px}.poi-marker:before{background:url(/campaigns/nn-runningplanner/images/icons/marker-poi-label.png);background-size:contain;content:"";height:22px;position:absolute;right:0;top:0;width:22px;z-index:2}.poi-marker__image{background:#000;border-radius:16px;height:32px;left:9px;position:absolute;top:9px;width:32px}.poi-marker__image img{border-radius:16px;height:32px;-o-object-fit:cover;object-fit:cover;width:32px}.marker--current-position{background:#1e7ce3;border:4px solid #fff;border-radius:100%;box-shadow:2px 2px 8px rgba(86,86,86,.2);height:16px;width:16px}.map-labels{align-items:flex-end;display:none;flex-direction:column;opacity:0;pointer-events:none;position:absolute;right:0;top:24px;transition:opacity .2s ease}@media screen and (min-width:60em){.map-labels{top:48px}}[data-step=existing-route] .map-labels,[data-step=generate] .map-labels{opacity:1}[data-step=generate] .map-labels{top:80px}@media screen and (min-width:30em){[data-step=generate] .map-labels{top:32px}}.map-label{background:#fff;border-radius:8px 0 0 8px;box-shadow:3px 3px 4px rgba(86,86,86,.15);color:#ea650d;display:inline-flex;flex-direction:column;font-family:NN Dagny Display,verdana,NN Dagny Text,arial,sans-serif;font-size:.75rem;margin-bottom:8px;padding:8px 16px;position:relative}@media screen and (min-width:40em){.map-label{font-size:1.125rem}}.map-label:before{background:#ea650d;border-radius:8px 0 0 8px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.map-label span{display:block}.map-label em{font-style:normal}body[data-step=complete] [data-visible=complete]{animation:fadeIn .15s forwards;display:block}.complete__options{list-style:none;margin:0;padding:0}.complete__option{border:1px solid #f8f8f8;border-radius:8px;box-shadow:5px 5px 15px rgba(29,29,29,.1);box-sizing:border-box;margin-bottom:16px;padding:16px 24px}.complete__option:last-child,.complete__option>:last-child{margin-bottom:0}.complete__option h4{font-size:.875rem;margin:0 0 8px}.complete__option p{font-size:.8125rem;margin:0 0 8px}.complete__option a{font-size:.8125rem}.complete__share{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:-8px;padding-top:16px}.complete__share a{align-items:center;background:#fff;border-radius:16px;box-shadow:2px 2px 6px rgba(29,29,29,.1);display:flex;height:32px;justify-content:center;margin-bottom:8px;margin-right:8px;min-width:32px;transition:box-shadow .1s ease}.complete__share a:focus,.complete__share a:hover{box-shadow:3px 3px 8px rgba(29,29,29,.25)}.complete__share__copy{color:#ea650d;font-weight:400;text-decoration:none}.complete__share__copy span{display:inline-block;padding:0 16px}body[data-step=generate-image] [data-visible=generate-image]{animation:fadeIn .15s forwards;display:block}.complete-image{background-color:#f8f8f8;padding:24px}.complete-image img{background:url(/campaigns/nn-runningplanner/images/misc/map-loader.gif) 50% no-repeat;box-shadow:3px 3px 8px rgba(86,86,86,.15);max-width:400px;width:100%}.btn--complete-download{padding-left:8px;padding-right:8px}.btn--complete-download[href="#"]{cursor:not-allowed;opacity:.5}.radio-button-switch{display:flex;justify-content:center;margin-bottom:24px;width:100%}.radio-button__label{align-items:center;background:#fff;border:1px solid #f8f8f8;border-radius:8px;box-shadow:5px 5px 15px rgba(29,29,27,.1);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:0 8px;min-height:128px;position:relative;width:120px}.radio-button__label input{opacity:0;visibility:hidden}.radio-button__icon{align-items:center;background:#fff;border-radius:24px;box-shadow:3px 3px 8px rgba(29,29,27,.1);display:flex;height:48px;justify-content:center;position:relative;width:48px}.radio-button__message{font-size:.875rem;padding:16px 8px;transition:color .1s ease}.radio-button__label:hover>*{fill:#ea650d;color:#ea650d}[data-button-switch="1"] .radio-button__label:nth-child(2)>*,[data-button-switch="2"] .radio-button__label:first-child>*{fill:#9d9d9d;color:#9d9d9d}[data-button-switch="1"] .radio-button__label:first-child>*,[data-button-switch="2"] .radio-button__label:nth-child(2)>*{fill:#ea650d;color:#ea650d}[data-button-switch="1"] .radio-button__label:first-child:after,[data-button-switch="2"] .radio-button__label:nth-child(2):after{background:linear-gradient(270deg,#ee7f00,#ea650d);border-radius:0 0 4px 4px;bottom:0;content:"";height:4px;left:0;position:absolute;width:100%}[data-button-switch="1"] .radio-button__label:first-child .radio-button__icon:after,[data-button-switch="2"] .radio-button__label:nth-child(2) .radio-button__icon:after{background:#74bd00 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAd0lEQVR4AWNwL/ChCJOk+P///wZAfBCItwAxL0iMFM2GQPz2PwKEgsTJ0gxli4DkyNVsCA8DkF9AzgGZSJpmhAHboZJvQIFEvGaEAYfRFBkQ1ozAMJveISsmrBmBsTqXsGYEJirA8GEcoY7QTAjjindDUvICRRgA3Wu5O/Z9qOYAAAAASUVORK5CYII=");background-position:50%;background-repeat:no-repeat;background-size:8px 7px;border-radius:8px;content:"";height:15px;position:absolute;right:0;text-indent:-9999em;top:0;width:15px}.upload-section{background:linear-gradient(#f8f8f8,hsla(0,0%,97%,0));border:2px dashed #e7e7e7;border-radius:4px;box-sizing:border-box;cursor:pointer;min-height:180px;padding:24px 16px;position:relative;text-align:center;width:100%}@media screen and (min-width:30em){.upload-section{padding:32px 24px}}.upload-section>:last-child{margin-bottom:0}.upload-section input[type=file]{cursor:pointer;height:100%;left:0;opacity:.01;position:absolute;top:0;width:100%}.upload-section h4{font-size:1rem;margin-bottom:8px}.upload-section[data-mode=dragging]{background:linear-gradient(rgba(238,127,0,.2),rgba(234,101,13,.1))}.upload-section[data-mode=dragging] input[type=file]{z-index:2}.upload-section a{position:relative;z-index:1}.upload-section__error,.upload-section__filename{font-weight:700}.upload-section__error{color:#fc3030}[data-flow=""] [data-show-if-flow-upload],[data-flow=event] [data-show-if-flow-upload],[data-flow=upload] [data-show-if-flow-event]{display:none}