@import url(https://fonts.googleapis.com/css2?family=Parkinsans:wght@300..800&display=swap);li{font-family:Parkinsans,sans-serif}body,html{margin:0;padding:0;background-color:#dedcff;height:100%}h1,h2,h3,h4,h5,h6,p{margin:0}@media (max-width:480px){.mob-hide{display:none}}@media (min-width:480px){.desktop-hide{display:none}}.dashboard{width:100%;height:100%;background-size:cover;background-position:50%;background-image:url(/images/top2.svg)}.stats-area{z-index:4}@media (min-width:960px){.stats-area{grid-area:stats}}@media (min-width:960px){#mapid{grid-area:map}}@media (min-width:960px){.ElevationProfile{grid-area:elevation}}header{color:#050315;max-width:1280px;margin-left:auto;margin-right:auto;font-family:Parkinsans,sans-serif;padding:12px 0 0;display:flex;justify-content:space-between;align-items:left;flex-direction:column;z-index:4444;width:100%;box-sizing:border-box}@media (min-width:960px){header{flex-direction:row;padding:12px 24px}}header a{color:inherit;text-decoration:none;width:100%}@media (min-width:960px){header a{width:auto}}header .header-upper{display:grid;grid-template-areas:"image title subtitle";grid-gap:12px;justify-content:center}@media (min-width:960px){header .header-upper{justify-content:unset}}header .header-upper img{grid-area:image;width:34px;align-self:center}header .header-upper a{grid-area:title;align-self:center}header .header-upper h2{grid-area:subtitle;align-self:center}header ul{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:1fr 1fr}@media (min-width:960px){header ul{display:flex;align-items:center;justify-content:space-evenly;justify-content:flex-end;margin:0}}header ul li{color:#433bff;background-color:#dedcff;padding:12px;text-align:center;letter-spacing:1px}@media (min-width:960px){header ul li{min-width:100px;border-radius:5px;margin-left:24px}}.file-dropper{padding:24px;border-radius:5px;font-family:Noto Sans HK,sans-serif}.inactive-dropper{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:center}.fake-file-dropper{padding:24px;background-color:#fbfbfb;border:2px dashed grey;border-radius:5px;font-family:Noto Sans HK,sans-serif;text-align:center;margin-bottom:48px}.tap-message{text-align:center;font-family:Parkinsans,sans-serif;font-size:18px}.tap-message:before{margin-left:auto;margin-right:auto;margin-bottom:12px;width:64px;height:64px;content:"";display:block;background-image:url(/images/icons/upload.svg)}.drop__area{display:grid;grid-gap:18px;margin-bottom:32px;margin-top:32px;grid-template-columns:1fr}@media (min-width:767px){.drop__area{grid-template-columns:1fr}}.main__wrapper{width:100%;height:100%;min-height:calc(100vh - 72px);background-size:cover;background-position:50%;display:grid;background-image:url(/images/top2.svg);grid-template-columns:1fr}@media (min-width:960px){.main__wrapper{grid-template-columns:1fr;grid-gap:36px}}.content__wrapper{z-index:2;max-width:1280px;margin-left:auto;margin-right:auto}.hero-wrap{display:grid;grid-template-columns:1fr;grid-gap:24px;padding:24px}@media (min-width:960px){.hero-wrap{grid-template-columns:1fr 1fr}}.hero-wrap img{width:100%}.hero-wrap h2{color:#050315;font-family:Parkinsans,sans-serif;font-size:24px;font-weight:700;margin-bottom:36px}.blurb{padding:26px;border-radius:7px;background-color:#fff;margin:124px 26px 26px;z-index:20}@media (min-width:960px){.blurb{margin-top:88px}}.blurb p{font-family:Noto Sans HK,sans-serif;font-size:16px;letter-spacing:1px;line-height:26px}.blurb h1{font-size:36px}.blurb h1,.blurb h3{font-family:Parkinsans,sans-serif;color:#1a9240;margin-bottom:24px;text-align:center;letter-spacing:1px}.blurb h3{margin-top:24px}.blurb ul{margin:0;padding-left:0;flex-direction:column;justify-content:space-between}.blurb ul,.blurb ul li{display:flex}.blurb ul li:before{width:16px;height:16px;content:"";margin-right:8px;display:inline-table;background-image:url(/images/icons/compass.svg)}footer{background-color:#1a9240;text-align:center;padding:32px;font-size:16px;font-family:Parkinsans,sans-serif;color:#050315;z-index:2;position:relative}#mapid{height:calc(100vh - 340px)}.leaflet-marker-icon{height:20px}nav.mobile-nav{background-color:#dedcff;color:#433bff;padding:12px 0;font-family:Noto Sans HK,sans-serif;position:sticky;top:0;z-index:9999}@media (min-width:960px){nav.mobile-nav{display:none}}nav.mobile-nav ul{padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr 1fr;list-style:none}nav.mobile-nav li{padding:0;margin:0;text-decoration:underline;text-align:center}.statistics{width:100%;background-color:#b4dabc;color:#050315;font-family:Parkinsans,sans-serif;padding:36px;display:grid;box-sizing:border-box;text-align:center;grid-gap:36px;z-index:2;grid-template-areas:"distance" "time" "speed" "ascent" "descent" "elevationchange";grid-template-columns:1fr}@media (min-width:960px){.statistics{order:4;padding:18px}}.statistics h3{margin-bottom:12px;color:#1a9240;font-size:16px}.statistics p{margin:4px 0}.statistics .distance{grid-area:distance}.statistics .time{grid-area:time}.statistics .ascent{grid-area:ascent}.statistics .descent{grid-area:descent}.statistics .speed{grid-area:speed}.statistics .elevationchange{grid-area:elevationchange}.statistics .statArea{display:flex;flex-direction:column;align-items:center}.statistics .icon{height:40px;width:40px;background-size:36px;background-repeat:no-repeat;background-position:50%;margin-right:12px}.statistics .icon-descent{background-image:url(/images/icons/descent.svg)}.statistics .icon-ascent{background-image:url(/images/icons/ascent.svg)}.statistics .icon-elevation{background-image:url(/images/icons/elevation.svg)}.statistics .icon-time{background-image:url(/images/icons/time.svg)}.statistics .icon-distance{background-image:url(/images/icons/distance.svg)}.statistics .icon-speed{background-image:url(/images/icons/speed.svg)}.statistics .statAreaContent{display:flex;align-items:center}.gpx-title{font-family:Parkinsans,sans-serif;text-align:center;color:#433bff;letter-spacing:1px}@media (min-width:960px){.gpx-title{order:1}}.download-button,.shareRouteButton{margin:0 24px 24px}@media (min-width:960px){.download-button,.shareRouteButton{order:2;margin:0}}.download-button button,.shareRouteButton button{width:100%;padding:12px;background-color:#433bff;color:#dedcff;font-family:Parkinsans,sans-serif;font-size:22px;border:0;border-radius:5px;cursor:pointer;letter-spacing:1px;display:flex;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.36)}.download-button button:after,.shareRouteButton button:after{width:22px;height:22px;content:"";display:block;background-repeat:no-repeat;background-position:50%;margin-left:12px}.download-button button:after{background-image:url(/images/download.svg?12e15b1ab89ade581dc452c3be8f618a)}.shareRouteButton button:after{background-image:url(/images/share.svg?8c79c870c6eebe028a7fb55e8e91e118)}.newRoute button:after{background-image:url(/images/gpx.svg?90987499acc6b46238b79a84bd32ce73);width:22px;height:22px;content:"";display:block;background-repeat:no-repeat;background-position:50%;margin-left:12px}.newRoute{margin:0 24px 24px}@media (min-width:480px){.newRoute{margin:0;order:2}}.newRoute button{background-color:#1a9240;width:100%;padding:12px;color:#1f2f42;font-family:Parkinsans,sans-serif;font-size:22px;border:0;border-radius:5px;cursor:pointer;letter-spacing:1px;display:flex;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.36)}.ElevationProfile{padding:12px;z-index:12;background-color:#000}.rv-xy-plot__axis__tick__text{fill:#1a9240!important}.no-elevation{width:100%;height:100px;display:flex;justify-content:center;align-items:center;color:#1a9240;font-family:Parkinsans,sans-serif;letter-spacing:1px}.blog-header{background-image:url(/images/blog-head.svg);width:100%;height:300px;background-size:cover;background-position:50%;position:relative}.blog-header h2{position:absolute;top:64px;left:38%;width:25vw;text-align:center;color:#050315;font-family:Parkinsans,sans-serif;letter-spacing:1px}.blog-entry p{color:#fff;font-family:Noto Sans HK,sans-serif}.blog-entry h3,.blog-entry p{margin:16px;letter-spacing:1px}.blog-entry h3,.blog-entry h5{font-family:Parkinsans,sans-serif;color:#1a9240}.blog-entry h5{margin:16px;letter-spacing:1px}.blog-entry pre{overflow:scroll;color:#433bff;margin:16px}.saved-route-url{background:#fff;border-radius:5px 0 0 5px;padding:12px}.saved-route-url,.url-wrapper{font-family:Noto Sans HK,sans-serif}.url-wrapper{color:#050315}@media (min-width:960px){.url-wrapper{margin-top:32px}}.url-wrapper p{text-align:center;margin-bottom:16px;color:#1a9240}.bar{margin:0 24px 24px;display:grid;grid-template-columns:auto 40px}.copy-button{height:40px;width:40px;border-radius:0 5px 5px 0;border:0;background-color:#433bff;background-image:url(/images/icons/copy2.svg);background-repeat:no-repeat;background-position:50%;background-size:24px;cursor:pointer}.copy-button:focus{outline:none}.error-message{height:100%;display:flex;justify-content:center;align-items:center;color:#1a9240;font-family:Parkinsans,sans-serif;flex-direction:column}.error-message p{color:#433bff;font-family:Noto Sans HK,sans-serif;cursor:pointer}.lds-spinner{color:official;display:inline-block;position:relative;width:80px;height:80px;margin:calc(50vh - 100px)}.lds-spinner div{transform-origin:40px 40px;animation:lds-spinner 1.2s linear infinite}.lds-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:#433bff}.lds-spinner div:first-child{transform:rotate(0deg);animation-delay:-1.1s}.lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}@media (min-width:960px){.saved-route{grid-area:map;display:flex;justify-content:center;align-items:center}}