Showing source for: https://www.komoot.com/
Duration: 0.088534s

<!DOCTYPE html>
<html class="device-desktop os-undefined" data-lang="en" lang="en">
    <head>
        <meta content="width=device-width, initial-scale=1.0, viewport-fit=cover" name="viewport">
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <title>
   Komoot | Find, plan and share your adventures
        </title>
        <meta content="Turn your next ride, hike, or run into an adventure with komoot. Get inspired by tapping into shared community knowledge and recommendations, then bring your adventures to life with the easy route planner." name="description">
        <meta content="strict-origin-when-cross-origin" name="referrer">
        <meta content="#4f6814" name="theme-color">
        <meta content="https://www.komoot.com/images/og-images/og-image-default.png" property="og:image">
        <meta content="komoot" property="og:site_name">
        <meta content="Komoot | Find, plan and share your adventures" property="og:title">
        <meta content="Turn your next ride, hike, or run into an adventure with komoot. Get inspired by tapping into shared community knowledge and recommendations, then bring your adventures to life with the easy route planner." property="og:description">
        <meta content="website" property="og:type">
        <meta content="https://www.komoot.com" property="og:url">
        <meta content="en_GB" property="og:locale">
        <meta content="de_DE" property="og:locale:alternate">
        <meta content="fr_FR" property="og:locale:alternate">
        <meta content="it_IT" property="og:locale:alternate">
        <meta content="nl_NL" property="og:locale:alternate">
        <meta content="es_ES" property="og:locale:alternate">
        <meta content="ko_KR" property="og:locale:alternate">
        <meta content="ja_JP" property="og:locale:alternate">
        <meta content="pl_PL" property="og:locale:alternate">
        <meta content="pt_PT" property="og:locale:alternate">
        <meta content="pt_BR" property="og:locale:alternate">
        <meta content="sv_SE" property="og:locale:alternate">
        <meta content="nb_NO" property="og:locale:alternate">
        <meta content="fi_FI" property="og:locale:alternate">
        <meta content="da_DK" property="og:locale:alternate">
        <meta content="hr_HR" property="og:locale:alternate">
        <meta content="cs_CZ" property="og:locale:alternate">
        <meta content="ro_RO" property="og:locale:alternate">
        <meta content="hu_HU" property="og:locale:alternate">
        <meta content="el_GR" property="og:locale:alternate">
        <meta content="tr_TR" property="og:locale:alternate">
        <meta content="216222385104691" property="fb:app_id">
        <meta content="app-id=447374873, app-argument=http://www.komoot.com" name="apple-itunes-app">
        <link href="https://www.komoot.com" rel="canonical">
        <link href="https://www.komoot.com" hreflang="en" rel="alternate">
        <link href="https://www.komoot.com/de-de" hreflang="de" rel="alternate">
        <link href="https://www.komoot.com/fr-fr" hreflang="fr" rel="alternate">
        <link href="https://www.komoot.com/it-it" hreflang="it" rel="alternate">
        <link href="https://www.komoot.com/nl-nl" hreflang="nl" rel="alternate">
        <link href="https://www.komoot.com/es-es" hreflang="es" rel="alternate">
        <link href="https://www.komoot.com/ko-kr" hreflang="ko" rel="alternate">
        <link href="https://www.komoot.com/ja-jp" hreflang="ja" rel="alternate">
        <link href="https://www.komoot.com/pl-pl" hreflang="pl" rel="alternate">
        <link href="https://www.komoot.com/pt-pt" hreflang="pt" rel="alternate">
        <link href="https://www.komoot.com/pt-br" hreflang="pt-br" rel="alternate">
        <link href="https://www.komoot.com/sv-se" hreflang="sv" rel="alternate">
        <link href="https://www.komoot.com/nb-no" hreflang="nb" rel="alternate">
        <link href="https://www.komoot.com/fi-fi" hreflang="fi" rel="alternate">
        <link href="https://www.komoot.com/da-dk" hreflang="da" rel="alternate">
        <link href="https://www.komoot.com/hr-hr" hreflang="hr" rel="alternate">
        <link href="https://www.komoot.com/cs-cz" hreflang="cs" rel="alternate">
        <link href="https://www.komoot.com/ro-ro" hreflang="ro" rel="alternate">
        <link href="https://www.komoot.com/hu-hu" hreflang="hu" rel="alternate">
        <link href="https://www.komoot.com/el-gr" hreflang="el" rel="alternate">
        <link href="https://www.komoot.com/tr-tr" hreflang="tr" rel="alternate">
        <link href="https://www.komoot.com" hreflang="x-default" rel="alternate">
        <link href="https://d2exd72xrrp1s7.cloudfront.net" rel="preconnect">
        <link href="https://d2exd72xrrp1s7.cloudfront.net" rel="dns-prefetch">
        <link href="https://photos.komoot.de" rel="preconnect">
        <link href="https://photos.komoot.de" rel="dns-prefetch">
        <link href="https://tiles-api.maps.komoot.net" rel="preconnect">
        <link href="https://tiles-api.maps.komoot.net" rel="dns-prefetch">
        <link as="font" crossorigin="anonymous" href="/assets/9ad72097ae861741.woff2" rel="preload" type="font/woff2">
        <link as="font" crossorigin="anonymous" href="/assets/9732d7a0185912c7.woff2" rel="preload" type="font/woff2">
        <link as="font" crossorigin="anonymous" href="/assets/b1dca2a5d44fc7a4.woff2" rel="preload" type="font/woff2">
        <link as="font" crossorigin="anonymous" href="/assets/22539d17f3707926.woff2" rel="preload" type="font/woff2">
        <link as="font" crossorigin="anonymous" href="/assets/12084922609e6532.woff2" rel="preload" type="font/woff2">
        <link as="style" href="/assets/main.437c6d9820ca001e.css" rel="preload">
        <link href="/assets/3906db45f16b0fb9.svg" rel="icon" type="image/svg+xml">
        <link href="/assets/9b4d45e81ebda372.png" rel="icon" sizes="96x96" type="image/png">
        <link color="#4f6814" href="/assets/3f3c982bcf2f5c2e.svg" rel="mask-icon">
        <link href="/manifest.json" rel="manifest">
        <meta content="komoot" name="application-name">
        <meta content="/assets/9b4d45e81ebda372.png" name="msapplication-square70x70logo">
        <meta content="/assets/1b5445c7159f03dd.png" name="msapplication-square150x150logo">
        <meta content="/assets/1b5445c7159f03dd.png" name="msapplication-square310x310logo">
        <meta content="/assets/00365b9e9c7ff5ab.png" name="msapplication-wide310x150logo">
        <meta content="#76B71A" name="msapplication-TileColor">
        <meta content="/assets/9b4d45e81ebda372.png" name="msapplication-TileImage">
        <script defer="" src="/assets/main.d2042b4cd1a20ff9.js" type="text/javascript">
        </script>
        <style>
            @font-face {
                font-display
                :
                swap
                ;
                font-family
                :
                Satoshi
                ;
                font-style
                :
                normal
                ;
                font-weight
                :
                400
                ;
                src
                :
                url("/assets/b1dca2a5d44fc7a4.woff2")
                 
                format("woff2")
                ,
                url("/assets/bb2acceef8cbb95c.woff")
                 
                format("woff")
            }
            @font-face {
                font-display
                :
                swap
                ;
                font-family
                :
                Satoshi
                ;
                font-style
                :
                normal
                ;
                font-weight
                :
                500
                ;
                src
                :
                url("/assets/22539d17f3707926.woff2")
                 
                format("woff2")
                ,
                url("/assets/f3941e6867f6ff9d.woff")
                 
                format("woff")
            }
            @font-face {
                font-display
                :
                swap
                ;
                font-family
                :
                Satoshi
                ;
                font-style
                :
                normal
                ;
                font-weight
                :
                700
                ;
                src
                :
                url("/assets/12084922609e6532.woff2")
                 
                format("woff2")
                ,
                url("/assets/b28a04c41ba0cf39.woff")
                 
                format("woff")
            }
            @font-face {
                font-display
                :
                swap
                ;
                font-family
                :
                Nohemi
                ;
                font-style
                :
                normal
                ;
                font-weight
                :
                400
                ;
                src
                :
                url("/assets/79399531ee565cfb.woff2")
                 
                format("woff2")
                ,
                url("/assets/a1a1afc27aaaf613.woff")
                 
                format("woff")
                ;
                unicode-range
                :
                U+0-36F
                ,
                U+1E00-1EFF
                ,
                U+2000-20CF
                ,
                U+FB00-FB06
            }
            @font-face {
                font-display
                :
                swap
                ;
                font-family
                :
                Nohemi
                ;
                font-style
                :
                normal
                ;
                font-weight
                :
                500
                ;
                src
                :
                url("/assets/9ad72097ae861741.woff2")
                 
                format("woff2")
                ,
                url("/assets/773cc69de0411945.woff")
                 
                format("woff")
                ;
                unicode-range
                :
                U+0-36F
                ,
                U+1E00-1EFF
                ,
                U+2000-20CF
                ,
                U+FB00-FB06
            }
            @font-face {
                font-display
                :
                swap
                ;
                font-family
                :
                Nohemi
                ;
                font-style
                :
                normal
                ;
                font-weight
                :
                700
                ;
                src
                :
                url("/assets/0d564ea77c9ac245.woff2")
                 
                format("woff2")
                ,
                url("/assets/efe7cc265af26828.woff")
                 
                format("woff")
                ;
                unicode-range
                :
                U+0-36F
                ,
                U+1E00-1EFF
                ,
                U+2000-20CF
                ,
                U+FB00-FB06
            }
            @font-face {
                font-display
                :
                swap
                ;
                font-family
                :
                Boyrun
                ;
                font-style
                :
                normal
                ;
                font-weight
                :
                400
                ;
                src
                :
                url("/assets/9732d7a0185912c7.woff2")
                 
                format("woff2")
                ,
                url("/assets/3afe07cee8271777.woff")
                 
                format("woff")
            }
            @font-face {
                font-display
                :
                swap
                ;
                font-family
                :
                Bw
                 
                Stretch
                ;
                font-style
                :
                normal
                ;
                font-weight
                :
                300
                ;
                src
                :
                url("/assets/d624c853cc27788b.woff2")
                 
                format("woff2")
                ,
                url("/assets/4001b35c1f367955.woff")
                 
                format("woff")
            }
            @font-face {
                font-display
                :
                swap
                ;
                font-family
                :
                Bw
                 
                Stretch
                ;
                font-style
                :
                normal
                ;
                font-weight
                :
                700
                ;
                src
                :
                url("/assets/9349d0356fe5bacc.woff2")
                 
                format("woff2")
                ,
                url("/assets/cce97f5c3f811da1.woff")
                 
                format("woff")
            }
            .legacy-styles h1,.legacy-styles h2,.legacy-styles h3,.legacy-styles h4,.legacy-styles h5,.legacy-styles h6,.legacy-styles ol,.legacy-styles p,.legacy-styles ul {
                margin-bottom       : 1.5rem
            }
            .legacy-styles li>ul {
                margin-bottom       : 0
            }
            .legacy-styles ol,.legacy-styles ul {
                margin-left         : 1.5rem
            }
            .legacy-styles .o-list-ui,.legacy-styles .o-nav {
                margin-left         : 0
            }
            .o-nav {
                list-style          : none;
                margin              : 0 0 1.5rem;
                padding             : 0
            }
            .o-nav>li,.o-nav>li>a {
                display             : inline-block
            }
            .o-nav:after {
                clear               : both;
                content             : "";
                display             : table
            }
            .o-nav--stacked>li {
                display             : list-item
            }
            .o-nav--stacked>li>a {
                display             : block
            }
            .o-nav--block {
                letter-spacing      : -.31em;
                white-space         : nowrap;
                word-spacing        : -.43em
            }
            .o-nav--block>li {
                letter-spacing      : normal;
                word-spacing        : normal
            }
            .o-nav--block>li>a {
                line-height         : 1.5em;
                padding             : .75rem
            }
            .o-nav--breadcrumbs>li>a,.o-nav--breadcrumbs>li>span {
                line-height         : 1.5em;
                padding-left        : .75rem;
                padding-right       : .75rem
            }
            .o-nav--breadcrumbs>li:first-child>a,.o-nav--breadcrumbs>li:first-child>span {
                padding-left        : 0
            }
            .o-nav--breadcrumbs>li:before {
                color               : inherit;
                content             : "⟩" " "
            }
            .o-nav--breadcrumbs>li:first-child:before {
                display             : none
            }
            .o-nav--parallel>li {
                padding-left        : .375rem
            }
            .o-nav--parallel>li:before {
                content             : "|";
                margin-right        : .375rem
            }
            .o-nav--parallel>li:first-child {
                padding             : 0
            }
            .o-nav--parallel>li:first-child:before {
                display             : none
            }
            .o-section {
                padding             : 3rem .75rem 1.5rem
            }
            @media (min-width:540px) {
                .o-section {
                    padding             : 4rem 1.5rem 3rem
                }
            }
            @media (min-width:1024px) {
                .o-section {
                    padding             : 4rem 2.25rem 3rem
                }
            }
            @media (min-width:1280px) {
                .o-section {
                    padding             : 6rem 2.25rem 4rem
                }
            }
            .c-link {
                color               : var(--theme-ui-colors-secondary);
                transition          : color .1s ease-in-out
            }
            .c-link:active,.c-link:hover {
                --tw-text-opacity   : 1;
                color               : #0065b8;
                color               : rgba(0,101,184,var(--tw-text-opacity,1));
                cursor              : pointer;
                outline             : 0;
                -webkit-text-decoration: underline;
                text-decoration     : underline
            }
            .c-link.is-disabled {
                color               : hsla(0,0%,100%,.22);
                cursor              : default
            }
            .c-link.is-disabled:active,.c-link.is-disabled:focus,.c-link.is-disabled:hover {
                color               : hsla(0,0%,100%,.22)
            }
            .c-link--green {
                color               : var(--theme-ui-colors-primary)
            }
            .c-link--green:active,.c-link--green:hover {
                --tw-text-opacity   : 1;
                color               : #407500;
                color               : rgba(64,117,0,var(--tw-text-opacity,1))
            }
            .c-link--inverted-green {
                color               : var(--theme-ui-colors-primaryOnDark)
            }
            .c-link--inverted-green:active,.c-link--inverted-green:hover {
                color               : var(--theme-ui-colors-white)
            }
            .c-link--reset-button,button.c-link {
                -webkit-appearance  : none;
                background-color    : transparent;
                background-image    : none!important;
                border              : none;
                display             : inline;
                font-weight         : inherit;
                padding             : 0!important;
                text-align          : inherit
            }
            .c-link--text-secondary {
                color               : var(--theme-ui-colors-whisper)
            }
            .c-link--text-secondary:active,.c-link--text-secondary:hover {
                color               : var(--theme-ui-colors-secondary);
                -webkit-text-decoration: none;
                text-decoration     : none
            }
            .c-link--white {
                color               : #fff
            }
            .c-link--white:active,.c-link--white:hover {
                color               : #fff
            }
            .c-link--transparent {
                color               : hsla(0,0%,100%,.66)
            }
            .c-link--transparent:active,.c-link--transparent:hover {
                color               : #fff
            }
            .c-link--inverted-default {
                color               : var(--theme-ui-colors-white80)
            }
            .c-link--inverted-default:active,.c-link--inverted-default:hover {
                color               : var(--theme-ui-colors-white)
            }
            .c-link--inverted-secondary {
                color               : var(--theme-ui-colors-white30)
            }
            .c-link--inverted-secondary:active,.c-link--inverted-secondary:hover {
                color               : var(--theme-ui-colors-white)
            }
            .c-link--inherit {
                color               : inherit
            }
            .c-link--inherit:active,.c-link--inherit:hover {
                color               : inherit
            }
            .c-link--boxed {
                display             : block;
                -webkit-text-decoration: none;
                text-decoration     : none
            }
            .c-link--boxed:active,.c-link--boxed:hover {
                -webkit-text-decoration: none;
                text-decoration     : none
            }
            .c-link--inverted {
                -webkit-text-decoration: underline;
                text-decoration     : underline
            }
            .c-link--inverted:active,.c-link--inverted:hover {
                -webkit-text-decoration: none;
                text-decoration     : none
            }
            .c-link--no-decoration {
                -webkit-text-decoration: none;
                text-decoration     : none
            }
            .c-link--no-decoration:active,.c-link--no-decoration:hover {
                -webkit-text-decoration: none;
                text-decoration     : none
            }
            .c-link--danger {
                color               : var(--theme-ui-colors-danger)
            }
            .c-link--danger:active,.c-link--danger:hover {
                color               : var(--theme-ui-colors-danger)
            }
            .c-link--rating:focus {
                outline             : 0
            }
            .c-btn {
                -webkit-appearance  : none;
                -moz-appearance     : none;
                appearance          : none;
                border              : 1px solid transparent;
                border-radius       : 8px;
                cursor              : pointer;
                display             : inline-block;
                font-weight         : 700;
                line-height         : inherit;
                margin              : 0;
                padding             : .375rem 1rem;
                text-align          : center;
                transition          : background .1s ease-in-out,color .1s ease-in-out;
                -webkit-user-select : none;
                -moz-user-select    : none;
                user-select         : none;
                vertical-align      : middle;
                white-space         : nowrap
            }
            .c-btn:focus {
                outline             : none
            }
            .c-btn,.c-btn:active,.c-btn:focus,.c-btn:hover {
                -webkit-text-decoration: none;
                text-decoration     : none
            }
            .c-btn::-moz-focus-inner {
                border              : 0;
                padding             : 0
            }
            .c-btn--full {
                width               : 100%
            }
            .c-btn--tiny {
                font-size           : .75rem;
                padding             : .1875rem .5rem
            }
            .c-btn--large {
                font-size           : 1.125rem;
                padding             : .5rem 1.5rem
            }
            @media (min-width:1024px) {
                .lg\:c-btn--large {
                    font-size           : 1.125rem;
                    padding             : .5rem 1.5rem
                }
            }
            .c-btn--primary {
                background-color    : var(--theme-ui-colors-primary);
                border-color        : var(--theme-ui-colors-primary);
                color               : var(--theme-ui-colors-white)
            }
            .c-btn--primary:active,.c-btn--primary:focus-visible,.c-btn--primary:hover {
                --tw-border-opacity : 1;
                border-color        : #407500;
                border-color        : rgba(64,117,0,var(--tw-border-opacity,1));
                --tw-bg-opacity     : 1;
                background-color    : #407500;
                background-color    : rgba(64,117,0,var(--tw-bg-opacity,1))
            }
            .c-btn--primary-inv {
                background-color    : var(--theme-ui-colors-primaryOnDark);
                border-color        : var(--theme-ui-colors-primaryOnDark);
                color               : var(--theme-ui-colors-text)
            }
            .c-btn--primary-inv:active,.c-btn--primary-inv:focus-visible,.c-btn--primary-inv:hover {
                background-color    : var(--theme-ui-colors-primaryOnDark);
                border-color        : var(--theme-ui-colors-primaryOnDark)
            }
            .c-btn--secondary {
                background-color    : var(--theme-ui-colors-white);
                border-color        : var(--theme-ui-colors-black20);
                color               : var(--theme-ui-colors-text)
            }
            .c-btn--secondary:active,.c-btn--secondary:focus-visible,.c-btn--secondary:hover {
                border-color        : var(--theme-ui-colors-black20);
                --tw-bg-opacity     : 1;
                background-color    : #f0f0f0;
                background-color    : rgba(240,240,240,var(--tw-bg-opacity,1))
            }
            .c-btn--userbar {
                background-color    : var(--theme-ui-colors-white10);
                border-color        : transparent;
                color               : var(--theme-ui-colors-white)
            }
            .c-btn--userbar:active,.c-btn--userbar:focus-visible,.c-btn--userbar:hover {
                background-color    : var(--theme-ui-colors-white20);
                border-color        : transparent;
                color               : var(--theme-ui-colors-white)
            }
            .c-btn--facebook {
                background-color    : var(--theme-ui-colors-facebook);
                border-color        : var(--theme-ui-colors-facebook);
                color               : var(--theme-ui-colors-white)
            }
            .c-btn--facebook:active,.c-btn--facebook:focus-visible,.c-btn--facebook:hover {
                background-color    : var(--theme-ui-colors-facebook);
                border-color        : var(--theme-ui-colors-facebook)
            }
            .c-btn--orange {
                --tw-border-opacity : 1;
                border-color        : #ff845f;
                border-color        : rgba(255,132,95,var(--tw-border-opacity,1));
                --tw-bg-opacity     : 1;
                background-color    : #ff845f;
                background-color    : rgba(255,132,95,var(--tw-bg-opacity,1));
                color               : var(--theme-ui-colors-white)
            }
            .c-btn--orange:active,.c-btn--orange:focus-visible,.c-btn--orange:hover {
                --tw-border-opacity : 1;
                border-color        : #dd6d4b;
                border-color        : rgba(221,109,75,var(--tw-border-opacity,1));
                --tw-bg-opacity     : 1;
                background-color    : #dd6d4b;
                background-color    : rgba(221,109,75,var(--tw-bg-opacity,1))
            }
            .c-btn--disabled,.c-btn[disabled] {
                background-color    : rgba(0,0,0,.05);
                border-color        : transparent;
                box-shadow          : none;
                color               : rgba(0,0,0,.11)
            }
            .c-btn--disabled:active,.c-btn--disabled:focus-visible,.c-btn--disabled:hover,.c-btn[disabled]:active,.c-btn[disabled]:focus-visible,.c-btn[disabled]:hover {
                background-color    : rgba(0,0,0,.05);
                border-color        : transparent;
                box-shadow          : none;
                color               : rgba(0,0,0,.11)
            }
            .c-btn--loading.c-btn--disabled {
                background-color    : rgba(0,0,0,.1)
            }
            .c-btn--loading.c-btn--disabled:active,.c-btn--loading.c-btn--disabled:focus-visible,.c-btn--loading.c-btn--disabled:hover {
                background-color    : rgba(0,0,0,.1)
            }
            .c-btn--flat {
                background-color    : transparent;
                border-color        : transparent;
                color               : var(--theme-ui-colors-secondary)
            }
            .c-btn--flat:active,.c-btn--flat:focus-visible,.c-btn--flat:hover {
                background-color    : rgba(16,134,232,.05);
                border-color        : transparent;
                color               : var(--theme-ui-colors-secondary)
            }
            .c-btn--floating {
                --tw-shadow         : 0 1px 2px rgba(0,0,0,.2);
                --tw-shadow-colored : 0 1px 2px var(--tw-shadow-color);
                background-color    : var(--theme-ui-colors-white);
                box-shadow          : 0 0 transparent,0 0 transparent,0 1px 2px rgba(0,0,0,.2);
                box-shadow          : var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);
                color               : var(--theme-ui-colors-text)
            }
            .c-btn--floating:active,.c-btn--floating:focus-visible,.c-btn--floating:hover {
                --tw-bg-opacity     : 1;
                background-color    : #f0f0f0;
                background-color    : rgba(240,240,240,var(--tw-bg-opacity,1))
            }
            .c-btn--transparent {
                background-color    : hsla(0,0%,100%,.66);
                border-color        : transparent;
                color               : rgba(0,0,0,.88)
            }
            .c-btn--transparent:active,.c-btn--transparent:focus-visible,.c-btn--transparent:hover {
                background-color    : hsla(0,0%,100%,.88);
                border-color        : transparent;
                color               : #000
            }
            .c-btn--transparent-black {
                background-color    : var(--theme-ui-colors-black70);
                border-color        : transparent;
                color               : var(--theme-ui-colors-white90)
            }
            .c-btn--transparent-black:active,.c-btn--transparent-black:focus-visible,.c-btn--transparent-black:hover {
                background-color    : var(--theme-ui-colors-black90);
                border-color        : transparent;
                color               : var(--theme-ui-colors-white)
            }
            .c-btn--icon.c-btn--secondary .c-btn__icon {
                color               : var(--theme-ui-colors-whisper)
            }
            .c-btn--outline-inverted {
                background-color    : transparent;
                border-color        : var(--theme-ui-colors-white30);
                border-style        : solid;
                border-width        : 1px;
                color               : var(--theme-ui-colors-white80);
                padding-bottom      : 4px;
                padding-top         : 4px;
                transition          : border .1s ease-in-out
            }
            .c-btn--outline-inverted:active,.c-btn--outline-inverted:focus-visible,.c-btn--outline-inverted:hover {
                background-color    : var(--theme-ui-colors-white05);
                border-color        : var(--theme-ui-colors-white40);
                color               : var(--theme-ui-colors-white)
            }
            .c-btn--outline-inverted .c-btn__icon {
                line-height         : 34px
            }
            .c-btn.is-selected {
                background-color    : rgba(0,0,0,.05);
                border-color        : transparent;
                color               : var(--theme-ui-colors-primary)
            }
            .c-btn.is-selected:active,.c-btn.is-selected:focus-visible,.c-btn.is-selected:hover {
                background-color    : rgba(0,0,0,.05);
                border-color        : transparent;
                color               : var(--theme-ui-colors-primary)
            }
            .c-page-index--discover .c-page-index__indicator--discover {
                color               : var(--theme-ui-colors-primaryOnDark)!important
            }
            .c-page-index--discover .c-page-index__indicator--discover:hover {
                color               : var(--theme-ui-colors-primaryOnDark)!important;
                cursor              : default
            }
            .c-page-index--plan .c-page-index__indicator--plan {
                color               : var(--theme-ui-colors-primaryOnDark)!important
            }
            .c-page-index--plan .c-page-index__indicator--plan:hover {
                color               : var(--theme-ui-colors-primaryOnDark)!important;
                cursor              : default
            }
            .c-page-index--user .c-page-index__indicator--user {
                color               : var(--theme-ui-colors-primaryOnDark)!important
            }
            .c-page-index--user .c-page-index__indicator--user:hover {
                color               : var(--theme-ui-colors-primaryOnDark)!important;
                cursor              : default
            }
            .c-page-index--pioneer .c-page-index__indicator--pioneer {
                color               : var(--theme-ui-colors-primaryOnDark)!important
            }
            .c-page-index--pioneer .c-page-index__indicator--pioneer:hover {
                color               : var(--theme-ui-colors-primaryOnDark)!important;
                cursor              : default
            }
            .c-logo {
                background-color    : transparent;
                background-image    : url("/assets/5553995751a32381.svg");
                background-position : 0;
                background-repeat   : no-repeat;
                background-size     : 108px 32px;
                display             : inline-block;
                height              : 32px;
                position            : relative;
                text-indent         : -9999px;
                vertical-align      : middle;
                width               : 108px;
                z-index             : 100
            }
            .c-logo--responsive {
                background-image    : url("/assets/47c04e098f035a18.svg");
                background-size     : 32px 32px;
                width               : 32px
            }
            @media (min-width:540px) {
                .c-logo--responsive {
                    background-image    : url("/assets/5553995751a32381.svg");
                    background-size     : 108px 32px;
                    width               : 108px
                }
            }
            .c-topnav:after {
                clear               : both;
                content             : "";
                display             : table
            }
            .c-topnav__fixed {
                position            : relative
            }
            @media (max-width:720px) {
                .c-topnav__fixed:before {
                    bottom              : 0;
                    content             : "";
                    display             : block;
                    position            : absolute;
                    top                 : 0;
                    width               : .75rem;
                    z-index             : 200
                }
            }
            .c-topnav__fixed--right {
                float               : right
            }
            .c-topnav__fixed--right:before {
                background-image    : linear-gradient(to right,rgba(var(--theme-ui-colors-navbar),0) 0,rgba(var(--theme-ui-colors-navbar),1) 66%);
                left                : -12px
            }
            .c-topnav__fixed--left {
                float               : left;
                padding             : 8px 0
            }
            .c-topnav__fixed--left:before {
                background-image    : linear-gradient(to left,rgba(var(--theme-ui-colors-navbar),0) 0,rgba(var(--theme-ui-colors-navbar),1) 66%);
                right               : -12px
            }
            .c-topnav__flexible {
                padding-left        : .375rem;
                padding-right       : .375rem
            }
            @media (min-width:720px) {
                .c-topnav__flexible {
                    padding-left        : 0;
                    padding-right       : 0
                }
            }
            .c-or-separator {
                position            : relative;
                text-align          : center
            }
            .c-or-separator__text {
                background-color    : #fff;
                display             : inline-block;
                padding             : 0 .75rem;
                position            : relative;
                z-index             : 100
            }
            .c-or-separator__line {
                border              : 0;
                border-color        : var(--theme-ui-colors-black10);
                border-style        : solid;
                border-top-width    : 1px;
                left                : 0;
                position            : absolute;
                right               : 0;
                top                 : 50%;
                transform           : translateY(-50%)
            }
            .c-or-separator--left {
                text-align          : left
            }
            .c-or-separator--left .c-or-separator__text {
                margin-left         : .75rem
            }
            .c-or-separator--right {
                text-align          : right
            }
            .c-or-separator--right .c-or-separator__text {
                margin-right        : .75rem
            }
            .c-or-separator--inverted .c-or-separator__text {
                background-color    : var(--theme-ui-colors-primary)
            }
            .c-or-separator--inverted .c-or-separator__line {
                border-color        : var(--theme-ui-colors-white30)
            }
            .c-background-image,.c-background-image .c-background-image--alt {
                --tw-bg-opacity     : 1;
                background-color    : #f0f0f0;
                background-color    : rgba(240,240,240,var(--tw-bg-opacity,1));
                background-position-x: center;
                background-position-y: center;
                background-repeat   : no-repeat;
                background-size     : cover
            }
            .c-background-image .c-background-image--alt {
                height              : 0;
                left                : 0;
                position            : absolute;
                top                 : 0;
                width               : 100%
            }
            .c-background-image--fixed {
                background-attachment: fixed
            }
            .c-background-image--contain,.c-background-image--contain .c-background-image--alt {
                background-size     : contain
            }
            .c-background-image--bottom,.c-background-image--bottom .c-background-image--alt {
                background-position-y: bottom
            }
            .c-element-preview {
                display             : block;
                position            : relative
            }
            .c-element-preview__image {
                transition          : all .1s ease-in;
                vertical-align      : bottom
            }
            .c-element-preview__content {
                bottom              : 0;
                left                : 0;
                position            : absolute;
                right               : 0;
                top                 : 0;
                z-index             : 100
            }
            .c-element-preview--top .c-element-preview__content {
                bottom              : auto
            }
            .c-element-preview--middle .c-element-preview__content {
                align-items         : center;
                display             : flex;
                flex-direction      : column;
                justify-content     : center
            }
            .c-element-preview--bottom .c-element-preview__content {
                top                 : auto
            }
            .c-element-preview__overlay {
                background-color    : rgba(0,0,0,.44);
                transition          : background .1s ease-in-out
            }
            .c-element-preview--gradient .c-element-preview__overlay {
                background-color    : transparent;
                background-image    : linear-gradient(0deg,rgba(0,0,0,.88) 12%,transparent 60%)
            }
            @media (pointer:fine) {
                .c-element-preview:hover {
                    cursor              : pointer
                }
                .c-element-preview:hover .c-element-preview__image {
                    transform           : scale(1.05)
                }
                .c-element-preview:hover .c-element-preview__overlay {
                    background-color    : rgba(0,0,0,.66)
                }
                .c-element-preview--gradient:hover .c-element-preview__overlay {
                    background-color    : transparent;
                    background-image    : linear-gradient(0deg,rgba(0,0,0,.88) 0,rgba(0,0,0,.44))
                }
            }
            .c-element-preview--list-view .c-element-preview__image .thumbnail__img {
                padding-top         : 80%!important
            }
            @media (min-width:380px) {
                .c-element-preview--list-view .c-element-preview__image .thumbnail__img {
                    padding-top         : 60%!important
                }
            }
            @media (min-width:720px) {
                .c-element-preview--list-view .c-element-preview__image .thumbnail__img {
                    padding-top         : 40%!important
                }
            }
            .tw-pointer-events-none {
                pointer-events      : none!important
            }
            .tw-pointer-events-auto {
                pointer-events      : auto!important
            }
            .tw-visible {
                visibility          : visible!important
            }
            .tw-invisible {
                visibility          : hidden!important
            }
            .tw-fixed {
                position            : fixed!important
            }
            .tw-absolute {
                position            : absolute!important
            }
            .tw-relative {
                position            : relative!important
            }
            .tw-sticky {
                position            : sticky!important
            }
            .tw-inset-0 {
                bottom              : 0!important;
                top                 : 0!important
            }
            .tw-inset-0,.tw-inset-x-0 {
                left                : 0!important;
                right               : 0!important
            }
            .tw-inset-y-0 {
                bottom              : 0!important;
                top                 : 0!important
            }
            .tw--left-48 {
                left                : -12rem!important
            }
            .tw--right-3 {
                right               : -.75rem!important
            }
            .tw--right-48 {
                right               : -12rem!important
            }
            .tw--top-3 {
                top                 : -.75rem!important
            }
            .tw-bottom-0 {
                bottom              : 0!important
            }
            .tw-left-0 {
                left                : 0!important
            }
            .tw-left-1 {
                left                : .375rem!important
            }
            .tw-right-0 {
                right               : 0!important
            }
            .tw-right-2 {
                right               : .5rem!important
            }
            .tw-right-3 {
                right               : .75rem!important
            }
            .tw-right-6 {
                right               : 1.5rem!important
            }
            .tw-top-0 {
                top                 : 0!important
            }
            .tw-top-1 {
                top                 : .375rem!important
            }
            .tw-top-12 {
                top                 : 3rem!important
            }
            .tw-top-2 {
                top                 : .5rem!important
            }
            .tw-top-3 {
                top                 : .75rem!important
            }
            .tw-top-5 {
                top                 : 1.25rem!important
            }
            .tw-z-1 {
                z-index             : 100!important
            }
            .tw-z-2 {
                z-index             : 200!important
            }
            .tw-z-3 {
                z-index             : 300!important
            }
            .tw-z-6 {
                z-index             : 600!important
            }
            .tw-z-7 {
                z-index             : 700!important
            }
            .tw-z-8 {
                z-index             : 800!important
            }
            .tw-z-9 {
                z-index             : 900!important
            }
            .tw-z-negative {
                z-index             : -1!important
            }
            .tw--m-1 {
                margin              : -.375rem!important
            }
            .tw--m-2 {
                margin              : -.5rem!important
            }
            .tw--m-3 {
                margin              : -.75rem!important
            }
            .tw--m-6 {
                margin              : -1.5rem!important
            }
            .tw-m-0 {
                margin              : 0!important
            }
            .tw--mx-05 {
                margin-left         : -.1875rem!important;
                margin-right        : -.1875rem!important
            }
            .tw--mx-1 {
                margin-left         : -.375rem!important;
                margin-right        : -.375rem!important
            }
            .tw--mx-2 {
                margin-left         : -.5rem!important;
                margin-right        : -.5rem!important
            }
            .tw--mx-3 {
                margin-left         : -.75rem!important;
                margin-right        : -.75rem!important
            }
            .tw--mx-4 {
                margin-left         : -1rem!important;
                margin-right        : -1rem!important
            }
            .tw--mx-6 {
                margin-left         : -1.5rem!important;
                margin-right        : -1.5rem!important
            }
            .tw--mx-px {
                margin-left         : -1px!important;
                margin-right        : -1px!important
            }
            .tw-mx-auto {
                margin-left         : auto!important;
                margin-right        : auto!important
            }
            .tw-mx-px {
                margin-left         : 1px!important;
                margin-right        : 1px!important
            }
            .tw--mb-1 {
                margin-bottom       : -.375rem!important
            }
            .tw--mb-6 {
                margin-bottom       : -1.5rem!important
            }
            .tw--mb-px {
                margin-bottom       : -1px!important
            }
            .tw--ml-05 {
                margin-left         : -.1875rem!important
            }
            .tw--ml-16 {
                margin-left         : -4rem!important
            }
            .tw--ml-2 {
                margin-left         : -.5rem!important
            }
            .tw--ml-3 {
                margin-left         : -.75rem!important
            }
            .tw--ml-6 {
                margin-left         : -1.5rem!important
            }
            .tw--ml-px {
                margin-left         : -1px!important
            }
            .tw--mr-1 {
                margin-right        : -.375rem!important
            }
            .tw--mr-3 {
                margin-right        : -.75rem!important
            }
            .tw--mr-6 {
                margin-right        : -1.5rem!important
            }
            .tw--mr-px {
                margin-right        : -1px!important
            }
            .tw--mt-2 {
                margin-top          : -.5rem!important
            }
            .tw--mt-3 {
                margin-top          : -.75rem!important
            }
            .tw--mt-4 {
                margin-top          : -1rem!important
            }
            .tw--mt-6 {
                margin-top          : -1.5rem!important
            }
            .tw-mb-0 {
                margin-bottom       : 0!important
            }
            .tw-mb-1 {
                margin-bottom       : .375rem!important
            }
            .tw-mb-12 {
                margin-bottom       : 3rem!important
            }
            .tw-mb-2 {
                margin-bottom       : .5rem!important
            }
            .tw-mb-24 {
                margin-bottom       : 6rem!important
            }
            .tw-mb-3 {
                margin-bottom       : .75rem!important
            }
            .tw-mb-4 {
                margin-bottom       : 1rem!important
            }
            .tw-mb-48 {
                margin-bottom       : 12rem!important
            }
            .tw-mb-6 {
                margin-bottom       : 1.5rem!important
            }
            .tw-mb-8 {
                margin-bottom       : 2rem!important
            }
            .tw-ml-0 {
                margin-left         : 0!important
            }
            .tw-ml-1 {
                margin-left         : .375rem!important
            }
            .tw-ml-2 {
                margin-left         : .5rem!important
            }
            .tw-ml-3 {
                margin-left         : .75rem!important
            }
            .tw-ml-6 {
                margin-left         : 1.5rem!important
            }
            .tw-ml-9 {
                margin-left         : 2.25rem!important
            }
            .tw-mr-1 {
                margin-right        : .375rem!important
            }
            .tw-mr-12 {
                margin-right        : 3rem!important
            }
            .tw-mr-2 {
                margin-right        : .5rem!important
            }
            .tw-mr-24 {
                margin-right        : 6rem!important
            }
            .tw-mr-3 {
                margin-right        : .75rem!important
            }
            .tw-mr-4 {
                margin-right        : 1rem!important
            }
            .tw-mr-6 {
                margin-right        : 1.5rem!important
            }
            .tw--mt-24 {
                margin-top          : -6rem!important
            }
            .tw-mt-1 {
                margin-top          : .375rem!important
            }
            .tw-mt-12 {
                margin-top          : 3rem!important
            }
            .tw-mt-24 {
                margin-top          : 6rem!important
            }
            .tw-mt-3 {
                margin-top          : .75rem!important
            }
            .tw-mt-4 {
                margin-top          : 1rem!important
            }
            .tw-mt-5 {
                margin-top          : 1.25rem!important
            }
            .tw-mt-6 {
                margin-top          : 1.5rem!important
            }
            .tw-mt-8 {
                margin-top          : 2rem!important
            }
            .tw-block {
                display             : block!important
            }
            .tw-inline-block {
                display             : inline-block!important
            }
            .tw-inline {
                display             : inline!important
            }
            .tw-flex {
                display             : flex!important
            }
            .tw-inline-flex {
                display             : inline-flex!important
            }
            .tw-grid {
                display             : grid!important
            }
            .tw-hidden {
                display             : none!important
            }
            .tw-h-1 {
                height              : .375rem!important
            }
            .tw-h-10 {
                height              : 2.5rem!important
            }
            .tw-h-12 {
                height              : 3rem!important
            }
            .tw-h-16 {
                height              : 4rem!important
            }
            .tw-h-24 {
                height              : 6rem!important
            }
            .tw-h-3 {
                height              : .75rem!important
            }
            .tw-h-48 {
                height              : 12rem!important
            }
            .tw-h-6 {
                height              : 1.5rem!important
            }
            .tw-h-64 {
                height              : 16rem!important
            }
            .tw-h-8 {
                height              : 2rem!important
            }
            .tw-h-9 {
                height              : 2.25rem!important
            }
            .tw-h-auto {
                height              : auto!important
            }
            .tw-h-full {
                height              : 100%!important
            }
            .tw-min-h-full {
                min-height          : 100%!important
            }
            .tw-min-h-screen {
                min-height          : 100vh!important
            }
            .tw-w-1 {
                width               : .375rem!important
            }
            .tw-w-1\/3 {
                width               : 33.333333%!important
            }
            .tw-w-1\/5 {
                width               : 20%!important
            }
            .tw-w-10 {
                width               : 2.5rem!important
            }
            .tw-w-12 {
                width               : 3rem!important
            }
            .tw-w-16 {
                width               : 4rem!important
            }
            .tw-w-20 {
                width               : 5rem!important
            }
            .tw-w-24 {
                width               : 6rem!important
            }
            .tw-w-3 {
                width               : .75rem!important
            }
            .tw-w-32 {
                width               : 8rem!important
            }
            .tw-w-6 {
                width               : 1.5rem!important
            }
            .tw-w-64 {
                width               : 16rem!important
            }
            .tw-w-80 {
                width               : 20rem!important
            }
            .tw-w-9 {
                width               : 2.25rem!important
            }
            .tw-w-96 {
                width               : 24rem!important
            }
            .tw-w-full {
                width               : 100%!important
            }
            .tw-min-w-0 {
                min-width           : 0!important
            }
            .tw-max-w-2xl {
                max-width           : 70rem!important
            }
            .tw-max-w-3xl {
                max-width           : 80rem!important
            }
            .tw-max-w-4xl {
                max-width           : 90rem!important
            }
            .tw-max-w-5xl {
                max-width           : 100rem!important
            }
            .tw-max-w-full {
                max-width           : 100%!important
            }
            .tw-max-w-lg {
                max-width           : 50rem!important
            }
            .tw-max-w-md {
                max-width           : 40rem!important
            }
            .tw-max-w-sm {
                max-width           : 30rem!important
            }
            .tw-max-w-xl {
                max-width           : 60rem!important
            }
            .tw-max-w-xs {
                max-width           : 20rem!important
            }
            .tw-flex-1 {
                flex                : 1 1 0%!important
            }
            .tw-flex-auto {
                flex                : 1 1 auto!important
            }
            .tw-flex-initial {
                flex                : 0 1 auto!important
            }
            .tw-flex-none {
                flex                : none!important
            }
            .tw-flex-shrink-0 {
                flex-shrink         : 0!important
            }
            .tw-flex-grow {
                flex-grow           : 1!important
            }
            .tw-cursor-default {
                cursor              : default!important
            }
            .tw-cursor-help {
                cursor              : help!important
            }
            .tw-cursor-pointer {
                cursor              : pointer!important
            }
            .tw-list-decimal {
                list-style-type     : decimal!important
            }
            .tw-list-disc {
                list-style-type     : disc!important
            }
            .tw-grid-cols-1 {
                grid-template-columns: repeat(1,minmax(0,1fr))!important
            }
            .tw-flex-row {
                flex-direction      : row!important
            }
            .tw-flex-row-reverse {
                flex-direction      : row-reverse!important
            }
            .tw-flex-col {
                flex-direction      : column!important
            }
            .tw-flex-wrap {
                flex-wrap           : wrap!important
            }
            .tw-flex-nowrap {
                flex-wrap           : nowrap!important
            }
            .tw-items-start {
                align-items         : flex-start!important
            }
            .tw-items-center {
                align-items         : center!important
            }
            .tw-items-stretch {
                align-items         : stretch!important
            }
            .tw-justify-start {
                justify-content     : flex-start!important
            }
            .tw-justify-end {
                justify-content     : flex-end!important
            }
            .tw-justify-center {
                justify-content     : center!important
            }
            .tw-justify-between {
                justify-content     : space-between!important
            }
            .tw-justify-around {
                justify-content     : space-around!important
            }
            .tw-gap-2 {
                gap                 : .5rem!important
            }
            .tw-gap-4 {
                gap                 : 1rem!important
            }
            .tw-overflow-hidden {
                overflow            : hidden!important
            }
            .tw-overflow-y-auto {
                overflow-y          : auto!important
            }
            .tw-truncate {
                overflow            : hidden!important;
                text-overflow       : ellipsis!important
            }
            .tw-truncate,.tw-whitespace-nowrap {
                white-space         : nowrap!important
            }
            .tw-break-words {
                word-wrap           : break-word!important
            }
            .tw-break-all {
                word-break          : break-all!important
            }
            .tw-rounded {
                border-radius       : 4px!important
            }
            .tw-rounded-3xl {
                border-radius       : 1.5rem!important
            }
            .tw-rounded-full {
                border-radius       : 9999px!important
            }
            .tw-rounded-lg {
                border-radius       : 16px!important
            }
            .tw-rounded-md {
                border-radius       : 8px!important
            }
            .tw-rounded-sm {
                border-radius       : .125rem!important
            }
            .tw-rounded-tl {
                border-top-left-radius: 4px!important
            }
            .tw-rounded-tr {
                border-top-right-radius: 4px!important
            }
            .tw-border {
                border-width        : 1px!important
            }
            .tw-border-2 {
                border-width        : 2px!important
            }
            .tw-border-4 {
                border-width        : 4px!important
            }
            .tw-border-b {
                border-bottom-width : 1px!important
            }
            .tw-border-b-0 {
                border-bottom-width : 0!important
            }
            .tw-border-l {
                border-left-width   : 1px!important
            }
            .tw-border-l-4 {
                border-left-width   : 4px!important
            }
            .tw-border-r {
                border-right-width  : 1px!important
            }
            .tw-border-t {
                border-top-width    : 1px!important
            }
            .tw-border-solid {
                border-style        : solid!important
            }
            .tw-border-dashed {
                border-style        : dashed!important
            }
            .tw-border-dotted {
                border-style        : dotted!important
            }
            .tw-border-none {
                border-style        : none!important
            }
            .tw-border-beige-light {
                --tw-border-opacity : 1!important;
                border-color        : #f5f4e9!important;
                border-color        : rgba(245,244,233,var(--tw-border-opacity,1))!important
            }
            .tw-border-black-10 {
                border-color        : var(--theme-ui-colors-black10)!important
            }
            .tw-border-black-20 {
                border-color        : var(--theme-ui-colors-black20)!important
            }
            .tw-border-black-30 {
                border-color        : var(--theme-ui-colors-black30)!important
            }
            .tw-border-green {
                border-color        : var(--theme-ui-colors-primary)!important
            }
            .tw-border-green-dark {
                --tw-border-opacity : 1!important;
                border-color        : #407500!important;
                border-color        : rgba(64,117,0,var(--tw-border-opacity,1))!important
            }
            .tw-border-grey {
                --tw-border-opacity : 1!important;
                border-color        : #c4c4c4!important;
                border-color        : rgba(196,196,196,var(--tw-border-opacity,1))!important
            }
            .tw-border-grey-light {
                --tw-border-opacity : 1!important;
                border-color        : #f0f0f0!important;
                border-color        : rgba(240,240,240,var(--tw-border-opacity,1))!important
            }
            .tw-border-white {
                border-color        : var(--theme-ui-colors-white)!important
            }
            .tw-border-white-10 {
                border-color        : var(--theme-ui-colors-white10)!important
            }
            .tw-border-white-20 {
                border-color        : var(--theme-ui-colors-white20)!important
            }
            .tw-border-white-30 {
                border-color        : var(--theme-ui-colors-white30)!important
            }
            .tw-bg-\[\#404823\] {
                --tw-bg-opacity     : 1!important;
                background-color    : #404823!important;
                background-color    : rgba(64,72,35,var(--tw-bg-opacity,1))!important
            }
            .tw-bg-almost-black {
                background-color    : var(--theme-ui-colors-navbar)!important
            }
            .tw-bg-beige-dark {
                --tw-bg-opacity     : 1!important;
                background-color    : #9e9d96!important;
                background-color    : rgba(158,157,150,var(--tw-bg-opacity,1))!important
            }
            .tw-bg-black-10 {
                background-color    : var(--theme-ui-colors-black10)!important
            }
            .tw-bg-black-5 {
                background-color    : var(--theme-ui-colors-black05)!important
            }
            .tw-bg-black-60 {
                background-color    : var(--theme-ui-colors-black60)!important
            }
            .tw-bg-blue {
                background-color    : var(--theme-ui-colors-secondary)!important
            }
            .tw-bg-blue-light {
                --tw-bg-opacity     : 1!important;
                background-color    : #f1f8fd!important;
                background-color    : rgba(241,248,253,var(--tw-bg-opacity,1))!important
            }
            .tw-bg-canvas {
                background-color    : var(--theme-ui-colors-canvas)!important
            }
            .tw-bg-card {
                background-color    : var(--theme-ui-colors-card)!important
            }
            .tw-bg-difficulty-moderate {
                background-color    : var(--theme-ui-colors-moderate)!important
            }
            .tw-bg-forest,.tw-bg-forest-light {
                background-color    : var(--theme-ui-colors-tertiary)!important
            }
            .tw-bg-gold {
                background-color    : var(--theme-ui-colors-pioneer)!important
            }
            .tw-bg-green {
                background-color    : var(--theme-ui-colors-primary)!important
            }
            .tw-bg-green-dark {
                --tw-bg-opacity     : 1!important;
                background-color    : #407500!important;
                background-color    : rgba(64,117,0,var(--tw-bg-opacity,1))!important
            }
            .tw-bg-green-inverted,.tw-bg-green-inverted-light {
                background-color    : var(--theme-ui-colors-primaryOnDark)!important
            }
            .tw-bg-grey {
                --tw-bg-opacity     : 1!important;
                background-color    : #c4c4c4!important;
                background-color    : rgba(196,196,196,var(--tw-bg-opacity,1))!important
            }
            .tw-bg-grey-dark {
                --tw-bg-opacity     : 1!important;
                background-color    : grey!important;
                background-color    : rgba(128,128,128,var(--tw-bg-opacity,1))!important
            }
            .tw-bg-grey-light {
                --tw-bg-opacity     : 1!important;
                background-color    : #f0f0f0!important;
                background-color    : rgba(240,240,240,var(--tw-bg-opacity,1))!important
            }
            .tw-bg-magenta {
                background-color    : var(--theme-ui-colors-highlight)!important
            }
            .tw-bg-orange {
                --tw-bg-opacity     : 1!important;
                background-color    : #ff845f!important;
                background-color    : rgba(255,132,95,var(--tw-bg-opacity,1))!important
            }
            .tw-bg-silver {
                background-color    : var(--theme-ui-colors-expert)!important
            }
            .tw-bg-transparent {
                background-color    : transparent!important
            }
            .tw-bg-white-10 {
                background-color    : var(--theme-ui-colors-white10)!important
            }
            .tw-bg-white-90 {
                background-color    : var(--theme-ui-colors-white90)!important
            }
            .tw-object-cover {
                -o-object-fit       : cover!important;
                object-fit          : cover!important
            }
            .tw-object-center {
                -o-object-position  : center!important;
                object-position     : center!important
            }
            .tw-p-1 {
                padding             : .375rem!important
            }
            .tw-p-12 {
                padding             : 3rem!important
            }
            .tw-p-2 {
                padding             : .5rem!important
            }
            .tw-p-24 {
                padding             : 6rem!important
            }
            .tw-p-3 {
                padding             : .75rem!important
            }
            .tw-p-4 {
                padding             : 1rem!important
            }
            .tw-p-6 {
                padding             : 1.5rem!important
            }
            .tw-p-8 {
                padding             : 2rem!important
            }
            .tw-px-1 {
                padding-left        : .375rem!important;
                padding-right       : .375rem!important
            }
            .tw-px-2 {
                padding-left        : .5rem!important;
                padding-right       : .5rem!important
            }
            .tw-px-3 {
                padding-left        : .75rem!important;
                padding-right       : .75rem!important
            }
            .tw-px-4 {
                padding-left        : 1rem!important;
                padding-right       : 1rem!important
            }
            .tw-px-6 {
                padding-left        : 1.5rem!important;
                padding-right       : 1.5rem!important
            }
            .tw-py-05 {
                padding-bottom      : .1875rem!important;
                padding-top         : .1875rem!important
            }
            .tw-py-1 {
                padding-bottom      : .375rem!important;
                padding-top         : .375rem!important
            }
            .tw-py-12 {
                padding-bottom      : 3rem!important;
                padding-top         : 3rem!important
            }
            .tw-py-2 {
                padding-bottom      : .5rem!important;
                padding-top         : .5rem!important
            }
            .tw-py-24 {
                padding-bottom      : 6rem!important;
                padding-top         : 6rem!important
            }
            .tw-py-3 {
                padding-bottom      : .75rem!important;
                padding-top         : .75rem!important
            }
            .tw-py-6 {
                padding-bottom      : 1.5rem!important;
                padding-top         : 1.5rem!important
            }
            .tw-py-8 {
                padding-bottom      : 2rem!important;
                padding-top         : 2rem!important
            }
            .tw-pb-0 {
                padding-bottom      : 0!important
            }
            .tw-pb-1 {
                padding-bottom      : .375rem!important
            }
            .tw-pb-12 {
                padding-bottom      : 3rem!important
            }
            .tw-pb-3 {
                padding-bottom      : .75rem!important
            }
            .tw-pb-32 {
                padding-bottom      : 8rem!important
            }
            .tw-pb-4 {
                padding-bottom      : 1rem!important
            }
            .tw-pb-6 {
                padding-bottom      : 1.5rem!important
            }
            .tw-pb-px {
                padding-bottom      : 1px!important
            }
            .tw-pl-0 {
                padding-left        : 0!important
            }
            .tw-pl-1 {
                padding-left        : .375rem!important
            }
            .tw-pl-24 {
                padding-left        : 6rem!important
            }
            .tw-pl-3 {
                padding-left        : .75rem!important
            }
            .tw-pl-6 {
                padding-left        : 1.5rem!important
            }
            .tw-pr-0 {
                padding-right       : 0!important
            }
            .tw-pr-1 {
                padding-right       : .375rem!important
            }
            .tw-pr-12 {
                padding-right       : 3rem!important
            }
            .tw-pr-24 {
                padding-right       : 6rem!important
            }
            .tw-pr-3 {
                padding-right       : .75rem!important
            }
            .tw-pr-6 {
                padding-right       : 1.5rem!important
            }
            .tw-pr-px {
                padding-right       : 1px!important
            }
            .tw-pt-0 {
                padding-top         : 0!important
            }
            .tw-pt-1 {
                padding-top         : .375rem!important
            }
            .tw-pt-12 {
                padding-top         : 3rem!important
            }
            .tw-pt-2 {
                padding-top         : .5rem!important
            }
            .tw-pt-3 {
                padding-top         : .75rem!important
            }
            .tw-pt-4 {
                padding-top         : 1rem!important
            }
            .tw-pt-6 {
                padding-top         : 1.5rem!important
            }
            .tw-pt-8 {
                padding-top         : 2rem!important
            }
            .tw-text-left {
                text-align          : left!important
            }
            .tw-text-center {
                text-align          : center!important
            }
            .tw-text-right {
                text-align          : right!important
            }
            .tw-align-top {
                vertical-align      : top!important
            }
            .tw-align-middle {
                vertical-align      : middle!important
            }
            .tw-align-bottom {
                vertical-align      : bottom!important
            }
            .tw-text-2xl {
                font-size           : 1.5rem!important
            }
            .tw-text-3xl {
                font-size           : 1.75rem!important
            }
            .tw-text-4xl {
                font-size           : 2.25rem!important
            }
            .tw-text-5xl {
                font-size           : 3rem!important
            }
            .tw-text-base {
                font-size           : 1rem!important
            }
            .tw-text-lg {
                font-size           : 1.125rem!important
            }
            .tw-text-sm {
                font-size           : .875rem!important
            }
            .tw-text-xl {
                font-size           : 1.25rem!important
            }
            .tw-text-xs {
                font-size           : .75rem!important
            }
            .tw-font-bold {
                font-weight         : 700!important
            }
            .tw-font-normal {
                font-weight         : 400!important
            }
            .tw-uppercase {
                text-transform      : uppercase!important
            }
            .tw-italic {
                font-style          : italic!important
            }
            .tw-leading-tight {
                line-height         : 1.25!important
            }
            .tw-text-beige-dark {
                --tw-text-opacity   : 1!important;
                color               : #9e9d96!important;
                color               : rgba(158,157,150,var(--tw-text-opacity,1))!important
            }
            .tw-text-black-5 {
                color               : var(--theme-ui-colors-black05)!important
            }
            .tw-text-black-60 {
                color               : var(--theme-ui-colors-black60)!important
            }
            .tw-text-blue {
                color               : var(--theme-ui-colors-secondary)!important
            }
            .tw-text-danger {
                color               : var(--theme-ui-colors-danger)!important
            }
            .tw-text-default {
                color               : var(--theme-ui-colors-text)!important
            }
            .tw-text-disabled {
                color               : var(--theme-ui-colors-disabled)!important
            }
            .tw-text-forest {
                color               : var(--theme-ui-colors-tertiary)!important
            }
            .tw-text-green {
                color               : var(--theme-ui-colors-primary)!important
            }
            .tw-text-green-inverted {
                color               : var(--theme-ui-colors-primaryOnDark)!important
            }
            .tw-text-inherit {
                color               : inherit!important
            }
            .tw-text-magenta {
                color               : var(--theme-ui-colors-highlight)!important
            }
            .tw-text-orange {
                --tw-text-opacity   : 1!important;
                color               : #ff845f!important;
                color               : rgba(255,132,95,var(--tw-text-opacity,1))!important
            }
            .tw-text-primary {
                color               : var(--theme-ui-colors-primary)!important
            }
            .tw-text-purple {
                --tw-text-opacity   : 1!important;
                color               : #aa89db!important;
                color               : rgba(170,137,219,var(--tw-text-opacity,1))!important
            }
            .tw-text-text {
                color               : var(--theme-ui-colors-text)!important
            }
            .tw-text-whisper {
                color               : var(--theme-ui-colors-whisper)!important
            }
            .tw-text-white {
                color               : var(--theme-ui-colors-white)!important
            }
            .tw-text-white-70 {
                color               : var(--theme-ui-colors-white70)!important
            }
            .tw-text-white-80 {
                color               : var(--theme-ui-colors-white80)!important
            }
            .tw-text-white-90 {
                color               : var(--theme-ui-colors-white90)!important
            }
            .tw-text-yellow {
                --tw-text-opacity   : 1!important;
                color               : #fec62e!important;
                color               : rgba(254,198,46,var(--tw-text-opacity,1))!important
            }
            .tw-underline {
                text-decoration-line: underline!important
            }
            .tw-line-through {
                text-decoration-line: line-through!important
            }
            .tw-opacity-0 {
                opacity             : 0!important
            }
            .tw-opacity-100 {
                opacity             : 1!important
            }
            .tw-opacity-25 {
                opacity             : .25!important
            }
            .tw-opacity-50 {
                opacity             : .5!important
            }
            .tw-opacity-75 {
                opacity             : .75!important
            }
            .tw-shadow {
                --tw-shadow         : 0 1px 2px rgba(0,0,0,.2)!important;
                --tw-shadow-colored : 0 1px 2px var(--tw-shadow-color)!important;
                box-shadow          : 0 0 transparent,0 0 transparent,0 1px 2px rgba(0,0,0,.2)!important;
                box-shadow          : var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important
            }
            .tw-shadow-lg {
                --tw-shadow         : 0px 8px 24px rgba(0,0,0,.2)!important;
                --tw-shadow-colored : 0px 8px 24px var(--tw-shadow-color)!important;
                box-shadow          : 0 0 transparent,0 0 transparent,0 8px 24px rgba(0,0,0,.2)!important;
                box-shadow          : var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important
            }
            .tw-shadow-md {
                --tw-shadow         : 0px 4px 8px rgba(0,0,0,.1)!important;
                --tw-shadow-colored : 0px 4px 8px var(--tw-shadow-color)!important;
                box-shadow          : 0 0 transparent,0 0 transparent,0 4px 8px rgba(0,0,0,.1)!important;
                box-shadow          : var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important
            }
            .tw-shadow-none {
                --tw-shadow         : 0 0 transparent!important;
                --tw-shadow-colored : 0 0 transparent!important;
                box-shadow          : 0 0 transparent,0 0 transparent,0 0 transparent!important;
                box-shadow          : var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important
            }
            .tw-shadow-xl {
                --tw-shadow         : 0px 8px 24px rgba(0,0,0,.2)!important;
                --tw-shadow-colored : 0px 8px 24px var(--tw-shadow-color)!important;
                box-shadow          : 0 0 transparent,0 0 transparent,0 8px 24px rgba(0,0,0,.2)!important;
                box-shadow          : var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important
            }
            .tw-outline-none {
                outline             : 2px solid transparent!important;
                outline-offset      : 2px!important
            }
            .tw-transition-transform {
                transition-duration : .15s!important;
                transition-property : transform!important;
                transition-timing-function: cubic-bezier(.4,0,.2,1)!important
            }
            .tw-duration-100 {
                transition-duration : .1s!important
            }
            .tw-ease-in-out {
                transition-timing-function: cubic-bezier(.4,0,.2,1)!important
            }
            .\[geolocation\:error\] {
                geolocation         : error!important
            }
            .\[partialState\:1\] {
                partial-state       : 1!important
            }
            .\[partialState\:2\] {
                partial-state       : 2!important
            }
            .\[partialState\:3\] {
                partial-state       : 3!important
            }
            .top-h-header {
                top                 : var(--header-height)!important
            }
            .top-h-subview {
                top                 : 170px
            }
            .bottom-h-header {
                bottom              : var(--tabbar-height)!important
            }
            .lc-mb-0 p:last-child {
                margin-bottom       : 0!important
            }
            .h-screen-h-header {
                height              : calc(100dvh - var(--header-height) - var(--tabbar-height) - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))
            }
            .min-h-screen-h-header {
                min-height          : calc(100dvh - var(--header-height) - var(--tabbar-height) - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))
            }
            @supports (position:sticky) {
                @media (min-width:720px) {
                    .sticky\?md\:h-screen-h-header {
                        height              : calc(100dvh - var(--header-height))
                    }
                }
            }
            @keyframes anim-appear {
                0%
                {opacity:0;transform:scale(.9)}
                to {
                    opacity             : 1;
                    transform           : scale(1)
                }
            }
            @keyframes anim-fade-in {
                0%
                {opacity:0}
                to {
                    opacity             : 1
                }
            }
            @keyframes anim-fade-in-up {
                0%
                {opacity:0;transform:translate3d(0,100%,0)}
                to {
                    opacity             : 1;
                    transform           : none
                }
            }
            @keyframes anim-disappear {
                0%
                {opacity:1;transform:scale(1)}
                to {
                    opacity             : 0;
                    transform           : scale(.9)
                }
            }
            .anim-appear {
                animation           : anim-appear .15s .15s backwards
            }
            .anim-disappear {
                animation           : anim-disappear .15s .15s backwards;
                opacity             : 0
            }
            .anim-fade-in {
                animation           : anim-fade-in .15s .15s backwards
            }
            .anim-fade-in-up {
                animation           : anim-fade-in-up .15s .15s backwards
            }
            .hover\:tw-scale-105:hover {
                --tw-scale-x        : 1.05!important;
                --tw-scale-y        : 1.05!important;
                transform           : translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.05) scaleY(1.05)!important;
                transform           : translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important
            }
            .hover\:tw-border-black-20:hover {
                border-color        : var(--theme-ui-colors-black20)!important
            }
            .hover\:tw-border-black-30:hover {
                border-color        : var(--theme-ui-colors-black30)!important
            }
            .hover\:tw-border-grey:hover {
                --tw-border-opacity : 1!important;
                border-color        : #c4c4c4!important;
                border-color        : rgba(196,196,196,var(--tw-border-opacity,1))!important
            }
            .hover\:tw-border-white-30:hover {
                border-color        : var(--theme-ui-colors-white30)!important
            }
            .hover\:tw-border-white-40:hover {
                border-color        : var(--theme-ui-colors-white40)!important
            }
            .hover\:tw-bg-black-20:hover {
                background-color    : var(--theme-ui-colors-black20)!important
            }
            .hover\:tw-bg-black-5:hover {
                background-color    : var(--theme-ui-colors-black05)!important
            }
            .hover\:tw-bg-card:hover {
                background-color    : var(--theme-ui-colors-card)!important
            }
            .hover\:tw-bg-grey-light:hover {
                --tw-bg-opacity     : 1!important;
                background-color    : #f0f0f0!important;
                background-color    : rgba(240,240,240,var(--tw-bg-opacity,1))!important
            }
            .hover\:tw-bg-white-5:hover {
                background-color    : var(--theme-ui-colors-white05)!important
            }
            .hover\:tw-text-text:hover {
                color               : var(--theme-ui-colors-text)!important
            }
            .hover\:tw-text-white:hover {
                color               : var(--theme-ui-colors-white)!important
            }
            .hover\:tw-underline:hover {
                text-decoration-line: underline!important
            }
            .hover\:tw-shadow-lg:hover {
                --tw-shadow         : 0px 8px 24px rgba(0,0,0,.2)!important;
                --tw-shadow-colored : 0px 8px 24px var(--tw-shadow-color)!important;
                box-shadow          : 0 0 transparent,0 0 transparent,0 8px 24px rgba(0,0,0,.2)!important;
                box-shadow          : var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important
            }
            .hover\:tw-shadow-md:hover {
                --tw-shadow         : 0px 4px 8px rgba(0,0,0,.1)!important;
                --tw-shadow-colored : 0px 4px 8px var(--tw-shadow-color)!important;
                box-shadow          : 0 0 transparent,0 0 transparent,0 4px 8px rgba(0,0,0,.1)!important;
                box-shadow          : var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important
            }
            .focus\:tw-bg-black-5:focus {
                background-color    : var(--theme-ui-colors-black05)!important
            }
            .focus\:tw-outline-none:focus {
                outline             : 2px solid transparent!important;
                outline-offset      : 2px!important
            }
            .active\:tw-border-grey-dark:active {
                --tw-border-opacity : 1!important;
                border-color        : grey!important;
                border-color        : rgba(128,128,128,var(--tw-border-opacity,1))!important
            }
            @media (min-width:380px) {
                .xs\:tw-order-last {
                    order               : 9999!important
                }
                .xs\:tw-ml-3 {
                    margin-left         : .75rem!important
                }
                .xs\:tw-block {
                    display             : block!important
                }
                .xs\:tw-flex {
                    display             : flex!important
                }
                .xs\:tw-h-64 {
                    height              : 16rem!important
                }
                .xs\:tw-w-1\/2 {
                    width               : 50%!important
                }
                .xs\:tw-p-6 {
                    padding             : 1.5rem!important
                }
                .xs\:tw-pb-0 {
                    padding-bottom      : 0!important
                }
                .xs\:tw-text-2xl {
                    font-size           : 1.5rem!important
                }
                .xs\:tw-text-xl {
                    font-size           : 1.25rem!important
                }
            }
            @media (min-width:540px) {
                .sm\:tw-absolute {
                    position            : absolute!important
                }
                .sm\:tw-mb-0 {
                    margin-bottom       : 0!important
                }
                .sm\:tw-mb-12 {
                    margin-bottom       : 3rem!important
                }
                .sm\:tw-ml-8 {
                    margin-left         : 2rem!important
                }
                .sm\:tw-mr-0 {
                    margin-right        : 0!important
                }
                .sm\:tw-mr-1 {
                    margin-right        : .375rem!important
                }
                .sm\:tw-mr-2 {
                    margin-right        : .5rem!important
                }
                .sm\:tw-mr-6 {
                    margin-right        : 1.5rem!important
                }
                .sm\:tw-mt-2 {
                    margin-top          : .5rem!important
                }
                .sm\:tw-block {
                    display             : block!important
                }
                .sm\:tw-inline {
                    display             : inline!important
                }
                .sm\:tw-flex {
                    display             : flex!important
                }
                .sm\:tw-h-16 {
                    height              : 4rem!important
                }
                .sm\:tw-w-1\/2 {
                    width               : 50%!important
                }
                .sm\:tw-w-1\/3 {
                    width               : 33.333333%!important
                }
                .sm\:tw-w-2\/3 {
                    width               : 66.666667%!important
                }
                .sm\:tw-w-32 {
                    width               : 8rem!important
                }
                .sm\:tw-w-96 {
                    width               : 24rem!important
                }
                .sm\:tw-w-auto {
                    width               : auto!important
                }
                .sm\:tw-flex-row {
                    flex-direction      : row!important
                }
                .sm\:tw-justify-end {
                    justify-content     : flex-end!important
                }
                .sm\:tw-p-12 {
                    padding             : 3rem!important
                }
                .sm\:tw-p-6 {
                    padding             : 1.5rem!important
                }
                .sm\:tw-px-24 {
                    padding-left        : 6rem!important;
                    padding-right       : 6rem!important
                }
                .sm\:tw-px-6 {
                    padding-left        : 1.5rem!important;
                    padding-right       : 1.5rem!important
                }
                .sm\:tw-py-16 {
                    padding-bottom      : 4rem!important;
                    padding-top         : 4rem!important
                }
                .sm\:tw-pb-3 {
                    padding-bottom      : .75rem!important
                }
                .sm\:tw-pb-6 {
                    padding-bottom      : 1.5rem!important
                }
                .sm\:tw-pl-6 {
                    padding-left        : 1.5rem!important
                }
                .sm\:tw-pr-6 {
                    padding-right       : 1.5rem!important
                }
                .sm\:tw-pt-0 {
                    padding-top         : 0!important
                }
                .sm\:tw-pt-3 {
                    padding-top         : .75rem!important
                }
                .sm\:tw-pt-6 {
                    padding-top         : 1.5rem!important
                }
                .sm\:tw-text-left {
                    text-align          : left!important
                }
                .sm\:tw-text-right {
                    text-align          : right!important
                }
                .sm\:tw-text-2xl {
                    font-size           : 1.5rem!important
                }
                .sm\:tw-text-3xl {
                    font-size           : 1.75rem!important
                }
                .sm\:tw-text-base {
                    font-size           : 1rem!important
                }
                .sm\:tw-text-lg {
                    font-size           : 1.125rem!important
                }
                .sm\:tw-text-xl {
                    font-size           : 1.25rem!important
                }
            }
            @media (min-width:720px) {
                .md\:tw-relative {
                    position            : relative!important
                }
                .md\:tw-mx-0 {
                    margin-left         : 0!important;
                    margin-right        : 0!important
                }
                .md\:tw-my-6 {
                    margin-bottom       : 1.5rem!important;
                    margin-top          : 1.5rem!important
                }
                .md\:tw-mb-0 {
                    margin-bottom       : 0!important
                }
                .md\:tw-mb-1 {
                    margin-bottom       : .375rem!important
                }
                .md\:tw-mb-24 {
                    margin-bottom       : 6rem!important
                }
                .md\:tw-ml-6 {
                    margin-left         : 1.5rem!important
                }
                .md\:tw-mr-0 {
                    margin-right        : 0!important
                }
                .md\:tw-mr-12 {
                    margin-right        : 3rem!important
                }
                .md\:tw-mr-6 {
                    margin-right        : 1.5rem!important
                }
                .md\:tw-mt-0 {
                    margin-top          : 0!important
                }
                .md\:tw-mt-1 {
                    margin-top          : .375rem!important
                }
                .md\:tw-block {
                    display             : block!important
                }
                .md\:tw-flex {
                    display             : flex!important
                }
                .md\:tw-hidden {
                    display             : none!important
                }
                .md\:tw-h-24 {
                    height              : 6rem!important
                }
                .md\:tw-w-1\/2 {
                    width               : 50%!important
                }
                .md\:tw-w-1\/3 {
                    width               : 33.333333%!important
                }
                .md\:tw-w-2\/3 {
                    width               : 66.666667%!important
                }
                .md\:tw-w-2\/5 {
                    width               : 40%!important
                }
                .md\:tw-w-24 {
                    width               : 6rem!important
                }
                .md\:tw-w-3\/5 {
                    width               : 60%!important
                }
                .md\:tw-w-48 {
                    width               : 12rem!important
                }
                .md\:tw-w-full {
                    width               : 100%!important
                }
                .md\:tw-max-w-full {
                    max-width           : 100%!important
                }
                .md\:tw-max-w-lg {
                    max-width           : 50rem!important
                }
                .md\:tw-max-w-md {
                    max-width           : 40rem!important
                }
                .md\:tw-flex-none {
                    flex                : none!important
                }
                .md\:tw-grid-cols-2 {
                    grid-template-columns: repeat(2,minmax(0,1fr))!important
                }
                .md\:tw-flex-row {
                    flex-direction      : row!important
                }
                .md\:tw-flex-row-reverse {
                    flex-direction      : row-reverse!important
                }
                .md\:tw-flex-nowrap {
                    flex-wrap           : nowrap!important
                }
                .md\:tw-items-center {
                    align-items         : center!important
                }
                .md\:tw-justify-end {
                    justify-content     : flex-end!important
                }
                .md\:tw-bg-canvas {
                    background-color    : var(--theme-ui-colors-canvas)!important
                }
                .md\:tw-bg-card {
                    background-color    : var(--theme-ui-colors-card)!important
                }
                .md\:tw-p-12 {
                    padding             : 3rem!important
                }
                .md\:tw-p-4 {
                    padding             : 1rem!important
                }
                .md\:tw-p-6 {
                    padding             : 1.5rem!important
                }
                .md\:tw-px-6 {
                    padding-left        : 1.5rem!important;
                    padding-right       : 1.5rem!important
                }
                .md\:tw-pb-0 {
                    padding-bottom      : 0!important
                }
                .md\:tw-pb-6 {
                    padding-bottom      : 1.5rem!important
                }
                .md\:tw-pt-0 {
                    padding-top         : 0!important
                }
                .md\:tw-text-left {
                    text-align          : left!important
                }
                .md\:tw-text-2xl {
                    font-size           : 1.5rem!important
                }
                .md\:tw-text-3xl {
                    font-size           : 1.75rem!important
                }
                .md\:tw-text-4xl {
                    font-size           : 2.25rem!important
                }
                .md\:tw-text-5xl {
                    font-size           : 3rem!important
                }
                .md\:tw-text-base {
                    font-size           : 1rem!important
                }
                .md\:tw-text-lg {
                    font-size           : 1.125rem!important
                }
                .md\:tw-text-xl {
                    font-size           : 1.25rem!important
                }
                .md\:tw-shadow {
                    --tw-shadow         : 0 1px 2px rgba(0,0,0,.2)!important;
                    --tw-shadow-colored : 0 1px 2px var(--tw-shadow-color)!important;
                    box-shadow          : 0 0 transparent,0 0 transparent,0 1px 2px rgba(0,0,0,.2)!important;
                    box-shadow          : var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important
                }
                .md\:tw-shadow-xl {
                    --tw-shadow         : 0px 8px 24px rgba(0,0,0,.2)!important;
                    --tw-shadow-colored : 0px 8px 24px var(--tw-shadow-color)!important;
                    box-shadow          : 0 0 transparent,0 0 transparent,0 8px 24px rgba(0,0,0,.2)!important;
                    box-shadow          : var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important
                }
            }
            @media (min-width:1024px) {
                .lg\:tw-sticky {
                    position            : sticky!important
                }
                .lg\:tw--left-12 {
                    left                : -3rem!important
                }
                .lg\:tw--right-12 {
                    right               : -3rem!important
                }
                .lg\:tw--m-12 {
                    margin              : -3rem!important
                }
                .lg\:tw-my-12 {
                    margin-bottom       : 3rem!important;
                    margin-top          : 3rem!important
                }
                .lg\:tw-my-8 {
                    margin-bottom       : 2rem!important;
                    margin-top          : 2rem!important
                }
                .lg\:tw-mb-0 {
                    margin-bottom       : 0!important
                }
                .lg\:tw-mb-12 {
                    margin-bottom       : 3rem!important
                }
                .lg\:tw-mb-48 {
                    margin-bottom       : 12rem!important
                }
                .lg\:tw-mr-1 {
                    margin-right        : .375rem!important
                }
                .lg\:tw-mr-6 {
                    margin-right        : 1.5rem!important
                }
                .lg\:tw-flex {
                    display             : flex!important
                }
                .lg\:tw-w-1\/2 {
                    width               : 50%!important
                }
                .lg\:tw-w-1\/3 {
                    width               : 33.333333%!important
                }
                .lg\:tw-w-1\/4 {
                    width               : 25%!important
                }
                .lg\:tw-w-1\/5 {
                    width               : 20%!important
                }
                .lg\:tw-w-2\/3 {
                    width               : 66.666667%!important
                }
                .lg\:tw-w-2\/5 {
                    width               : 40%!important
                }
                .lg\:tw-w-3\/5 {
                    width               : 60%!important
                }
                .lg\:tw-w-auto {
                    width               : auto!important
                }
                .lg\:tw-max-w-2xl {
                    max-width           : 70rem!important
                }
                .lg\:tw-flex-initial {
                    flex                : 0 1 auto!important
                }
                .lg\:tw-grid-cols-3 {
                    grid-template-columns: repeat(3,minmax(0,1fr))!important
                }
                .lg\:tw-items-center {
                    align-items         : center!important
                }
                .lg\:tw-justify-start {
                    justify-content     : flex-start!important
                }
                .lg\:tw-justify-end {
                    justify-content     : flex-end!important
                }
                .lg\:tw-p-12 {
                    padding             : 3rem!important
                }
                .lg\:tw-p-16 {
                    padding             : 4rem!important
                }
                .lg\:tw-p-24 {
                    padding             : 6rem!important
                }
                .lg\:tw-px-12 {
                    padding-left        : 3rem!important;
                    padding-right       : 3rem!important
                }
                .lg\:tw-px-6 {
                    padding-left        : 1.5rem!important;
                    padding-right       : 1.5rem!important
                }
                .lg\:tw-px-8 {
                    padding-left        : 2rem!important;
                    padding-right       : 2rem!important
                }
                .lg\:tw-py-16 {
                    padding-bottom      : 4rem!important;
                    padding-top         : 4rem!important
                }
                .lg\:tw-py-24 {
                    padding-bottom      : 6rem!important;
                    padding-top         : 6rem!important
                }
                .lg\:tw-py-3 {
                    padding-bottom      : .75rem!important;
                    padding-top         : .75rem!important
                }
                .lg\:tw-pb-0 {
                    padding-bottom      : 0!important
                }
                .lg\:tw-pl-0 {
                    padding-left        : 0!important
                }
                .lg\:tw-pr-0 {
                    padding-right       : 0!important
                }
                .lg\:tw-pt-0 {
                    padding-top         : 0!important
                }
                .lg\:tw-text-left {
                    text-align          : left!important
                }
                .lg\:tw-text-center {
                    text-align          : center!important
                }
                .lg\:tw-text-right {
                    text-align          : right!important
                }
                .lg\:tw-text-2xl {
                    font-size           : 1.5rem!important
                }
                .lg\:tw-text-3xl {
                    font-size           : 1.75rem!important
                }
                .lg\:tw-text-4xl {
                    font-size           : 2.25rem!important
                }
                .lg\:tw-text-5xl {
                    font-size           : 3rem!important
                }
                .lg\:tw-text-lg {
                    font-size           : 1.125rem!important
                }
                .lg\:tw-text-xl {
                    font-size           : 1.25rem!important
                }
            }
            @media (min-width:1280px) {
                .xl\:tw-left-12 {
                    left                : 3rem!important
                }
                .xl\:tw-right-12 {
                    right               : 3rem!important
                }
                .xl\:tw-w-48 {
                    width               : 12rem!important
                }
                .xl\:tw-px-6 {
                    padding-left        : 1.5rem!important;
                    padding-right       : 1.5rem!important
                }
                .xl\:tw-py-3 {
                    padding-bottom      : .75rem!important;
                    padding-top         : .75rem!important
                }
                .xl\:tw-text-base {
                    font-size           : 1rem!important
                }
                .xl\:tw-text-xl {
                    font-size           : 1.25rem!important
                }
            }
            @media print {
                .print\:tw-block {
                    display             : block!important
                }
                .print\:tw-hidden {
                    display             : none!important
                }
                .print\:tw-w-full {
                    width               : 100%!important
                }
            }
            @media (min-width:1024px) {
                .u-bg-desk-column {
                    background-image    : linear-gradient(90deg,#f5f4e9 60%,#fff 0,#fff)!important
                }
            }
            .u-gradient-top-beige {
                background-image    : linear-gradient(180deg,#f5f4e9 0,#fff 60%)
            }
            .u-gradient-beige-transparent {
                background-image    : linear-gradient(180deg,rgba(#F5F4E9,0) 0,rgba(#F5F4E9,1) 40%)
            }
            .u-gradient-white-transparent {
                background-image    : linear-gradient(180deg,rgba(white,0) 0,rgba(white,1) 40%)
            }
            .u-gradient-almost-black-transparent {
                background-image    : linear-gradient(180deg,rgba(#383838,0) 0,rgba(#383838,1) 40%)
            }
            .u-gradient-black-transparent {
                background-image    : linear-gradient(180deg,transparent 40%,#000 90%)
            }
            .u-image-meta-gradient {
                background-image    : linear-gradient(180deg,transparent 0,rgba(0,0,0,.66))
            }
            .u-gradient-userbar-left {
                background-image    : linear-gradient(90deg,rgba(#383838,0) 0,rgba(#383838,1) 40%)
            }
            .u-gradient-scroll-white-bottom {
                background-image    : linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff 60%)
            }
            .u-gradient-scroll-white-top {
                background-image    : linear-gradient(180deg,#fff 60%,hsla(0,0%,100%,0))
            }
            .u-gradient-scroll-beige-top {
                background-image    : linear-gradient(180deg,rgba(#F5F4E9,1) 60%,rgba(#F5F4E9,0))
            }
            .u-text-shadow {
                text-shadow         : 0 1px 0 rgba(0,0,0,.22)
            }
            .os-android .u-hide-android,.os-ios .u-hide-ios {
                display             : none!important
            }
            .u-show-android,.u-show-ios {
                display             : none
            }
            .os-android .u-show-android,.os-ios .u-show-ios {
                display             : block!important
            }
        </style>
    </head>
    <body>
        <div class="page" id="pageMountNode">
            <link as="image" imagesizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" imagesrcset="/assets/8d4139df67d22582.svg 540w,/assets/8d4139df67d22582.svg 720w,/assets/8d4139df67d22582.svg 1024w,/assets/8d4139df67d22582.svg 1080w,/assets/8d4139df67d22582.svg 1280w,/assets/8d4139df67d22582.svg 1440w,/assets/8d4139df67d22582.svg 1680w,/assets/8d4139df67d22582.svg 1920w,/assets/8d4139df67d22582.svg 2048w,/assets/8d4139df67d22582.svg 2560w,/assets/8d4139df67d22582.svg 2880w,/assets/8d4139df67d22582.svg 3360w,/assets/8d4139df67d22582.svg 3840w" rel="preload">
            <link as="image" href="/assets/88fdd5c0a424d357.svg" rel="preload">
            <link as="image" href="/assets/50dc01cb3fd3998b.svg" rel="preload">
            <link as="image" href="https://d2exd72xrrp1s7.cloudfront.net/www/13/131hlhbftb4eo7twkffunruq62z2wdvm5-u739052563113-full/1962106b2a1?width=28&amp;height=28&amp;crop=true&amp;q=80" rel="preload">
            <link as="image" href="https://d2exd72xrrp1s7.cloudfront.net/www/19/19zxqsh15j5qwlti5i9olz9yl1r0poin88971774-full/18d69a63f8b/p?width=28&amp;height=28&amp;crop=true&amp;q=80" rel="preload">
            <link as="image" href="https://d2exd72xrrp1s7.cloudfront.net/www/wo/wobnnneozxkl19bsm94hc6xtq2sekn2xz-u737844082095-full/1918a381dc9/p?width=28&amp;height=28&amp;crop=true&amp;q=80" rel="preload">
            <link as="image" href="https://d2exd72xrrp1s7.cloudfront.net/www/2y/2ybguf62finf10zpa1jz1g3ia6ae4x7f153727-full/19985179009?width=28&amp;height=28&amp;crop=true&amp;q=80" rel="preload">
            <link as="image" href="https://d2exd72xrrp1s7.cloudfront.net/www/xl/xlc32q1fyara1r92np0mgp3av3amjnn5c-u1052328311035-full/173c074d980/p?width=28&amp;height=28&amp;crop=true&amp;q=80" rel="preload">
            <link as="image" href="https://d2exd72xrrp1s7.cloudfront.net/www/r5/r5zpebwbyy871dmy01d4jb1o326ui59f416188025-full/190a0e860ef/p?width=28&amp;height=28&amp;crop=true&amp;q=80" rel="preload">
            <link as="image" href="https://d2exd72xrrp1s7.cloudfront.net/www/1f/1f0vdtqeh6d2z14ounx19eaoln2h6c8h0n-u554027964257-full/17319bd4d87/p?width=28&amp;height=28&amp;crop=true&amp;q=80" rel="preload">
            <link as="image" href="https://d2exd72xrrp1s7.cloudfront.net/www/b9/b9rr53mcu39h13z9q12qx2ail3dvlfp0t-ueuropeandividetrail-full/1725bbe9dd4?width=28&amp;height=28&amp;crop=true&amp;q=80" rel="preload">
            <link as="image" href="https://d2exd72xrrp1s7.cloudfront.net/www/58/58imfoziqy7hz8h5eyjqs2oa3131bq5k-u767778032227-full/17eff17a466?width=28&amp;height=28&amp;crop=true&amp;q=80" rel="preload">
            <link as="image" href="https://d2exd72xrrp1s7.cloudfront.net/www/1b/1bzip0pp6q3ji1gcqkqgv3bnng2318mxqz13714665-full/167f3b1bb7f/p?width=28&amp;height=28&amp;crop=true&amp;q=80" rel="preload">
            <link as="image" href="https://d2exd72xrrp1s7.cloudfront.net/www/ls/lslfw4xsgc74ev2muyvw4dqe37w1z7we-u778631903966-full/191c6668f89?width=28&amp;height=28&amp;crop=true&amp;q=80" rel="preload">
            <style data-emotion="css-global 34zu6">
                html {
                    color               : var(--theme-ui-colors-text);
                    background-color    : var(--theme-ui-colors-background);
                    --theme-ui-colors-primitives-grey-white: #ffffff;
                    --theme-ui-colors-primitives-grey-900: #1c1a18;
                    --theme-ui-colors-primitives-grey-800: #33312f;
                    --theme-ui-colors-primitives-grey-700: #4a4846;
                    --theme-ui-colors-primitives-grey-600: #615e5c;
                    --theme-ui-colors-primitives-grey-500: #787573;
                    --theme-ui-colors-primitives-grey-400: #8f8c8a;
                    --theme-ui-colors-primitives-grey-300: #a3a09f;
                    --theme-ui-colors-primitives-grey-200: #b2afab;
                    --theme-ui-colors-primitives-grey-100: #c2beb8;
                    --theme-ui-colors-primitives-grey-75: #d1cdc4;
                    --theme-ui-colors-primitives-grey-50: #edebe5;
                    --theme-ui-colors-primitives-grey-25: #f5f4f2;
                    --theme-ui-colors-primitives-brown-900: #1e1611;
                    --theme-ui-colors-primitives-brown-800: #291d15;
                    --theme-ui-colors-primitives-brown-600: #564638;
                    --theme-ui-colors-primitives-brown-500: #736554;
                    --theme-ui-colors-primitives-brown-400: #988b76;
                    --theme-ui-colors-primitives-brown-300: #bdb198;
                    --theme-ui-colors-primitives-brown-200: #d0c1a6;
                    --theme-ui-colors-primitives-brown-100: #e3d2b4;
                    --theme-ui-colors-primitives-brown-75: #e0dbce;
                    --theme-ui-colors-primitives-brown-50: #ede9de;
                    --theme-ui-colors-primitives-brown-25: #f5f3ec;
                    --theme-ui-colors-primitives-green-900: #1a1e0d;
                    --theme-ui-colors-primitives-green-800: #212512;
                    --theme-ui-colors-primitives-green-700: #2b3117;
                    --theme-ui-colors-primitives-green-600: #404823;
                    --theme-ui-colors-primitives-green-500: #4a5427;
                    --theme-ui-colors-primitives-green-400: #4f6814;
                    --theme-ui-colors-primitives-green-300: #889753;
                    --theme-ui-colors-primitives-green-200: #97a36b;
                    --theme-ui-colors-primitives-green-100: #b0ba89;
                    --theme-ui-colors-primitives-green-75: #d8dab3;
                    --theme-ui-colors-primitives-green-50: #e7e8d1;
                    --theme-ui-colors-primitives-green-25: #f3f3e7;
                    --theme-ui-colors-primitives-brown-700: #39271b;
                    --theme-ui-colors-primitives-accent-acid-green-200: #dedd95;
                    --theme-ui-colors-primitives-accent-acid-green-300: #cfce75;
                    --theme-ui-colors-primitives-accent-acid-green-400: #c1c056;
                    --theme-ui-colors-primitives-accent-acid-green-600: #9e9d23;
                    --theme-ui-colors-primitives-accent-acid-green-700: #8e8d3e;
                    --theme-ui-colors-primitives-accent-orange-400: #ee6b17;
                    --theme-ui-colors-primitives-accent-purple-400: #8879e1;
                    --theme-ui-colors-primitives-accent-purple-500: #7568cc;
                    --theme-ui-colors-primitives-accent-purple-600: #7568d1;
                    --theme-ui-colors-primitives-accent-purple-400-10: #8879e11a;
                    --theme-ui-colors-primitives-accent-orange-100: #fce1d1;
                    --theme-ui-colors-primitives-accent-orange-200: #f7ba93;
                    --theme-ui-colors-primitives-accent-orange-300: #f39255;
                    --theme-ui-colors-primitives-accent-acid-green-100: #ecebb4;
                    --theme-ui-colors-primitives-accent-purple-100: #e7e3ff;
                    --theme-ui-colors-primitives-accent-purple-200: #c7c0f5;
                    --theme-ui-colors-primitives-accent-purple-300: #a89ceb;
                    --theme-ui-colors-primitives-brown-5: #fbfaf9;
                    --theme-ui-colors-primitives-brown-15: #faf9f4;
                    --theme-ui-colors-primitives-accent-orange-700: #ca5910;
                    --theme-ui-colors-primitives-accent-orange-800: #9C450C;
                    --theme-ui-colors-primitives-accent-purple-700: #5d52a2;
                    --theme-ui-colors-primitives-utilities-blue-700: #004398;
                    --theme-ui-colors-primitives-utilities-blue-100: #CCDFFF;
                    --theme-ui-colors-primitives-utilities-blue-400: #0056c4;
                    --theme-ui-colors-primitives-utilities-blue-300: #4673e7;
                    --theme-ui-colors-primitives-utilities-blue-200: #95b3ff;
                    --theme-ui-colors-primitives-utilities-magenta-700: #910F3E;
                    --theme-ui-colors-primitives-utilities-magenta-400: #c91a59;
                    --theme-ui-colors-primitives-utilities-magenta-100: #fedde9;
                    --theme-ui-colors-primitives-utilities-red-700: #b53521;
                    --theme-ui-colors-primitives-utilities-red-400: #e4462d;
                    --theme-ui-colors-primitives-utilities-red-300: #e97b69;
                    --theme-ui-colors-primitives-utilities-red-200: #eeafa5;
                    --theme-ui-colors-primitives-utilities-red-100: #f3e4e1;
                    --theme-ui-colors-primitives-utilities-yellow-100: #feefcf;
                    --theme-ui-colors-primitives-utilities-yellow-200: #fdde9b;
                    --theme-ui-colors-primitives-grey-grey-900-80: #1c1a18cc;
                    --theme-ui-colors-primitives-grey-white-30: #ffffff4c;
                    --theme-ui-colors-primitives-grey-white-60: #ffffff99;
                    --theme-ui-colors-primitives-grey-white-70: #ffffffb2;
                    --theme-ui-colors-primitives-grey-white-80: #ffffffcc;
                    --theme-ui-colors-primitives-grey-white-90: #ffffffe5;
                    --theme-ui-colors-primitives-grey-grey-900-90: #1c1a18e5;
                    --theme-ui-colors-primitives-grey-grey-900-70: #1c1a18b2;
                    --theme-ui-colors-primitives-grey-grey-900-60: #1c1a1899;
                    --theme-ui-colors-primitives-grey-grey-900-50: #1c1a187f;
                    --theme-ui-colors-primitives-grey-white-0: #ffffff00;
                    --theme-ui-colors-primitives-grey-grey-900-0: #1c1a1800;
                    --theme-ui-colors-primitives-grey-grey-900-30: #1c1a184c;
                    --theme-ui-colors-primitives-grey-white-50: #ffffff7f;
                    --theme-ui-colors-primary: #4f6814;
                    --theme-ui-colors-primaryStatic: #4f6814;
                    --theme-ui-colors-primaryOnDark: #889753;
                    --theme-ui-colors-secondary: #4f6814;
                    --theme-ui-colors-secondaryOnHover: #4f6814;
                    --theme-ui-colors-secondaryOnDark: #889753;
                    --theme-ui-colors-danger: #ee6b17;
                    --theme-ui-colors-floating: white;
                    --theme-ui-colors-tooltip: #4a4846;
                    --theme-ui-colors-callout: #edebe5;
                    --theme-ui-colors-muted: #edebe5;
                    --theme-ui-colors-tertiary: #ee6b17;
                    --theme-ui-colors-card: #ffffff;
                    --theme-ui-colors-elevationCard: #4a4846;
                    --theme-ui-colors-canvas: #faf9f4;
                    --theme-ui-colors-offer: #ee6b17;
                    --theme-ui-colors-text: #1c1a18;
                    --theme-ui-colors-textInvert: #faf9f4;
                    --theme-ui-colors-textStatic: #1c1a18;
                    --theme-ui-colors-textInverse: #faf9f4;
                    --theme-ui-colors-textInverseStatic: #edebe5;
                    --theme-ui-colors-whisper: #a3a09f;
                    --theme-ui-colors-border: #edebe5;
                    --theme-ui-colors-separator: #edebe5;
                    --theme-ui-colors-disabled: #edebe5;
                    --theme-ui-colors-success: #4f6814;
                    --theme-ui-colors-error: #8f8c8a;
                    --theme-ui-colors-info: #8f8c8a;
                    --theme-ui-colors-warning: #ee6b17;
                    --theme-ui-colors-successBg: #e7e8d1;
                    --theme-ui-colors-errorBg: #f3e4e1;
                    --theme-ui-colors-warningBg: #fce1d1;
                    --theme-ui-colors-infoBg: #ede9de;
                    --theme-ui-colors-positive: #4f6814;
                    --theme-ui-colors-neutral: #4a4846;
                    --theme-ui-colors-negative: #e4462d;
                    --theme-ui-colors-rating: #ee6b17;
                    --theme-ui-colors-like: #ee6b17;
                    --theme-ui-colors-notification: #ee6b17;
                    --theme-ui-colors-pioneer: #c1c056;
                    --theme-ui-colors-expert: #8879e1;
                    --theme-ui-colors-routingPanel: #4f6814;
                    --theme-ui-colors-tourlinePlan: #4f6814;
                    --theme-ui-colors-tourlinePlanSelected: #2b3117;
                    --theme-ui-colors-tourlineCompleted: #889753;
                    --theme-ui-colors-tourlineHighlight: #ee6b17;
                    --theme-ui-colors-tourlineHighlightSelected: #7B4362;
                    --theme-ui-colors-tourlineHighlightCompleted: #ee6b17;
                    --theme-ui-colors-tourlineRecord: #4f6814;
                    --theme-ui-colors-locationDefault: #0056C4;
                    --theme-ui-colors-locationRecord: #ee6b17;
                    --theme-ui-colors-locationInactive: #a3a09f;
                    --theme-ui-colors-segmentHighlight: #ee6b17;
                    --theme-ui-colors-segmentHighlightSelected: #ca5910;
                    --theme-ui-colors-easy: #2b3117;
                    --theme-ui-colors-moderate: #2b3117;
                    --theme-ui-colors-difficult: #2b3117;
                    --theme-ui-colors-tour: #1c1a18;
                    --theme-ui-colors-highlight: #ee6b17;
                    --theme-ui-colors-dangerHigh: #e4462d;
                    --theme-ui-colors-dangerModerate: #ee6b17;
                    --theme-ui-colors-bicycleDismount: #2b3117;
                    --theme-ui-colors-ferry: #2b3117;
                    --theme-ui-colors-heavyTraffic: #2b3117;
                    --theme-ui-colors-movableBridge: #2b3117;
                    --theme-ui-colors-offgrid: #2b3117;
                    --theme-ui-colors-private: #2b3117;
                    --theme-ui-colors-noAccess: #2b3117;
                    --theme-ui-colors-restricted: #2b3117;
                    --theme-ui-colors-stairs: #2b3117;
                    --theme-ui-colors-steepUphill: #2b3117;
                    --theme-ui-colors-unsuitable: #ee6b17;
                    --theme-ui-colors-natureReserve: #2b3117;
                    --theme-ui-colors-black05: rgba(0, 0, 0, .05);
                    --theme-ui-colors-black10: rgba(0, 0, 0, .1);
                    --theme-ui-colors-black20: rgba(0, 0, 0, .2);
                    --theme-ui-colors-black30: rgba(0, 0, 0, .3);
                    --theme-ui-colors-black40: rgba(0, 0, 0, .4);
                    --theme-ui-colors-black50: rgba(0, 0, 0, .5);
                    --theme-ui-colors-black60: rgba(0, 0, 0, .6);
                    --theme-ui-colors-black70: rgba(0, 0, 0, .7);
                    --theme-ui-colors-black80: rgba(0, 0, 0, .8);
                    --theme-ui-colors-black90: rgba(0, 0, 0, .9);
                    --theme-ui-colors-black: rgba(0, 0, 0, 1);
                    --theme-ui-colors-white05: rgba(255, 255, 255, .05);
                    --theme-ui-colors-white10: rgba(255, 255, 255, .1);
                    --theme-ui-colors-white20: rgba(255, 255, 255, .2);
                    --theme-ui-colors-white30: rgba(255, 255, 255, .3);
                    --theme-ui-colors-white40: rgba(255, 255, 255, .4);
                    --theme-ui-colors-white50: rgba(255, 255, 255, .5);
                    --theme-ui-colors-white60: rgba(255, 255, 255, .6);
                    --theme-ui-colors-white70: rgba(255, 255, 255, .7);
                    --theme-ui-colors-white80: rgba(255, 255, 255, .8);
                    --theme-ui-colors-white90: rgba(255, 255, 255, .9);
                    --theme-ui-colors-white: rgba(255, 255, 255, 1);
                    --theme-ui-colors-facebook: #1877f2;
                    --theme-ui-colors-apple: #000000;
                    --theme-ui-colors-accent: #ee6b17;
                    --theme-ui-colors-accentText: #4a5427;
                    --theme-ui-colors-accentTextOnDark: #889753;
                    --theme-ui-colors-navbar: #1c1a18;
                    --theme-ui-colors-background: #faf9f4;
                    --theme-ui-colors-inactive: #edebe5;
                    --theme-ui-colors-focused: #ee6b17;
                    --theme-ui-colors-textOnDark: #ffffff;
                    --theme-ui-colors-tertiaryText: #ee6b17;
                    --theme-ui-colors-tertiaryTextOnDark: #ee6b17;
                    --theme-ui-colors-difficultyTagsBaseFillEasyDefault: var(--theme-ui-colors-primitives-accent-acid-green-600);
                    --theme-ui-colors-difficultyTagsBaseFillEasyHover: var(--theme-ui-colors-primitives-accent-acid-green-700);
                    --theme-ui-colors-difficultyTagsBaseFillIntermediateDefault: var(--theme-ui-colors-primitives-green-500);
                    --theme-ui-colors-difficultyTagsBaseFillIntermediateHover: var(--theme-ui-colors-primitives-green-600);
                    --theme-ui-colors-difficultyTagsBaseFillExpertDefault: var(--theme-ui-colors-primitives-brown-700);
                    --theme-ui-colors-difficultyTagsBaseFillExpertHover: var(--theme-ui-colors-primitives-brown-800);
                    --theme-ui-colors-difficultyTagsContentFillEasyDefault: var(--theme-ui-colors-primitives-green-50);
                    --theme-ui-colors-difficultyTagsContentFillEasyHover: var(--theme-ui-colors-primitives-green-50);
                    --theme-ui-colors-difficultyTagsContentFillIntermediateDefault: var(--theme-ui-colors-primitives-brown-50);
                    --theme-ui-colors-difficultyTagsContentFillIntermediateHover: var(--theme-ui-colors-primitives-brown-50);
                    --theme-ui-colors-difficultyTagsContentFillExpertDefault: var(--theme-ui-colors-primitives-utilities-red-100);
                    --theme-ui-colors-difficultyTagsContentFillExpertHover: var(--theme-ui-colors-primitives-utilities-red-100);
                    --theme-ui-colors-headerBackground: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-headerLogoIcon: var(--theme-ui-colors-primitives-green-400);
                    --theme-ui-colors-headerLogoLabel: var(--theme-ui-colors-primitives-brown-900);
                    --theme-ui-colors-headerMenuButtonDefaultIdleLabel: var(--theme-ui-colors-primitives-green-700);
                    --theme-ui-colors-headerMenuButtonDefaultIdleIcon: var(--theme-ui-colors-primitives-green-700);
                    --theme-ui-colors-headerMenuButtonHoverLabel: var(--theme-ui-colors-primitives-green-700);
                    --theme-ui-colors-headerMenuButtonHoverIcon: var(--theme-ui-colors-primitives-green-700);
                    --theme-ui-colors-headerMenuButtonDefaultActiveLabel: var(--theme-ui-colors-primitives-green-700);
                    --theme-ui-colors-headerMenuButtonDefaultActiveIcon: var(--theme-ui-colors-primitives-green-700);
                    --theme-ui-colors-headerMenuButtonDefaultActiveBackground: var(--theme-ui-colors-primitives-brown-50);
                    --theme-ui-colors-headerMenuButtonHoverBackground: var(--theme-ui-colors-primitives-brown-50);
                    --theme-ui-colors-headerMenuButtonDisabledLabel: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-headerMenuButtonDisabledIcon: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-generalIcons: var(--theme-ui-colors-primitives-green-900);
                    --theme-ui-colors-generalSeparator: var(--theme-ui-colors-primitives-grey-75);
                    --theme-ui-colors-generalHeading: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-generalBody: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-generalBackground: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-generalSubheading: var(--theme-ui-colors-primitives-brown-500);
                    --theme-ui-colors-generalIconsAccent: var(--theme-ui-colors-primitives-accent-orange-400);
                    --theme-ui-colors-footerBackground: var(--theme-ui-colors-primitives-green-800);
                    --theme-ui-colors-footerLogoIcon: var(--theme-ui-colors-primitives-brown-50);
                    --theme-ui-colors-footerLogoLabel: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-footerFooterLinkDefaultLabel: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-footerFooterLinkHoverLabel: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-footerSectionHeading: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-footerBody: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-footerSocialButtonsDefaultIcon: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-generalBackgroundHighlighted: var(--theme-ui-colors-primitives-brown-50);
                    --theme-ui-colors-headerMenuDropdownHoverBackground: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-footerSocialButtonsHoverIcon: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-footerSocialButtonsHoverBackground: var(--theme-ui-colors-primitives-green-500);
                    --theme-ui-colors-generalHeadingInverted: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-generalBodyInverted: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-generalSubheadingInverted: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-generalCard: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-textPrimaryDefault: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-textSecondaryDefault: var(--theme-ui-colors-primitives-brown-500);
                    --theme-ui-colors-surfaceFillPrimaryDefault: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-textPrimaryHover: var(--theme-ui-colors-primitives-grey-800);
                    --theme-ui-colors-surfaceFillPrimaryHover: var(--theme-ui-colors-primitives-brown-50);
                    --theme-ui-colors-surfaceFillWhiteDefault: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-surfaceFillOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-400);
                    --theme-ui-colors-surfaceFillBlueDefault: var(--theme-ui-colors-primitives-utilities-blue-400);
                    --theme-ui-colors-surfaceFillOrangeHover: var(--theme-ui-colors-primitives-accent-orange-300);
                    --theme-ui-colors-textSecondaryHover: var(--theme-ui-colors-primitives-brown-400);
                    --theme-ui-colors-textOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-400);
                    --theme-ui-colors-textOrangeHighContrastDefault: var(--theme-ui-colors-primitives-accent-orange-800);
                    --theme-ui-colors-textBlueDefault: var(--theme-ui-colors-primitives-utilities-blue-400);
                    --theme-ui-colors-textOrangeHover: var(--theme-ui-colors-primitives-accent-orange-700);
                    --theme-ui-colors-textAcidGreenHover: var(--theme-ui-colors-primitives-accent-acid-green-700);
                    --theme-ui-colors-iconHeatmapsDefault: var(--theme-ui-colors-primitives-utilities-magenta-400);
                    --theme-ui-colors-iconHeatmapsHover: var(--theme-ui-colors-primitives-utilities-magenta-700);
                    --theme-ui-colors-iconPeakBaggedDefault: var(--theme-ui-colors-primitives-utilities-magenta-400);
                    --theme-ui-colors-iconPrimaryDefault: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-iconPrimaryHover: var(--theme-ui-colors-primitives-grey-800);
                    --theme-ui-colors-iconSecondaryDefault: var(--theme-ui-colors-primitives-brown-500);
                    --theme-ui-colors-iconSecondaryHover: var(--theme-ui-colors-primitives-brown-400);
                    --theme-ui-colors-iconAccentDefault: var(--theme-ui-colors-primitives-accent-orange-400);
                    --theme-ui-colors-iconAccentHover: var(--theme-ui-colors-primitives-accent-orange-700);
                    --theme-ui-colors-iconBlueDefault: var(--theme-ui-colors-primitives-utilities-blue-400);
                    --theme-ui-colors-surfaceStrokePrimaryHover: var(--theme-ui-colors-primitives-brown-100);
                    --theme-ui-colors-surfaceStrokeSecondaryHover: var(--theme-ui-colors-primitives-green-600);
                    --theme-ui-colors-surfaceFillSecondaryDefault: var(--theme-ui-colors-primitives-brown-50);
                    --theme-ui-colors-surfaceFillSecondaryHover: var(--theme-ui-colors-primitives-brown-75);
                    --theme-ui-colors-surfaceFillWhiteHover: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-logoDefaultIcon: var(--theme-ui-colors-primitives-green-400);
                    --theme-ui-colors-actionBaseFillPrimaryDefault: var(--theme-ui-colors-primitives-green-400);
                    --theme-ui-colors-actionBaseFillPrimaryHover: var(--theme-ui-colors-primitives-green-600);
                    --theme-ui-colors-actionBaseFillPrimaryDisabled: var(--theme-ui-colors-primitives-grey-75);
                    --theme-ui-colors-actionBaseFillDangerDefault: var(--theme-ui-colors-primitives-utilities-red-200);
                    --theme-ui-colors-actionBaseFillDangerHover: var(--theme-ui-colors-primitives-utilities-red-300);
                    --theme-ui-colors-actionBaseFillDangerDisabled: var(--theme-ui-colors-primitives-grey-75);
                    --theme-ui-colors-actionBaseFillWhiteDefault: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-actionBaseFillWhiteHover: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-actionBaseFillWhiteDisabled: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-actionBaseFillSecondaryDefault: var(--theme-ui-colors-primitives-brown-100);
                    --theme-ui-colors-actionBaseFillSecondaryHover: var(--theme-ui-colors-primitives-brown-200);
                    --theme-ui-colors-actionBaseFillSecondaryDisabled: var(--theme-ui-colors-primitives-brown-50);
                    --theme-ui-colors-actionBaseFillGhostWhiteHover: var(--theme-ui-colors-primitives-grey-grey-900-50);
                    --theme-ui-colors-actionBaseFillGhostBlackHover: var(--theme-ui-colors-primitives-brown-50);
                    --theme-ui-colors-actionBaseFillGhostOrangeHover: var(--theme-ui-colors-primitives-accent-orange-100);
                    --theme-ui-colors-actionBaseFillGreenDefault: var(--theme-ui-colors-primitives-green-600);
                    --theme-ui-colors-actionBaseFillGreenHover: var(--theme-ui-colors-primitives-green-800);
                    --theme-ui-colors-actionBaseFillGreenDisabled: var(--theme-ui-colors-primitives-grey-75);
                    --theme-ui-colors-actionBaseFillAccentOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-400);
                    --theme-ui-colors-actionBaseFillAccentOrangeHover: var(--theme-ui-colors-primitives-accent-orange-700);
                    --theme-ui-colors-actionBaseFillAccentOrangeDisabled: var(--theme-ui-colors-primitives-brown-500);
                    --theme-ui-colors-actionBaseFillSubtleGreenDefault: var(--theme-ui-colors-primitives-green-50);
                    --theme-ui-colors-actionBaseFillSubtleGreenHover: var(--theme-ui-colors-primitives-green-75);
                    --theme-ui-colors-actionBaseFillSubtleGreenDisabled: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-actionBaseFillSubtleDefault: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-actionBaseFillSubtleHover: var(--theme-ui-colors-primitives-brown-50);
                    --theme-ui-colors-actionBaseFillSubtleOutlineDefault: transparent;
                    --theme-ui-colors-actionBaseFillSubtleOutlineHover: var(--theme-ui-colors-primitives-brown-75);
                    --theme-ui-colors-actionBaseFillSubtleDisabled: var(--theme-ui-colors-primitives-grey-25);
                    --theme-ui-colors-actionBaseFillSubtleOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-100);
                    --theme-ui-colors-actionBaseFillSubtleOrangeHover: var(--theme-ui-colors-primitives-accent-orange-200);
                    --theme-ui-colors-actionBaseFillSubtleOrangeDisabled: var(--theme-ui-colors-primitives-grey-25);
                    --theme-ui-colors-actionContentFillDangerDefault: var(--theme-ui-colors-primitives-utilities-red-700);
                    --theme-ui-colors-actionContentFillDangerHover: var(--theme-ui-colors-primitives-utilities-red-700);
                    --theme-ui-colors-actionContentFillDangerDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-actionContentFillSubtleGreenDefault: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionContentFillSubtleGreenHover: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionContentFillSubtleGreenDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-actionContentFillSubtleDefault: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionContentFillSubtleHover: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionContentFillSubtleOutlineDefault: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionContentFillSubtleOutlineHover: var(--theme-ui-colors-primitives-grey-700);
                    --theme-ui-colors-actionContentFillSubtleDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-actionContentFillSubtleOrangeDefault: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionContentFillSubtleOrangeHover: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionContentFillSubtleOrangeDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-actionContentFillPrimaryDefault: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-actionContentFillPrimaryHover: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-actionContentFillPrimaryDisabled: var(--theme-ui-colors-primitives-grey-50);
                    --theme-ui-colors-actionContentFillSecondaryDefault: var(--theme-ui-colors-primitives-green-600);
                    --theme-ui-colors-actionContentFillSecondaryHover: var(--theme-ui-colors-primitives-green-600);
                    --theme-ui-colors-actionContentFillSecondaryDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-actionContentFillGhostBlackHover: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionContentFillWhiteDefault: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionContentFillWhiteHover: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionContentFillWhiteDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-actionContentFillAccentOrangeDefault: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-actionContentFillAccentOrangeHover: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-actionContentFillAccentOrangeDisabled: var(--theme-ui-colors-primitives-brown-75);
                    --theme-ui-colors-actionContentFillGhostBlackDefault: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionContentFillGhostBlackDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-actionContentFillGhostWhiteDefault: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-actionContentFillGhostWhiteHover: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-actionContentFillGhostWhiteDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-actionContentFillGhostOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-400);
                    --theme-ui-colors-actionContentFillGhostOrangeHover: var(--theme-ui-colors-primitives-accent-orange-400);
                    --theme-ui-colors-actionContentFillGhostPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-400);
                    --theme-ui-colors-actionContentFillGhostPurpleHover: var(--theme-ui-colors-primitives-accent-purple-400);
                    --theme-ui-colors-actionContentFillGhostOrangeDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-actionContentFillGreenDefault: var(--theme-ui-colors-primitives-accent-acid-green-100);
                    --theme-ui-colors-actionContentFillGreenHover: var(--theme-ui-colors-primitives-accent-acid-green-100);
                    --theme-ui-colors-actionContentFillGreenDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-surfaceStrokeWhiteHover: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-borderPrimaryDefault: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-borderPrimaryHover: var(--theme-ui-colors-primitives-grey-800);
                    --theme-ui-colors-borderSecondaryDefault: var(--theme-ui-colors-primitives-brown-500);
                    --theme-ui-colors-borderSecondaryHover: var(--theme-ui-colors-primitives-brown-400);
                    --theme-ui-colors-borderAccentDefault: var(--theme-ui-colors-primitives-accent-orange-400);
                    --theme-ui-colors-borderAccentHover: var(--theme-ui-colors-primitives-accent-orange-700);
                    --theme-ui-colors-surfaceFillWhiteOpacityDefault: #ffffff4c;
                    --theme-ui-colors-borderTertiaryDefault: var(--theme-ui-colors-primitives-grey-75);
                    --theme-ui-colors-borderTertiaryHover: var(--theme-ui-colors-primitives-grey-50);
                    --theme-ui-colors-textTurnoutLow: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-textTurnoutMedium: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-textTurnoutHigh: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-textGreenDefault: var(--theme-ui-colors-primitives-green-600);
                    --theme-ui-colors-textGreenHover: var(--theme-ui-colors-primitives-green-500);
                    --theme-ui-colors-textDangerDefault: var(--theme-ui-colors-primitives-utilities-red-700);
                    --theme-ui-colors-iconGreenDefault: var(--theme-ui-colors-primitives-green-600);
                    --theme-ui-colors-iconGreenHover: var(--theme-ui-colors-primitives-green-500);
                    --theme-ui-colors-surfaceFillGreenDefault: var(--theme-ui-colors-primitives-green-600);
                    --theme-ui-colors-surfaceFillGreenHover: var(--theme-ui-colors-primitives-green-700);
                    --theme-ui-colors-textWhiteDefault: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-textWhiteHover: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-surfaceStrokePrimaryDefault: var(--theme-ui-colors-primitives-brown-75);
                    --theme-ui-colors-surfaceStrokeSecondaryDefault: var(--theme-ui-colors-primitives-green-500);
                    --theme-ui-colors-surfaceStrokeWhiteDefault: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-textGreenDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-textPrimaryDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-textSecondaryDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-textOrangeDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-textWhiteDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-iconPrimaryDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-iconSecondaryDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-iconAccentDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-iconGreenDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-surfaceFillTurnoutLow: var(--theme-ui-colors-primitives-accent-acid-green-200);
                    --theme-ui-colors-surfaceFillTurnoutMedium: var(--theme-ui-colors-primitives-accent-acid-green-400);
                    --theme-ui-colors-surfaceFillTurnoutHigh: var(--theme-ui-colors-primitives-accent-acid-green-700);
                    --theme-ui-colors-surfaceFillAcidGreenDefault: var(--theme-ui-colors-primitives-accent-acid-green-200);
                    --theme-ui-colors-surfaceFillAcidGreenLightDefault: var(--theme-ui-colors-primitives-accent-acid-green-100);
                    --theme-ui-colors-surfaceFillAccentGreenDefault: var(--theme-ui-colors-primitives-green-50);
                    --theme-ui-colors-surfaceFillAccentGreenHover: var(--theme-ui-colors-primitives-green-75);
                    --theme-ui-colors-surfaceFillAccentBlueDefault: var(--theme-ui-colors-primitives-utilities-blue-100);
                    --theme-ui-colors-surfaceFillAccentOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-100);
                    --theme-ui-colors-surfaceFillAccentOrangeHover: var(--theme-ui-colors-primitives-accent-orange-700);
                    --theme-ui-colors-surfaceFillAccentOrangeSubtle: var(--theme-ui-colors-primitives-accent-orange-200);
                    --theme-ui-colors-surfaceFillPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-400);
                    --theme-ui-colors-surfaceFillAccentPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-100);
                    --theme-ui-colors-surfaceFillAccentPurpleHover: var(--theme-ui-colors-primitives-accent-purple-700);
                    --theme-ui-colors-logoDefaultText: var(--theme-ui-colors-primitives-green-900);
                    --theme-ui-colors-logoWhiteIcon: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-logoWhiteText: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-headerLightBackgroundShadow0: #1c1a184c;
                    --theme-ui-colors-headerLightLogoIcon: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-headerLightLogoLabel: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-headerLightMenuButtonDefaultIdleLabel: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-headerLightMenuButtonDefaultIdleIcon: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-headerLightMenuDropdownHoverBackground: #ffffff4c;
                    --theme-ui-colors-headerLightMenuButtonHoverBackground: var(--theme-ui-colors-primitives-brown-50);
                    --theme-ui-colors-headerLightMenuButtonHoverLabel: var(--theme-ui-colors-primitives-green-700);
                    --theme-ui-colors-headerLightMenuButtonDefaultActiveBackground: #ffffff4c;
                    --theme-ui-colors-headerLightMenuButtonHoverIcon: var(--theme-ui-colors-primitives-green-700);
                    --theme-ui-colors-headerLightMenuButtonDefaultActiveLabel: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-headerLightMenuButtonDefaultActiveIcon: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-headerLightMenuButtonDisabledLabel: var(--theme-ui-colors-primitives-grey-100);
                    --theme-ui-colors-headerLightMenuButtonDisabledIcon: var(--theme-ui-colors-primitives-grey-100);
                    --theme-ui-colors-headerLightBackgroundShadow100: var(--theme-ui-colors-primitives-grey-grey-900-0);
                    --theme-ui-colors-surfaceFillWhiteOpacityHover: var(--theme-ui-colors-primitives-grey-white-50);
                    --theme-ui-colors-iconPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-400);
                    --theme-ui-colors-iconPurpleHover: var(--theme-ui-colors-primitives-accent-purple-700);
                    --theme-ui-colors-iconPurpleDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-iconDangerDefault: var(--theme-ui-colors-primitives-utilities-red-400);
                    --theme-ui-colors-iconAcidGreenDefault: var(--theme-ui-colors-primitives-accent-acid-green-400);
                    --theme-ui-colors-iconAcidGreenHover: var(--theme-ui-colors-primitives-accent-acid-green-700);
                    --theme-ui-colors-iconAcidGreenDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-surfaceFillBlackDefault: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-surfaceFillBlackHover: var(--theme-ui-colors-primitives-grey-700);
                    --theme-ui-colors-surfaceFillBlackOpacityDefault: var(--theme-ui-colors-primitives-grey-grey-900-80);
                    --theme-ui-colors-surfaceFillBlackOpacityHover: var(--theme-ui-colors-primitives-grey-grey-900-90);
                    --theme-ui-colors-iconWhiteDefault: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-iconWhiteHover: var(--theme-ui-colors-primitives-grey-50);
                    --theme-ui-colors-iconWhiteDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-surfaceFillAccentAcidGreenDefault: var(--theme-ui-colors-primitives-accent-acid-green-400);
                    --theme-ui-colors-surfaceFillAccentAcidGreenHover: var(--theme-ui-colors-primitives-accent-acid-green-200);
                    --theme-ui-colors-mapPinsGreenDefault: var(--theme-ui-colors-primitives-green-400);
                    --theme-ui-colors-mapPinsOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-700);
                    --theme-ui-colors-mapPinsHighlightDefault: var(--theme-ui-colors-primitives-accent-orange-800);
                    --theme-ui-colors-mapPinsWhiteDefault: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-surfaceFillSubtleDefault: var(--theme-ui-colors-primitives-brown-5);
                    --theme-ui-colors-surfaceFillAccentYellowDefault: var(--theme-ui-colors-primitives-utilities-yellow-100);
                    --theme-ui-colors-surfaceFillAccentYellowHover: var(--theme-ui-colors-primitives-utilities-yellow-200);
                    --theme-ui-colors-surfaceFillPrimaryDisabled: var(--theme-ui-colors-primitives-grey-25);
                    --theme-ui-colors-actionBaseFillFacebookDefault: #3975EA;
                    --theme-ui-colors-actionBaseFillFacebookHover: #2d5bb8;
                    --theme-ui-colors-actionBaseFillFacebookDisabled: var(--theme-ui-colors-primitives-grey-75);
                    --theme-ui-colors-actionContentFillFacebookDefault: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-actionContentFillFacebookHover: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-actionContentFillFacebookDisabled: var(--theme-ui-colors-primitives-grey-50);
                    --theme-ui-colors-actionBaseFillAppleDefault: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionBaseFillAppleHover: var(--theme-ui-colors-primitives-grey-grey-900-90);
                    --theme-ui-colors-actionBaseFillAppleDisabled: var(--theme-ui-colors-primitives-grey-75);
                    --theme-ui-colors-actionContentFillAppleDefault: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-actionContentFillAppleHover: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-actionContentFillAppleDisabled: var(--theme-ui-colors-primitives-grey-50);
                    --theme-ui-colors-actionBaseFillGooglePlayDefault: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionBaseFillGooglePlayHover: var(--theme-ui-colors-primitives-grey-grey-900-90);
                    --theme-ui-colors-actionBaseFillGooglePlayDisabled: var(--theme-ui-colors-primitives-grey-75);
                    --theme-ui-colors-actionContentFillGooglePlayDefault: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-actionContentFillGooglePlayHover: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-actionContentFillGooglePlayDisabled: var(--theme-ui-colors-primitives-grey-50);
                    --theme-ui-colors-actionBaseFillPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-400);
                    --theme-ui-colors-actionBaseFillPurpleHover: var(--theme-ui-colors-primitives-accent-purple-700);
                    --theme-ui-colors-actionBaseFillPurpleDisabled: var(--theme-ui-colors-primitives-grey-75);
                    --theme-ui-colors-actionContentFillPurpleDefault: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-actionContentFillPurpleHover: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-actionContentFillPurpleDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-actionBaseFillPurpleBorderedDefault: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-actionBaseFillPurpleBorderedHover: var(--theme-ui-colors-primitives-accent-purple-100);
                    --theme-ui-colors-actionBaseFillPurpleBorderedDisabled: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-actionContentFillPurpleBorderedDefault: var(--theme-ui-colors-primitives-accent-purple-400);
                    --theme-ui-colors-actionContentFillPurpleBorderedHover: var(--theme-ui-colors-primitives-accent-purple-700);
                    --theme-ui-colors-actionContentFillPurpleBorderedDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-continueInAppBannerBackground: var(--theme-ui-colors-primitives-accent-acid-green-300);
                    --theme-ui-colors-surfaceFillPurpleHover: var(--theme-ui-colors-primitives-accent-purple-600);
                    --theme-ui-colors-textPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-400);
                    --theme-ui-colors-textPurpleHover: var(--theme-ui-colors-primitives-accent-purple-700);
                    --theme-ui-colors-textBrownSecondaryDefault: var(--theme-ui-colors-primitives-brown-500);
                    --theme-ui-colors-borderPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-400);
                    --theme-ui-colors-surfaceFillGreyLightDefault: var(--theme-ui-colors-primitives-grey-75);
                    --theme-ui-colors-surfaceFillPurpleHoverOpacity: var(--theme-ui-colors-primitives-accent-purple-400-10);
                    --theme-ui-colors-badgePremiumDefault: var(--theme-ui-colors-primitives-accent-purple-400);
                    --theme-ui-colors-badgeActiveDefault: var(--theme-ui-colors-primitives-accent-acid-green-600);
                    --theme-ui-colors-badgePlatformDefault: var(--theme-ui-colors-primitives-green-600);
                    --theme-ui-colors-badgeExpiringDefault: var(--theme-ui-colors-primitives-accent-orange-400);
                    --theme-ui-colors-badgeExpiredDefault: var(--theme-ui-colors-primitives-utilities-red-400);
                    --theme-ui-colors-borderNeutralIdle: var(--theme-ui-colors-primitives-brown-75);
                    --theme-ui-colors-borderPurpleIdle: var(--theme-ui-colors-primitives-accent-purple-300);
                    --theme-ui-colors-textPurpleAccent: var(--theme-ui-colors-primitives-accent-purple-700);
                    --theme-ui-colors-surfaceFillPurpleLight: var(--theme-ui-colors-primitives-accent-purple-200);
                }
                html.theme-ui-light,.theme-ui-light html {
                    --theme-ui-colors-primitives-grey-white: #ffffff;
                    --theme-ui-colors-primitives-grey-900: #1c1a18;
                    --theme-ui-colors-primitives-grey-800: #33312f;
                    --theme-ui-colors-primitives-grey-700: #4a4846;
                    --theme-ui-colors-primitives-grey-600: #615e5c;
                    --theme-ui-colors-primitives-grey-500: #787573;
                    --theme-ui-colors-primitives-grey-400: #8f8c8a;
                    --theme-ui-colors-primitives-grey-300: #a3a09f;
                    --theme-ui-colors-primitives-grey-200: #b2afab;
                    --theme-ui-colors-primitives-grey-100: #c2beb8;
                    --theme-ui-colors-primitives-grey-75: #d1cdc4;
                    --theme-ui-colors-primitives-grey-50: #edebe5;
                    --theme-ui-colors-primitives-grey-25: #f5f4f2;
                    --theme-ui-colors-primitives-brown-900: #1e1611;
                    --theme-ui-colors-primitives-brown-800: #291d15;
                    --theme-ui-colors-primitives-brown-600: #564638;
                    --theme-ui-colors-primitives-brown-500: #736554;
                    --theme-ui-colors-primitives-brown-400: #988b76;
                    --theme-ui-colors-primitives-brown-300: #bdb198;
                    --theme-ui-colors-primitives-brown-200: #d0c1a6;
                    --theme-ui-colors-primitives-brown-100: #e3d2b4;
                    --theme-ui-colors-primitives-brown-75: #e0dbce;
                    --theme-ui-colors-primitives-brown-50: #ede9de;
                    --theme-ui-colors-primitives-brown-25: #f5f3ec;
                    --theme-ui-colors-primitives-green-900: #1a1e0d;
                    --theme-ui-colors-primitives-green-800: #212512;
                    --theme-ui-colors-primitives-green-700: #2b3117;
                    --theme-ui-colors-primitives-green-600: #404823;
                    --theme-ui-colors-primitives-green-500: #4a5427;
                    --theme-ui-colors-primitives-green-400: #4f6814;
                    --theme-ui-colors-primitives-green-300: #889753;
                    --theme-ui-colors-primitives-green-200: #97a36b;
                    --theme-ui-colors-primitives-green-100: #b0ba89;
                    --theme-ui-colors-primitives-green-75: #d8dab3;
                    --theme-ui-colors-primitives-green-50: #e7e8d1;
                    --theme-ui-colors-primitives-green-25: #f3f3e7;
                    --theme-ui-colors-primitives-brown-700: #39271b;
                    --theme-ui-colors-primitives-accent-acid-green-200: #dedd95;
                    --theme-ui-colors-primitives-accent-acid-green-300: #cfce75;
                    --theme-ui-colors-primitives-accent-acid-green-400: #c1c056;
                    --theme-ui-colors-primitives-accent-acid-green-600: #9e9d23;
                    --theme-ui-colors-primitives-accent-acid-green-700: #8e8d3e;
                    --theme-ui-colors-primitives-accent-orange-400: #ee6b17;
                    --theme-ui-colors-primitives-accent-purple-400: #8879e1;
                    --theme-ui-colors-primitives-accent-purple-500: #7568cc;
                    --theme-ui-colors-primitives-accent-purple-600: #7568d1;
                    --theme-ui-colors-primitives-accent-purple-400-10: #8879e11a;
                    --theme-ui-colors-primitives-accent-orange-100: #fce1d1;
                    --theme-ui-colors-primitives-accent-orange-200: #f7ba93;
                    --theme-ui-colors-primitives-accent-orange-300: #f39255;
                    --theme-ui-colors-primitives-accent-acid-green-100: #ecebb4;
                    --theme-ui-colors-primitives-accent-purple-100: #e7e3ff;
                    --theme-ui-colors-primitives-accent-purple-200: #c7c0f5;
                    --theme-ui-colors-primitives-accent-purple-300: #a89ceb;
                    --theme-ui-colors-primitives-brown-5: #fbfaf9;
                    --theme-ui-colors-primitives-brown-15: #faf9f4;
                    --theme-ui-colors-primitives-accent-orange-700: #ca5910;
                    --theme-ui-colors-primitives-accent-orange-800: #9C450C;
                    --theme-ui-colors-primitives-accent-purple-700: #5d52a2;
                    --theme-ui-colors-primitives-utilities-blue-700: #004398;
                    --theme-ui-colors-primitives-utilities-blue-100: #CCDFFF;
                    --theme-ui-colors-primitives-utilities-blue-400: #0056c4;
                    --theme-ui-colors-primitives-utilities-blue-300: #4673e7;
                    --theme-ui-colors-primitives-utilities-blue-200: #95b3ff;
                    --theme-ui-colors-primitives-utilities-magenta-700: #910F3E;
                    --theme-ui-colors-primitives-utilities-magenta-400: #c91a59;
                    --theme-ui-colors-primitives-utilities-magenta-100: #fedde9;
                    --theme-ui-colors-primitives-utilities-red-700: #b53521;
                    --theme-ui-colors-primitives-utilities-red-400: #e4462d;
                    --theme-ui-colors-primitives-utilities-red-300: #e97b69;
                    --theme-ui-colors-primitives-utilities-red-200: #eeafa5;
                    --theme-ui-colors-primitives-utilities-red-100: #f3e4e1;
                    --theme-ui-colors-primitives-utilities-yellow-100: #feefcf;
                    --theme-ui-colors-primitives-utilities-yellow-200: #fdde9b;
                    --theme-ui-colors-primitives-grey-grey-900-80: #1c1a18cc;
                    --theme-ui-colors-primitives-grey-white-30: #ffffff4c;
                    --theme-ui-colors-primitives-grey-white-60: #ffffff99;
                    --theme-ui-colors-primitives-grey-white-70: #ffffffb2;
                    --theme-ui-colors-primitives-grey-white-80: #ffffffcc;
                    --theme-ui-colors-primitives-grey-white-90: #ffffffe5;
                    --theme-ui-colors-primitives-grey-grey-900-90: #1c1a18e5;
                    --theme-ui-colors-primitives-grey-grey-900-70: #1c1a18b2;
                    --theme-ui-colors-primitives-grey-grey-900-60: #1c1a1899;
                    --theme-ui-colors-primitives-grey-grey-900-50: #1c1a187f;
                    --theme-ui-colors-primitives-grey-white-0: #ffffff00;
                    --theme-ui-colors-primitives-grey-grey-900-0: #1c1a1800;
                    --theme-ui-colors-primitives-grey-grey-900-30: #1c1a184c;
                    --theme-ui-colors-primitives-grey-white-50: #ffffff7f;
                    --theme-ui-colors-primary: #4f6814;
                    --theme-ui-colors-primaryStatic: #4f6814;
                    --theme-ui-colors-primaryOnDark: #889753;
                    --theme-ui-colors-secondary: #4f6814;
                    --theme-ui-colors-secondaryOnHover: #4f6814;
                    --theme-ui-colors-secondaryOnDark: #889753;
                    --theme-ui-colors-danger: #ee6b17;
                    --theme-ui-colors-floating: white;
                    --theme-ui-colors-tooltip: #4a4846;
                    --theme-ui-colors-callout: #edebe5;
                    --theme-ui-colors-muted: #edebe5;
                    --theme-ui-colors-tertiary: #ee6b17;
                    --theme-ui-colors-card: #ffffff;
                    --theme-ui-colors-elevationCard: #4a4846;
                    --theme-ui-colors-canvas: #faf9f4;
                    --theme-ui-colors-offer: #ee6b17;
                    --theme-ui-colors-text: #1c1a18;
                    --theme-ui-colors-textInvert: #faf9f4;
                    --theme-ui-colors-textStatic: #1c1a18;
                    --theme-ui-colors-textInverse: #faf9f4;
                    --theme-ui-colors-textInverseStatic: #edebe5;
                    --theme-ui-colors-whisper: #a3a09f;
                    --theme-ui-colors-border: #edebe5;
                    --theme-ui-colors-separator: #edebe5;
                    --theme-ui-colors-disabled: #edebe5;
                    --theme-ui-colors-success: #4f6814;
                    --theme-ui-colors-error: #8f8c8a;
                    --theme-ui-colors-info: #8f8c8a;
                    --theme-ui-colors-warning: #ee6b17;
                    --theme-ui-colors-successBg: #e7e8d1;
                    --theme-ui-colors-errorBg: #f3e4e1;
                    --theme-ui-colors-warningBg: #fce1d1;
                    --theme-ui-colors-infoBg: #ede9de;
                    --theme-ui-colors-positive: #4f6814;
                    --theme-ui-colors-neutral: #4a4846;
                    --theme-ui-colors-negative: #e4462d;
                    --theme-ui-colors-rating: #ee6b17;
                    --theme-ui-colors-like: #ee6b17;
                    --theme-ui-colors-notification: #ee6b17;
                    --theme-ui-colors-pioneer: #c1c056;
                    --theme-ui-colors-expert: #8879e1;
                    --theme-ui-colors-routingPanel: #4f6814;
                    --theme-ui-colors-tourlinePlan: #4f6814;
                    --theme-ui-colors-tourlinePlanSelected: #2b3117;
                    --theme-ui-colors-tourlineCompleted: #889753;
                    --theme-ui-colors-tourlineHighlight: #ee6b17;
                    --theme-ui-colors-tourlineHighlightSelected: #7B4362;
                    --theme-ui-colors-tourlineHighlightCompleted: #ee6b17;
                    --theme-ui-colors-tourlineRecord: #4f6814;
                    --theme-ui-colors-locationDefault: #0056C4;
                    --theme-ui-colors-locationRecord: #ee6b17;
                    --theme-ui-colors-locationInactive: #a3a09f;
                    --theme-ui-colors-segmentHighlight: #ee6b17;
                    --theme-ui-colors-segmentHighlightSelected: #ca5910;
                    --theme-ui-colors-easy: #2b3117;
                    --theme-ui-colors-moderate: #2b3117;
                    --theme-ui-colors-difficult: #2b3117;
                    --theme-ui-colors-tour: #1c1a18;
                    --theme-ui-colors-highlight: #ee6b17;
                    --theme-ui-colors-dangerHigh: #e4462d;
                    --theme-ui-colors-dangerModerate: #ee6b17;
                    --theme-ui-colors-bicycleDismount: #2b3117;
                    --theme-ui-colors-ferry: #2b3117;
                    --theme-ui-colors-heavyTraffic: #2b3117;
                    --theme-ui-colors-movableBridge: #2b3117;
                    --theme-ui-colors-offgrid: #2b3117;
                    --theme-ui-colors-private: #2b3117;
                    --theme-ui-colors-noAccess: #2b3117;
                    --theme-ui-colors-restricted: #2b3117;
                    --theme-ui-colors-stairs: #2b3117;
                    --theme-ui-colors-steepUphill: #2b3117;
                    --theme-ui-colors-unsuitable: #ee6b17;
                    --theme-ui-colors-natureReserve: #2b3117;
                    --theme-ui-colors-black05: rgba(0, 0, 0, .05);
                    --theme-ui-colors-black10: rgba(0, 0, 0, .1);
                    --theme-ui-colors-black20: rgba(0, 0, 0, .2);
                    --theme-ui-colors-black30: rgba(0, 0, 0, .3);
                    --theme-ui-colors-black40: rgba(0, 0, 0, .4);
                    --theme-ui-colors-black50: rgba(0, 0, 0, .5);
                    --theme-ui-colors-black60: rgba(0, 0, 0, .6);
                    --theme-ui-colors-black70: rgba(0, 0, 0, .7);
                    --theme-ui-colors-black80: rgba(0, 0, 0, .8);
                    --theme-ui-colors-black90: rgba(0, 0, 0, .9);
                    --theme-ui-colors-black: rgba(0, 0, 0, 1);
                    --theme-ui-colors-white05: rgba(255, 255, 255, .05);
                    --theme-ui-colors-white10: rgba(255, 255, 255, .1);
                    --theme-ui-colors-white20: rgba(255, 255, 255, .2);
                    --theme-ui-colors-white30: rgba(255, 255, 255, .3);
                    --theme-ui-colors-white40: rgba(255, 255, 255, .4);
                    --theme-ui-colors-white50: rgba(255, 255, 255, .5);
                    --theme-ui-colors-white60: rgba(255, 255, 255, .6);
                    --theme-ui-colors-white70: rgba(255, 255, 255, .7);
                    --theme-ui-colors-white80: rgba(255, 255, 255, .8);
                    --theme-ui-colors-white90: rgba(255, 255, 255, .9);
                    --theme-ui-colors-white: rgba(255, 255, 255, 1);
                    --theme-ui-colors-facebook: #1877f2;
                    --theme-ui-colors-apple: #000000;
                    --theme-ui-colors-accent: #ee6b17;
                    --theme-ui-colors-accentText: #4a5427;
                    --theme-ui-colors-accentTextOnDark: #889753;
                    --theme-ui-colors-navbar: #1c1a18;
                    --theme-ui-colors-background: #faf9f4;
                    --theme-ui-colors-inactive: #edebe5;
                    --theme-ui-colors-focused: #ee6b17;
                    --theme-ui-colors-textOnDark: #ffffff;
                    --theme-ui-colors-tertiaryText: #ee6b17;
                    --theme-ui-colors-tertiaryTextOnDark: #ee6b17;
                    --theme-ui-colors-difficultyTagsBaseFillEasyDefault: var(--theme-ui-colors-primitives-accent-acid-green-600);
                    --theme-ui-colors-difficultyTagsBaseFillEasyHover: var(--theme-ui-colors-primitives-accent-acid-green-700);
                    --theme-ui-colors-difficultyTagsBaseFillIntermediateDefault: var(--theme-ui-colors-primitives-green-500);
                    --theme-ui-colors-difficultyTagsBaseFillIntermediateHover: var(--theme-ui-colors-primitives-green-600);
                    --theme-ui-colors-difficultyTagsBaseFillExpertDefault: var(--theme-ui-colors-primitives-brown-700);
                    --theme-ui-colors-difficultyTagsBaseFillExpertHover: var(--theme-ui-colors-primitives-brown-800);
                    --theme-ui-colors-difficultyTagsContentFillEasyDefault: var(--theme-ui-colors-primitives-green-50);
                    --theme-ui-colors-difficultyTagsContentFillEasyHover: var(--theme-ui-colors-primitives-green-50);
                    --theme-ui-colors-difficultyTagsContentFillIntermediateDefault: var(--theme-ui-colors-primitives-brown-50);
                    --theme-ui-colors-difficultyTagsContentFillIntermediateHover: var(--theme-ui-colors-primitives-brown-50);
                    --theme-ui-colors-difficultyTagsContentFillExpertDefault: var(--theme-ui-colors-primitives-utilities-red-100);
                    --theme-ui-colors-difficultyTagsContentFillExpertHover: var(--theme-ui-colors-primitives-utilities-red-100);
                    --theme-ui-colors-headerBackground: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-headerLogoIcon: var(--theme-ui-colors-primitives-green-400);
                    --theme-ui-colors-headerLogoLabel: var(--theme-ui-colors-primitives-brown-900);
                    --theme-ui-colors-headerMenuButtonDefaultIdleLabel: var(--theme-ui-colors-primitives-green-700);
                    --theme-ui-colors-headerMenuButtonDefaultIdleIcon: var(--theme-ui-colors-primitives-green-700);
                    --theme-ui-colors-headerMenuButtonHoverLabel: var(--theme-ui-colors-primitives-green-700);
                    --theme-ui-colors-headerMenuButtonHoverIcon: var(--theme-ui-colors-primitives-green-700);
                    --theme-ui-colors-headerMenuButtonDefaultActiveLabel: var(--theme-ui-colors-primitives-green-700);
                    --theme-ui-colors-headerMenuButtonDefaultActiveIcon: var(--theme-ui-colors-primitives-green-700);
                    --theme-ui-colors-headerMenuButtonDefaultActiveBackground: var(--theme-ui-colors-primitives-brown-50);
                    --theme-ui-colors-headerMenuButtonHoverBackground: var(--theme-ui-colors-primitives-brown-50);
                    --theme-ui-colors-headerMenuButtonDisabledLabel: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-headerMenuButtonDisabledIcon: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-generalIcons: var(--theme-ui-colors-primitives-green-900);
                    --theme-ui-colors-generalSeparator: var(--theme-ui-colors-primitives-grey-75);
                    --theme-ui-colors-generalHeading: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-generalBody: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-generalBackground: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-generalSubheading: var(--theme-ui-colors-primitives-brown-500);
                    --theme-ui-colors-generalIconsAccent: var(--theme-ui-colors-primitives-accent-orange-400);
                    --theme-ui-colors-footerBackground: var(--theme-ui-colors-primitives-green-800);
                    --theme-ui-colors-footerLogoIcon: var(--theme-ui-colors-primitives-brown-50);
                    --theme-ui-colors-footerLogoLabel: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-footerFooterLinkDefaultLabel: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-footerFooterLinkHoverLabel: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-footerSectionHeading: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-footerBody: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-footerSocialButtonsDefaultIcon: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-generalBackgroundHighlighted: var(--theme-ui-colors-primitives-brown-50);
                    --theme-ui-colors-headerMenuDropdownHoverBackground: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-footerSocialButtonsHoverIcon: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-footerSocialButtonsHoverBackground: var(--theme-ui-colors-primitives-green-500);
                    --theme-ui-colors-generalHeadingInverted: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-generalBodyInverted: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-generalSubheadingInverted: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-generalCard: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-textPrimaryDefault: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-textSecondaryDefault: var(--theme-ui-colors-primitives-brown-500);
                    --theme-ui-colors-surfaceFillPrimaryDefault: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-textPrimaryHover: var(--theme-ui-colors-primitives-grey-800);
                    --theme-ui-colors-surfaceFillPrimaryHover: var(--theme-ui-colors-primitives-brown-50);
                    --theme-ui-colors-surfaceFillWhiteDefault: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-surfaceFillOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-400);
                    --theme-ui-colors-surfaceFillBlueDefault: var(--theme-ui-colors-primitives-utilities-blue-400);
                    --theme-ui-colors-surfaceFillOrangeHover: var(--theme-ui-colors-primitives-accent-orange-300);
                    --theme-ui-colors-textSecondaryHover: var(--theme-ui-colors-primitives-brown-400);
                    --theme-ui-colors-textOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-400);
                    --theme-ui-colors-textOrangeHighContrastDefault: var(--theme-ui-colors-primitives-accent-orange-800);
                    --theme-ui-colors-textBlueDefault: var(--theme-ui-colors-primitives-utilities-blue-400);
                    --theme-ui-colors-textOrangeHover: var(--theme-ui-colors-primitives-accent-orange-700);
                    --theme-ui-colors-textAcidGreenHover: var(--theme-ui-colors-primitives-accent-acid-green-700);
                    --theme-ui-colors-iconHeatmapsDefault: var(--theme-ui-colors-primitives-utilities-magenta-400);
                    --theme-ui-colors-iconHeatmapsHover: var(--theme-ui-colors-primitives-utilities-magenta-700);
                    --theme-ui-colors-iconPeakBaggedDefault: var(--theme-ui-colors-primitives-utilities-magenta-400);
                    --theme-ui-colors-iconPrimaryDefault: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-iconPrimaryHover: var(--theme-ui-colors-primitives-grey-800);
                    --theme-ui-colors-iconSecondaryDefault: var(--theme-ui-colors-primitives-brown-500);
                    --theme-ui-colors-iconSecondaryHover: var(--theme-ui-colors-primitives-brown-400);
                    --theme-ui-colors-iconAccentDefault: var(--theme-ui-colors-primitives-accent-orange-400);
                    --theme-ui-colors-iconAccentHover: var(--theme-ui-colors-primitives-accent-orange-700);
                    --theme-ui-colors-iconBlueDefault: var(--theme-ui-colors-primitives-utilities-blue-400);
                    --theme-ui-colors-surfaceStrokePrimaryHover: var(--theme-ui-colors-primitives-brown-100);
                    --theme-ui-colors-surfaceStrokeSecondaryHover: var(--theme-ui-colors-primitives-green-600);
                    --theme-ui-colors-surfaceFillSecondaryDefault: var(--theme-ui-colors-primitives-brown-50);
                    --theme-ui-colors-surfaceFillSecondaryHover: var(--theme-ui-colors-primitives-brown-75);
                    --theme-ui-colors-surfaceFillWhiteHover: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-logoDefaultIcon: var(--theme-ui-colors-primitives-green-400);
                    --theme-ui-colors-actionBaseFillPrimaryDefault: var(--theme-ui-colors-primitives-green-400);
                    --theme-ui-colors-actionBaseFillPrimaryHover: var(--theme-ui-colors-primitives-green-600);
                    --theme-ui-colors-actionBaseFillPrimaryDisabled: var(--theme-ui-colors-primitives-grey-75);
                    --theme-ui-colors-actionBaseFillDangerDefault: var(--theme-ui-colors-primitives-utilities-red-200);
                    --theme-ui-colors-actionBaseFillDangerHover: var(--theme-ui-colors-primitives-utilities-red-300);
                    --theme-ui-colors-actionBaseFillDangerDisabled: var(--theme-ui-colors-primitives-grey-75);
                    --theme-ui-colors-actionBaseFillWhiteDefault: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-actionBaseFillWhiteHover: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-actionBaseFillWhiteDisabled: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-actionBaseFillSecondaryDefault: var(--theme-ui-colors-primitives-brown-100);
                    --theme-ui-colors-actionBaseFillSecondaryHover: var(--theme-ui-colors-primitives-brown-200);
                    --theme-ui-colors-actionBaseFillSecondaryDisabled: var(--theme-ui-colors-primitives-brown-50);
                    --theme-ui-colors-actionBaseFillGhostWhiteHover: var(--theme-ui-colors-primitives-grey-grey-900-50);
                    --theme-ui-colors-actionBaseFillGhostBlackHover: var(--theme-ui-colors-primitives-brown-50);
                    --theme-ui-colors-actionBaseFillGhostOrangeHover: var(--theme-ui-colors-primitives-accent-orange-100);
                    --theme-ui-colors-actionBaseFillGreenDefault: var(--theme-ui-colors-primitives-green-600);
                    --theme-ui-colors-actionBaseFillGreenHover: var(--theme-ui-colors-primitives-green-800);
                    --theme-ui-colors-actionBaseFillGreenDisabled: var(--theme-ui-colors-primitives-grey-75);
                    --theme-ui-colors-actionBaseFillAccentOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-400);
                    --theme-ui-colors-actionBaseFillAccentOrangeHover: var(--theme-ui-colors-primitives-accent-orange-700);
                    --theme-ui-colors-actionBaseFillAccentOrangeDisabled: var(--theme-ui-colors-primitives-brown-500);
                    --theme-ui-colors-actionBaseFillSubtleGreenDefault: var(--theme-ui-colors-primitives-green-50);
                    --theme-ui-colors-actionBaseFillSubtleGreenHover: var(--theme-ui-colors-primitives-green-75);
                    --theme-ui-colors-actionBaseFillSubtleGreenDisabled: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-actionBaseFillSubtleDefault: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-actionBaseFillSubtleHover: var(--theme-ui-colors-primitives-brown-50);
                    --theme-ui-colors-actionBaseFillSubtleOutlineDefault: transparent;
                    --theme-ui-colors-actionBaseFillSubtleOutlineHover: var(--theme-ui-colors-primitives-brown-75);
                    --theme-ui-colors-actionBaseFillSubtleDisabled: var(--theme-ui-colors-primitives-grey-25);
                    --theme-ui-colors-actionBaseFillSubtleOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-100);
                    --theme-ui-colors-actionBaseFillSubtleOrangeHover: var(--theme-ui-colors-primitives-accent-orange-200);
                    --theme-ui-colors-actionBaseFillSubtleOrangeDisabled: var(--theme-ui-colors-primitives-grey-25);
                    --theme-ui-colors-actionContentFillDangerDefault: var(--theme-ui-colors-primitives-utilities-red-700);
                    --theme-ui-colors-actionContentFillDangerHover: var(--theme-ui-colors-primitives-utilities-red-700);
                    --theme-ui-colors-actionContentFillDangerDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-actionContentFillSubtleGreenDefault: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionContentFillSubtleGreenHover: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionContentFillSubtleGreenDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-actionContentFillSubtleDefault: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionContentFillSubtleHover: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionContentFillSubtleOutlineDefault: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionContentFillSubtleOutlineHover: var(--theme-ui-colors-primitives-grey-700);
                    --theme-ui-colors-actionContentFillSubtleDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-actionContentFillSubtleOrangeDefault: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionContentFillSubtleOrangeHover: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionContentFillSubtleOrangeDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-actionContentFillPrimaryDefault: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-actionContentFillPrimaryHover: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-actionContentFillPrimaryDisabled: var(--theme-ui-colors-primitives-grey-50);
                    --theme-ui-colors-actionContentFillSecondaryDefault: var(--theme-ui-colors-primitives-green-600);
                    --theme-ui-colors-actionContentFillSecondaryHover: var(--theme-ui-colors-primitives-green-600);
                    --theme-ui-colors-actionContentFillSecondaryDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-actionContentFillGhostBlackHover: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionContentFillWhiteDefault: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionContentFillWhiteHover: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionContentFillWhiteDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-actionContentFillAccentOrangeDefault: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-actionContentFillAccentOrangeHover: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-actionContentFillAccentOrangeDisabled: var(--theme-ui-colors-primitives-brown-75);
                    --theme-ui-colors-actionContentFillGhostBlackDefault: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionContentFillGhostBlackDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-actionContentFillGhostWhiteDefault: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-actionContentFillGhostWhiteHover: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-actionContentFillGhostWhiteDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-actionContentFillGhostOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-400);
                    --theme-ui-colors-actionContentFillGhostOrangeHover: var(--theme-ui-colors-primitives-accent-orange-400);
                    --theme-ui-colors-actionContentFillGhostPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-400);
                    --theme-ui-colors-actionContentFillGhostPurpleHover: var(--theme-ui-colors-primitives-accent-purple-400);
                    --theme-ui-colors-actionContentFillGhostOrangeDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-actionContentFillGreenDefault: var(--theme-ui-colors-primitives-accent-acid-green-100);
                    --theme-ui-colors-actionContentFillGreenHover: var(--theme-ui-colors-primitives-accent-acid-green-100);
                    --theme-ui-colors-actionContentFillGreenDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-surfaceStrokeWhiteHover: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-borderPrimaryDefault: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-borderPrimaryHover: var(--theme-ui-colors-primitives-grey-800);
                    --theme-ui-colors-borderSecondaryDefault: var(--theme-ui-colors-primitives-brown-500);
                    --theme-ui-colors-borderSecondaryHover: var(--theme-ui-colors-primitives-brown-400);
                    --theme-ui-colors-borderAccentDefault: var(--theme-ui-colors-primitives-accent-orange-400);
                    --theme-ui-colors-borderAccentHover: var(--theme-ui-colors-primitives-accent-orange-700);
                    --theme-ui-colors-surfaceFillWhiteOpacityDefault: #ffffff4c;
                    --theme-ui-colors-borderTertiaryDefault: var(--theme-ui-colors-primitives-grey-75);
                    --theme-ui-colors-borderTertiaryHover: var(--theme-ui-colors-primitives-grey-50);
                    --theme-ui-colors-textTurnoutLow: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-textTurnoutMedium: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-textTurnoutHigh: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-textGreenDefault: var(--theme-ui-colors-primitives-green-600);
                    --theme-ui-colors-textGreenHover: var(--theme-ui-colors-primitives-green-500);
                    --theme-ui-colors-textDangerDefault: var(--theme-ui-colors-primitives-utilities-red-700);
                    --theme-ui-colors-iconGreenDefault: var(--theme-ui-colors-primitives-green-600);
                    --theme-ui-colors-iconGreenHover: var(--theme-ui-colors-primitives-green-500);
                    --theme-ui-colors-surfaceFillGreenDefault: var(--theme-ui-colors-primitives-green-600);
                    --theme-ui-colors-surfaceFillGreenHover: var(--theme-ui-colors-primitives-green-700);
                    --theme-ui-colors-textWhiteDefault: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-textWhiteHover: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-surfaceStrokePrimaryDefault: var(--theme-ui-colors-primitives-brown-75);
                    --theme-ui-colors-surfaceStrokeSecondaryDefault: var(--theme-ui-colors-primitives-green-500);
                    --theme-ui-colors-surfaceStrokeWhiteDefault: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-textGreenDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-textPrimaryDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-textSecondaryDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-textOrangeDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-textWhiteDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-iconPrimaryDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-iconSecondaryDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-iconAccentDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-iconGreenDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-surfaceFillTurnoutLow: var(--theme-ui-colors-primitives-accent-acid-green-200);
                    --theme-ui-colors-surfaceFillTurnoutMedium: var(--theme-ui-colors-primitives-accent-acid-green-400);
                    --theme-ui-colors-surfaceFillTurnoutHigh: var(--theme-ui-colors-primitives-accent-acid-green-700);
                    --theme-ui-colors-surfaceFillAcidGreenDefault: var(--theme-ui-colors-primitives-accent-acid-green-200);
                    --theme-ui-colors-surfaceFillAcidGreenLightDefault: var(--theme-ui-colors-primitives-accent-acid-green-100);
                    --theme-ui-colors-surfaceFillAccentGreenDefault: var(--theme-ui-colors-primitives-green-50);
                    --theme-ui-colors-surfaceFillAccentGreenHover: var(--theme-ui-colors-primitives-green-75);
                    --theme-ui-colors-surfaceFillAccentBlueDefault: var(--theme-ui-colors-primitives-utilities-blue-100);
                    --theme-ui-colors-surfaceFillAccentOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-100);
                    --theme-ui-colors-surfaceFillAccentOrangeHover: var(--theme-ui-colors-primitives-accent-orange-700);
                    --theme-ui-colors-surfaceFillAccentOrangeSubtle: var(--theme-ui-colors-primitives-accent-orange-200);
                    --theme-ui-colors-surfaceFillPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-400);
                    --theme-ui-colors-surfaceFillAccentPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-100);
                    --theme-ui-colors-surfaceFillAccentPurpleHover: var(--theme-ui-colors-primitives-accent-purple-700);
                    --theme-ui-colors-logoDefaultText: var(--theme-ui-colors-primitives-green-900);
                    --theme-ui-colors-logoWhiteIcon: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-logoWhiteText: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-headerLightBackgroundShadow0: #1c1a184c;
                    --theme-ui-colors-headerLightLogoIcon: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-headerLightLogoLabel: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-headerLightMenuButtonDefaultIdleLabel: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-headerLightMenuButtonDefaultIdleIcon: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-headerLightMenuDropdownHoverBackground: #ffffff4c;
                    --theme-ui-colors-headerLightMenuButtonHoverBackground: var(--theme-ui-colors-primitives-brown-50);
                    --theme-ui-colors-headerLightMenuButtonHoverLabel: var(--theme-ui-colors-primitives-green-700);
                    --theme-ui-colors-headerLightMenuButtonDefaultActiveBackground: #ffffff4c;
                    --theme-ui-colors-headerLightMenuButtonHoverIcon: var(--theme-ui-colors-primitives-green-700);
                    --theme-ui-colors-headerLightMenuButtonDefaultActiveLabel: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-headerLightMenuButtonDefaultActiveIcon: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-headerLightMenuButtonDisabledLabel: var(--theme-ui-colors-primitives-grey-100);
                    --theme-ui-colors-headerLightMenuButtonDisabledIcon: var(--theme-ui-colors-primitives-grey-100);
                    --theme-ui-colors-headerLightBackgroundShadow100: var(--theme-ui-colors-primitives-grey-grey-900-0);
                    --theme-ui-colors-surfaceFillWhiteOpacityHover: var(--theme-ui-colors-primitives-grey-white-50);
                    --theme-ui-colors-iconPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-400);
                    --theme-ui-colors-iconPurpleHover: var(--theme-ui-colors-primitives-accent-purple-700);
                    --theme-ui-colors-iconPurpleDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-iconDangerDefault: var(--theme-ui-colors-primitives-utilities-red-400);
                    --theme-ui-colors-iconAcidGreenDefault: var(--theme-ui-colors-primitives-accent-acid-green-400);
                    --theme-ui-colors-iconAcidGreenHover: var(--theme-ui-colors-primitives-accent-acid-green-700);
                    --theme-ui-colors-iconAcidGreenDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-surfaceFillBlackDefault: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-surfaceFillBlackHover: var(--theme-ui-colors-primitives-grey-700);
                    --theme-ui-colors-surfaceFillBlackOpacityDefault: var(--theme-ui-colors-primitives-grey-grey-900-80);
                    --theme-ui-colors-surfaceFillBlackOpacityHover: var(--theme-ui-colors-primitives-grey-grey-900-90);
                    --theme-ui-colors-iconWhiteDefault: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-iconWhiteHover: var(--theme-ui-colors-primitives-grey-50);
                    --theme-ui-colors-iconWhiteDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-surfaceFillAccentAcidGreenDefault: var(--theme-ui-colors-primitives-accent-acid-green-400);
                    --theme-ui-colors-surfaceFillAccentAcidGreenHover: var(--theme-ui-colors-primitives-accent-acid-green-200);
                    --theme-ui-colors-mapPinsGreenDefault: var(--theme-ui-colors-primitives-green-400);
                    --theme-ui-colors-mapPinsOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-700);
                    --theme-ui-colors-mapPinsHighlightDefault: var(--theme-ui-colors-primitives-accent-orange-800);
                    --theme-ui-colors-mapPinsWhiteDefault: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-surfaceFillSubtleDefault: var(--theme-ui-colors-primitives-brown-5);
                    --theme-ui-colors-surfaceFillAccentYellowDefault: var(--theme-ui-colors-primitives-utilities-yellow-100);
                    --theme-ui-colors-surfaceFillAccentYellowHover: var(--theme-ui-colors-primitives-utilities-yellow-200);
                    --theme-ui-colors-surfaceFillPrimaryDisabled: var(--theme-ui-colors-primitives-grey-25);
                    --theme-ui-colors-actionBaseFillFacebookDefault: #3975EA;
                    --theme-ui-colors-actionBaseFillFacebookHover: #2d5bb8;
                    --theme-ui-colors-actionBaseFillFacebookDisabled: var(--theme-ui-colors-primitives-grey-75);
                    --theme-ui-colors-actionContentFillFacebookDefault: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-actionContentFillFacebookHover: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-actionContentFillFacebookDisabled: var(--theme-ui-colors-primitives-grey-50);
                    --theme-ui-colors-actionBaseFillAppleDefault: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionBaseFillAppleHover: var(--theme-ui-colors-primitives-grey-grey-900-90);
                    --theme-ui-colors-actionBaseFillAppleDisabled: var(--theme-ui-colors-primitives-grey-75);
                    --theme-ui-colors-actionContentFillAppleDefault: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-actionContentFillAppleHover: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-actionContentFillAppleDisabled: var(--theme-ui-colors-primitives-grey-50);
                    --theme-ui-colors-actionBaseFillGooglePlayDefault: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionBaseFillGooglePlayHover: var(--theme-ui-colors-primitives-grey-grey-900-90);
                    --theme-ui-colors-actionBaseFillGooglePlayDisabled: var(--theme-ui-colors-primitives-grey-75);
                    --theme-ui-colors-actionContentFillGooglePlayDefault: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-actionContentFillGooglePlayHover: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-actionContentFillGooglePlayDisabled: var(--theme-ui-colors-primitives-grey-50);
                    --theme-ui-colors-actionBaseFillPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-400);
                    --theme-ui-colors-actionBaseFillPurpleHover: var(--theme-ui-colors-primitives-accent-purple-700);
                    --theme-ui-colors-actionBaseFillPurpleDisabled: var(--theme-ui-colors-primitives-grey-75);
                    --theme-ui-colors-actionContentFillPurpleDefault: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-actionContentFillPurpleHover: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-actionContentFillPurpleDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-actionBaseFillPurpleBorderedDefault: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-actionBaseFillPurpleBorderedHover: var(--theme-ui-colors-primitives-accent-purple-100);
                    --theme-ui-colors-actionBaseFillPurpleBorderedDisabled: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-actionContentFillPurpleBorderedDefault: var(--theme-ui-colors-primitives-accent-purple-400);
                    --theme-ui-colors-actionContentFillPurpleBorderedHover: var(--theme-ui-colors-primitives-accent-purple-700);
                    --theme-ui-colors-actionContentFillPurpleBorderedDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-continueInAppBannerBackground: var(--theme-ui-colors-primitives-accent-acid-green-300);
                    --theme-ui-colors-surfaceFillPurpleHover: var(--theme-ui-colors-primitives-accent-purple-600);
                    --theme-ui-colors-textPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-400);
                    --theme-ui-colors-textPurpleHover: var(--theme-ui-colors-primitives-accent-purple-700);
                    --theme-ui-colors-textBrownSecondaryDefault: var(--theme-ui-colors-primitives-brown-500);
                    --theme-ui-colors-borderPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-400);
                    --theme-ui-colors-surfaceFillGreyLightDefault: var(--theme-ui-colors-primitives-grey-75);
                    --theme-ui-colors-surfaceFillPurpleHoverOpacity: var(--theme-ui-colors-primitives-accent-purple-400-10);
                    --theme-ui-colors-badgePremiumDefault: var(--theme-ui-colors-primitives-accent-purple-400);
                    --theme-ui-colors-badgeActiveDefault: var(--theme-ui-colors-primitives-accent-acid-green-600);
                    --theme-ui-colors-badgePlatformDefault: var(--theme-ui-colors-primitives-green-600);
                    --theme-ui-colors-badgeExpiringDefault: var(--theme-ui-colors-primitives-accent-orange-400);
                    --theme-ui-colors-badgeExpiredDefault: var(--theme-ui-colors-primitives-utilities-red-400);
                    --theme-ui-colors-borderNeutralIdle: var(--theme-ui-colors-primitives-brown-75);
                    --theme-ui-colors-borderPurpleIdle: var(--theme-ui-colors-primitives-accent-purple-300);
                    --theme-ui-colors-textPurpleAccent: var(--theme-ui-colors-primitives-accent-purple-700);
                    --theme-ui-colors-surfaceFillPurpleLight: var(--theme-ui-colors-primitives-accent-purple-200);
                }
                html.theme-ui-dark,.theme-ui-dark html {
                    --theme-ui-colors-primary: #889753;
                    --theme-ui-colors-primaryStatic: #4f6814;
                    --theme-ui-colors-primaryOnDark: #889753;
                    --theme-ui-colors-secondary: #889753;
                    --theme-ui-colors-secondaryOnHover: #4f6814;
                    --theme-ui-colors-secondaryOnDark: #889753;
                    --theme-ui-colors-danger: #ee6b17;
                    --theme-ui-colors-floating: #1c1a18;
                    --theme-ui-colors-tooltip: #1c1a18;
                    --theme-ui-colors-callout: #4a4846;
                    --theme-ui-colors-muted: #4a4846;
                    --theme-ui-colors-tertiary: #ee6b17;
                    --theme-ui-colors-card: #4a4846;
                    --theme-ui-colors-elevationCard: #4a4846;
                    --theme-ui-colors-canvas: #1c1a18;
                    --theme-ui-colors-offer: #ee6b17;
                    --theme-ui-colors-text: #faf9f4;
                    --theme-ui-colors-textInvert: #1c1a18;
                    --theme-ui-colors-textStatic: #faf9f4;
                    --theme-ui-colors-textInverse: #1c1a18;
                    --theme-ui-colors-textInverseStatic: #1c1a18;
                    --theme-ui-colors-whisper: #b2afab;
                    --theme-ui-colors-border: #8f8c8a;
                    --theme-ui-colors-separator: #8f8c8a;
                    --theme-ui-colors-disabled: #8f8c8a;
                    --theme-ui-colors-success: #4f6814;
                    --theme-ui-colors-error: #8f8c8a;
                    --theme-ui-colors-info: #b2afab;
                    --theme-ui-colors-warning: #ee6b17;
                    --theme-ui-colors-successBg: #4f6814;
                    --theme-ui-colors-errorBg: #e4462d;
                    --theme-ui-colors-warningBg: #ee6b17;
                    --theme-ui-colors-infoBg: #4a4846;
                    --theme-ui-colors-positive: #4f6814;
                    --theme-ui-colors-neutral: #a3a09f;
                    --theme-ui-colors-negative: #e4462d;
                    --theme-ui-colors-rating: #ee6b17;
                    --theme-ui-colors-like: #ee6b17;
                    --theme-ui-colors-notification: #ee6b17;
                    --theme-ui-colors-pioneer: #c1c056;
                    --theme-ui-colors-expert: #8879e1;
                    --theme-ui-colors-routingPanel: #4f6814;
                    --theme-ui-colors-tourlinePlan: #4f6814;
                    --theme-ui-colors-tourlinePlanSelected: #2b3117;
                    --theme-ui-colors-tourlineCompleted: #889753;
                    --theme-ui-colors-tourlineHighlight: #ee6b17;
                    --theme-ui-colors-tourlineHighlightSelected: #7B4362;
                    --theme-ui-colors-tourlineHighlightCompleted: #ee6b17;
                    --theme-ui-colors-tourlineRecord: #4f6814;
                    --theme-ui-colors-locationDefault: #0056C4;
                    --theme-ui-colors-locationRecord: #ee6b17;
                    --theme-ui-colors-locationInactive: #a3a09f;
                    --theme-ui-colors-segmentHighlight: #ee6b17;
                    --theme-ui-colors-segmentHighlightSelected: #ca5910;
                    --theme-ui-colors-easy: #2b3117;
                    --theme-ui-colors-moderate: #2b3117;
                    --theme-ui-colors-difficult: #2b3117;
                    --theme-ui-colors-tour: #1c1a18;
                    --theme-ui-colors-highlight: #ee6b17;
                    --theme-ui-colors-dangerHigh: #e4462d;
                    --theme-ui-colors-dangerModerate: #ee6b17;
                    --theme-ui-colors-bicycleDismount: #2b3117;
                    --theme-ui-colors-ferry: #2b3117;
                    --theme-ui-colors-heavyTraffic: #2b3117;
                    --theme-ui-colors-movableBridge: #2b3117;
                    --theme-ui-colors-offgrid: #2b3117;
                    --theme-ui-colors-private: #2b3117;
                    --theme-ui-colors-noAccess: #2b3117;
                    --theme-ui-colors-restricted: #2b3117;
                    --theme-ui-colors-stairs: #2b3117;
                    --theme-ui-colors-steepUphill: #2b3117;
                    --theme-ui-colors-unsuitable: #ee6b17;
                    --theme-ui-colors-natureReserve: #2b3117;
                    --theme-ui-colors-black05: rgba(255, 255, 255, .05);
                    --theme-ui-colors-black10: rgba(255, 255, 255, .1);
                    --theme-ui-colors-black20: rgba(255, 255, 255, .2);
                    --theme-ui-colors-black30: rgba(255, 255, 255, .3);
                    --theme-ui-colors-black40: rgba(255, 255, 255, .4);
                    --theme-ui-colors-black50: rgba(255, 255, 255, .5);
                    --theme-ui-colors-black60: rgba(255, 255, 255, .6);
                    --theme-ui-colors-black70: rgba(255, 255, 255, .7);
                    --theme-ui-colors-black80: rgba(255, 255, 255, .8);
                    --theme-ui-colors-black90: rgba(255, 255, 255, .9);
                    --theme-ui-colors-black: rgba(255, 255, 255, 1);
                    --theme-ui-colors-white05: rgba(0, 0, 0, .05);
                    --theme-ui-colors-white10: rgba(0, 0, 0, .1);
                    --theme-ui-colors-white20: rgba(0, 0, 0, .2);
                    --theme-ui-colors-white30: rgba(0, 0, 0, .3);
                    --theme-ui-colors-white40: rgba(0, 0, 0, .4);
                    --theme-ui-colors-white50: rgba(0, 0, 0, .5);
                    --theme-ui-colors-white60: rgba(0, 0, 0, .6);
                    --theme-ui-colors-white70: rgba(0, 0, 0, .7);
                    --theme-ui-colors-white80: rgba(0, 0, 0, .8);
                    --theme-ui-colors-white90: rgba(0, 0, 0, .9);
                    --theme-ui-colors-white: rgba(0, 0, 0, 1);
                    --theme-ui-colors-accentText: #4a5427;
                    --theme-ui-colors-background: #1c1a18;
                    --theme-ui-colors-inactive: #4a4846;
                    --theme-ui-colors-tertiaryText: #ee6b17;
                    --theme-ui-colors-difficultyTagsBaseFillEasyDefault: var(--theme-ui-colors-primitives-accent-acid-green-400);
                    --theme-ui-colors-difficultyTagsBaseFillEasyHover: var(--theme-ui-colors-primitives-accent-acid-green-400);
                    --theme-ui-colors-difficultyTagsBaseFillIntermediateDefault: var(--theme-ui-colors-primitives-brown-500);
                    --theme-ui-colors-difficultyTagsBaseFillIntermediateHover: var(--theme-ui-colors-primitives-brown-500);
                    --theme-ui-colors-difficultyTagsBaseFillExpertDefault: var(--theme-ui-colors-primitives-grey-700);
                    --theme-ui-colors-difficultyTagsBaseFillExpertHover: var(--theme-ui-colors-primitives-grey-700);
                    --theme-ui-colors-difficultyTagsContentFillEasyDefault: var(--theme-ui-colors-primitives-green-800);
                    --theme-ui-colors-difficultyTagsContentFillEasyHover: var(--theme-ui-colors-primitives-green-800);
                    --theme-ui-colors-difficultyTagsContentFillIntermediateDefault: var(--theme-ui-colors-primitives-green-50);
                    --theme-ui-colors-difficultyTagsContentFillIntermediateHover: var(--theme-ui-colors-primitives-green-50);
                    --theme-ui-colors-difficultyTagsContentFillExpertDefault: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-difficultyTagsContentFillExpertHover: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-footerBackground: var(--theme-ui-colors-primitives-green-800);
                    --theme-ui-colors-footerLogoIcon: var(--theme-ui-colors-primitives-brown-50);
                    --theme-ui-colors-footerLogoLabel: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-footerFooterLinkDefaultLabel: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-footerFooterLinkHoverLabel: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-footerSectionHeading: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-footerBody: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-footerSocialButtonsDefaultIcon: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-footerSocialButtonsHoverIcon: var(--theme-ui-colors-primitives-brown-25);
                    --theme-ui-colors-footerSocialButtonsHoverBackground: var(--theme-ui-colors-primitives-green-500);
                    --theme-ui-colors-textPrimaryDefault: var(--theme-ui-colors-primitives-grey-50);
                    --theme-ui-colors-textSecondaryDefault: var(--theme-ui-colors-primitives-grey-200);
                    --theme-ui-colors-surfaceFillPrimaryDefault: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-textPrimaryHover: var(--theme-ui-colors-primitives-grey-100);
                    --theme-ui-colors-surfaceFillPrimaryHover: var(--theme-ui-colors-primitives-grey-800);
                    --theme-ui-colors-surfaceFillWhiteDefault: var(--theme-ui-colors-primitives-grey-800);
                    --theme-ui-colors-surfaceFillOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-300);
                    --theme-ui-colors-surfaceFillBlueDefault: var(--theme-ui-colors-primitives-utilities-blue-300);
                    --theme-ui-colors-surfaceFillOrangeHover: var(--theme-ui-colors-primitives-accent-orange-200);
                    --theme-ui-colors-textSecondaryHover: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-textOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-300);
                    --theme-ui-colors-textOrangeHighContrastDefault: var(--theme-ui-colors-primitives-accent-orange-200);
                    --theme-ui-colors-textBlueDefault: var(--theme-ui-colors-primitives-utilities-blue-300);
                    --theme-ui-colors-textOrangeHover: var(--theme-ui-colors-primitives-accent-orange-200);
                    --theme-ui-colors-iconHeatmapsDefault: #EE467B;
                    --theme-ui-colors-iconHeatmapsHover: #F385AC;
                    --theme-ui-colors-iconPrimaryDefault: var(--theme-ui-colors-primitives-grey-50);
                    --theme-ui-colors-iconPrimaryHover: var(--theme-ui-colors-primitives-grey-100);
                    --theme-ui-colors-iconSecondaryDefault: var(--theme-ui-colors-primitives-grey-200);
                    --theme-ui-colors-iconSecondaryHover: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-iconAccentDefault: var(--theme-ui-colors-primitives-accent-orange-300);
                    --theme-ui-colors-iconAccentHover: var(--theme-ui-colors-primitives-accent-orange-200);
                    --theme-ui-colors-iconBlueDefault: var(--theme-ui-colors-primitives-utilities-blue-300);
                    --theme-ui-colors-surfaceStrokePrimaryHover: var(--theme-ui-colors-primitives-grey-500);
                    --theme-ui-colors-surfaceStrokeSecondaryHover: var(--theme-ui-colors-primitives-green-600);
                    --theme-ui-colors-surfaceFillSecondaryDefault: var(--theme-ui-colors-primitives-grey-800);
                    --theme-ui-colors-surfaceFillSecondaryHover: var(--theme-ui-colors-primitives-grey-700);
                    --theme-ui-colors-surfaceFillWhiteHover: var(--theme-ui-colors-primitives-grey-700);
                    --theme-ui-colors-logoDefaultIcon: var(--theme-ui-colors-primitives-accent-acid-green-100);
                    --theme-ui-colors-actionBaseFillPrimaryDefault: var(--theme-ui-colors-primitives-accent-acid-green-400);
                    --theme-ui-colors-actionBaseFillPrimaryHover: var(--theme-ui-colors-primitives-accent-acid-green-300);
                    --theme-ui-colors-actionBaseFillPrimaryDisabled: var(--theme-ui-colors-primitives-grey-700);
                    --theme-ui-colors-actionBaseFillDangerDefault: var(--theme-ui-colors-primitives-utilities-red-200);
                    --theme-ui-colors-actionBaseFillDangerHover: var(--theme-ui-colors-primitives-utilities-red-300);
                    --theme-ui-colors-actionBaseFillDangerDisabled: var(--theme-ui-colors-primitives-grey-600);
                    --theme-ui-colors-actionBaseFillWhiteDefault: var(--theme-ui-colors-primitives-grey-800);
                    --theme-ui-colors-actionBaseFillWhiteHover: var(--theme-ui-colors-primitives-grey-700);
                    --theme-ui-colors-actionBaseFillWhiteDisabled: var(--theme-ui-colors-primitives-grey-800);
                    --theme-ui-colors-actionBaseFillSecondaryDefault: var(--theme-ui-colors-primitives-brown-500);
                    --theme-ui-colors-actionBaseFillSecondaryHover: var(--theme-ui-colors-primitives-brown-400);
                    --theme-ui-colors-actionBaseFillSecondaryDisabled: var(--theme-ui-colors-primitives-grey-700);
                    --theme-ui-colors-actionBaseFillGhostWhiteHover: var(--theme-ui-colors-primitives-grey-grey-900-50);
                    --theme-ui-colors-actionBaseFillGhostBlackHover: var(--theme-ui-colors-primitives-grey-700);
                    --theme-ui-colors-actionBaseFillGhostOrangeHover: var(--theme-ui-colors-primitives-accent-orange-700);
                    --theme-ui-colors-actionBaseFillGreenDefault: var(--theme-ui-colors-primitives-accent-acid-green-700);
                    --theme-ui-colors-actionBaseFillGreenHover: var(--theme-ui-colors-primitives-accent-acid-green-400);
                    --theme-ui-colors-actionBaseFillGreenDisabled: var(--theme-ui-colors-primitives-grey-700);
                    --theme-ui-colors-actionBaseFillAccentOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-300);
                    --theme-ui-colors-actionBaseFillAccentOrangeHover: var(--theme-ui-colors-primitives-accent-orange-200);
                    --theme-ui-colors-actionBaseFillAccentOrangeDisabled: var(--theme-ui-colors-primitives-grey-700);
                    --theme-ui-colors-actionBaseFillSubtleGreenDefault: var(--theme-ui-colors-primitives-green-600);
                    --theme-ui-colors-actionBaseFillSubtleGreenHover: var(--theme-ui-colors-primitives-green-500);
                    --theme-ui-colors-actionBaseFillSubtleGreenDisabled: var(--theme-ui-colors-primitives-grey-600);
                    --theme-ui-colors-actionBaseFillSubtleDefault: #0E0D0C;
                    --theme-ui-colors-actionBaseFillSubtleHover: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionBaseFillSubtleDisabled: #0E0D0C;
                    --theme-ui-colors-actionBaseFillSubtleOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-700);
                    --theme-ui-colors-actionBaseFillSubtleOrangeHover: var(--theme-ui-colors-primitives-accent-orange-400);
                    --theme-ui-colors-actionBaseFillSubtleOrangeDisabled: var(--theme-ui-colors-primitives-grey-600);
                    --theme-ui-colors-actionContentFillDangerDefault: var(--theme-ui-colors-primitives-utilities-red-700);
                    --theme-ui-colors-actionContentFillDangerHover: var(--theme-ui-colors-primitives-utilities-red-700);
                    --theme-ui-colors-actionContentFillDangerDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-actionContentFillSubtleGreenDefault: var(--theme-ui-colors-primitives-grey-50);
                    --theme-ui-colors-actionContentFillSubtleGreenHover: var(--theme-ui-colors-primitives-grey-100);
                    --theme-ui-colors-actionContentFillSubtleGreenDisabled: var(--theme-ui-colors-primitives-grey-500);
                    --theme-ui-colors-actionContentFillSubtleDefault: var(--theme-ui-colors-primitives-grey-50);
                    --theme-ui-colors-actionContentFillSubtleHover: var(--theme-ui-colors-primitives-grey-100);
                    --theme-ui-colors-actionContentFillSubtleDisabled: var(--theme-ui-colors-primitives-grey-500);
                    --theme-ui-colors-actionContentFillSubtleOrangeDefault: var(--theme-ui-colors-primitives-grey-50);
                    --theme-ui-colors-actionContentFillSubtleOrangeHover: var(--theme-ui-colors-primitives-grey-100);
                    --theme-ui-colors-actionContentFillSubtleOrangeDisabled: var(--theme-ui-colors-primitives-grey-500);
                    --theme-ui-colors-actionContentFillPrimaryDefault: var(--theme-ui-colors-primitives-green-800);
                    --theme-ui-colors-actionContentFillPrimaryHover: var(--theme-ui-colors-primitives-green-800);
                    --theme-ui-colors-actionContentFillPrimaryDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-actionContentFillSecondaryDefault: var(--theme-ui-colors-primitives-green-50);
                    --theme-ui-colors-actionContentFillSecondaryHover: var(--theme-ui-colors-primitives-green-50);
                    --theme-ui-colors-actionContentFillSecondaryDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-actionContentFillGhostBlackHover: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-actionContentFillWhiteDefault: var(--theme-ui-colors-primitives-grey-50);
                    --theme-ui-colors-actionContentFillWhiteHover: var(--theme-ui-colors-primitives-grey-50);
                    --theme-ui-colors-actionContentFillWhiteDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-actionContentFillAccentOrangeDefault: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionContentFillAccentOrangeHover: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionContentFillAccentOrangeDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-actionContentFillGhostBlackDefault: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-actionContentFillGhostBlackDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-actionContentFillGhostWhiteDefault: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionContentFillGhostWhiteHover: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-actionContentFillGhostWhiteDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-actionContentFillGhostOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-300);
                    --theme-ui-colors-actionContentFillGhostOrangeHover: var(--theme-ui-colors-primitives-accent-orange-200);
                    --theme-ui-colors-actionContentFillGhostPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-300);
                    --theme-ui-colors-actionContentFillGhostPurpleHover: var(--theme-ui-colors-primitives-accent-purple-200);
                    --theme-ui-colors-actionContentFillGhostOrangeDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-actionContentFillGreenDefault: var(--theme-ui-colors-primitives-green-800);
                    --theme-ui-colors-actionContentFillGreenHover: var(--theme-ui-colors-primitives-green-800);
                    --theme-ui-colors-actionContentFillGreenDisabled: var(--theme-ui-colors-primitives-green-500);
                    --theme-ui-colors-surfaceStrokeWhiteHover: var(--theme-ui-colors-primitives-grey-800);
                    --theme-ui-colors-borderPrimaryDefault: var(--theme-ui-colors-primitives-grey-50);
                    --theme-ui-colors-borderPrimaryHover: var(--theme-ui-colors-primitives-grey-200);
                    --theme-ui-colors-borderSecondaryDefault: var(--theme-ui-colors-primitives-brown-200);
                    --theme-ui-colors-borderSecondaryHover: var(--theme-ui-colors-primitives-brown-400);
                    --theme-ui-colors-borderAccentDefault: var(--theme-ui-colors-primitives-accent-orange-300);
                    --theme-ui-colors-borderAccentHover: var(--theme-ui-colors-primitives-accent-orange-200);
                    --theme-ui-colors-surfaceFillWhiteOpacityDefault: var(--theme-ui-colors-primitives-grey-grey-900-80);
                    --theme-ui-colors-borderTertiaryDefault: var(--theme-ui-colors-primitives-grey-700);
                    --theme-ui-colors-borderTertiaryHover: var(--theme-ui-colors-primitives-grey-800);
                    --theme-ui-colors-textTurnoutLow: var(--theme-ui-colors-primitives-brown-15);
                    --theme-ui-colors-textTurnoutMedium: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-textTurnoutHigh: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-textGreenDefault: var(--theme-ui-colors-primitives-accent-acid-green-300);
                    --theme-ui-colors-textGreenHover: var(--theme-ui-colors-primitives-accent-acid-green-200);
                    --theme-ui-colors-textDangerDefault: var(--theme-ui-colors-primitives-utilities-red-400);
                    --theme-ui-colors-iconGreenDefault: var(--theme-ui-colors-primitives-accent-acid-green-300);
                    --theme-ui-colors-iconGreenHover: var(--theme-ui-colors-primitives-accent-acid-green-200);
                    --theme-ui-colors-surfaceFillGreenDefault: var(--theme-ui-colors-primitives-accent-acid-green-400);
                    --theme-ui-colors-surfaceFillGreenHover: var(--theme-ui-colors-primitives-accent-acid-green-300);
                    --theme-ui-colors-textWhiteDefault: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-textWhiteHover: var(--theme-ui-colors-primitives-grey-700);
                    --theme-ui-colors-surfaceStrokePrimaryDefault: var(--theme-ui-colors-primitives-grey-600);
                    --theme-ui-colors-surfaceStrokeSecondaryDefault: var(--theme-ui-colors-primitives-green-500);
                    --theme-ui-colors-surfaceStrokeWhiteDefault: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-textGreenDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-textPrimaryDisabled: var(--theme-ui-colors-primitives-grey-500);
                    --theme-ui-colors-textSecondaryDisabled: var(--theme-ui-colors-primitives-grey-600);
                    --theme-ui-colors-textOrangeDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-textWhiteDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-iconPrimaryDisabled: var(--theme-ui-colors-primitives-grey-500);
                    --theme-ui-colors-iconSecondaryDisabled: var(--theme-ui-colors-primitives-grey-600);
                    --theme-ui-colors-iconAccentDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-iconGreenDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-surfaceFillTurnoutLow: var(--theme-ui-colors-primitives-accent-acid-green-700);
                    --theme-ui-colors-surfaceFillTurnoutMedium: var(--theme-ui-colors-primitives-accent-acid-green-400);
                    --theme-ui-colors-surfaceFillTurnoutHigh: var(--theme-ui-colors-primitives-accent-acid-green-200);
                    --theme-ui-colors-surfaceFillAcidGreenDefault: var(--theme-ui-colors-primitives-accent-acid-green-700);
                    --theme-ui-colors-surfaceFillAcidGreenLightDefault: var(--theme-ui-colors-primitives-accent-acid-green-700);
                    --theme-ui-colors-surfaceFillAccentGreenDefault: var(--theme-ui-colors-primitives-green-600);
                    --theme-ui-colors-surfaceFillAccentGreenHover: var(--theme-ui-colors-primitives-green-500);
                    --theme-ui-colors-surfaceFillAccentBlueDefault: var(--theme-ui-colors-primitives-utilities-blue-700);
                    --theme-ui-colors-surfaceFillAccentOrangeDefault: var(--theme-ui-colors-primitives-accent-orange-700);
                    --theme-ui-colors-surfaceFillAccentOrangeHover: var(--theme-ui-colors-primitives-accent-orange-400);
                    --theme-ui-colors-surfaceFillAccentOrangeSubtle: var(--theme-ui-colors-primitives-accent-orange-400);
                    --theme-ui-colors-surfaceFillPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-300);
                    --theme-ui-colors-surfaceFillAccentPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-700);
                    --theme-ui-colors-surfaceFillAccentPurpleHover: var(--theme-ui-colors-primitives-accent-purple-400);
                    --theme-ui-colors-logoDefaultText: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-logoWhiteIcon: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-logoWhiteText: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-surfaceFillWhiteOpacityHover: var(--theme-ui-colors-primitives-grey-grey-900-90);
                    --theme-ui-colors-iconPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-300);
                    --theme-ui-colors-iconPurpleHover: var(--theme-ui-colors-primitives-accent-purple-200);
                    --theme-ui-colors-iconPurpleDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-iconDangerDefault: var(--theme-ui-colors-primitives-utilities-red-300);
                    --theme-ui-colors-iconAcidGreenDefault: var(--theme-ui-colors-primitives-accent-acid-green-300);
                    --theme-ui-colors-iconAcidGreenHover: var(--theme-ui-colors-primitives-accent-acid-green-200);
                    --theme-ui-colors-iconAcidGreenDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-surfaceFillBlackDefault: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-surfaceFillBlackHover: var(--theme-ui-colors-primitives-grey-75);
                    --theme-ui-colors-surfaceFillBlackOpacityDefault: var(--theme-ui-colors-primitives-grey-white-30);
                    --theme-ui-colors-surfaceFillBlackOpacityHover: var(--theme-ui-colors-primitives-grey-white-50);
                    --theme-ui-colors-iconWhiteDefault: var(--theme-ui-colors-primitives-grey-900);
                    --theme-ui-colors-iconWhiteHover: var(--theme-ui-colors-primitives-grey-700);
                    --theme-ui-colors-iconWhiteDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-mapPinsGreenDefault: var(--theme-ui-colors-primitives-green-100);
                    --theme-ui-colors-mapPinsWhiteDefault: var(--theme-ui-colors-primitives-grey-white);
                    --theme-ui-colors-surfaceFillSubtleDefault: #0E0D0C;
                    --theme-ui-colors-surfaceFillAccentYellowDefault: #AF7804;
                    --theme-ui-colors-surfaceFillAccentYellowHover: #FBBC37;
                    --theme-ui-colors-surfaceFillPrimaryDisabled: var(--theme-ui-colors-primitives-grey-600);
                    --theme-ui-colors-actionBaseFillPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-700);
                    --theme-ui-colors-actionBaseFillPurpleHover: var(--theme-ui-colors-primitives-accent-purple-400);
                    --theme-ui-colors-actionBaseFillPurpleDisabled: var(--theme-ui-colors-primitives-grey-700);
                    --theme-ui-colors-actionContentFillPurpleDefault: var(--theme-ui-colors-primitives-accent-purple-300);
                    --theme-ui-colors-actionContentFillPurpleHover: var(--theme-ui-colors-primitives-accent-purple-200);
                    --theme-ui-colors-actionContentFillPurpleDisabled: var(--theme-ui-colors-primitives-grey-400);
                    --theme-ui-colors-surfaceFillPurpleHover: var(--theme-ui-colors-primitives-accent-purple-200);
                }
            </style>
            <style data-emotion="css-global 3npyoz">
                * {
                    box-sizing          : border-box;
                }
                html {
                    font-family         : Satoshi,system-ui,sans-serif;
                    font-weight         : 500;
                    font-size           : 16px;
                    line-height         : 1.5;
                    color               : var(--theme-ui-colors-text);
                    background-color    : var(--theme-ui-colors-surfaceFillPrimaryDefault);
                }
                body {
                    margin              : 0;
                }
            </style>
            <style data-emotion="css-global mctb3a">
                * {
                    box-sizing          : border-box;
                }
                button {
                    font-family         : inherit;
                    font-size           : 100%;
                    line-height         : inherit;
                    color               : inherit;
                    margin              : 0;
                    padding             : 0;
                    text-transform      : none;
                    cursor              : pointer;
                    background          : transparent;
                }
                a {
                    color               : inherit;
                    -webkit-text-decoration: inherit;
                    text-decoration     : inherit;
                }
                blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre {
                    margin              : 0;
                }
                fieldset,legend {
                    margin              : 0;
                    padding             : 0;
                }
                *,::before,::after {
                    border-width        : 0;
                    border-style        : solid;
                    border-color        : #edebe5;
                }
                h1,h2,h3,h4,h5,h6 {
                    font-size           : inherit;
                    font-weight         : inherit;
                }
                ol,ul {
                    list-style          : none;
                    margin              : 0;
                    padding             : 0;
                }
                img,svg,video,canvas,audio,iframe,embed,object {
                    display             : block;
                    vertical-align      : middle;
                }
                img,video {
                    max-width           : 100%;
                    height              : auto;
                }
                button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
                    border-style        : none;
                    padding             : 0;
                }
                :focus {
                    outline             : 0;
                }
                :focus-visible {
                    outline             : 0;
                    border-color        : #63b3ed;
                    box-shadow          : 0 0 0 3px rgba(66, 153, 225, 0.5);
                }
                ::selection {
                    color               : white;
                    background          : #4f6814;
                }
                html,body {
                    scroll-padding-top  : 6rem;
                }
                html {
                    word-break          : normal;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: greyscale;
                }
            </style>
            <style data-emotion="css-global t2v980">
                html {
                    scrollbar-gutter    : unset;
                }
                body {
                    overflow            : unset;
                }
            </style>
            <style data-emotion="css 1b68a8r">
                .css-1b68a8r {
                    -webkit-align-items : center;
                    -webkit-box-align   : center;
                    -ms-flex-align      : center;
                    align-items         : center;
                    background-color    : transparent;
                    box-shadow          : none;
                    -webkit-flex-direction: column;
                    -ms-flex-direction  : column;
                    flex-direction      : column;
                    height              : 100%;
                    -webkit-box-pack    : center;
                    -ms-flex-pack       : center;
                    -webkit-justify-content: center;
                    justify-content     : center;
                    left                : 0;
                    max-height          : 100dvh;
                    max-width           : 100dvw;
                    position            : fixed;
                    top                 : 0;
                    width               : 100%;
                    z-index             : 900;
                    margin              : 0;
                    padding             : 0;
                    border              : none;
                }
                .css-1b68a8r:focus {
                    outline             : none;
                    box-shadow          : none;
                }
                .css-1b68a8r:focus-visible {
                    opacity             : 1;
                }
                .css-1b68a8r::backdrop {
                    background-color    : var(--theme-ui-colors-black60);
                    opacity             : 0;
                    -webkit-transition  : opacity 200ms ease;
                    transition          : opacity 200ms ease;
                }
                @media screen and (max-width: 540px) {
                    .css-1b68a8r {
                        -webkit-transition  : -webkit-transform 200ms ease-in-out;
                        transition          : transform 200ms ease-in-out;
                        -webkit-transform   : translateY(100%);
                        -moz-transform      : translateY(100%);
                        -ms-transform       : translateY(100%);
                        transform           : translateY(100%);
                    }
                }
                @media screen and (max-width: 720px) and (min-width: 540px) {
                    .css-1b68a8r {
                        -webkit-transition  : -webkit-transform 200ms ease-in-out;
                        transition          : transform 200ms ease-in-out;
                        -webkit-transform   : translateY(100%);
                        -moz-transform      : translateY(100%);
                        -ms-transform       : translateY(100%);
                        transform           : translateY(100%);
                    }
                }
                @media screen and (max-width: 1024px) and (min-width: 720px) {
                    .css-1b68a8r {
                        opacity             : 0;
                        -webkit-transition  : opacity 200ms ease;
                        transition          : opacity 200ms ease;
                        padding             : 0.75rem;
                        -webkit-box-pack    : center;
                        -ms-flex-pack       : center;
                        -webkit-justify-content: center;
                        justify-content     : center;
                        -webkit-align-items : center;
                        -webkit-box-align   : center;
                        -ms-flex-align      : center;
                        align-items         : center;
                    }
                }
                @media screen and (max-width: 1280px) and (min-width: 1024px) {
                    .css-1b68a8r {
                        opacity             : 0;
                        -webkit-transition  : opacity 200ms ease;
                        transition          : opacity 200ms ease;
                        padding             : 0.75rem;
                        -webkit-box-pack    : center;
                        -ms-flex-pack       : center;
                        -webkit-justify-content: center;
                        justify-content     : center;
                        -webkit-align-items : center;
                        -webkit-box-align   : center;
                        -ms-flex-align      : center;
                        align-items         : center;
                    }
                }
                @media screen and (max-width: 1440px) and (min-width: 1280px) {
                    .css-1b68a8r {
                        opacity             : 0;
                        -webkit-transition  : opacity 200ms ease;
                        transition          : opacity 200ms ease;
                        padding             : 0.75rem;
                        -webkit-box-pack    : center;
                        -ms-flex-pack       : center;
                        -webkit-justify-content: center;
                        justify-content     : center;
                        -webkit-align-items : center;
                        -webkit-box-align   : center;
                        -ms-flex-align      : center;
                        align-items         : center;
                    }
                }
                @media screen and (max-width: 1680px) and (min-width: 1440px) {
                    .css-1b68a8r {
                        opacity             : 0;
                        -webkit-transition  : opacity 200ms ease;
                        transition          : opacity 200ms ease;
                        padding             : 0.75rem;
                        -webkit-box-pack    : center;
                        -ms-flex-pack       : center;
                        -webkit-justify-content: center;
                        justify-content     : center;
                        -webkit-align-items : center;
                        -webkit-box-align   : center;
                        -ms-flex-align      : center;
                        align-items         : center;
                    }
                }
                @media screen and (max-width: 1920px) and (min-width: 1680px) {
                    .css-1b68a8r {
                        opacity             : 0;
                        -webkit-transition  : opacity 200ms ease;
                        transition          : opacity 200ms ease;
                        padding             : 0.75rem;
                        -webkit-box-pack    : center;
                        -ms-flex-pack       : center;
                        -webkit-justify-content: center;
                        justify-content     : center;
                        -webkit-align-items : center;
                        -webkit-box-align   : center;
                        -ms-flex-align      : center;
                        align-items         : center;
                    }
                }
                @media screen and (min-width: 1920px) {
                    .css-1b68a8r {
                        opacity             : 0;
                        -webkit-transition  : opacity 200ms ease;
                        transition          : opacity 200ms ease;
                        padding             : 0.75rem;
                        -webkit-box-pack    : center;
                        -ms-flex-pack       : center;
                        -webkit-justify-content: center;
                        justify-content     : center;
                        -webkit-align-items : center;
                        -webkit-box-align   : center;
                        -ms-flex-align      : center;
                        align-items         : center;
                    }
                }
            </style>
            <dialog aria-hidden="true" class="css-1b68a8r">
                <style data-emotion="css 1c11s9f">
                    .css-1c11s9f {
                        background-color    : var(--theme-ui-colors-card);
                        box-shadow          : 0 8px 24px rgba(0,0,0,0.2);
                        display             : -webkit-box;
                        display             : -webkit-flex;
                        display             : -ms-flexbox;
                        display             : flex;
                        -webkit-flex-direction: column;
                        -ms-flex-direction  : column;
                        flex-direction      : column;
                        -webkit-box-pack    : stretch;
                        -ms-flex-pack       : stretch;
                        -webkit-justify-content: stretch;
                        justify-content     : stretch;
                        max-width           : 100%;
                        width               : 42rem;
                        -webkit-align-content: start;
                        -ms-flex-line-pack  : start;
                        align-content       : start;
                    }
                    @media screen and (max-width: 540px) {
                        .css-1c11s9f {
                            border-top-left-radius: 16px;
                            border-top-right-radius: 16px;
                            max-width           : 100dvw;
                            width               : 100dvw;
                            max-height          : 80dvh;
                            position            : absolute;
                            bottom              : 0;
                            margin              : auto 0 0 0;
                        }
                    }
                    @media screen and (max-width: 720px) and (min-width: 540px) {
                        .css-1c11s9f {
                            border-top-left-radius: 16px;
                            border-top-right-radius: 16px;
                            max-width           : 100dvw;
                            width               : 100dvw;
                            max-height          : 80dvh;
                            position            : absolute;
                            bottom              : 0;
                            margin              : auto 0 0 0;
                        }
                    }
                    @media screen and (max-width: 1024px) and (min-width: 720px) {
                        .css-1c11s9f {
                            max-height          : 80dvh;
                            border-radius       : 24px;
                            box-shadow          : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
                        }
                    }
                    @media screen and (max-width: 1280px) and (min-width: 1024px) {
                        .css-1c11s9f {
                            max-height          : 80dvh;
                            border-radius       : 24px;
                            box-shadow          : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
                        }
                    }
                    @media screen and (max-width: 1440px) and (min-width: 1280px) {
                        .css-1c11s9f {
                            max-height          : 80dvh;
                            border-radius       : 24px;
                            box-shadow          : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
                        }
                    }
                    @media screen and (max-width: 1680px) and (min-width: 1440px) {
                        .css-1c11s9f {
                            max-height          : 80dvh;
                            border-radius       : 24px;
                            box-shadow          : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
                        }
                    }
                    @media screen and (max-width: 1920px) and (min-width: 1680px) {
                        .css-1c11s9f {
                            max-height          : 80dvh;
                            border-radius       : 24px;
                            box-shadow          : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
                        }
                    }
                    @media screen and (min-width: 1920px) {
                        .css-1c11s9f {
                            max-height          : 80dvh;
                            border-radius       : 24px;
                            box-shadow          : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
                        }
                    }
                </style>
                <div class="css-1c11s9f">
                    <style data-emotion="css 1hc9tqv">
                        .css-1hc9tqv {
                            -webkit-align-items : center;
                            -webkit-box-align   : center;
                            -ms-flex-align      : center;
                            align-items         : center;
                            display             : -webkit-box;
                            display             : -webkit-flex;
                            display             : -ms-flexbox;
                            display             : flex;
                            -webkit-flex-direction: row;
                            -ms-flex-direction  : row;
                            flex-direction      : row;
                            gap                 : 0.75rem;
                            -webkit-box-pack    : justify;
                            -webkit-justify-content: space-between;
                            justify-content     : space-between;
                            padding             : 1.5rem;
                        }
                        @media screen and (min-width: 540px) {
                            .css-1hc9tqv {
                                padding             : 2rem;
                            }
                        }
                        @media screen and (min-width: 720px) {
                            .css-1hc9tqv {
                                padding             : 2rem;
                            }
                        }
                    </style>
                    <header class="css-1hc9tqv">
                        <div class="css-1u8qly9">
                            <style data-emotion="css 1cx3xt2">
                                .css-1cx3xt2 {
                                    -webkit-align-items : center;
                                    -webkit-box-align   : center;
                                    -ms-flex-align      : center;
                                    align-items         : center;
                                    display             : -webkit-box;
                                    display             : -webkit-flex;
                                    display             : -ms-flexbox;
                                    display             : flex;
                                    -webkit-flex-direction: row;
                                    -ms-flex-direction  : row;
                                    flex-direction      : row;
                                    gap                 : 0.75rem;
                                    -webkit-box-pack    : start;
                                    -ms-flex-pack       : start;
                                    -webkit-justify-content: start;
                                    justify-content     : start;
                                }
                            </style>
                            <div class="css-1cx3xt2">
                                <style data-emotion="css 1n5uono">
                                    .css-1n5uono {
                                        -webkit-align-items : center;
                                        -webkit-box-align   : center;
                                        -ms-flex-align      : center;
                                        align-items         : center;
                                        -webkit-appearance  : none;
                                        -moz-appearance     : none;
                                        -ms-appearance      : none;
                                        appearance          : none;
                                        background-color    : transparent;
                                        border-color        : transparent;
                                        border-radius       : 8px;
                                        border-style        : solid;
                                        color               : var(--theme-ui-colors-actionContentFillGhostBlackDefault);
                                        cursor              : pointer;
                                        display             : -webkit-inline-box;
                                        display             : -webkit-inline-flex;
                                        display             : -ms-inline-flexbox;
                                        display             : inline-flex;
                                        -webkit-box-pack    : center;
                                        -ms-flex-pack       : center;
                                        -webkit-justify-content: center;
                                        justify-content     : center;
                                        pointer-events      : auto;
                                        text-align          : center;
                                        width               : unset;
                                        border-width        : 0.0625rem;
                                        -webkit-text-decoration: none;
                                        text-decoration     : none;
                                        -webkit-transition  : all 200ms;
                                        transition          : all 200ms;
                                        font-size           : 16px;
                                        font-weight         : 700;
                                        line-height         : 1.5rem;
                                        border              : 0;
                                        padding             : 0;
                                    }
                                    .css-1n5uono:hover,.css-1n5uono:focus {
                                        color               : var(--theme-ui-colors-actionContentFillGhostBlackHover);
                                    }
                                </style>
                                <button aria-disabled="false" aria-label="Close" class="css-1n5uono" type="button">
                                    <style data-emotion="css 14rtdfd">
                                        .css-14rtdfd {
                                            min-width           : 1.5rem;
                                        }
                                    </style>
                                    <span class="css-14rtdfd">
                                        <style data-emotion="css rjl6tn">
                                            .css-rjl6tn {
                                                color               : currentColor;
                                                height              : 1.5rem;
                                                width               : 1.5rem;
                                            }
                                        </style>
                                        <svg aria-hidden="true" class="css-rjl6tn" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M15 5L5 15M5 5L15 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
                                            </path>
                                        </svg>
                                    </span>
                                </button>
                                <style data-emotion="css 18wykif">
                                    .css-18wykif {
                                        color               : var(--theme-ui-colors-textPrimaryDefault);
                                        font-weight         : 500;
                                        font-style          : normal;
                                        line-height         : 1.95rem;
                                        font-size           : 24px;
                                        font-family         : Nohemi,system-ui,sans-serif;
                                        letter-spacing      : 0.045rem;
                                    }
                                </style>
                                <p class="css-18wykif">
                                    Secret Menu
                                </p>
                            </div>
                        </div>
                    </header>
                    <style data-emotion="css pnug2y">
                        .css-pnug2y {
                            height              : 0;
                            overflow            : visible;
                            position            : relative;
                            z-index             : 300;
                        }
                    </style>
                    <div aria-hidden="true" class="css-pnug2y">
                        <style data-emotion="css 11mbil9">
                            .css-11mbil9 {
                                bottom              : auto;
                                height              : 0.5rem;
                                left                : 0;
                                pointer-events      : none;
                                position            : absolute;
                                right               : 0;
                                top                 : 0;
                                opacity             : 1;
                                -webkit-transition  : 0.2s;
                                transition          : 0.2s;
                                background          : linear-gradient(0deg, transparent, var(--theme-ui-colors-black20));
                            }
                        </style>
                        <div class="css-11mbil9">
                        </div>
                    </div>
                    <style data-emotion="css 2jqb4f">
                        .css-2jqb4f {
                            -webkit-align-items : stretch;
                            -webkit-box-align   : stretch;
                            -ms-flex-align      : stretch;
                            align-items         : stretch;
                            display             : -webkit-box;
                            display             : -webkit-flex;
                            display             : -ms-flexbox;
                            display             : flex;
                            -webkit-flex        : 1;
                            -ms-flex            : 1;
                            flex                : 1;
                            -webkit-flex-direction: column;
                            -ms-flex-direction  : column;
                            flex-direction      : column;
                            gap                 : 0.5rem;
                            -webkit-box-pack    : start;
                            -ms-flex-pack       : start;
                            -webkit-justify-content: start;
                            justify-content     : start;
                            padding-left        : 1.5rem;
                            padding-right       : 1.5rem;
                            overflow-x          : hidden;
                            overflow-y          : auto;
                        }
                        @media screen and (min-width: 540px) {
                            .css-2jqb4f {
                                gap                 : 0.75rem;
                                padding-left        : 2rem;
                                padding-right       : 2rem;
                            }
                        }
                        @media screen and (min-width: 720px) {
                            .css-2jqb4f {
                                padding-left        : 2rem;
                                padding-right       : 2rem;
                            }
                        }
                    </style>
                    <div class="css-2jqb4f">
                        <style data-emotion="css 1fns3cv">
                            .css-1fns3cv {
                                width               : 100%;
                                padding-bottom      : 1rem;
                            }
                        </style>
                        <div class="css-1fns3cv">
                            <style data-emotion="css 16du3kq">
                                .css-16du3kq {
                                    -webkit-align-items : start;
                                    -webkit-box-align   : start;
                                    -ms-flex-align      : start;
                                    align-items         : start;
                                    display             : -webkit-box;
                                    display             : -webkit-flex;
                                    display             : -ms-flexbox;
                                    display             : flex;
                                    -webkit-flex-direction: column;
                                    -ms-flex-direction  : column;
                                    flex-direction      : column;
                                    gap                 : 1rem;
                                    -webkit-box-pack    : start;
                                    -ms-flex-pack       : start;
                                    -webkit-justify-content: start;
                                    justify-content     : start;
                                }
                            </style>
                            <div class="css-16du3kq">
                                <style data-emotion="css xoqnua">
                                    .css-xoqnua {
                                        color               : var(--theme-ui-colors-textSecondaryDefault);
                                        font-weight         : 500;
                                        font-style          : normal;
                                        line-height         : 1.35rem;
                                        font-size           : 16px;
                                        font-family         : Satoshi,system-ui,sans-serif;
                                    }
                                </style>
                                <p class="css-xoqnua">
                                    Enter the password to access the secret menu.
                                </p>
                                <style data-emotion="css 9vd5ud">
                                    .css-9vd5ud {
                                        width               : 100%;
                                    }
                                </style>
                                <div class="css-9vd5ud">
                                    <div class="css-9vd5ud">
                                        <style data-emotion="css nk1i1k">
                                            .css-nk1i1k {
                                                position            : relative;
                                                width               : 100%;
                                            }
                                        </style>
                                        <div class="css-nk1i1k">
                                            <style data-emotion="css 2wypxt">
                                                .css-2wypxt {
                                                    -webkit-appearance  : none;
                                                    -moz-appearance     : none;
                                                    -ms-appearance      : none;
                                                    appearance          : none;
                                                    background-color    : transparent;
                                                    border-color        : var(--theme-ui-colors-primitives-brown-50);
                                                    border-radius       : 100px;
                                                    border-style        : solid;
                                                    color               : var(--theme-ui-colors-textPrimaryDefault);
                                                    display             : block;
                                                    min-height          : 2.5rem;
                                                    width               : 100%;
                                                    font-family         : Satoshi,system-ui,sans-serif;
                                                    font-size           : 14px;
                                                    font-style          : normal;
                                                    font-weight         : 500;
                                                    line-height         : 1.18125rem;
                                                    border-width        : 1px;
                                                    padding-left        : 1rem;
                                                    padding-right       : 0.5rem;
                                                    padding-top         : 0.75rem;
                                                    padding-bottom      : 0.75rem;
                                                }
                                                .css-2wypxt::-webkit-input-placeholder {
                                                    font-family         : Satoshi,system-ui,sans-serif;
                                                    font-size           : 14px;
                                                    font-style          : normal;
                                                    font-weight         : 500;
                                                    line-height         : 1.18125rem;
                                                    color               : var(--theme-ui-colors-textSecondaryDefault);
                                                    opacity             : 0.8;
                                                }
                                                .css-2wypxt::-moz-placeholder {
                                                    font-family         : Satoshi,system-ui,sans-serif;
                                                    font-size           : 14px;
                                                    font-style          : normal;
                                                    font-weight         : 500;
                                                    line-height         : 1.18125rem;
                                                    color               : var(--theme-ui-colors-textSecondaryDefault);
                                                    opacity             : 0.8;
                                                }
                                                .css-2wypxt:-ms-input-placeholder {
                                                    font-family         : Satoshi,system-ui,sans-serif;
                                                    font-size           : 14px;
                                                    font-style          : normal;
                                                    font-weight         : 500;
                                                    line-height         : 1.18125rem;
                                                    color               : var(--theme-ui-colors-textSecondaryDefault);
                                                    opacity             : 0.8;
                                                }
                                                .css-2wypxt::placeholder {
                                                    font-family         : Satoshi,system-ui,sans-serif;
                                                    font-size           : 14px;
                                                    font-style          : normal;
                                                    font-weight         : 500;
                                                    line-height         : 1.18125rem;
                                                    color               : var(--theme-ui-colors-textSecondaryDefault);
                                                    opacity             : 0.8;
                                                }
                                            </style>
                                            <input class="css-2wypxt" placeholder="Password" type="password" value="">
                                        </div>
                                    </div>
                                </div>
                                <style data-emotion="css c5pf1y">
                                    .css-c5pf1y {
                                        -webkit-align-items : start;
                                        -webkit-box-align   : start;
                                        -ms-flex-align      : start;
                                        align-items         : start;
                                        display             : -webkit-box;
                                        display             : -webkit-flex;
                                        display             : -ms-flexbox;
                                        display             : flex;
                                        -webkit-flex-direction: row;
                                        -ms-flex-direction  : row;
                                        flex-direction      : row;
                                        gap                 : 0.75rem;
                                        -webkit-box-pack    : end;
                                        -ms-flex-pack       : end;
                                        -webkit-justify-content: flex-end;
                                        justify-content     : flex-end;
                                    }
                                </style>
                                <div class="css-c5pf1y">
                                    <style data-emotion="css l6gvcn">
                                        .css-l6gvcn {
                                            -webkit-align-items : center;
                                            -webkit-box-align   : center;
                                            -ms-flex-align      : center;
                                            align-items         : center;
                                            background-color    : var(--theme-ui-colors-actionBaseFillPrimaryDefault);
                                            border-radius       : 16px;
                                            box-shadow          : none;
                                            color               : var(--theme-ui-colors-actionContentFillPrimaryDefault);
                                            cursor              : pointer;
                                            display             : -webkit-box;
                                            display             : -webkit-flex;
                                            display             : -ms-flexbox;
                                            display             : flex;
                                            gap                 : 0.5rem;
                                            -webkit-box-pack    : center;
                                            -ms-flex-pack       : center;
                                            -webkit-justify-content: center;
                                            justify-content     : center;
                                            font-family         : Satoshi,system-ui,sans-serif;
                                            font-size           : 14px;
                                            font-style          : normal;
                                            font-weight         : 700;
                                            line-height         : 1.18125rem;
                                            padding-left        : 1rem;
                                            padding-right       : 1rem;
                                            padding-top         : 0.75rem;
                                            padding-bottom      : 0.75rem;
                                        }
                                        .css-l6gvcn:hover,.css-l6gvcn:focus,.css-l6gvcn.active {
                                            background-color    : var(--theme-ui-colors-actionBaseFillPrimaryHover);
                                            color               : var(--theme-ui-colors-actionContentFillPrimaryHover);
                                        }
                                        .css-l6gvcn:focus {
                                            box-shadow          : 0 0 0 3px rgba(66, 153, 225, 0.5);
                                            outline             : 4px solid;
                                            outline-color       : var(--theme-ui-colors-borderPrimaryDefault);
                                            outline-offset      : 2px;
                                        }
                                        .css-l6gvcn:focus-visible {
                                            box-shadow          : 0 0 0 3px rgba(66, 153, 225, 0.5);
                                            outline             : 4px solid;
                                            outline-color       : var(--theme-ui-colors-borderPrimaryDefault);
                                            outline-offset      : 2px;
                                        }
                                        .css-l6gvcn.disabled {
                                            cursor              : default;
                                            background-color    : var(--theme-ui-colors-actionBaseFillPrimaryDisabled);
                                            color               : var(--theme-ui-colors-actionContentFillPrimaryDisabled);
                                        }
                                    </style>
                                    <a aria-label="Go" class="css-l6gvcn" role="button">
                                        <style data-emotion="css toyscm">
                                            .css-toyscm {
                                                color               : inherit;
                                                margin-bottom       : 0!important;
                                                overflow            : hidden;
                                                font-weight         : 700;
                                                font-style          : normal;
                                                line-height         : 1.18125rem;
                                                font-size           : 14px;
                                                font-family         : Satoshi,system-ui,sans-serif;
                                                white-space         : nowrap;
                                                text-overflow       : ellipsis;
                                            }
                                        </style>
                                        <span class="css-toyscm">
                                            Go
                                        </span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div aria-hidden="true" class="css-pnug2y">
                        <style data-emotion="css 4iga5b">
                            .css-4iga5b {
                                bottom              : 0;
                                height              : 0.5rem;
                                left                : 0;
                                pointer-events      : none;
                                position            : absolute;
                                right               : 0;
                                top                 : auto;
                                opacity             : 1;
                                -webkit-transition  : 0.2s;
                                transition          : 0.2s;
                                background          : linear-gradient(180deg, transparent, var(--theme-ui-colors-black20));
                            }
                        </style>
                        <div class="css-4iga5b">
                        </div>
                    </div>
                </div>
            </dialog>
            <style data-emotion="css 1a8vzo">
                .css-1a8vzo {
                    --header-height     : 66px;
                    --tabbar-height     : 0px;
                    --page-padding-top  : calc(env(safe-area-inset-top, 0px) + var(--header-height));
                    --page-padding-bottom: 0px;
                    padding-top         : env(safe-area-inset-top, 0px);
                    padding-right       : env(safe-area-inset-right, 0px);
                    padding-bottom      : var(--page-padding-bottom);
                    padding-left        : env(safe-area-inset-left, 0px);
                }
            </style>
            <div class="css-1a8vzo">
                <style data-emotion="css 3pt7ky">
                    .css-3pt7ky {
                        background-color    : var(--theme-ui-colors-primary);
                        box-shadow          : 0 0 2px rgba(#9CDE4E, 0.44);
                        height              : 2px;
                        left                : 0;
                        pointer-events      : none;
                        position            : fixed;
                        right               : 0;
                        top                 : 0;
                        z-index             : 700;
                        use-select          : none;
                        -webkit-transition  : all 0.1s ease-in-out;
                        transition          : all 0.1s ease-in-out;
                        -webkit-transform   : translateX(-100%);
                        -moz-transform      : translateX(-100%);
                        -ms-transform       : translateX(-100%);
                        transform           : translateX(-100%);
                        opacity             : 0;
                    }
                </style>
                <div class="css-3pt7ky" data-test-id="page-loading-indicator">
                </div>
                <style data-emotion="css 12hlzpf">
                    .css-12hlzpf {
                        display             : -webkit-box;
                        display             : -webkit-flex;
                        display             : -ms-flexbox;
                        display             : flex;
                        -webkit-flex-direction: column;
                        -ms-flex-direction  : column;
                        flex-direction      : column;
                        min-height          : 100vh;
                    }
                </style>
                <div class="css-12hlzpf">
                    <style data-emotion="css 1s505ma">
                        .css-1s505ma {
                            -webkit-box-flex    : 1;
                            -webkit-flex-grow   : 1;
                            -ms-flex-positive   : 1;
                            flex-grow           : 1;
                            margin-left         : auto;
                            margin-right        : auto;
                            max-width           : 100%;
                            min-height          : 100%;
                            width               : 100%;
                            -webkit-align-self  : center;
                            -ms-flex-item-align : center;
                            align-self          : center;
                        }
                    </style>
                    <div class="css-1s505ma">
                        <style data-emotion="css 1jy0d03">
                            .css-1jy0d03 {
                                height              : 100%;
                            }
                        </style>
                        <div class="css-1jy0d03">
                            <style data-emotion="css 1sb8j8b">
                                .css-1sb8j8b {
                                    height              : 66px;
                                    padding-bottom      : 0.75rem;
                                }
                                .css-1sb8j8b [data-test-id="global-header"] {
                                    top                 : 0;
                                }
                            </style>
                            <div class="css-1sb8j8b">
                                <style data-emotion="css-global ryqg53">
                                    html.ReactModal__Html--open {
                                        overflow            : hidden;
                                    }
                                    html.ReactModal__Html--open:not(.fullsize) {
                                        scrollbar-gutter    : stable;
                                    }
                                    html.ReactModal__Html--open.ReactModal__Html--panel #pageMountNode:before {
                                        content             : "";
                                        position            : fixed;
                                        width               : 100%;
                                        height              : 100%;
                                    }
                                </style>
                                <style data-emotion="css 73j1f8">
                                    .css-73j1f8 {
                                        -webkit-align-items : center;
                                        -webkit-box-align   : center;
                                        -ms-flex-align      : center;
                                        align-items         : center;
                                        background-color    : transparent;
                                        display             : -webkit-box;
                                        display             : -webkit-flex;
                                        display             : -ms-flexbox;
                                        display             : flex;
                                        height              : calc(66px + env(safe-area-inset-top, 0px));
                                        -webkit-box-pack    : justify;
                                        -webkit-justify-content: space-between;
                                        justify-content     : space-between;
                                        left                : 0;
                                        padding-bottom      : env(safe-area-inset-top, 0px);
                                        padding-left        : calc(16px + env(safe-area-inset-left, 0px));
                                        padding-right       : calc(16px + env(safe-area-inset-right, 0px));
                                        padding-top         : env(safe-area-inset-top, 0px);
                                        position            : fixed;
                                        right               : 0;
                                        top                 : 0;
                                        width               : 100%;
                                        z-index             : 600;
                                        -webkit-transition  : all .2s ease-in-out;
                                        transition          : all .2s ease-in-out;
                                    }
                                </style>
                                <header class="css-73j1f8" data-test-id="global-header">
                                    <style data-emotion="css 108rwz1">
                                        .css-108rwz1 {
                                            -webkit-align-items : center;
                                            -webkit-box-align   : center;
                                            -ms-flex-align      : center;
                                            align-items         : center;
                                            display             : -webkit-box;
                                            display             : -webkit-flex;
                                            display             : -ms-flexbox;
                                            display             : flex;
                                            -webkit-flex-direction: row;
                                            -ms-flex-direction  : row;
                                            flex-direction      : row;
                                            gap                 : 0.25rem;
                                            -webkit-box-pack    : start;
                                            -ms-flex-pack       : start;
                                            -webkit-justify-content: start;
                                            justify-content     : start;
                                            margin-right        : 0.125rem;
                                            -webkit-flex-shrink : 10;
                                            -ms-flex-negative   : 10;
                                            flex-shrink         : 10;
                                        }
                                        @media screen and (min-width: 540px) {
                                            .css-108rwz1 {
                                                gap                 : 0.75rem;
                                            }
                                        }
                                    </style>
                                    <div class="css-108rwz1">
                                        <a aria-label="Home" class="css-1u8qly9" href="/">
                                            <style data-emotion="css 1e3kmwq">
                                                .css-1e3kmwq {
                                                    color               : var(--theme-ui-colors-iconWhiteDefault);
                                                    display             : -webkit-box;
                                                    display             : -webkit-flex;
                                                    display             : -ms-flexbox;
                                                    display             : flex;
                                                    height              : 42px;
                                                    width               : 42px;
                                                }
                                                @media screen and (min-width: 1440px) {
                                                    .css-1e3kmwq {
                                                        display             : none;
                                                    }
                                                }
                                            </style>
                                            <svg aria-hidden="true" class="css-1e3kmwq" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M8.40252 33.288C7.92483 33.7657 7.92217 34.5438 8.43188 34.9872C9.86413 36.233 11.4906 37.2409 13.2493 37.9694C15.3854 38.8542 17.6748 39.3096 19.9868 39.3096C22.2988 39.3096 24.5882 38.8542 26.7243 37.9694C28.483 37.2409 30.1095 36.233 31.5417 34.9872C32.0514 34.5438 32.0488 33.7657 31.5711 33.288L21.7167 23.4336C20.7613 22.4782 19.2123 22.4782 18.2569 23.4336L8.40252 33.288Z" fill="currentColor">
                                                </path>
                                                <path d="M19.9442 0.634356C23.5265 0.63601 27.0377 1.6305 30.0832 3.50611C33.1286 5.38171 35.5878 8.06406 37.1845 11.252C38.7812 14.4399 39.4523 18.0072 39.1221 21.553C38.835 24.6363 37.8007 27.5971 36.1168 30.1857C35.7142 30.8045 34.8498 30.8647 34.3244 30.3461L26.3947 22.5191C26.0445 22.1734 25.9466 21.6539 26.0683 21.177C26.1878 20.7088 26.2545 20.2194 26.2614 19.7152C26.3091 16.2451 23.5178 13.3931 20.0268 13.3452C16.5359 13.2972 13.6672 16.0715 13.6196 19.5416C13.6117 20.1159 13.6816 20.6733 13.8196 21.2039C13.9447 21.6845 13.8464 22.2096 13.4916 22.5571L5.54627 30.3391C5.01997 30.8546 4.15787 30.7925 3.75642 30.1748C2.07248 27.5838 1.03897 24.6205 0.753588 21.5353C0.425571 17.9892 1.09894 14.4227 2.69756 11.2362C4.29617 8.04972 6.75681 5.3695 9.80337 3.49669C12.85 1.62389 16.3618 0.632706 19.9442 0.634356Z" fill="currentColor">
                                                </path>
                                            </svg>
                                            <style data-emotion="css v34gn1">
                                                .css-v34gn1 {
                                                    -webkit-align-items : center;
                                                    -webkit-box-align   : center;
                                                    -ms-flex-align      : center;
                                                    align-items         : center;
                                                    display             : none;
                                                    -webkit-flex-direction: row;
                                                    -ms-flex-direction  : row;
                                                    flex-direction      : row;
                                                    gap                 : 0.75rem;
                                                    -webkit-box-pack    : start;
                                                    -ms-flex-pack       : start;
                                                    -webkit-justify-content: start;
                                                    justify-content     : start;
                                                }
                                                @media screen and (min-width: 1440px) {
                                                    .css-v34gn1 {
                                                        display             : -webkit-box;
                                                        display             : -webkit-flex;
                                                        display             : -ms-flexbox;
                                                        display             : flex;
                                                    }
                                                }
                                            </style>
                                            <div class="css-v34gn1">
                                                <style data-emotion="css itio0p">
                                                    .css-itio0p {
                                                        color               : var(--theme-ui-colors-iconWhiteDefault);
                                                        height              : 1.5rem;
                                                        width               : 1.5rem;
                                                    }
                                                </style>
                                                <svg aria-hidden="true" class="css-itio0p" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M8.40252 33.288C7.92483 33.7657 7.92217 34.5438 8.43188 34.9872C9.86413 36.233 11.4906 37.2409 13.2493 37.9694C15.3854 38.8542 17.6748 39.3096 19.9868 39.3096C22.2988 39.3096 24.5882 38.8542 26.7243 37.9694C28.483 37.2409 30.1095 36.233 31.5417 34.9872C32.0514 34.5438 32.0488 33.7657 31.5711 33.288L21.7167 23.4336C20.7613 22.4782 19.2123 22.4782 18.2569 23.4336L8.40252 33.288Z" fill="currentColor">
                                                    </path>
                                                    <path d="M19.9442 0.634356C23.5265 0.63601 27.0377 1.6305 30.0832 3.50611C33.1286 5.38171 35.5878 8.06406 37.1845 11.252C38.7812 14.4399 39.4523 18.0072 39.1221 21.553C38.835 24.6363 37.8007 27.5971 36.1168 30.1857C35.7142 30.8045 34.8498 30.8647 34.3244 30.3461L26.3947 22.5191C26.0445 22.1734 25.9466 21.6539 26.0683 21.177C26.1878 20.7088 26.2545 20.2194 26.2614 19.7152C26.3091 16.2451 23.5178 13.3931 20.0268 13.3452C16.5359 13.2972 13.6672 16.0715 13.6196 19.5416C13.6117 20.1159 13.6816 20.6733 13.8196 21.2039C13.9447 21.6845 13.8464 22.2096 13.4916 22.5571L5.54627 30.3391C5.01997 30.8546 4.15787 30.7925 3.75642 30.1748C2.07248 27.5838 1.03897 24.6205 0.753588 21.5353C0.425571 17.9892 1.09894 14.4227 2.69756 11.2362C4.29617 8.04972 6.75681 5.3695 9.80337 3.49669C12.85 1.62389 16.3618 0.632706 19.9442 0.634356Z" fill="currentColor">
                                                    </path>
                                                </svg>
                                                <style data-emotion="css 1mv7hkq">
                                                    .css-1mv7hkq {
                                                        color               : var(--theme-ui-colors-textWhiteDefault);
                                                        height              : 16px;
                                                        width               : 84px;
                                                    }
                                                </style>
                                                <svg aria-hidden="true" class="css-1mv7hkq" fill="none" role="presentation" viewBox="0 0 84 16" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M7.44736 3.81754C7.50832 3.7422 7.60005 3.69843 7.69696 3.69843H11.0413C11.3194 3.69843 11.466 4.02799 11.2798 4.23455L6.90253 9.0887C6.79278 9.2104 6.7923 9.39521 6.90139 9.51749L11.7821 14.9879C11.9667 15.1948 11.8198 15.5228 11.5425 15.5228H8.11615C8.04025 15.5228 5.44329 12.4994 4.2706 11.1297C4.0765 10.903 3.70587 11.0417 3.70587 11.3402V15.1962C3.70587 15.3736 3.56212 15.5173 3.38479 15.5173H0.696088C0.518756 15.5173 0.375 15.3736 0.375 15.1962V0.574163C0.375 0.396831 0.518757 0.253075 0.696089 0.253075H3.38479C3.56212 0.253075 3.70587 0.396831 3.70587 0.574163V7.53401C3.70587 7.83663 4.08621 7.97123 4.27657 7.73599L7.44736 3.81754Z" fill="currentColor">
                                                    </path>
                                                    <path d="M11.9758 9.58061C11.9758 6.14071 14.7615 3.34953 18.196 3.34953C21.6304 3.34953 24.4162 6.14071 24.4162 9.58061C24.4162 13.0205 21.6304 15.8117 18.196 15.8117C14.7615 15.8117 11.9758 13.026 11.9758 9.58061ZM15.2467 9.58606C15.2467 11.3033 16.566 12.6934 18.196 12.6934C19.826 12.6934 21.1452 11.3033 21.1452 9.58606C21.1452 7.86883 19.826 6.4787 18.196 6.4787C16.566 6.4787 15.2467 7.86883 15.2467 9.58606Z" fill="currentColor">
                                                    </path>
                                                    <path d="M47.0781 9.58061C47.0781 6.14071 49.8638 3.34953 53.2983 3.34953C56.7327 3.34953 59.5185 6.14071 59.5185 9.58061C59.5185 13.0205 56.7327 15.8117 53.2983 15.8117C49.8638 15.8117 47.0781 13.026 47.0781 9.58061ZM50.349 9.58606C50.349 11.3142 51.6683 12.7152 53.2983 12.7152C54.9283 12.7152 56.2475 11.3142 56.2475 9.58606C56.2475 7.85793 54.9283 6.45689 53.2983 6.45689C51.6683 6.45689 50.349 7.85793 50.349 9.58606Z" fill="currentColor">
                                                    </path>
                                                    <path d="M67.5049 3.34953C64.0705 3.34953 61.2847 6.14071 61.2847 9.58061C61.2847 13.026 64.0705 15.8117 67.5049 15.8117C70.9394 15.8117 73.7251 13.0205 73.7251 9.58061C73.7251 6.14071 70.9394 3.34953 67.5049 3.34953ZM67.5049 12.7152C65.8749 12.7152 64.5556 11.3142 64.5556 9.58606C64.5556 7.85793 65.8749 6.45689 67.5049 6.45689C69.1349 6.45689 70.4542 7.85793 70.4542 9.58606C70.4542 11.3142 69.1295 12.7152 67.5049 12.7152Z" fill="currentColor">
                                                    </path>
                                                    <path d="M82.9732 13.1602C82.9318 12.9981 82.7727 12.8968 82.6061 12.9115C81.5391 13.0057 80.919 12.5596 80.6485 12.2791C80.3432 11.9629 80.1197 11.4505 80.1197 11.1179V6.8216C80.1197 6.64427 80.2635 6.50051 80.4408 6.50051H82.906C83.0833 6.50051 83.2271 6.35676 83.2271 6.17943V4.03588C83.2271 3.85855 83.0833 3.71479 82.906 3.71479H80.4408C80.2635 3.71479 80.1197 3.57104 80.1197 3.3937V0.819488C80.1197 0.642156 79.976 0.498399 79.7986 0.498399H77.1481C76.9708 0.498399 76.827 0.642156 76.827 0.819488V3.3937C76.827 3.57104 76.6832 3.71479 76.5059 3.71479H74.8966C74.7193 3.71479 74.5755 3.85855 74.5755 4.03588V6.17943C74.5755 6.35676 74.7193 6.50051 74.8966 6.50051H76.5059C76.6832 6.50051 76.827 6.64427 76.827 6.8216V11.1125C76.827 13.702 78.9313 15.8062 81.5208 15.8062C81.5208 15.8062 82.4969 15.8416 83.3082 15.5942C83.4611 15.5475 83.5412 15.3859 83.5017 15.2311L82.9732 13.1602Z" fill="currentColor">
                                                    </path>
                                                    <path d="M29.8949 9.38983C29.884 10.8781 29.8949 15.501 29.8949 15.501C29.8949 15.504 29.8925 15.5064 29.8895 15.5064H26.9015C26.7242 15.5064 26.5804 15.3627 26.5804 15.1853V4.0468C26.5804 3.86947 26.7242 3.72571 26.9015 3.72571H29.1004C29.2446 3.72571 29.3711 3.82183 29.4097 3.96074L29.5557 4.48531C29.63 4.75248 29.9938 4.81064 30.1786 4.60381C30.6848 4.03698 31.3086 3.67459 32.141 3.52401C33.3512 3.30595 34.3979 3.44223 35.3356 3.93287C35.923 4.24263 36.3902 4.72505 36.7267 5.36988C36.7354 5.38651 36.7605 5.3868 36.7736 5.3733C36.7744 5.37247 36.7751 5.3716 36.7758 5.37067C36.9117 5.18587 37.0478 5.00085 37.1945 4.82692C37.7778 4.14003 38.541 3.70936 39.4624 3.53491C40.3782 3.36591 41.2559 3.39862 42.0791 3.64394C43.0222 3.92197 43.7472 4.51073 44.227 5.38842C44.5868 6.0426 44.7939 6.78946 44.8648 7.6617C44.8975 8.08692 44.9139 8.46853 44.9139 8.83923V15.1908C44.9139 15.3681 44.7701 15.5119 44.5928 15.5119H41.9375C41.7599 15.5119 41.616 15.3694 41.6163 15.1918C41.6185 14.0421 41.625 10.1139 41.6157 8.69204C41.6102 8.1796 41.4903 7.72167 41.2723 7.32916C41.0433 6.92575 40.7216 6.68043 40.2801 6.5714C39.7349 6.43511 39.277 6.45692 38.7973 6.64227C38.1812 6.87669 37.7669 7.35097 37.5271 8.08692C37.4017 8.46853 37.3417 8.8992 37.3417 9.38983V15.1799C37.3417 15.3572 37.1979 15.501 37.0206 15.501H34.4409C34.2636 15.501 34.1199 15.3572 34.1199 15.1799V8.78471C34.1199 8.3813 34.0981 7.90702 33.9127 7.4709C33.6565 6.85488 33.1931 6.53324 32.4899 6.48963C31.9611 6.45692 31.514 6.53324 31.1215 6.71859C30.4946 7.01842 30.2002 7.53632 30.0258 8.27227C29.944 8.62662 29.8949 9.00278 29.8949 9.38983Z" fill="currentColor">
                                                    </path>
                                                </svg>
                                            </div>
                                        </a>
                                    </div>
                                    <style data-emotion="css fpiezk">
                                        .css-fpiezk {
                                            -webkit-align-items : center;
                                            -webkit-box-align   : center;
                                            -ms-flex-align      : center;
                                            align-items         : center;
                                            display             : none;
                                            -webkit-flex-direction: row;
                                            -ms-flex-direction  : row;
                                            flex-direction      : row;
                                            gap                 : 0.75rem;
                                        }
                                        @media screen and (min-width: 1024px) {
                                            .css-fpiezk {
                                                display             : -webkit-box;
                                                display             : -webkit-flex;
                                                display             : -ms-flexbox;
                                                display             : flex;
                                                gap                 : 0.25rem;
                                            }
                                        }
                                        @media screen and (min-width: 1280px) {
                                            .css-fpiezk {
                                                gap                 : 0.75rem;
                                            }
                                        }
                                    </style>
                                    <div class="css-fpiezk">
                                        <style data-emotion="css vnm6yc">
                                            .css-vnm6yc {
                                                -webkit-align-items : center;
                                                -webkit-box-align   : center;
                                                -ms-flex-align      : center;
                                                align-items         : center;
                                                display             : -webkit-box;
                                                display             : -webkit-flex;
                                                display             : -ms-flexbox;
                                                display             : flex;
                                                -webkit-flex-direction: row;
                                                -ms-flex-direction  : row;
                                                flex-direction      : row;
                                                gap                 : 0.25rem;
                                                -webkit-box-pack    : start;
                                                -ms-flex-pack       : start;
                                                -webkit-justify-content: start;
                                                justify-content     : start;
                                            }
                                        </style>
                                        <div class="css-vnm6yc">
                                            <style data-emotion="css qtk2bz">
                                                .css-qtk2bz {
                                                    -webkit-align-items : center;
                                                    -webkit-box-align   : center;
                                                    -ms-flex-align      : center;
                                                    align-items         : center;
                                                    background-color    : actionBaseFillGhostWhiteDefault;
                                                    border-radius       : 12px;
                                                    box-shadow          : none;
                                                    color               : var(--theme-ui-colors-actionContentFillGhostWhiteDefault);
                                                    cursor              : pointer;
                                                    display             : -webkit-box;
                                                    display             : -webkit-flex;
                                                    display             : -ms-flexbox;
                                                    display             : flex;
                                                    gap                 : 0.5rem;
                                                    -webkit-box-pack    : center;
                                                    -ms-flex-pack       : center;
                                                    -webkit-justify-content: center;
                                                    justify-content     : center;
                                                    font-family         : Satoshi,system-ui,sans-serif;
                                                    font-size           : 14px;
                                                    font-style          : normal;
                                                    font-weight         : 500;
                                                    line-height         : 1.18125rem;
                                                    padding-left        : 0.75rem;
                                                    padding-right       : 0.75rem;
                                                    padding-top         : 0.5rem;
                                                    padding-bottom      : 0.5rem;
                                                }
                                                .css-qtk2bz:hover,.css-qtk2bz:focus,.css-qtk2bz.active {
                                                    background-color    : var(--theme-ui-colors-actionBaseFillGhostWhiteHover);
                                                    color               : var(--theme-ui-colors-actionContentFillGhostWhiteHover);
                                                }
                                                .css-qtk2bz:focus {
                                                    box-shadow          : 0 0 0 3px rgba(66, 153, 225, 0.5);
                                                    outline             : 4px solid;
                                                    outline-color       : var(--theme-ui-colors-borderPrimaryDefault);
                                                    outline-offset      : 2px;
                                                }
                                                .css-qtk2bz:focus-visible {
                                                    box-shadow          : 0 0 0 3px rgba(66, 153, 225, 0.5);
                                                    outline             : 4px solid;
                                                    outline-color       : var(--theme-ui-colors-borderPrimaryDefault);
                                                    outline-offset      : 2px;
                                                }
                                                .css-qtk2bz.disabled {
                                                    cursor              : default;
                                                    background-color    : actionBaseFillGhostWhiteDisabled;
                                                    color               : var(--theme-ui-colors-actionContentFillGhostWhiteDisabled);
                                                }
                                            </style>
                                            <a aria-label="Routes" class="css-qtk2bz" href="/discover/start_from_current_location/tours" role="button" target="_self">
                                                <style data-emotion="css 1fk8sll">
                                                    .css-1fk8sll {
                                                        color               : inherit;
                                                        margin-bottom       : 0!important;
                                                        overflow            : hidden;
                                                        font-weight         : 500;
                                                        font-style          : normal;
                                                        line-height         : 1.18125rem;
                                                        font-size           : 14px;
                                                        font-family         : Satoshi,system-ui,sans-serif;
                                                        white-space         : nowrap;
                                                        text-overflow       : ellipsis;
                                                    }
                                                </style>
                                                <span class="css-1fk8sll">
                                                    Routes
                                                </span>
                                            </a>
                                            <a aria-label="Planner" class="css-qtk2bz" href="/plan" role="button" target="_self">
                                                <span class="css-1fk8sll">
                                                    Planner
                                                </span>
                                            </a>
                                            <a aria-label="Features" class="css-qtk2bz" href="/features" role="button" target="_self">
                                                <span class="css-1fk8sll">
                                                    Features
                                                </span>
                                            </a>
                                            <a aria-label="Updates" class="css-qtk2bz" href="/product-updates" role="button" target="_self">
                                                <span class="css-1fk8sll">
                                                    Updates
                                                </span>
                                            </a>
                                        </div>
                                        <style data-emotion="css 172fxpy">
                                            .css-172fxpy {
                                                -webkit-align-items : center;
                                                -webkit-box-align   : center;
                                                -ms-flex-align      : center;
                                                align-items         : center;
                                                background-color    : var(--theme-ui-colors-actionBaseFillGhostOrangeHover);
                                                border-radius       : 16px;
                                                box-shadow          : none;
                                                color               : var(--theme-ui-colors-actionContentFillGhostOrangeDefault);
                                                cursor              : pointer;
                                                display             : -webkit-box;
                                                display             : -webkit-flex;
                                                display             : -ms-flexbox;
                                                display             : flex;
                                                gap                 : 0.5rem;
                                                -webkit-box-pack    : center;
                                                -ms-flex-pack       : center;
                                                -webkit-justify-content: center;
                                                justify-content     : center;
                                                font-family         : Satoshi,system-ui,sans-serif;
                                                font-size           : 14px;
                                                font-style          : normal;
                                                font-weight         : 700;
                                                line-height         : 1.18125rem;
                                                padding-left        : 1rem;
                                                padding-right       : 1rem;
                                                padding-top         : 0.75rem;
                                                padding-bottom      : 0.75rem;
                                            }
                                            .css-172fxpy:hover,.css-172fxpy:focus,.css-172fxpy.active {
                                                background-color    : var(--theme-ui-colors-actionBaseFillGhostOrangeHover);
                                                color               : var(--theme-ui-colors-actionContentFillGhostOrangeHover);
                                            }
                                            .css-172fxpy:focus {
                                                box-shadow          : 0 0 0 3px rgba(66, 153, 225, 0.5);
                                                outline             : 4px solid;
                                                outline-color       : var(--theme-ui-colors-borderPrimaryDefault);
                                                outline-offset      : 2px;
                                            }
                                            .css-172fxpy:focus-visible {
                                                box-shadow          : 0 0 0 3px rgba(66, 153, 225, 0.5);
                                                outline             : 4px solid;
                                                outline-color       : var(--theme-ui-colors-borderPrimaryDefault);
                                                outline-offset      : 2px;
                                            }
                                            .css-172fxpy.disabled {
                                                cursor              : default;
                                                background-color    : actionBaseFillGhostOrangeDisabled;
                                                color               : var(--theme-ui-colors-actionContentFillGhostOrangeDisabled);
                                            }
                                        </style>
                                        <a aria-label="App" class="css-172fxpy" role="button">
                                            <style data-emotion="css vn85dx">
                                                .css-vn85dx {
                                                    color               : var(--theme-ui-colors-actionContentFillGhostOrangeDefault);
                                                    height              : 1.25rem;
                                                    width               : 1.25rem;
                                                }
                                            </style>
                                            <svg aria-hidden="true" class="css-vn85dx" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M15.8334 15.6665V4.33317C15.8334 3.39975 15.8334 2.93304 15.6517 2.57652C15.4919 2.26292 15.2369 2.00795 14.9233 1.84816C14.5668 1.6665 14.1001 1.6665 13.1667 1.6665H6.83335C5.89993 1.6665 5.43322 1.6665 5.0767 1.84816C4.7631 2.00795 4.50813 2.26292 4.34834 2.57652C4.16669 2.93304 4.16669 3.39975 4.16669 4.33317V15.6665C4.16669 16.5999 4.16669 17.0666 4.34834 17.4232C4.50813 17.7368 4.7631 17.9917 5.0767 18.1515C5.43322 18.3332 5.89993 18.3332 6.83335 18.3332H13.1667C14.1001 18.3332 14.5668 18.3332 14.9233 18.1515C15.2369 17.9917 15.4919 17.7368 15.6517 17.4232C15.8334 17.0666 15.8334 16.5999 15.8334 15.6665Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
                                                </path>
                                                <path d="M7.32337 9.60622C7.13763 9.53399 7.04476 9.49787 7.01765 9.44584C6.99415 9.40072 6.99411 9.34699 7.01757 9.30185C7.04462 9.24978 7.13744 9.21355 7.32309 9.1411L12.5917 7.08506C12.7593 7.01966 12.8431 6.98696 12.8966 7.00485C12.9431 7.02038 12.9796 7.05687 12.9952 7.10337C13.013 7.15692 12.9803 7.24071 12.9149 7.4083L10.8589 12.6769C10.7864 12.8626 10.7502 12.9554 10.6982 12.9824C10.653 13.0059 10.5993 13.0059 10.5542 12.9823C10.5021 12.9552 10.466 12.8624 10.3938 12.6766L9.57387 10.5683C9.5592 10.5306 9.55187 10.5117 9.54055 10.4959C9.53052 10.4818 9.51821 10.4695 9.50414 10.4594C9.48827 10.4481 9.46942 10.4408 9.43171 10.4261L7.32337 9.60622Z" fill="currentColor">
                                                </path>
                                            </svg>
                                            <style data-emotion="css toyscm">
                                                .css-toyscm {
                                                    color               : inherit;
                                                    margin-bottom       : 0!important;
                                                    overflow            : hidden;
                                                    font-weight         : 700;
                                                    font-style          : normal;
                                                    line-height         : 1.18125rem;
                                                    font-size           : 14px;
                                                    font-family         : Satoshi,system-ui,sans-serif;
                                                    white-space         : nowrap;
                                                    text-overflow       : ellipsis;
                                                }
                                            </style>
                                            <span class="css-toyscm">
                                                App
                                            </span>
                                        </a>
                                        <style data-emotion="css-global t2v980">
                                            html {
                                                scrollbar-gutter    : unset;
                                            }
                                            body {
                                                overflow            : unset;
                                            }
                                        </style>
                                        <style data-emotion="css 1l5o1j8">
                                            .css-1l5o1j8 {
                                                background-color    : var(--theme-ui-colors-black60);
                                                display             : none;
                                                height              : 100%;
                                                left                : 0;
                                                pointer-events      : none;
                                                position            : fixed;
                                                top                 : 0;
                                                width               : 100%;
                                                z-index             : 800;
                                                opacity             : 0;
                                                -webkit-transition  : opacity 200ms ease;
                                                transition          : opacity 200ms ease;
                                            }
                                        </style>
                                        <div class="css-1l5o1j8">
                                        </div>
                                        <style data-emotion="css 1b68a8r">
                                            .css-1b68a8r {
                                                -webkit-align-items : center;
                                                -webkit-box-align   : center;
                                                -ms-flex-align      : center;
                                                align-items         : center;
                                                background-color    : transparent;
                                                box-shadow          : none;
                                                -webkit-flex-direction: column;
                                                -ms-flex-direction  : column;
                                                flex-direction      : column;
                                                height              : 100%;
                                                -webkit-box-pack    : center;
                                                -ms-flex-pack       : center;
                                                -webkit-justify-content: center;
                                                justify-content     : center;
                                                left                : 0;
                                                max-height          : 100dvh;
                                                max-width           : 100dvw;
                                                position            : fixed;
                                                top                 : 0;
                                                width               : 100%;
                                                z-index             : 900;
                                                margin              : 0;
                                                padding             : 0;
                                                border              : none;
                                            }
                                            .css-1b68a8r:focus {
                                                outline             : none;
                                                box-shadow          : none;
                                            }
                                            .css-1b68a8r:focus-visible {
                                                opacity             : 1;
                                            }
                                            .css-1b68a8r::backdrop {
                                                background-color    : var(--theme-ui-colors-black60);
                                                opacity             : 0;
                                                -webkit-transition  : opacity 200ms ease;
                                                transition          : opacity 200ms ease;
                                            }
                                            @media screen and (max-width: 540px) {
                                                .css-1b68a8r {
                                                    -webkit-transition  : -webkit-transform 200ms ease-in-out;
                                                    transition          : transform 200ms ease-in-out;
                                                    -webkit-transform   : translateY(100%);
                                                    -moz-transform      : translateY(100%);
                                                    -ms-transform       : translateY(100%);
                                                    transform           : translateY(100%);
                                                }
                                            }
                                            @media screen and (max-width: 720px) and (min-width: 540px) {
                                                .css-1b68a8r {
                                                    -webkit-transition  : -webkit-transform 200ms ease-in-out;
                                                    transition          : transform 200ms ease-in-out;
                                                    -webkit-transform   : translateY(100%);
                                                    -moz-transform      : translateY(100%);
                                                    -ms-transform       : translateY(100%);
                                                    transform           : translateY(100%);
                                                }
                                            }
                                            @media screen and (max-width: 1024px) and (min-width: 720px) {
                                                .css-1b68a8r {
                                                    opacity             : 0;
                                                    -webkit-transition  : opacity 200ms ease;
                                                    transition          : opacity 200ms ease;
                                                    padding             : 0.75rem;
                                                    -webkit-box-pack    : center;
                                                    -ms-flex-pack       : center;
                                                    -webkit-justify-content: center;
                                                    justify-content     : center;
                                                    -webkit-align-items : center;
                                                    -webkit-box-align   : center;
                                                    -ms-flex-align      : center;
                                                    align-items         : center;
                                                }
                                            }
                                            @media screen and (max-width: 1280px) and (min-width: 1024px) {
                                                .css-1b68a8r {
                                                    opacity             : 0;
                                                    -webkit-transition  : opacity 200ms ease;
                                                    transition          : opacity 200ms ease;
                                                    padding             : 0.75rem;
                                                    -webkit-box-pack    : center;
                                                    -ms-flex-pack       : center;
                                                    -webkit-justify-content: center;
                                                    justify-content     : center;
                                                    -webkit-align-items : center;
                                                    -webkit-box-align   : center;
                                                    -ms-flex-align      : center;
                                                    align-items         : center;
                                                }
                                            }
                                            @media screen and (max-width: 1440px) and (min-width: 1280px) {
                                                .css-1b68a8r {
                                                    opacity             : 0;
                                                    -webkit-transition  : opacity 200ms ease;
                                                    transition          : opacity 200ms ease;
                                                    padding             : 0.75rem;
                                                    -webkit-box-pack    : center;
                                                    -ms-flex-pack       : center;
                                                    -webkit-justify-content: center;
                                                    justify-content     : center;
                                                    -webkit-align-items : center;
                                                    -webkit-box-align   : center;
                                                    -ms-flex-align      : center;
                                                    align-items         : center;
                                                }
                                            }
                                            @media screen and (max-width: 1680px) and (min-width: 1440px) {
                                                .css-1b68a8r {
                                                    opacity             : 0;
                                                    -webkit-transition  : opacity 200ms ease;
                                                    transition          : opacity 200ms ease;
                                                    padding             : 0.75rem;
                                                    -webkit-box-pack    : center;
                                                    -ms-flex-pack       : center;
                                                    -webkit-justify-content: center;
                                                    justify-content     : center;
                                                    -webkit-align-items : center;
                                                    -webkit-box-align   : center;
                                                    -ms-flex-align      : center;
                                                    align-items         : center;
                                                }
                                            }
                                            @media screen and (max-width: 1920px) and (min-width: 1680px) {
                                                .css-1b68a8r {
                                                    opacity             : 0;
                                                    -webkit-transition  : opacity 200ms ease;
                                                    transition          : opacity 200ms ease;
                                                    padding             : 0.75rem;
                                                    -webkit-box-pack    : center;
                                                    -ms-flex-pack       : center;
                                                    -webkit-justify-content: center;
                                                    justify-content     : center;
                                                    -webkit-align-items : center;
                                                    -webkit-box-align   : center;
                                                    -ms-flex-align      : center;
                                                    align-items         : center;
                                                }
                                            }
                                            @media screen and (min-width: 1920px) {
                                                .css-1b68a8r {
                                                    opacity             : 0;
                                                    -webkit-transition  : opacity 200ms ease;
                                                    transition          : opacity 200ms ease;
                                                    padding             : 0.75rem;
                                                    -webkit-box-pack    : center;
                                                    -ms-flex-pack       : center;
                                                    -webkit-justify-content: center;
                                                    justify-content     : center;
                                                    -webkit-align-items : center;
                                                    -webkit-box-align   : center;
                                                    -ms-flex-align      : center;
                                                    align-items         : center;
                                                }
                                            }
                                        </style>
                                        <dialog aria-hidden="true" class="css-1b68a8r">
                                            <style data-emotion="css 1wa2cs7">
                                                .css-1wa2cs7 {
                                                    background-color    : var(--theme-ui-colors-card);
                                                    border-radius       : 12px;
                                                    box-shadow          : 0 8px 24px rgba(0,0,0,0.2);
                                                    display             : -webkit-box;
                                                    display             : -webkit-flex;
                                                    display             : -ms-flexbox;
                                                    display             : flex;
                                                    -webkit-flex-direction: column;
                                                    -ms-flex-direction  : column;
                                                    flex-direction      : column;
                                                    -webkit-box-pack    : stretch;
                                                    -ms-flex-pack       : stretch;
                                                    -webkit-justify-content: stretch;
                                                    justify-content     : stretch;
                                                    max-width           : 100%;
                                                    width               : 32rem;
                                                    -webkit-align-content: start;
                                                    -ms-flex-line-pack  : start;
                                                    align-content       : start;
                                                }
                                                @media screen and (max-width: 540px) {
                                                    .css-1wa2cs7 {
                                                        border-top-left-radius: 16px;
                                                        border-top-right-radius: 16px;
                                                        max-width           : 100dvw;
                                                        width               : 100dvw;
                                                        max-height          : 80dvh;
                                                        position            : absolute;
                                                        bottom              : 0;
                                                        margin              : auto 0 0 0;
                                                    }
                                                }
                                                @media screen and (max-width: 720px) and (min-width: 540px) {
                                                    .css-1wa2cs7 {
                                                        border-top-left-radius: 16px;
                                                        border-top-right-radius: 16px;
                                                        max-width           : 100dvw;
                                                        width               : 100dvw;
                                                        max-height          : 80dvh;
                                                        position            : absolute;
                                                        bottom              : 0;
                                                        margin              : auto 0 0 0;
                                                    }
                                                }
                                                @media screen and (max-width: 1024px) and (min-width: 720px) {
                                                    .css-1wa2cs7 {
                                                        max-height          : 80dvh;
                                                        border-radius       : 24px;
                                                        box-shadow          : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
                                                    }
                                                }
                                                @media screen and (max-width: 1280px) and (min-width: 1024px) {
                                                    .css-1wa2cs7 {
                                                        max-height          : 80dvh;
                                                        border-radius       : 24px;
                                                        box-shadow          : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
                                                    }
                                                }
                                                @media screen and (max-width: 1440px) and (min-width: 1280px) {
                                                    .css-1wa2cs7 {
                                                        max-height          : 80dvh;
                                                        border-radius       : 24px;
                                                        box-shadow          : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
                                                    }
                                                }
                                                @media screen and (max-width: 1680px) and (min-width: 1440px) {
                                                    .css-1wa2cs7 {
                                                        max-height          : 80dvh;
                                                        border-radius       : 24px;
                                                        box-shadow          : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
                                                    }
                                                }
                                                @media screen and (max-width: 1920px) and (min-width: 1680px) {
                                                    .css-1wa2cs7 {
                                                        max-height          : 80dvh;
                                                        border-radius       : 24px;
                                                        box-shadow          : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
                                                    }
                                                }
                                                @media screen and (min-width: 1920px) {
                                                    .css-1wa2cs7 {
                                                        max-height          : 80dvh;
                                                        border-radius       : 24px;
                                                        box-shadow          : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
                                                    }
                                                }
                                            </style>
                                            <div class="css-1wa2cs7">
                                                <style data-emotion="css mqt1l6">
                                                    .css-mqt1l6 {
                                                        -webkit-align-items : center;
                                                        -webkit-box-align   : center;
                                                        -ms-flex-align      : center;
                                                        align-items         : center;
                                                        border-radius       : 12px;
                                                        display             : -webkit-box;
                                                        display             : -webkit-flex;
                                                        display             : -ms-flexbox;
                                                        display             : flex;
                                                        -webkit-flex-direction: column;
                                                        -ms-flex-direction  : column;
                                                        flex-direction      : column;
                                                        gap                 : 0;
                                                        -webkit-box-pack    : start;
                                                        -ms-flex-pack       : start;
                                                        -webkit-justify-content: start;
                                                        justify-content     : start;
                                                        overflow            : hidden;
                                                        width               : 580px;
                                                    }
                                                </style>
                                                <div class="css-mqt1l6">
                                                    <style data-emotion="css yc2rzh">
                                                        .css-yc2rzh {
                                                            -webkit-align-items : end;
                                                            -webkit-box-align   : end;
                                                            -ms-flex-align      : end;
                                                            align-items         : end;
                                                            display             : -webkit-box;
                                                            display             : -webkit-flex;
                                                            display             : -ms-flexbox;
                                                            display             : flex;
                                                            -webkit-flex-direction: column;
                                                            -ms-flex-direction  : column;
                                                            flex-direction      : column;
                                                            gap                 : 1.5rem;
                                                            height              : 268px;
                                                            -webkit-box-pack    : start;
                                                            -ms-flex-pack       : start;
                                                            -webkit-justify-content: start;
                                                            justify-content     : start;
                                                            overflow            : hidden;
                                                            position            : relative;
                                                            width               : 100%;
                                                        }
                                                    </style>
                                                    <div class="css-yc2rzh">
                                                        <style data-emotion="css 14vpizs">
                                                            .css-14vpizs {
                                                                -webkit-align-items : center;
                                                                -webkit-box-align   : center;
                                                                -ms-flex-align      : center;
                                                                align-items         : center;
                                                                -webkit-appearance  : none;
                                                                -moz-appearance     : none;
                                                                -ms-appearance      : none;
                                                                appearance          : none;
                                                                background-color    : transparent;
                                                                border-color        : transparent;
                                                                border-radius       : 8px;
                                                                border-style        : solid;
                                                                color               : var(--theme-ui-colors-white);
                                                                cursor              : pointer;
                                                                display             : -webkit-inline-box;
                                                                display             : -webkit-inline-flex;
                                                                display             : -ms-inline-flexbox;
                                                                display             : inline-flex;
                                                                -webkit-box-pack    : center;
                                                                -ms-flex-pack       : center;
                                                                -webkit-justify-content: center;
                                                                justify-content     : center;
                                                                margin-bottom       : 0.75rem;
                                                                margin-left         : 0.75rem;
                                                                margin-right        : 0.75rem;
                                                                margin-top          : 0.75rem;
                                                                pointer-events      : auto;
                                                                text-align          : center;
                                                                width               : unset;
                                                                z-index             : 10;
                                                                border-width        : 0.0625rem;
                                                                -webkit-text-decoration: none;
                                                                text-decoration     : none;
                                                                -webkit-transition  : all 200ms;
                                                                transition          : all 200ms;
                                                                font-size           : 18px;
                                                                font-weight         : 700;
                                                                line-height         : 2rem;
                                                                border              : 0;
                                                                padding             : 0;
                                                            }
                                                            .css-14vpizs:hover,.css-14vpizs:focus {
                                                                -webkit-text-decoration: underline;
                                                                text-decoration     : underline;
                                                                color               : #e5e5e5;
                                                            }
                                                        </style>
                                                        <button aria-disabled="false" class="css-14vpizs" type="button">
                                                            <style data-emotion="css 15z1mso">
                                                                .css-15z1mso {
                                                                    min-width           : 2rem;
                                                                }
                                                            </style>
                                                            <span class="css-15z1mso">
                                                                <style data-emotion="css 1efdy7k">
                                                                    .css-1efdy7k {
                                                                        color               : currentColor;
                                                                        height              : 2rem;
                                                                        width               : 2rem;
                                                                    }
                                                                </style>
                                                                <svg aria-hidden="true" class="css-1efdy7k" fill="none" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                                                    <path d="M7.757 6.343L6.343 7.757 10.586 12l-4.243 4.243 1.414 1.414L12 13.414l4.243 4.243 1.414-1.414L13.414 12l4.243-4.243-1.414-1.414L12 10.586 7.757 6.343z" fill="currentColor">
                                                                    </path>
                                                                </svg>
                                                            </span>
                                                        </button>
                                                        <div style="display:contents">
                                                            <style data-emotion="css 1iqrgr8">
                                                                .css-1iqrgr8 {
                                                                    object-position     : -999999px;
                                                                    background-image    : url("/images/misc/bg-blurred-lazy.jpg?q=80");
                                                                    -webkit-background-size: cover;
                                                                    background-size     : cover;
                                                                    background-repeat   : no-repeat;
                                                                    height              : 100%;
                                                                    position            : absolute;
                                                                    bottom              : 0;
                                                                    margin-left         : auto;
                                                                    margin-right        : auto;
                                                                    left                : 0;
                                                                    right               : 0;
                                                                    z-index             : 10;
                                                                }
                                                            </style>
                                                            <img alt="App mockup" class="css-1iqrgr8" decoding="async" loading="lazy" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/images/get-app-dialog/app_mockup.png?width=3840&amp;q=80" srcset="/images/get-app-dialog/app_mockup.png?width=540&amp;q=80 540w,/images/get-app-dialog/app_mockup.png?width=720&amp;q=80 720w,/images/get-app-dialog/app_mockup.png?width=1024&amp;q=80 1024w,/images/get-app-dialog/app_mockup.png?width=1080&amp;q=80 1080w,/images/get-app-dialog/app_mockup.png?width=1280&amp;q=80 1280w,/images/get-app-dialog/app_mockup.png?width=1440&amp;q=80 1440w,/images/get-app-dialog/app_mockup.png?width=1680&amp;q=80 1680w,/images/get-app-dialog/app_mockup.png?width=1920&amp;q=80 1920w,/images/get-app-dialog/app_mockup.png?width=2048&amp;q=80 2048w,/images/get-app-dialog/app_mockup.png?width=2560&amp;q=80 2560w,/images/get-app-dialog/app_mockup.png?width=2880&amp;q=80 2880w,/images/get-app-dialog/app_mockup.png?width=3360&amp;q=80 3360w,/images/get-app-dialog/app_mockup.png?width=3840&amp;q=80 3840w">
                                                        </div>
                                                        <div style="display:contents">
                                                            <style data-emotion="css hpnas8">
                                                                .css-hpnas8 {
                                                                    height              : 100%;
                                                                    width               : 100%;
                                                                    position            : absolute;
                                                                    bottom              : 0;
                                                                    top                 : 0;
                                                                    left                : 0;
                                                                    right               : 0;
                                                                    object-fit          : cover;
                                                                }
                                                            </style>
                                                            <img alt="Background" class="css-hpnas8" decoding="async" loading="eager" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/assets/8d4139df67d22582.svg" srcset="/assets/8d4139df67d22582.svg 540w,/assets/8d4139df67d22582.svg 720w,/assets/8d4139df67d22582.svg 1024w,/assets/8d4139df67d22582.svg 1080w,/assets/8d4139df67d22582.svg 1280w,/assets/8d4139df67d22582.svg 1440w,/assets/8d4139df67d22582.svg 1680w,/assets/8d4139df67d22582.svg 1920w,/assets/8d4139df67d22582.svg 2048w,/assets/8d4139df67d22582.svg 2560w,/assets/8d4139df67d22582.svg 2880w,/assets/8d4139df67d22582.svg 3360w,/assets/8d4139df67d22582.svg 3840w">
                                                        </div>
                                                    </div>
                                                    <style data-emotion="css 1msy2is">
                                                        .css-1msy2is {
                                                            -webkit-align-items : center;
                                                            -webkit-box-align   : center;
                                                            -ms-flex-align      : center;
                                                            align-items         : center;
                                                            background-color    : var(--theme-ui-colors-white);
                                                            display             : -webkit-box;
                                                            display             : -webkit-flex;
                                                            display             : -ms-flexbox;
                                                            display             : flex;
                                                            -webkit-flex-direction: column;
                                                            -ms-flex-direction  : column;
                                                            flex-direction      : column;
                                                            gap                 : 0.75rem;
                                                            height              : -webkit-fit-content;
                                                            height              : -moz-fit-content;
                                                            height              : fit-content;
                                                            -webkit-box-pack    : justify;
                                                            -webkit-justify-content: space-between;
                                                            justify-content     : space-between;
                                                            padding-bottom      : 1.5rem;
                                                            padding-left        : 1.25rem;
                                                            padding-right       : 1.25rem;
                                                            padding-top         : 1.5rem;
                                                            width               : 100%;
                                                        }
                                                    </style>
                                                    <div class="css-1msy2is">
                                                        <style data-emotion="css 126idk0">
                                                            .css-126idk0 {
                                                                -webkit-align-items : center;
                                                                -webkit-box-align   : center;
                                                                -ms-flex-align      : center;
                                                                align-items         : center;
                                                                display             : -webkit-box;
                                                                display             : -webkit-flex;
                                                                display             : -ms-flexbox;
                                                                display             : flex;
                                                                -webkit-flex-direction: column;
                                                                -ms-flex-direction  : column;
                                                                flex-direction      : column;
                                                                gap                 : 0.25rem;
                                                                -webkit-box-pack    : start;
                                                                -ms-flex-pack       : start;
                                                                -webkit-justify-content: start;
                                                                justify-content     : start;
                                                                width               : 100%;
                                                            }
                                                        </style>
                                                        <div class="css-126idk0">
                                                            <style data-emotion="css zk6uxi">
                                                                .css-zk6uxi {
                                                                    color               : #383838;
                                                                    margin-bottom       : 0!important;
                                                                    font-weight         : 700;
                                                                    line-height         : 1.2;
                                                                    font-size           : 28px;
                                                                }
                                                            </style>
                                                            <p class="css-zk6uxi">
                                                                Get the komoot app
                                                            </p>
                                                            <style data-emotion="css 1djw4h0">
                                                                .css-1djw4h0 {
                                                                    color               : var(--theme-ui-colors-whisper);
                                                                    margin-bottom       : 0!important;
                                                                    font-size           : 14px;
                                                                }
                                                            </style>
                                                            <p class="css-1djw4h0">
                                                                Join 45 million outdoor enthusiasts: navigate, discover, adventure.
                                                            </p>
                                                            <style data-emotion="css 1wpi5by">
                                                                .css-1wpi5by {
                                                                    -webkit-align-items : center;
                                                                    -webkit-box-align   : center;
                                                                    -ms-flex-align      : center;
                                                                    align-items         : center;
                                                                    background-color    : var(--theme-ui-colors-muted);
                                                                    border-radius       : 6px;
                                                                    display             : -webkit-box;
                                                                    display             : -webkit-flex;
                                                                    display             : -ms-flexbox;
                                                                    display             : flex;
                                                                    -webkit-flex-direction: row;
                                                                    -ms-flex-direction  : row;
                                                                    flex-direction      : row;
                                                                    gap                 : 10px;
                                                                    -webkit-box-pack    : center;
                                                                    -ms-flex-pack       : center;
                                                                    -webkit-justify-content: center;
                                                                    justify-content     : center;
                                                                    margin-bottom       : 4px;
                                                                    margin-top          : 8px;
                                                                    padding-bottom      : 10px;
                                                                    padding-left        : 24px;
                                                                    padding-right       : 24px;
                                                                    padding-top         : 10px;
                                                                }
                                                            </style>
                                                            <div class="css-1wpi5by">
                                                                <div style="display:contents">
                                                                    <style data-emotion="css nxi4lo">
                                                                        .css-nxi4lo {
                                                                            object-position     : -999999px;
                                                                            background-image    : url("/images/misc/bg-blurred-lazy.jpg?q=80");
                                                                            -webkit-background-size: cover;
                                                                            background-size     : cover;
                                                                            background-repeat   : no-repeat;
                                                                            height              : 17px;
                                                                        }
                                                                    </style>
                                                                    <img alt="Stars rating" class="css-nxi4lo" decoding="async" loading="lazy" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/assets/4f46e350d44bde1d.svg" srcset="/assets/4f46e350d44bde1d.svg 540w,/assets/4f46e350d44bde1d.svg 720w,/assets/4f46e350d44bde1d.svg 1024w,/assets/4f46e350d44bde1d.svg 1080w,/assets/4f46e350d44bde1d.svg 1280w,/assets/4f46e350d44bde1d.svg 1440w,/assets/4f46e350d44bde1d.svg 1680w,/assets/4f46e350d44bde1d.svg 1920w,/assets/4f46e350d44bde1d.svg 2048w,/assets/4f46e350d44bde1d.svg 2560w,/assets/4f46e350d44bde1d.svg 2880w,/assets/4f46e350d44bde1d.svg 3360w,/assets/4f46e350d44bde1d.svg 3840w">
                                                                </div>
                                                                <style data-emotion="css oavqiu">
                                                                    .css-oavqiu {
                                                                        color               : var(--theme-ui-colors-primary);
                                                                        margin-bottom       : 0!important;
                                                                        font-weight         : 700;
                                                                        font-size           : 16px;
                                                                    }
                                                                </style>
                                                                <p class="css-oavqiu">
                                                                    4.8/5
                                                                </p>
                                                            </div>
                                                            <style data-emotion="css 15s951g">
                                                                .css-15s951g {
                                                                    color               : var(--theme-ui-colors-whisper);
                                                                    margin-bottom       : 0!important;
                                                                    font-size           : 12px;
                                                                }
                                                            </style>
                                                            <p class="css-15s951g">
                                                                Based on more than 300k user ratings
                                                            </p>
                                                        </div>
                                                        <style data-emotion="css htj0u7">
                                                            .css-htj0u7 {
                                                                -webkit-align-items : center;
                                                                -webkit-box-align   : center;
                                                                -ms-flex-align      : center;
                                                                align-items         : center;
                                                                border-bottom-width : 1px;
                                                                border-color        : #E4E4E4;
                                                                border-left-width   : 1px;
                                                                border-radius       : 16px;
                                                                border-right-width  : 1px;
                                                                border-top-width    : 1px;
                                                                display             : -webkit-box;
                                                                display             : -webkit-flex;
                                                                display             : -ms-flexbox;
                                                                display             : flex;
                                                                -webkit-flex-direction: row;
                                                                -ms-flex-direction  : row;
                                                                flex-direction      : row;
                                                                gap                 : 0.75rem;
                                                                -webkit-box-pack    : justify;
                                                                -webkit-justify-content: space-between;
                                                                justify-content     : space-between;
                                                                padding-bottom      : 1rem;
                                                                padding-left        : 1.25rem;
                                                                padding-right       : 1.25rem;
                                                                padding-top         : 1rem;
                                                                width               : 100%;
                                                            }
                                                        </style>
                                                        <div class="css-htj0u7">
                                                            <style data-emotion="css 603dm4">
                                                                .css-603dm4 {
                                                                    -webkit-align-items : start;
                                                                    -webkit-box-align   : start;
                                                                    -ms-flex-align      : start;
                                                                    align-items         : start;
                                                                    display             : -webkit-box;
                                                                    display             : -webkit-flex;
                                                                    display             : -ms-flexbox;
                                                                    display             : flex;
                                                                    -webkit-flex-direction: column;
                                                                    -ms-flex-direction  : column;
                                                                    flex-direction      : column;
                                                                    gap                 : 0;
                                                                    -webkit-box-pack    : start;
                                                                    -ms-flex-pack       : start;
                                                                    -webkit-justify-content: start;
                                                                    justify-content     : start;
                                                                    max-width           : 300px;
                                                                    padding-bottom      : 0.5rem;
                                                                    padding-top         : 0.5rem;
                                                                }
                                                            </style>
                                                            <div class="css-603dm4">
                                                                <style data-emotion="css yckr05">
                                                                    .css-yckr05 {
                                                                        color               : #383838;
                                                                        margin-bottom       : 4px!important;
                                                                        font-weight         : 700;
                                                                        line-height         : 1.2;
                                                                        font-size           : 16px;
                                                                    }
                                                                </style>
                                                                <p class="css-yckr05">
                                                                    Download komoot now
                                                                </p>
                                                                <style data-emotion="css 106zcaq">
                                                                    .css-106zcaq {
                                                                        color               : var(--theme-ui-colors-whisper);
                                                                        margin-bottom       : 16px!important;
                                                                        font-size           : 12px;
                                                                    }
                                                                </style>
                                                                <p class="css-106zcaq">
                                                                    Visit the App Store, Google Play or scan the QR code with your phone to download instantly.
                                                                </p>
                                                                <style data-emotion="css hdlhsn">
                                                                    .css-hdlhsn {
                                                                        -webkit-align-items : start;
                                                                        -webkit-box-align   : start;
                                                                        -ms-flex-align      : start;
                                                                        align-items         : start;
                                                                        display             : -webkit-box;
                                                                        display             : -webkit-flex;
                                                                        display             : -ms-flexbox;
                                                                        display             : flex;
                                                                        -webkit-flex-direction: row;
                                                                        -ms-flex-direction  : row;
                                                                        flex-direction      : row;
                                                                        gap                 : 0.5rem;
                                                                        -webkit-box-pack    : start;
                                                                        -ms-flex-pack       : start;
                                                                        -webkit-justify-content: start;
                                                                        justify-content     : start;
                                                                    }
                                                                </style>
                                                                <div class="css-hdlhsn">
                                                                    <style data-emotion="css jaet13">
                                                                        .css-jaet13 {
                                                                            -webkit-align-items : center;
                                                                            -webkit-box-align   : center;
                                                                            -ms-flex-align      : center;
                                                                            align-items         : center;
                                                                            border-radius       : 8px;
                                                                            display             : -webkit-box;
                                                                            display             : -webkit-flex;
                                                                            display             : -ms-flexbox;
                                                                            display             : flex;
                                                                            -webkit-box-pack    : center;
                                                                            -ms-flex-pack       : center;
                                                                            -webkit-justify-content: center;
                                                                            justify-content     : center;
                                                                            overflow            : hidden;
                                                                            position            : relative;
                                                                            width               : 148px;
                                                                        }
                                                                    </style>
                                                                    <a aria-label="Download on the App Store" class="css-jaet13" href="https://x.bndspn.com/v1/or-jdqap8" rel="nofollow noopener noreferrer" target="_blank">
                                                                        <img alt="" class="tw-align-bottom" height="44" src="/assets/88fdd5c0a424d357.svg" width="148">
                                                                    </a>
                                                                    <a aria-label="Android App on Google Play" class="css-jaet13" href="https://x.bndspn.com/v1/or-z0w587" rel="nofollow noopener noreferrer" target="_blank">
                                                                        <img alt="" class="tw-align-bottom" height="44" src="/assets/50dc01cb3fd3998b.svg" width="148">
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <style data-emotion="css 369u3e">
                                                                .css-369u3e {
                                                                    -webkit-align-items : start;
                                                                    -webkit-box-align   : start;
                                                                    -ms-flex-align      : start;
                                                                    align-items         : start;
                                                                    background-color    : var(--theme-ui-colors-primary);
                                                                    border-radius       : 8px;
                                                                    display             : -webkit-box;
                                                                    display             : -webkit-flex;
                                                                    display             : -ms-flexbox;
                                                                    display             : flex;
                                                                    -webkit-flex-direction: column;
                                                                    -ms-flex-direction  : column;
                                                                    flex-direction      : column;
                                                                    gap                 : 0.75rem;
                                                                    -webkit-box-pack    : start;
                                                                    -ms-flex-pack       : start;
                                                                    -webkit-justify-content: start;
                                                                    justify-content     : start;
                                                                    padding-bottom      : 6px;
                                                                    padding-left        : 6px;
                                                                    padding-right       : 6px;
                                                                    padding-top         : 6px;
                                                                }
                                                            </style>
                                                            <div class="css-369u3e">
                                                                <style data-emotion="css 12ododg">
                                                                    .css-12ododg {
                                                                        color               : var(--theme-ui-colors-white);
                                                                        height              : 120px;
                                                                        width               : 120px;
                                                                    }
                                                                </style>
                                                                <svg class="css-12ododg" stroke="none" viewBox="0 0 2560 2560">
                                                                    <g transform="scale(88.27586206896552, 88.27586206896552)">
                                                                        <path class="css-1u8qly9" d="M0,0h1v1h-1z M1,0h1v1h-1z M2,0h1v1h-1z M3,0h1v1h-1z M4,0h1v1h-1z M5,0h1v1h-1z M6,0h1v1h-1z M8,0h1v1h-1z M10,0h1v1h-1z M11,0h1v1h-1z M13,0h1v1h-1z M14,0h1v1h-1z M17,0h1v1h-1z M22,0h1v1h-1z M23,0h1v1h-1z M24,0h1v1h-1z M25,0h1v1h-1z M26,0h1v1h-1z M27,0h1v1h-1z M28,0h1v1h-1z M0,1h1v1h-1z M6,1h1v1h-1z M8,1h1v1h-1z M10,1h1v1h-1z M15,1h1v1h-1z M16,1h1v1h-1z M17,1h1v1h-1z M20,1h1v1h-1z M22,1h1v1h-1z M28,1h1v1h-1z M0,2h1v1h-1z M2,2h1v1h-1z M3,2h1v1h-1z M4,2h1v1h-1z M6,2h1v1h-1z M8,2h1v1h-1z M9,2h1v1h-1z M10,2h1v1h-1z M11,2h1v1h-1z M13,2h1v1h-1z M16,2h1v1h-1z M22,2h1v1h-1z M24,2h1v1h-1z M25,2h1v1h-1z M26,2h1v1h-1z M28,2h1v1h-1z M0,3h1v1h-1z M2,3h1v1h-1z M3,3h1v1h-1z M4,3h1v1h-1z M6,3h1v1h-1z M9,3h1v1h-1z M11,3h1v1h-1z M12,3h1v1h-1z M14,3h1v1h-1z M15,3h1v1h-1z M16,3h1v1h-1z M17,3h1v1h-1z M22,3h1v1h-1z M24,3h1v1h-1z M25,3h1v1h-1z M26,3h1v1h-1z M28,3h1v1h-1z M0,4h1v1h-1z M2,4h1v1h-1z M3,4h1v1h-1z M4,4h1v1h-1z M6,4h1v1h-1z M9,4h1v1h-1z M11,4h1v1h-1z M13,4h1v1h-1z M14,4h1v1h-1z M16,4h1v1h-1z M17,4h1v1h-1z M19,4h1v1h-1z M20,4h1v1h-1z M22,4h1v1h-1z M24,4h1v1h-1z M25,4h1v1h-1z M26,4h1v1h-1z M28,4h1v1h-1z M0,5h1v1h-1z M6,5h1v1h-1z M8,5h1v1h-1z M11,5h1v1h-1z M13,5h1v1h-1z M14,5h1v1h-1z M17,5h1v1h-1z M22,5h1v1h-1z M28,5h1v1h-1z M0,6h1v1h-1z M1,6h1v1h-1z M2,6h1v1h-1z M3,6h1v1h-1z M4,6h1v1h-1z M5,6h1v1h-1z M6,6h1v1h-1z M8,6h1v1h-1z M10,6h1v1h-1z M12,6h1v1h-1z M14,6h1v1h-1z M16,6h1v1h-1z M18,6h1v1h-1z M20,6h1v1h-1z M22,6h1v1h-1z M23,6h1v1h-1z M24,6h1v1h-1z M25,6h1v1h-1z M26,6h1v1h-1z M27,6h1v1h-1z M28,6h1v1h-1z M8,7h1v1h-1z M9,7h1v1h-1z M10,7h1v1h-1z M12,7h1v1h-1z M13,7h1v1h-1z M16,7h1v1h-1z M17,7h1v1h-1z M18,7h1v1h-1z M20,7h1v1h-1z M2,8h1v1h-1z M3,8h1v1h-1z M4,8h1v1h-1z M6,8h1v1h-1z M8,8h1v1h-1z M11,8h1v1h-1z M12,8h1v1h-1z M13,8h1v1h-1z M21,8h1v1h-1z M22,8h1v1h-1z M23,8h1v1h-1z M26,8h1v1h-1z M27,8h1v1h-1z M28,8h1v1h-1z M1,9h1v1h-1z M2,9h1v1h-1z M3,9h1v1h-1z M4,9h1v1h-1z M5,9h1v1h-1z M7,9h1v1h-1z M8,9h1v1h-1z M9,9h1v1h-1z M12,9h1v1h-1z M13,9h1v1h-1z M14,9h1v1h-1z M16,9h1v1h-1z M18,9h1v1h-1z M20,9h1v1h-1z M21,9h1v1h-1z M22,9h1v1h-1z M23,9h1v1h-1z M24,9h1v1h-1z M25,9h1v1h-1z M26,9h1v1h-1z M27,9h1v1h-1z M28,9h1v1h-1z M2,10h1v1h-1z M3,10h1v1h-1z M6,10h1v1h-1z M7,10h1v1h-1z M8,10h1v1h-1z M9,10h1v1h-1z M19,10h1v1h-1z M22,10h1v1h-1z M23,10h1v1h-1z M24,10h1v1h-1z M0,11h1v1h-1z M2,11h1v1h-1z M3,11h1v1h-1z M4,11h1v1h-1z M5,11h1v1h-1z M7,11h1v1h-1z M9,11h1v1h-1z M19,11h1v1h-1z M20,11h1v1h-1z M22,11h1v1h-1z M23,11h1v1h-1z M25,11h1v1h-1z M28,11h1v1h-1z M0,12h1v1h-1z M3,12h1v1h-1z M4,12h1v1h-1z M5,12h1v1h-1z M6,12h1v1h-1z M7,12h1v1h-1z M19,12h1v1h-1z M26,12h1v1h-1z M28,12h1v1h-1z M4,13h1v1h-1z M5,13h1v1h-1z M8,13h1v1h-1z M19,13h1v1h-1z M20,13h1v1h-1z M21,13h1v1h-1z M22,13h1v1h-1z M23,13h1v1h-1z M24,13h1v1h-1z M27,13h1v1h-1z M28,13h1v1h-1z M0,14h1v1h-1z M3,14h1v1h-1z M5,14h1v1h-1z M6,14h1v1h-1z M20,14h1v1h-1z M21,14h1v1h-1z M23,14h1v1h-1z M24,14h1v1h-1z M25,14h1v1h-1z M0,15h1v1h-1z M2,15h1v1h-1z M5,15h1v1h-1z M7,15h1v1h-1z M9,15h1v1h-1z M19,15h1v1h-1z M20,15h1v1h-1z M25,15h1v1h-1z M27,15h1v1h-1z M28,15h1v1h-1z M0,16h1v1h-1z M2,16h1v1h-1z M4,16h1v1h-1z M6,16h1v1h-1z M9,16h1v1h-1z M19,16h1v1h-1z M26,16h1v1h-1z M28,16h1v1h-1z M0,17h1v1h-1z M1,17h1v1h-1z M5,17h1v1h-1z M7,17h1v1h-1z M8,17h1v1h-1z M22,17h1v1h-1z M24,17h1v1h-1z M25,17h1v1h-1z M26,17h1v1h-1z M27,17h1v1h-1z M28,17h1v1h-1z M0,18h1v1h-1z M3,18h1v1h-1z M4,18h1v1h-1z M6,18h1v1h-1z M7,18h1v1h-1z M22,18h1v1h-1z M24,18h1v1h-1z M25,18h1v1h-1z M26,18h1v1h-1z M27,18h1v1h-1z M0,19h1v1h-1z M3,19h1v1h-1z M4,19h1v1h-1z M5,19h1v1h-1z M8,19h1v1h-1z M11,19h1v1h-1z M12,19h1v1h-1z M14,19h1v1h-1z M15,19h1v1h-1z M17,19h1v1h-1z M18,19h1v1h-1z M21,19h1v1h-1z M22,19h1v1h-1z M23,19h1v1h-1z M24,19h1v1h-1z M25,19h1v1h-1z M0,20h1v1h-1z M2,20h1v1h-1z M5,20h1v1h-1z M6,20h1v1h-1z M7,20h1v1h-1z M8,20h1v1h-1z M9,20h1v1h-1z M10,20h1v1h-1z M12,20h1v1h-1z M13,20h1v1h-1z M15,20h1v1h-1z M17,20h1v1h-1z M20,20h1v1h-1z M21,20h1v1h-1z M22,20h1v1h-1z M23,20h1v1h-1z M24,20h1v1h-1z M26,20h1v1h-1z M8,21h1v1h-1z M10,21h1v1h-1z M11,21h1v1h-1z M12,21h1v1h-1z M17,21h1v1h-1z M20,21h1v1h-1z M24,21h1v1h-1z M27,21h1v1h-1z M28,21h1v1h-1z M0,22h1v1h-1z M1,22h1v1h-1z M2,22h1v1h-1z M3,22h1v1h-1z M4,22h1v1h-1z M5,22h1v1h-1z M6,22h1v1h-1z M9,22h1v1h-1z M12,22h1v1h-1z M15,22h1v1h-1z M16,22h1v1h-1z M19,22h1v1h-1z M20,22h1v1h-1z M22,22h1v1h-1z M24,22h1v1h-1z M25,22h1v1h-1z M26,22h1v1h-1z M0,23h1v1h-1z M6,23h1v1h-1z M10,23h1v1h-1z M12,23h1v1h-1z M13,23h1v1h-1z M20,23h1v1h-1z M24,23h1v1h-1z M25,23h1v1h-1z M28,23h1v1h-1z M0,24h1v1h-1z M2,24h1v1h-1z M3,24h1v1h-1z M4,24h1v1h-1z M6,24h1v1h-1z M8,24h1v1h-1z M10,24h1v1h-1z M11,24h1v1h-1z M12,24h1v1h-1z M13,24h1v1h-1z M16,24h1v1h-1z M18,24h1v1h-1z M20,24h1v1h-1z M21,24h1v1h-1z M22,24h1v1h-1z M23,24h1v1h-1z M24,24h1v1h-1z M25,24h1v1h-1z M26,24h1v1h-1z M0,25h1v1h-1z M2,25h1v1h-1z M3,25h1v1h-1z M4,25h1v1h-1z M6,25h1v1h-1z M8,25h1v1h-1z M9,25h1v1h-1z M11,25h1v1h-1z M12,25h1v1h-1z M14,25h1v1h-1z M16,25h1v1h-1z M17,25h1v1h-1z M19,25h1v1h-1z M20,25h1v1h-1z M0,26h1v1h-1z M2,26h1v1h-1z M3,26h1v1h-1z M4,26h1v1h-1z M6,26h1v1h-1z M8,26h1v1h-1z M10,26h1v1h-1z M13,26h1v1h-1z M14,26h1v1h-1z M15,26h1v1h-1z M16,26h1v1h-1z M22,26h1v1h-1z M23,26h1v1h-1z M24,26h1v1h-1z M25,26h1v1h-1z M27,26h1v1h-1z M0,27h1v1h-1z M6,27h1v1h-1z M9,27h1v1h-1z M10,27h1v1h-1z M12,27h1v1h-1z M16,27h1v1h-1z M17,27h1v1h-1z M19,27h1v1h-1z M20,27h1v1h-1z M21,27h1v1h-1z M24,27h1v1h-1z M25,27h1v1h-1z M27,27h1v1h-1z M0,28h1v1h-1z M1,28h1v1h-1z M2,28h1v1h-1z M3,28h1v1h-1z M4,28h1v1h-1z M5,28h1v1h-1z M6,28h1v1h-1z M10,28h1v1h-1z M11,28h1v1h-1z M12,28h1v1h-1z M13,28h1v1h-1z M14,28h1v1h-1z M19,28h1v1h-1z M21,28h1v1h-1z M23,28h1v1h-1z M24,28h1v1h-1z M26,28h1v1h-1z" fill="currentColor">
                                                                        </path>
                                                                    </g>
                                                                    <g class="qr-code-logo" transform="translate(896.0000000000001, 896.0000000000001)">
                                                                        <g class="css-1u8qly9">
                                                                            <g>
                                                                                <g>
                                                                                </g>
                                                                            </g>
                                                                        </g>
                                                                    </g>
                                                                </svg>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </dialog>
                                        <style data-emotion="css l6gvcn">
                                            .css-l6gvcn {
                                                -webkit-align-items : center;
                                                -webkit-box-align   : center;
                                                -ms-flex-align      : center;
                                                align-items         : center;
                                                background-color    : var(--theme-ui-colors-actionBaseFillPrimaryDefault);
                                                border-radius       : 16px;
                                                box-shadow          : none;
                                                color               : var(--theme-ui-colors-actionContentFillPrimaryDefault);
                                                cursor              : pointer;
                                                display             : -webkit-box;
                                                display             : -webkit-flex;
                                                display             : -ms-flexbox;
                                                display             : flex;
                                                gap                 : 0.5rem;
                                                -webkit-box-pack    : center;
                                                -ms-flex-pack       : center;
                                                -webkit-justify-content: center;
                                                justify-content     : center;
                                                font-family         : Satoshi,system-ui,sans-serif;
                                                font-size           : 14px;
                                                font-style          : normal;
                                                font-weight         : 700;
                                                line-height         : 1.18125rem;
                                                padding-left        : 1rem;
                                                padding-right       : 1rem;
                                                padding-top         : 0.75rem;
                                                padding-bottom      : 0.75rem;
                                            }
                                            .css-l6gvcn:hover,.css-l6gvcn:focus,.css-l6gvcn.active {
                                                background-color    : var(--theme-ui-colors-actionBaseFillPrimaryHover);
                                                color               : var(--theme-ui-colors-actionContentFillPrimaryHover);
                                            }
                                            .css-l6gvcn:focus {
                                                box-shadow          : 0 0 0 3px rgba(66, 153, 225, 0.5);
                                                outline             : 4px solid;
                                                outline-color       : var(--theme-ui-colors-borderPrimaryDefault);
                                                outline-offset      : 2px;
                                            }
                                            .css-l6gvcn:focus-visible {
                                                box-shadow          : 0 0 0 3px rgba(66, 153, 225, 0.5);
                                                outline             : 4px solid;
                                                outline-color       : var(--theme-ui-colors-borderPrimaryDefault);
                                                outline-offset      : 2px;
                                            }
                                            .css-l6gvcn.disabled {
                                                cursor              : default;
                                                background-color    : var(--theme-ui-colors-actionBaseFillPrimaryDisabled);
                                                color               : var(--theme-ui-colors-actionContentFillPrimaryDisabled);
                                            }
                                        </style>
                                        <a aria-label="Login or Signup" class="css-l6gvcn" data-test-id="login1" role="button">
                                            <span class="css-toyscm">
                                                Login or Signup
                                            </span>
                                        </a>
                                    </div>
                                    <style data-emotion="css 1a09hxh">
                                        .css-1a09hxh {
                                            -webkit-align-items : center;
                                            -webkit-box-align   : center;
                                            -ms-flex-align      : center;
                                            align-items         : center;
                                            display             : -webkit-box;
                                            display             : -webkit-flex;
                                            display             : -ms-flexbox;
                                            display             : flex;
                                            -webkit-flex-direction: row;
                                            -ms-flex-direction  : row;
                                            flex-direction      : row;
                                            gap                 : 0;
                                            -webkit-box-pack    : start;
                                            -ms-flex-pack       : start;
                                            -webkit-justify-content: start;
                                            justify-content     : start;
                                        }
                                        @media screen and (min-width: 1024px) {
                                            .css-1a09hxh {
                                                display             : none;
                                            }
                                        }
                                    </style>
                                    <div class="css-1a09hxh">
                                        <style data-emotion="css 1fuvblp">
                                            .css-1fuvblp {
                                                display             : none;
                                            }
                                            @media screen and (min-width: 720px) {
                                                .css-1fuvblp {
                                                    display             : -webkit-box;
                                                    display             : -webkit-flex;
                                                    display             : -ms-flexbox;
                                                    display             : flex;
                                                }
                                            }
                                        </style>
                                        <div class="css-1fuvblp">
                                            <style data-emotion="css 1wdy5y8">
                                                .css-1wdy5y8 {
                                                    -webkit-align-items : start;
                                                    -webkit-box-align   : start;
                                                    -ms-flex-align      : start;
                                                    align-items         : start;
                                                    display             : -webkit-box;
                                                    display             : -webkit-flex;
                                                    display             : -ms-flexbox;
                                                    display             : flex;
                                                    -webkit-flex-direction: row;
                                                    -ms-flex-direction  : row;
                                                    flex-direction      : row;
                                                    gap                 : 0.75rem;
                                                    -webkit-box-pack    : start;
                                                    -ms-flex-pack       : start;
                                                    -webkit-justify-content: start;
                                                    justify-content     : start;
                                                    margin-right        : 0.5rem;
                                                }
                                            </style>
                                            <div class="css-1wdy5y8">
                                                <a aria-label="Get the App" class="css-172fxpy" role="button">
                                                    <svg aria-hidden="true" class="css-vn85dx" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M15.8334 15.6665V4.33317C15.8334 3.39975 15.8334 2.93304 15.6517 2.57652C15.4919 2.26292 15.2369 2.00795 14.9233 1.84816C14.5668 1.6665 14.1001 1.6665 13.1667 1.6665H6.83335C5.89993 1.6665 5.43322 1.6665 5.0767 1.84816C4.7631 2.00795 4.50813 2.26292 4.34834 2.57652C4.16669 2.93304 4.16669 3.39975 4.16669 4.33317V15.6665C4.16669 16.5999 4.16669 17.0666 4.34834 17.4232C4.50813 17.7368 4.7631 17.9917 5.0767 18.1515C5.43322 18.3332 5.89993 18.3332 6.83335 18.3332H13.1667C14.1001 18.3332 14.5668 18.3332 14.9233 18.1515C15.2369 17.9917 15.4919 17.7368 15.6517 17.4232C15.8334 17.0666 15.8334 16.5999 15.8334 15.6665Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
                                                        </path>
                                                        <path d="M7.32337 9.60622C7.13763 9.53399 7.04476 9.49787 7.01765 9.44584C6.99415 9.40072 6.99411 9.34699 7.01757 9.30185C7.04462 9.24978 7.13744 9.21355 7.32309 9.1411L12.5917 7.08506C12.7593 7.01966 12.8431 6.98696 12.8966 7.00485C12.9431 7.02038 12.9796 7.05687 12.9952 7.10337C13.013 7.15692 12.9803 7.24071 12.9149 7.4083L10.8589 12.6769C10.7864 12.8626 10.7502 12.9554 10.6982 12.9824C10.653 13.0059 10.5993 13.0059 10.5542 12.9823C10.5021 12.9552 10.466 12.8624 10.3938 12.6766L9.57387 10.5683C9.5592 10.5306 9.55187 10.5117 9.54055 10.4959C9.53052 10.4818 9.51821 10.4695 9.50414 10.4594C9.48827 10.4481 9.46942 10.4408 9.43171 10.4261L7.32337 9.60622Z" fill="currentColor">
                                                        </path>
                                                    </svg>
                                                    <span class="css-toyscm">
                                                        Get the App
                                                    </span>
                                                </a>
                                                <style data-emotion="css-global t2v980">
                                                    html {
                                                        scrollbar-gutter    : unset;
                                                    }
                                                    body {
                                                        overflow            : unset;
                                                    }
                                                </style>
                                                <div class="css-1l5o1j8">
                                                </div>
                                                <dialog aria-hidden="true" class="css-1b68a8r">
                                                    <div class="css-1wa2cs7">
                                                        <div class="css-mqt1l6">
                                                            <div class="css-yc2rzh">
                                                                <button aria-disabled="false" class="css-14vpizs" type="button">
                                                                    <span class="css-15z1mso">
                                                                        <svg aria-hidden="true" class="css-1efdy7k" fill="none" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                                                            <path d="M7.757 6.343L6.343 7.757 10.586 12l-4.243 4.243 1.414 1.414L12 13.414l4.243 4.243 1.414-1.414L13.414 12l4.243-4.243-1.414-1.414L12 10.586 7.757 6.343z" fill="currentColor">
                                                                            </path>
                                                                        </svg>
                                                                    </span>
                                                                </button>
                                                                <div style="display:contents">
                                                                    <img alt="App mockup" class="css-1iqrgr8" decoding="async" loading="lazy" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/images/get-app-dialog/app_mockup.png?width=3840&amp;q=80" srcset="/images/get-app-dialog/app_mockup.png?width=540&amp;q=80 540w,/images/get-app-dialog/app_mockup.png?width=720&amp;q=80 720w,/images/get-app-dialog/app_mockup.png?width=1024&amp;q=80 1024w,/images/get-app-dialog/app_mockup.png?width=1080&amp;q=80 1080w,/images/get-app-dialog/app_mockup.png?width=1280&amp;q=80 1280w,/images/get-app-dialog/app_mockup.png?width=1440&amp;q=80 1440w,/images/get-app-dialog/app_mockup.png?width=1680&amp;q=80 1680w,/images/get-app-dialog/app_mockup.png?width=1920&amp;q=80 1920w,/images/get-app-dialog/app_mockup.png?width=2048&amp;q=80 2048w,/images/get-app-dialog/app_mockup.png?width=2560&amp;q=80 2560w,/images/get-app-dialog/app_mockup.png?width=2880&amp;q=80 2880w,/images/get-app-dialog/app_mockup.png?width=3360&amp;q=80 3360w,/images/get-app-dialog/app_mockup.png?width=3840&amp;q=80 3840w">
                                                                </div>
                                                                <div style="display:contents">
                                                                    <img alt="Background" class="css-hpnas8" decoding="async" loading="eager" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/assets/8d4139df67d22582.svg" srcset="/assets/8d4139df67d22582.svg 540w,/assets/8d4139df67d22582.svg 720w,/assets/8d4139df67d22582.svg 1024w,/assets/8d4139df67d22582.svg 1080w,/assets/8d4139df67d22582.svg 1280w,/assets/8d4139df67d22582.svg 1440w,/assets/8d4139df67d22582.svg 1680w,/assets/8d4139df67d22582.svg 1920w,/assets/8d4139df67d22582.svg 2048w,/assets/8d4139df67d22582.svg 2560w,/assets/8d4139df67d22582.svg 2880w,/assets/8d4139df67d22582.svg 3360w,/assets/8d4139df67d22582.svg 3840w">
                                                                </div>
                                                            </div>
                                                            <div class="css-1msy2is">
                                                                <div class="css-126idk0">
                                                                    <p class="css-zk6uxi">
                                                                        Get the komoot app
                                                                    </p>
                                                                    <p class="css-1djw4h0">
                                                                        Join 45 million outdoor enthusiasts: navigate, discover, adventure.
                                                                    </p>
                                                                    <div class="css-1wpi5by">
                                                                        <div style="display:contents">
                                                                            <img alt="Stars rating" class="css-nxi4lo" decoding="async" loading="lazy" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/assets/4f46e350d44bde1d.svg" srcset="/assets/4f46e350d44bde1d.svg 540w,/assets/4f46e350d44bde1d.svg 720w,/assets/4f46e350d44bde1d.svg 1024w,/assets/4f46e350d44bde1d.svg 1080w,/assets/4f46e350d44bde1d.svg 1280w,/assets/4f46e350d44bde1d.svg 1440w,/assets/4f46e350d44bde1d.svg 1680w,/assets/4f46e350d44bde1d.svg 1920w,/assets/4f46e350d44bde1d.svg 2048w,/assets/4f46e350d44bde1d.svg 2560w,/assets/4f46e350d44bde1d.svg 2880w,/assets/4f46e350d44bde1d.svg 3360w,/assets/4f46e350d44bde1d.svg 3840w">
                                                                        </div>
                                                                        <p class="css-oavqiu">
                                                                            4.8/5
                                                                        </p>
                                                                    </div>
                                                                    <p class="css-15s951g">
                                                                        Based on more than 300k user ratings
                                                                    </p>
                                                                </div>
                                                                <div class="css-htj0u7">
                                                                    <div class="css-603dm4">
                                                                        <p class="css-yckr05">
                                                                            Download komoot now
                                                                        </p>
                                                                        <p class="css-106zcaq">
                                                                            Visit the App Store, Google Play or scan the QR code with your phone to download instantly.
                                                                        </p>
                                                                        <div class="css-hdlhsn">
                                                                            <a aria-label="Download on the App Store" class="css-jaet13" href="https://x.bndspn.com/v1/or-jdqap8" rel="nofollow noopener noreferrer" target="_blank">
                                                                                <img alt="" class="tw-align-bottom" height="44" src="/assets/88fdd5c0a424d357.svg" width="148">
                                                                            </a>
                                                                            <a aria-label="Android App on Google Play" class="css-jaet13" href="https://x.bndspn.com/v1/or-z0w587" rel="nofollow noopener noreferrer" target="_blank">
                                                                                <img alt="" class="tw-align-bottom" height="44" src="/assets/50dc01cb3fd3998b.svg" width="148">
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                    <div class="css-369u3e">
                                                                        <svg class="css-12ododg" stroke="none" viewBox="0 0 2560 2560">
                                                                            <g transform="scale(88.27586206896552, 88.27586206896552)">
                                                                                <path class="css-1u8qly9" d="M0,0h1v1h-1z M1,0h1v1h-1z M2,0h1v1h-1z M3,0h1v1h-1z M4,0h1v1h-1z M5,0h1v1h-1z M6,0h1v1h-1z M8,0h1v1h-1z M10,0h1v1h-1z M11,0h1v1h-1z M13,0h1v1h-1z M14,0h1v1h-1z M17,0h1v1h-1z M22,0h1v1h-1z M23,0h1v1h-1z M24,0h1v1h-1z M25,0h1v1h-1z M26,0h1v1h-1z M27,0h1v1h-1z M28,0h1v1h-1z M0,1h1v1h-1z M6,1h1v1h-1z M8,1h1v1h-1z M10,1h1v1h-1z M15,1h1v1h-1z M16,1h1v1h-1z M17,1h1v1h-1z M20,1h1v1h-1z M22,1h1v1h-1z M28,1h1v1h-1z M0,2h1v1h-1z M2,2h1v1h-1z M3,2h1v1h-1z M4,2h1v1h-1z M6,2h1v1h-1z M8,2h1v1h-1z M9,2h1v1h-1z M10,2h1v1h-1z M11,2h1v1h-1z M13,2h1v1h-1z M16,2h1v1h-1z M22,2h1v1h-1z M24,2h1v1h-1z M25,2h1v1h-1z M26,2h1v1h-1z M28,2h1v1h-1z M0,3h1v1h-1z M2,3h1v1h-1z M3,3h1v1h-1z M4,3h1v1h-1z M6,3h1v1h-1z M9,3h1v1h-1z M11,3h1v1h-1z M12,3h1v1h-1z M14,3h1v1h-1z M15,3h1v1h-1z M16,3h1v1h-1z M17,3h1v1h-1z M22,3h1v1h-1z M24,3h1v1h-1z M25,3h1v1h-1z M26,3h1v1h-1z M28,3h1v1h-1z M0,4h1v1h-1z M2,4h1v1h-1z M3,4h1v1h-1z M4,4h1v1h-1z M6,4h1v1h-1z M9,4h1v1h-1z M11,4h1v1h-1z M13,4h1v1h-1z M14,4h1v1h-1z M16,4h1v1h-1z M17,4h1v1h-1z M19,4h1v1h-1z M20,4h1v1h-1z M22,4h1v1h-1z M24,4h1v1h-1z M25,4h1v1h-1z M26,4h1v1h-1z M28,4h1v1h-1z M0,5h1v1h-1z M6,5h1v1h-1z M8,5h1v1h-1z M11,5h1v1h-1z M13,5h1v1h-1z M14,5h1v1h-1z M17,5h1v1h-1z M22,5h1v1h-1z M28,5h1v1h-1z M0,6h1v1h-1z M1,6h1v1h-1z M2,6h1v1h-1z M3,6h1v1h-1z M4,6h1v1h-1z M5,6h1v1h-1z M6,6h1v1h-1z M8,6h1v1h-1z M10,6h1v1h-1z M12,6h1v1h-1z M14,6h1v1h-1z M16,6h1v1h-1z M18,6h1v1h-1z M20,6h1v1h-1z M22,6h1v1h-1z M23,6h1v1h-1z M24,6h1v1h-1z M25,6h1v1h-1z M26,6h1v1h-1z M27,6h1v1h-1z M28,6h1v1h-1z M8,7h1v1h-1z M9,7h1v1h-1z M10,7h1v1h-1z M12,7h1v1h-1z M13,7h1v1h-1z M16,7h1v1h-1z M17,7h1v1h-1z M18,7h1v1h-1z M20,7h1v1h-1z M2,8h1v1h-1z M3,8h1v1h-1z M4,8h1v1h-1z M6,8h1v1h-1z M8,8h1v1h-1z M11,8h1v1h-1z M12,8h1v1h-1z M13,8h1v1h-1z M21,8h1v1h-1z M22,8h1v1h-1z M23,8h1v1h-1z M26,8h1v1h-1z M27,8h1v1h-1z M28,8h1v1h-1z M1,9h1v1h-1z M2,9h1v1h-1z M3,9h1v1h-1z M4,9h1v1h-1z M5,9h1v1h-1z M7,9h1v1h-1z M8,9h1v1h-1z M9,9h1v1h-1z M12,9h1v1h-1z M13,9h1v1h-1z M14,9h1v1h-1z M16,9h1v1h-1z M18,9h1v1h-1z M20,9h1v1h-1z M21,9h1v1h-1z M22,9h1v1h-1z M23,9h1v1h-1z M24,9h1v1h-1z M25,9h1v1h-1z M26,9h1v1h-1z M27,9h1v1h-1z M28,9h1v1h-1z M2,10h1v1h-1z M3,10h1v1h-1z M6,10h1v1h-1z M7,10h1v1h-1z M8,10h1v1h-1z M9,10h1v1h-1z M19,10h1v1h-1z M22,10h1v1h-1z M23,10h1v1h-1z M24,10h1v1h-1z M0,11h1v1h-1z M2,11h1v1h-1z M3,11h1v1h-1z M4,11h1v1h-1z M5,11h1v1h-1z M7,11h1v1h-1z M9,11h1v1h-1z M19,11h1v1h-1z M20,11h1v1h-1z M22,11h1v1h-1z M23,11h1v1h-1z M25,11h1v1h-1z M28,11h1v1h-1z M0,12h1v1h-1z M3,12h1v1h-1z M4,12h1v1h-1z M5,12h1v1h-1z M6,12h1v1h-1z M7,12h1v1h-1z M19,12h1v1h-1z M26,12h1v1h-1z M28,12h1v1h-1z M4,13h1v1h-1z M5,13h1v1h-1z M8,13h1v1h-1z M19,13h1v1h-1z M20,13h1v1h-1z M21,13h1v1h-1z M22,13h1v1h-1z M23,13h1v1h-1z M24,13h1v1h-1z M27,13h1v1h-1z M28,13h1v1h-1z M0,14h1v1h-1z M3,14h1v1h-1z M5,14h1v1h-1z M6,14h1v1h-1z M20,14h1v1h-1z M21,14h1v1h-1z M23,14h1v1h-1z M24,14h1v1h-1z M25,14h1v1h-1z M0,15h1v1h-1z M2,15h1v1h-1z M5,15h1v1h-1z M7,15h1v1h-1z M9,15h1v1h-1z M19,15h1v1h-1z M20,15h1v1h-1z M25,15h1v1h-1z M27,15h1v1h-1z M28,15h1v1h-1z M0,16h1v1h-1z M2,16h1v1h-1z M4,16h1v1h-1z M6,16h1v1h-1z M9,16h1v1h-1z M19,16h1v1h-1z M26,16h1v1h-1z M28,16h1v1h-1z M0,17h1v1h-1z M1,17h1v1h-1z M5,17h1v1h-1z M7,17h1v1h-1z M8,17h1v1h-1z M22,17h1v1h-1z M24,17h1v1h-1z M25,17h1v1h-1z M26,17h1v1h-1z M27,17h1v1h-1z M28,17h1v1h-1z M0,18h1v1h-1z M3,18h1v1h-1z M4,18h1v1h-1z M6,18h1v1h-1z M7,18h1v1h-1z M22,18h1v1h-1z M24,18h1v1h-1z M25,18h1v1h-1z M26,18h1v1h-1z M27,18h1v1h-1z M0,19h1v1h-1z M3,19h1v1h-1z M4,19h1v1h-1z M5,19h1v1h-1z M8,19h1v1h-1z M11,19h1v1h-1z M12,19h1v1h-1z M14,19h1v1h-1z M15,19h1v1h-1z M17,19h1v1h-1z M18,19h1v1h-1z M21,19h1v1h-1z M22,19h1v1h-1z M23,19h1v1h-1z M24,19h1v1h-1z M25,19h1v1h-1z M0,20h1v1h-1z M2,20h1v1h-1z M5,20h1v1h-1z M6,20h1v1h-1z M7,20h1v1h-1z M8,20h1v1h-1z M9,20h1v1h-1z M10,20h1v1h-1z M12,20h1v1h-1z M13,20h1v1h-1z M15,20h1v1h-1z M17,20h1v1h-1z M20,20h1v1h-1z M21,20h1v1h-1z M22,20h1v1h-1z M23,20h1v1h-1z M24,20h1v1h-1z M26,20h1v1h-1z M8,21h1v1h-1z M10,21h1v1h-1z M11,21h1v1h-1z M12,21h1v1h-1z M17,21h1v1h-1z M20,21h1v1h-1z M24,21h1v1h-1z M27,21h1v1h-1z M28,21h1v1h-1z M0,22h1v1h-1z M1,22h1v1h-1z M2,22h1v1h-1z M3,22h1v1h-1z M4,22h1v1h-1z M5,22h1v1h-1z M6,22h1v1h-1z M9,22h1v1h-1z M12,22h1v1h-1z M15,22h1v1h-1z M16,22h1v1h-1z M19,22h1v1h-1z M20,22h1v1h-1z M22,22h1v1h-1z M24,22h1v1h-1z M25,22h1v1h-1z M26,22h1v1h-1z M0,23h1v1h-1z M6,23h1v1h-1z M10,23h1v1h-1z M12,23h1v1h-1z M13,23h1v1h-1z M20,23h1v1h-1z M24,23h1v1h-1z M25,23h1v1h-1z M28,23h1v1h-1z M0,24h1v1h-1z M2,24h1v1h-1z M3,24h1v1h-1z M4,24h1v1h-1z M6,24h1v1h-1z M8,24h1v1h-1z M10,24h1v1h-1z M11,24h1v1h-1z M12,24h1v1h-1z M13,24h1v1h-1z M16,24h1v1h-1z M18,24h1v1h-1z M20,24h1v1h-1z M21,24h1v1h-1z M22,24h1v1h-1z M23,24h1v1h-1z M24,24h1v1h-1z M25,24h1v1h-1z M26,24h1v1h-1z M0,25h1v1h-1z M2,25h1v1h-1z M3,25h1v1h-1z M4,25h1v1h-1z M6,25h1v1h-1z M8,25h1v1h-1z M9,25h1v1h-1z M11,25h1v1h-1z M12,25h1v1h-1z M14,25h1v1h-1z M16,25h1v1h-1z M17,25h1v1h-1z M19,25h1v1h-1z M20,25h1v1h-1z M0,26h1v1h-1z M2,26h1v1h-1z M3,26h1v1h-1z M4,26h1v1h-1z M6,26h1v1h-1z M8,26h1v1h-1z M10,26h1v1h-1z M13,26h1v1h-1z M14,26h1v1h-1z M15,26h1v1h-1z M16,26h1v1h-1z M22,26h1v1h-1z M23,26h1v1h-1z M24,26h1v1h-1z M25,26h1v1h-1z M27,26h1v1h-1z M0,27h1v1h-1z M6,27h1v1h-1z M9,27h1v1h-1z M10,27h1v1h-1z M12,27h1v1h-1z M16,27h1v1h-1z M17,27h1v1h-1z M19,27h1v1h-1z M20,27h1v1h-1z M21,27h1v1h-1z M24,27h1v1h-1z M25,27h1v1h-1z M27,27h1v1h-1z M0,28h1v1h-1z M1,28h1v1h-1z M2,28h1v1h-1z M3,28h1v1h-1z M4,28h1v1h-1z M5,28h1v1h-1z M6,28h1v1h-1z M10,28h1v1h-1z M11,28h1v1h-1z M12,28h1v1h-1z M13,28h1v1h-1z M14,28h1v1h-1z M19,28h1v1h-1z M21,28h1v1h-1z M23,28h1v1h-1z M24,28h1v1h-1z M26,28h1v1h-1z" fill="currentColor">
                                                                                </path>
                                                                            </g>
                                                                            <g class="qr-code-logo" transform="translate(896.0000000000001, 896.0000000000001)">
                                                                                <g class="css-1u8qly9">
                                                                                    <g>
                                                                                        <g>
                                                                                        </g>
                                                                                    </g>
                                                                                </g>
                                                                            </g>
                                                                        </svg>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </dialog>
                                            </div>
                                            <a aria-label="Login or Signup" class="css-l6gvcn" data-test-id="login1" role="button">
                                                <span class="css-toyscm">
                                                    Login or Signup
                                                </span>
                                            </a>
                                        </div>
                                        <style data-emotion="css 2adcam">
                                            .css-2adcam {
                                                display             : block;
                                            }
                                            @media screen and (min-width: 720px) {
                                                .css-2adcam {
                                                    display             : none;
                                                }
                                            }
                                        </style>
                                        <div class="css-2adcam">
                                            <style data-emotion="css 1cx3xt2">
                                                .css-1cx3xt2 {
                                                    -webkit-align-items : center;
                                                    -webkit-box-align   : center;
                                                    -ms-flex-align      : center;
                                                    align-items         : center;
                                                    display             : -webkit-box;
                                                    display             : -webkit-flex;
                                                    display             : -ms-flexbox;
                                                    display             : flex;
                                                    -webkit-flex-direction: row;
                                                    -ms-flex-direction  : row;
                                                    flex-direction      : row;
                                                    gap                 : 0.75rem;
                                                    -webkit-box-pack    : start;
                                                    -ms-flex-pack       : start;
                                                    -webkit-justify-content: start;
                                                    justify-content     : start;
                                                }
                                            </style>
                                            <div class="css-1cx3xt2">
                                                <style data-emotion="css 1fgigc0">
                                                    .css-1fgigc0 {
                                                        pointer-events      : auto;
                                                        -webkit-transform   : translateY(0);
                                                        -moz-transform      : translateY(0);
                                                        -ms-transform       : translateY(0);
                                                        transform           : translateY(0);
                                                        opacity             : 1;
                                                        -webkit-transition  : -webkit-transform 0.4s cubic-bezier(0.32, 0.72, 0, 1),opacity 0.3s ease-out;
                                                        transition          : transform 0.4s cubic-bezier(0.32, 0.72, 0, 1),opacity 0.3s ease-out;
                                                    }
                                                </style>
                                                <div class="css-1fgigc0">
                                                    <a aria-label="Login or Signup" class="css-l6gvcn" data-test-id="login1" role="button">
                                                        <span class="css-toyscm">
                                                            Login or Signup
                                                        </span>
                                                    </a>
                                                </div>
                                                <style data-emotion="css 97kqcw">
                                                    .css-97kqcw {
                                                        padding-left        : 1rem;
                                                        padding-right       : 1rem;
                                                    }
                                                </style>
                                                <button aria-expanded="false" aria-label="More options dropdown menu" class="css-97kqcw" type="button">
                                                    <style data-emotion="css 1as9cxi">
                                                        .css-1as9cxi {
                                                            color               : var(--theme-ui-colors-actionContentFillGhostWhiteDefault);
                                                            height              : 1.25rem;
                                                            width               : 1.25rem;
                                                        }
                                                    </style>
                                                    <svg aria-hidden="true" class="css-1as9cxi" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M2.5 10H17.5M2.5 5H17.5M2.5 15H17.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
                                                        </path>
                                                    </svg>
                                                </button>
                                            </div>
                                        </div>
                                        <style data-emotion="css 1uwcof9">
                                            .css-1uwcof9 {
                                                display             : none;
                                            }
                                            @media screen and (min-width: 720px) {
                                                .css-1uwcof9 {
                                                    display             : block;
                                                }
                                            }
                                        </style>
                                        <div class="css-1uwcof9">
                                            <button aria-expanded="false" aria-label="More options dropdown menu" class="css-97kqcw" type="button">
                                                <svg aria-hidden="true" class="css-1as9cxi" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M2.5 10H17.5M2.5 5H17.5M2.5 15H17.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
                                                    </path>
                                                </svg>
                                            </button>
                                        </div>
                                    </div>
                                </header>
                            </div>
                            <style data-emotion="css 1ee9r2j">
                                .css-1ee9r2j {
                                    -webkit-align-items : start;
                                    -webkit-box-align   : start;
                                    -ms-flex-align      : start;
                                    align-items         : start;
                                    display             : -webkit-box;
                                    display             : -webkit-flex;
                                    display             : -ms-flexbox;
                                    display             : flex;
                                    -webkit-flex-direction: column;
                                    -ms-flex-direction  : column;
                                    flex-direction      : column;
                                    gap                 : 0.75rem;
                                    -webkit-box-pack    : start;
                                    -ms-flex-pack       : start;
                                    -webkit-justify-content: start;
                                    justify-content     : start;
                                    padding-bottom      : 66px;
                                }
                            </style>
                            <header class="css-1ee9r2j" data-test-id="route-to-adventure-section">
                                <style data-emotion="css bigic8">
                                    .css-bigic8 {
                                        -webkit-align-items : center;
                                        -webkit-box-align   : center;
                                        -ms-flex-align      : center;
                                        align-items         : center;
                                        display             : -webkit-box;
                                        display             : -webkit-flex;
                                        display             : -ms-flexbox;
                                        display             : flex;
                                        -webkit-flex-direction: column;
                                        -ms-flex-direction  : column;
                                        flex-direction      : column;
                                        gap                 : 0.75rem;
                                        height              : 95vh;
                                        -webkit-box-pack    : center;
                                        -ms-flex-pack       : center;
                                        -webkit-justify-content: center;
                                        justify-content     : center;
                                        width               : 100%;
                                        z-index             : 100;
                                    }
                                </style>
                                <div class="css-bigic8">
                                    <style data-emotion="css y9jpz9">
                                        .css-y9jpz9 {
                                            height              : 100%;
                                            left                : 0;
                                            position            : absolute;
                                            right               : 0;
                                            top                 : 0;
                                            width               : 100%;
                                            z-index             : -2;
                                            object-fit          : cover;
                                            object-position     : center center;
                                        }
                                    </style>
                                    <video autoplay="" class="css-y9jpz9" loop="" muted="" playsinline="" poster="/images/home/homepage-video-poster-frame0-v001.webp">
                                        <source src="/assets/04f25a29b16b6a31.webm" type="video/webm">
                                        <source src="/assets/382d18caee7450cf.mp4" type="video/mp4">
                                    </video>
                                    <style data-emotion="css 4uljvv">
                                        .css-4uljvv {
                                            bottom              : 0;
                                            left                : 0;
                                            pointer-events      : none;
                                            position            : absolute;
                                            right               : 0;
                                            top                 : 0;
                                            z-index             : -1;
                                            background          : linear-gradient(180deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 4.91%, rgba(0, 0, 0, 0.00) 11.46%, rgba(0, 0, 0, 0.00) 100%),rgba(0, 0, 0, 0.30);
                                        }
                                    </style>
                                    <div class="css-4uljvv">
                                    </div>
                                    <style data-emotion="css 16p0adp">
                                        .css-16p0adp {
                                            display             : -webkit-box;
                                            display             : -webkit-flex;
                                            display             : -ms-flexbox;
                                            display             : flex;
                                            height              : 100%;
                                            position            : relative;
                                            width               : 100%;
                                        }
                                    </style>
                                    <div class="css-16p0adp">
                                        <style data-emotion="css 84hm8">
                                            .css-84hm8 {
                                                -webkit-align-items : center;
                                                -webkit-box-align   : center;
                                                -ms-flex-align      : center;
                                                align-items         : center;
                                                display             : -webkit-box;
                                                display             : -webkit-flex;
                                                display             : -ms-flexbox;
                                                display             : flex;
                                                -webkit-flex-direction: column;
                                                -ms-flex-direction  : column;
                                                flex-direction      : column;
                                                gap                 : 1.5rem;
                                                -webkit-box-pack    : center;
                                                -ms-flex-pack       : center;
                                                -webkit-justify-content: center;
                                                justify-content     : center;
                                                padding-bottom      : calc(66px + 10vh);
                                                padding-left        : 2rem;
                                                padding-right       : 2rem;
                                                position            : relative;
                                                width               : 100%;
                                            }
                                            @media screen and (min-width: 540px) {
                                                .css-84hm8 {
                                                    padding-bottom      : 66px;
                                                    padding-left        : 0;
                                                    padding-right       : 0;
                                                }
                                            }
                                            @media screen and (min-width: 1024px) {
                                                .css-84hm8 {
                                                    gap                 : 2rem;
                                                }
                                            }
                                        </style>
                                        <div class="css-84hm8">
                                            <style data-emotion="css j6oaob">
                                                .css-j6oaob {
                                                    height              : 5rem;
                                                }
                                                @media screen and (min-width: 540px) {
                                                    .css-j6oaob {
                                                        height              : 7.5rem;
                                                    }
                                                }
                                            </style>
                                            <div class="css-j6oaob">
                                            </div>
                                            <style data-emotion="css 11i9wtd">
                                                .css-11i9wtd {
                                                    color               : var(--theme-ui-colors-actionContentFillAccentOrangeDefault);
                                                    max-width           : 320px;
                                                    text-align          : center;
                                                    font-family         : Nohemi,system-ui,sans-serif;
                                                    font-weight         : 500;
                                                    letter-spacing      : 0.01em;
                                                    line-height         : 1.25;
                                                    font-size           : 40px;
                                                }
                                                @media screen and (min-width: 540px) {
                                                    .css-11i9wtd {
                                                        max-width           : 640px;
                                                        font-size           : 72px;
                                                    }
                                                }
                                            </style>
                                            <h1 class="css-11i9wtd">
                                                Explore beyond the map
                                            </h1>
                                            <style data-emotion="css ps6cdx">
                                                .css-ps6cdx {
                                                    -webkit-align-items : flex-start;
                                                    -webkit-box-align   : flex-start;
                                                    -ms-flex-align      : flex-start;
                                                    align-items         : flex-start;
                                                    display             : -webkit-box;
                                                    display             : -webkit-flex;
                                                    display             : -ms-flexbox;
                                                    display             : flex;
                                                    -webkit-flex-direction: row;
                                                    -ms-flex-direction  : row;
                                                    flex-direction      : row;
                                                    gap                 : 0.75rem;
                                                    -webkit-box-pack    : start;
                                                    -ms-flex-pack       : start;
                                                    -webkit-justify-content: start;
                                                    justify-content     : start;
                                                }
                                            </style>
                                            <div class="css-ps6cdx">
                                                <style data-emotion="css wauegh">
                                                    .css-wauegh {
                                                        -webkit-align-items : center;
                                                        -webkit-box-align   : center;
                                                        -ms-flex-align      : center;
                                                        align-items         : center;
                                                        background-color    : var(--theme-ui-colors-actionBaseFillWhiteDefault);
                                                        border-radius       : 16px;
                                                        box-shadow          : none;
                                                        color               : var(--theme-ui-colors-actionContentFillWhiteDefault);
                                                        cursor              : pointer;
                                                        display             : -webkit-box;
                                                        display             : -webkit-flex;
                                                        display             : -ms-flexbox;
                                                        display             : flex;
                                                        gap                 : 0.5rem;
                                                        -webkit-box-pack    : center;
                                                        -ms-flex-pack       : center;
                                                        -webkit-justify-content: center;
                                                        justify-content     : center;
                                                        font-family         : Satoshi,system-ui,sans-serif;
                                                        font-size           : 14px;
                                                        font-style          : normal;
                                                        font-weight         : 700;
                                                        line-height         : 1.18125rem;
                                                        padding-left        : 1rem;
                                                        padding-right       : 1rem;
                                                        padding-top         : 0.75rem;
                                                        padding-bottom      : 0.75rem;
                                                    }
                                                    .css-wauegh:hover,.css-wauegh:focus,.css-wauegh.active {
                                                        background-color    : var(--theme-ui-colors-actionBaseFillWhiteHover);
                                                        color               : var(--theme-ui-colors-actionContentFillWhiteHover);
                                                    }
                                                    .css-wauegh:focus {
                                                        box-shadow          : 0 0 0 3px rgba(66, 153, 225, 0.5);
                                                        outline             : 4px solid;
                                                        outline-color       : var(--theme-ui-colors-borderPrimaryDefault);
                                                        outline-offset      : 2px;
                                                    }
                                                    .css-wauegh:focus-visible {
                                                        box-shadow          : 0 0 0 3px rgba(66, 153, 225, 0.5);
                                                        outline             : 4px solid;
                                                        outline-color       : var(--theme-ui-colors-borderPrimaryDefault);
                                                        outline-offset      : 2px;
                                                    }
                                                    .css-wauegh.disabled {
                                                        cursor              : default;
                                                        background-color    : var(--theme-ui-colors-actionBaseFillWhiteDisabled);
                                                        color               : var(--theme-ui-colors-actionContentFillWhiteDisabled);
                                                    }
                                                </style>
                                                <a aria-label="Signup for Free" class="css-wauegh" href="https://www.komoot.com/signin?reason=home-hero-block" role="button" target="_self">
                                                    <span class="css-toyscm">
                                                        Signup for Free
                                                    </span>
                                                </a>
                                                <a aria-label="Login" class="css-l6gvcn" href="https://www.komoot.com/signin?reason=home-hero-block" role="button" target="_self">
                                                    <span class="css-toyscm">
                                                        Login
                                                    </span>
                                                </a>
                                            </div>
                                            <style data-emotion="css 7f6omz">
                                                .css-7f6omz {
                                                    color               : var(--theme-ui-colors-textWhiteDefault);
                                                    font-weight         : regular;
                                                    line-height         : normal;
                                                    font-size           : 20px;
                                                    font-family         : Boyrun,Satoshi,system-ui,sans-serif;
                                                    letter-spacing      : 0.63px;
                                                }
                                            </style>
                                            <p class="css-7f6omz">
                                                Where will you explore next?
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div id="end-of-hero-marker">
                                </div>
                            </header>
                            <style data-emotion="css 1godati">
                                .css-1godati {
                                    -webkit-align-items : center;
                                    -webkit-box-align   : center;
                                    -ms-flex-align      : center;
                                    align-items         : center;
                                    background-color    : var(--theme-ui-colors-surfaceFillPrimaryDefault);
                                    display             : -webkit-box;
                                    display             : -webkit-flex;
                                    display             : -ms-flexbox;
                                    display             : flex;
                                    -webkit-flex-direction: column;
                                    -ms-flex-direction  : column;
                                    flex-direction      : column;
                                    gap                 : 0.75rem;
                                    -webkit-box-pack    : center;
                                    -ms-flex-pack       : center;
                                    -webkit-justify-content: center;
                                    justify-content     : center;
                                    position            : relative;
                                    width               : 100%;
                                    z-index             : 300;
                                    overflow-x          : hidden;
                                }
                            </style>
                            <div class="css-1godati">
                                <style data-emotion="css pum7au">
                                    .css-pum7au {
                                        -webkit-align-items : flex-start;
                                        -webkit-box-align   : flex-start;
                                        -ms-flex-align      : flex-start;
                                        align-items         : flex-start;
                                        display             : -webkit-box;
                                        display             : -webkit-flex;
                                        display             : -ms-flexbox;
                                        display             : flex;
                                        -webkit-flex-direction: column;
                                        -ms-flex-direction  : column;
                                        flex-direction      : column;
                                        gap                 : 1rem;
                                        -webkit-box-pack    : start;
                                        -ms-flex-pack       : start;
                                        -webkit-justify-content: start;
                                        justify-content     : start;
                                        padding-top         : 5rem;
                                        padding-bottom      : 5rem;
                                        padding-left        : 1.5rem;
                                        padding-right       : 1.5rem;
                                        -webkit-align-self  : stretch;
                                        -ms-flex-item-align : stretch;
                                        align-self          : stretch;
                                    }
                                    @media screen and (min-width: 540px) {
                                        .css-pum7au {
                                            padding-top         : 5rem;
                                            padding-bottom      : 5rem;
                                            padding-left        : 1.5rem;
                                            padding-right       : 1.5rem;
                                        }
                                    }
                                    @media screen and (min-width: 720px) {
                                        .css-pum7au {
                                            padding-top         : 5rem;
                                            padding-bottom      : 5rem;
                                            padding-left        : 1.5rem;
                                            padding-right       : 1.5rem;
                                        }
                                    }
                                    @media screen and (min-width: 1024px) {
                                        .css-pum7au {
                                            padding-top         : 7.5rem;
                                            padding-bottom      : 7.5rem;
                                            padding-left        : 7.5rem;
                                            padding-right       : 7.5rem;
                                        }
                                    }
                                </style>
                                <div class="css-pum7au" data-test-id="sign-up-mobile-banner">
                                    <style data-emotion="css 1i2dtsc">
                                        .css-1i2dtsc {
                                            -webkit-align-items : center;
                                            -webkit-box-align   : center;
                                            -ms-flex-align      : center;
                                            align-items         : center;
                                            border-radius       : 24px;
                                            display             : -webkit-box;
                                            display             : -webkit-flex;
                                            display             : -ms-flexbox;
                                            display             : flex;
                                            -webkit-flex-direction: column;
                                            -ms-flex-direction  : column;
                                            flex-direction      : column;
                                            -webkit-box-flex    : 1;
                                            -webkit-flex-grow   : 1;
                                            -ms-flex-positive   : 1;
                                            flex-grow           : 1;
                                            gap                 : 2.125rem;
                                            -webkit-box-pack    : center;
                                            -ms-flex-pack       : center;
                                            -webkit-justify-content: center;
                                            justify-content     : center;
                                            width               : 100%;
                                            padding-top         : 2.5rem;
                                            padding-bottom      : 2.5rem;
                                            padding-left        : 1.5rem;
                                            padding-right       : 1.5rem;
                                            background-color    : var(--theme-ui-colors-surfaceFillSecondaryDefault);
                                        }
                                        @media screen and (min-width: 540px) {
                                            .css-1i2dtsc {
                                                -webkit-flex-direction: column;
                                                -ms-flex-direction  : column;
                                                flex-direction      : column;
                                                padding-left        : 1.5rem;
                                                padding-right       : 1.5rem;
                                            }
                                        }
                                        @media screen and (min-width: 720px) {
                                            .css-1i2dtsc {
                                                -webkit-flex-direction: column;
                                                -ms-flex-direction  : column;
                                                flex-direction      : column;
                                                padding-left        : 1.5rem;
                                                padding-right       : 1.5rem;
                                            }
                                        }
                                        @media screen and (min-width: 1024px) {
                                            .css-1i2dtsc {
                                                -webkit-flex-direction: row;
                                                -ms-flex-direction  : row;
                                                flex-direction      : row;
                                                padding-left        : 3.75rem;
                                                padding-right       : 3.75rem;
                                            }
                                        }
                                    </style>
                                    <div class="css-1i2dtsc">
                                        <div style="display:contents">
                                            <style data-emotion="css 16lctrr">
                                                .css-16lctrr {
                                                    object-position     : -999999px;
                                                    background-image    : url("/images/misc/bg-blurred-lazy.jpg?q=80");
                                                    -webkit-background-size: cover;
                                                    background-size     : cover;
                                                    background-repeat   : no-repeat;
                                                    object-fit          : cover;
                                                    display             : block;
                                                    width               : 100%;
                                                }
                                                @media screen and (min-width: 540px) {
                                                    .css-16lctrr {
                                                        display             : block;
                                                    }
                                                }
                                                @media screen and (min-width: 720px) {
                                                    .css-16lctrr {
                                                        display             : block;
                                                    }
                                                }
                                                @media screen and (min-width: 1024px) {
                                                    .css-16lctrr {
                                                        display             : none;
                                                    }
                                                }
                                            </style>
                                            <img alt="Store rating" class="css-16lctrr" decoding="async" loading="lazy" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/images/guide/new/app-download.png?width=3840&amp;q=80" srcset="/images/guide/new/app-download.png?width=540&amp;q=80 540w,/images/guide/new/app-download.png?width=720&amp;q=80 720w,/images/guide/new/app-download.png?width=1024&amp;q=80 1024w,/images/guide/new/app-download.png?width=1080&amp;q=80 1080w,/images/guide/new/app-download.png?width=1280&amp;q=80 1280w,/images/guide/new/app-download.png?width=1440&amp;q=80 1440w,/images/guide/new/app-download.png?width=1680&amp;q=80 1680w,/images/guide/new/app-download.png?width=1920&amp;q=80 1920w,/images/guide/new/app-download.png?width=2048&amp;q=80 2048w,/images/guide/new/app-download.png?width=2560&amp;q=80 2560w,/images/guide/new/app-download.png?width=2880&amp;q=80 2880w,/images/guide/new/app-download.png?width=3360&amp;q=80 3360w,/images/guide/new/app-download.png?width=3840&amp;q=80 3840w">
                                        </div>
                                        <style data-emotion="css 1vh23qm">
                                            .css-1vh23qm {
                                                -webkit-align-items : flex-start;
                                                -webkit-box-align   : flex-start;
                                                -ms-flex-align      : flex-start;
                                                align-items         : flex-start;
                                                display             : -webkit-box;
                                                display             : -webkit-flex;
                                                display             : -ms-flexbox;
                                                display             : flex;
                                                -webkit-flex-direction: column;
                                                -ms-flex-direction  : column;
                                                flex-direction      : column;
                                                -webkit-box-flex    : 1;
                                                -webkit-flex-grow   : 1;
                                                -ms-flex-positive   : 1;
                                                flex-grow           : 1;
                                                gap                 : 2.5rem;
                                                -webkit-box-pack    : start;
                                                -ms-flex-pack       : start;
                                                -webkit-justify-content: start;
                                                justify-content     : start;
                                            }
                                        </style>
                                        <div class="css-1vh23qm">
                                            <style data-emotion="css 1oy3bg">
                                                .css-1oy3bg {
                                                    -webkit-align-items : flex-start;
                                                    -webkit-box-align   : flex-start;
                                                    -ms-flex-align      : flex-start;
                                                    align-items         : flex-start;
                                                    display             : -webkit-box;
                                                    display             : -webkit-flex;
                                                    display             : -ms-flexbox;
                                                    display             : flex;
                                                    -webkit-flex-direction: column;
                                                    -ms-flex-direction  : column;
                                                    flex-direction      : column;
                                                    gap                 : 0.75rem;
                                                    -webkit-box-pack    : center;
                                                    -ms-flex-pack       : center;
                                                    -webkit-justify-content: center;
                                                    justify-content     : center;
                                                    padding-right       : 0;
                                                    -webkit-align-self  : stretch;
                                                    -ms-flex-item-align : stretch;
                                                    align-self          : stretch;
                                                }
                                                @media screen and (min-width: 540px) {
                                                    .css-1oy3bg {
                                                        gap                 : 0.75rem;
                                                        padding-right       : 0;
                                                    }
                                                }
                                                @media screen and (min-width: 720px) {
                                                    .css-1oy3bg {
                                                        gap                 : 0.75rem;
                                                        padding-right       : 0;
                                                    }
                                                }
                                                @media screen and (min-width: 1024px) {
                                                    .css-1oy3bg {
                                                        gap                 : 2rem;
                                                        padding-right       : 1.25rem;
                                                    }
                                                }
                                            </style>
                                            <div class="css-1oy3bg">
                                                <style data-emotion="css rh8cri">
                                                    .css-rh8cri {
                                                        color               : var(--theme-ui-colors-textPrimaryDefault);
                                                        font-weight         : 500;
                                                        font-style          : normal;
                                                        line-height         : 2.7rem;
                                                        font-size           : 40px;
                                                        -webkit-align-self  : stretch;
                                                        -ms-flex-item-align : stretch;
                                                        align-self          : stretch;
                                                        font-family         : Nohemi,system-ui,sans-serif;
                                                        letter-spacing      : 0.045rem;
                                                    }
                                                </style>
                                                <h2 class="css-rh8cri">
                                                    Get inspired with the komoot mobile app
                                                </h2>
                                                <style data-emotion="css qsqis8">
                                                    .css-qsqis8 {
                                                        color               : var(--theme-ui-colors-textPrimaryDefault);
                                                        -webkit-align-self  : stretch;
                                                        -ms-flex-item-align : stretch;
                                                        align-self          : stretch;
                                                        font-family         : Satoshi,system-ui,sans-serif;
                                                        font-size           : 16px;
                                                        font-style          : normal;
                                                        font-weight         : 500;
                                                        line-height         : 1.35rem;
                                                    }
                                                </style>
                                                <div class="css-qsqis8">
                                                    With a&nbsp;
                                                    <style data-emotion="css 1hr7o2r">
                                                        .css-1hr7o2r {
                                                            color               : var(--theme-ui-colors-textPrimaryDefault);
                                                            font-weight         : 700;
                                                            font-style          : normal;
                                                            line-height         : 1.35rem;
                                                            font-size           : 16px;
                                                            font-family         : Satoshi,system-ui,sans-serif;
                                                        }
                                                    </style>
                                                    <span class="css-1hr7o2r">
                                                        free komoot account
                                                    </span>
                                                    , you can easily find, customize, and navigate endless outdoor adventures.
                                                </div>
                                            </div>
                                            <style data-emotion="css 6eeoqz">
                                                .css-6eeoqz {
                                                    -webkit-align-items : flex-start;
                                                    -webkit-box-align   : flex-start;
                                                    -ms-flex-align      : flex-start;
                                                    align-items         : flex-start;
                                                    display             : -webkit-box;
                                                    display             : -webkit-flex;
                                                    display             : -ms-flexbox;
                                                    display             : flex;
                                                    -webkit-flex-direction: column;
                                                    -ms-flex-direction  : column;
                                                    flex-direction      : column;
                                                    gap                 : 1.25rem;
                                                    -webkit-box-pack    : start;
                                                    -ms-flex-pack       : start;
                                                    -webkit-justify-content: start;
                                                    justify-content     : start;
                                                }
                                            </style>
                                            <div class="css-6eeoqz">
                                                <style data-emotion="css 1p7xrl">
                                                    .css-1p7xrl {
                                                        -webkit-align-items : flex-start;
                                                        -webkit-box-align   : flex-start;
                                                        -ms-flex-align      : flex-start;
                                                        align-items         : flex-start;
                                                        display             : -webkit-box;
                                                        display             : -webkit-flex;
                                                        display             : -ms-flexbox;
                                                        display             : flex;
                                                        -webkit-flex-direction: row;
                                                        -ms-flex-direction  : row;
                                                        flex-direction      : row;
                                                        gap                 : 0.5rem;
                                                        -webkit-box-pack    : start;
                                                        -ms-flex-pack       : start;
                                                        -webkit-justify-content: start;
                                                        justify-content     : start;
                                                    }
                                                </style>
                                                <div class="css-1p7xrl">
                                                    <a aria-label="Download on the App Store" class="css-jaet13" href="https://x.bndspn.com/v1/or-jdqap8" rel="nofollow noopener noreferrer" target="_blank">
                                                        <img alt="" class="tw-align-bottom" height="44" src="/assets/88fdd5c0a424d357.svg" width="148">
                                                    </a>
                                                    <a aria-label="Android App on Google Play" class="css-jaet13" href="https://x.bndspn.com/v1/or-z0w587" rel="nofollow noopener noreferrer" target="_blank">
                                                        <img alt="" class="tw-align-bottom" height="44" src="/assets/50dc01cb3fd3998b.svg" width="148">
                                                    </a>
                                                </div>
                                                <div class="css-1cx3xt2">
                                                    <style data-emotion="css 1aafesm">
                                                        .css-1aafesm {
                                                            color               : var(--theme-ui-colors-textPrimaryDefault);
                                                            font-weight         : 500;
                                                            font-style          : normal;
                                                            line-height         : 1.35rem;
                                                            font-size           : 16px;
                                                            font-family         : Satoshi,system-ui,sans-serif;
                                                        }
                                                    </style>
                                                    <p class="css-1aafesm">
                                                        or
                                                    </p>
                                                    <style data-emotion="css b6cvys">
                                                        .css-b6cvys {
                                                            -webkit-align-items : center;
                                                            -webkit-box-align   : center;
                                                            -ms-flex-align      : center;
                                                            align-items         : center;
                                                            background-color    : var(--theme-ui-colors-actionBaseFillSecondaryDefault);
                                                            border-radius       : 16px;
                                                            box-shadow          : none;
                                                            color               : var(--theme-ui-colors-actionContentFillSecondaryDefault);
                                                            cursor              : pointer;
                                                            display             : -webkit-box;
                                                            display             : -webkit-flex;
                                                            display             : -ms-flexbox;
                                                            display             : flex;
                                                            gap                 : 0.5rem;
                                                            -webkit-box-pack    : center;
                                                            -ms-flex-pack       : center;
                                                            -webkit-justify-content: center;
                                                            justify-content     : center;
                                                            width               : 100%;
                                                            font-family         : Satoshi,system-ui,sans-serif;
                                                            font-size           : 14px;
                                                            font-style          : normal;
                                                            font-weight         : 700;
                                                            line-height         : 1.18125rem;
                                                            padding-left        : 1rem;
                                                            padding-right       : 1rem;
                                                            padding-top         : 0.75rem;
                                                            padding-bottom      : 0.75rem;
                                                        }
                                                        .css-b6cvys:hover,.css-b6cvys:focus,.css-b6cvys.active {
                                                            background-color    : var(--theme-ui-colors-actionBaseFillSecondaryHover);
                                                            color               : var(--theme-ui-colors-actionContentFillSecondaryHover);
                                                        }
                                                        .css-b6cvys:focus {
                                                            box-shadow          : 0 0 0 3px rgba(66, 153, 225, 0.5);
                                                            outline             : 4px solid;
                                                            outline-color       : var(--theme-ui-colors-borderPrimaryDefault);
                                                            outline-offset      : 2px;
                                                        }
                                                        .css-b6cvys:focus-visible {
                                                            box-shadow          : 0 0 0 3px rgba(66, 153, 225, 0.5);
                                                            outline             : 4px solid;
                                                            outline-color       : var(--theme-ui-colors-borderPrimaryDefault);
                                                            outline-offset      : 2px;
                                                        }
                                                        .css-b6cvys.disabled {
                                                            cursor              : default;
                                                            background-color    : var(--theme-ui-colors-actionBaseFillSecondaryDisabled);
                                                            color               : var(--theme-ui-colors-actionContentFillSecondaryDisabled);
                                                        }
                                                    </style>
                                                    <a aria-label="Join komoot Now" class="css-b6cvys" href="https://www.komoot.com/signin?reason=guide_app_block" role="button" target="_self">
                                                        <style data-emotion="css 1qvq2bu">
                                                            .css-1qvq2bu {
                                                                color               : var(--theme-ui-colors-actionContentFillSecondaryDefault);
                                                                height              : 1.25rem;
                                                                width               : 1.25rem;
                                                            }
                                                        </style>
                                                        <svg aria-hidden="true" class="css-1qvq2bu" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                            <path d="M15.8333 17.5H16.6753C17.4846 17.5 17.8892 17.5 18.1123 17.3313C18.3066 17.1843 18.4269 16.9596 18.4414 16.7163C18.458 16.4371 18.2336 16.1004 17.7847 15.4271L15.276 11.6641C14.9051 11.1077 14.7196 10.8295 14.4858 10.7325C14.2815 10.6478 14.0518 10.6478 13.8474 10.7325C13.6136 10.8295 13.4282 11.1077 13.0572 11.6641L12.4371 12.5943M15.8333 17.5L9.42954 8.25015C9.06126 7.71818 8.87712 7.4522 8.6471 7.3587C8.44589 7.2769 8.22069 7.2769 8.01947 7.3587C7.78946 7.4522 7.60531 7.71818 7.23703 8.25015L2.28179 15.4077C1.8126 16.0854 1.578 16.4243 1.59136 16.7061C1.60299 16.9515 1.72234 17.1793 1.91751 17.3286C2.14162 17.5 2.55376 17.5 3.37804 17.5H15.8333ZM17.5 5C17.5 6.38071 16.3807 7.5 15 7.5C13.6192 7.5 12.5 6.38071 12.5 5C12.5 3.61929 13.6192 2.5 15 2.5C16.3807 2.5 17.5 3.61929 17.5 5Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
                                                            </path>
                                                        </svg>
                                                        <span class="css-toyscm">
                                                            Join komoot Now
                                                        </span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                        <div style="display:contents">
                                            <style data-emotion="css 14qh457">
                                                .css-14qh457 {
                                                    object-position     : -999999px;
                                                    background-image    : url("/images/misc/bg-blurred-lazy.jpg?q=80");
                                                    -webkit-background-size: cover;
                                                    background-size     : cover;
                                                    background-repeat   : no-repeat;
                                                    object-fit          : cover;
                                                    display             : none;
                                                    width               : 50%;
                                                }
                                                @media screen and (min-width: 540px) {
                                                    .css-14qh457 {
                                                        display             : none;
                                                    }
                                                }
                                                @media screen and (min-width: 720px) {
                                                    .css-14qh457 {
                                                        display             : none;
                                                    }
                                                }
                                                @media screen and (min-width: 1024px) {
                                                    .css-14qh457 {
                                                        display             : -webkit-box;
                                                        display             : -webkit-flex;
                                                        display             : -ms-flexbox;
                                                        display             : flex;
                                                    }
                                                }
                                            </style>
                                            <img alt="Store rating" class="css-14qh457" decoding="async" loading="lazy" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/images/guide/new/app-download.png?width=3840&amp;q=80" srcset="/images/guide/new/app-download.png?width=540&amp;q=80 540w,/images/guide/new/app-download.png?width=720&amp;q=80 720w,/images/guide/new/app-download.png?width=1024&amp;q=80 1024w,/images/guide/new/app-download.png?width=1080&amp;q=80 1080w,/images/guide/new/app-download.png?width=1280&amp;q=80 1280w,/images/guide/new/app-download.png?width=1440&amp;q=80 1440w,/images/guide/new/app-download.png?width=1680&amp;q=80 1680w,/images/guide/new/app-download.png?width=1920&amp;q=80 1920w,/images/guide/new/app-download.png?width=2048&amp;q=80 2048w,/images/guide/new/app-download.png?width=2560&amp;q=80 2560w,/images/guide/new/app-download.png?width=2880&amp;q=80 2880w,/images/guide/new/app-download.png?width=3360&amp;q=80 3360w,/images/guide/new/app-download.png?width=3840&amp;q=80 3840w">
                                        </div>
                                    </div>
                                </div>
                                <style data-emotion="css zfdpl9">
                                    .css-zfdpl9 {
                                        -webkit-align-items : center;
                                        -webkit-box-align   : center;
                                        -ms-flex-align      : center;
                                        align-items         : center;
                                        background-color    : var(--theme-ui-colors-surfaceFillPrimaryDefault);
                                        display             : -webkit-box;
                                        display             : -webkit-flex;
                                        display             : -ms-flexbox;
                                        display             : flex;
                                        -webkit-flex-direction: column;
                                        -ms-flex-direction  : column;
                                        flex-direction      : column;
                                        gap                 : 4rem;
                                        -webkit-box-pack    : center;
                                        -ms-flex-pack       : center;
                                        -webkit-justify-content: center;
                                        justify-content     : center;
                                        padding-bottom      : 5rem;
                                        padding-left        : 1.5rem;
                                        padding-right       : 1.5rem;
                                        padding-top         : 5rem;
                                        width               : 100%;
                                    }
                                    @media screen and (min-width: 540px) {
                                        .css-zfdpl9 {
                                            padding-bottom      : 7.5rem;
                                            padding-left        : 5rem;
                                            padding-right       : 5rem;
                                            padding-top         : 7.5rem;
                                        }
                                    }
                                    @media screen and (min-width: 1280px) {
                                        .css-zfdpl9 {
                                            gap                 : 5rem;
                                            padding-left        : 7.5rem;
                                            padding-right       : 7.5rem;
                                        }
                                    }
                                </style>
                                <div class="css-zfdpl9">
                                    <style data-emotion="css 1cnorxb">
                                        .css-1cnorxb {
                                            -webkit-align-items : center;
                                            -webkit-box-align   : center;
                                            -ms-flex-align      : center;
                                            align-items         : center;
                                            display             : -webkit-box;
                                            display             : -webkit-flex;
                                            display             : -ms-flexbox;
                                            display             : flex;
                                            -webkit-flex-direction: column;
                                            -ms-flex-direction  : column;
                                            flex-direction      : column;
                                            gap                 : 1rem;
                                            height              : 100%;
                                            -webkit-box-pack    : justify;
                                            -webkit-justify-content: space-between;
                                            justify-content     : space-between;
                                            overflow            : hidden;
                                            width               : 100%;
                                        }
                                        @media screen and (min-width: 540px) {
                                            .css-1cnorxb {
                                                gap                 : 2.5rem;
                                            }
                                        }
                                        @media screen and (min-width: 1280px) {
                                            .css-1cnorxb {
                                                -webkit-flex-direction: row;
                                                -ms-flex-direction  : row;
                                                flex-direction      : row;
                                                -webkit-box-pack    : center;
                                                -ms-flex-pack       : center;
                                                -webkit-justify-content: center;
                                                justify-content     : center;
                                            }
                                        }
                                    </style>
                                    <div class="css-1cnorxb">
                                        <style data-emotion="css q681y5">
                                            .css-q681y5 {
                                                -webkit-align-items : start;
                                                -webkit-box-align   : start;
                                                -ms-flex-align      : start;
                                                align-items         : start;
                                                display             : -webkit-box;
                                                display             : -webkit-flex;
                                                display             : -ms-flexbox;
                                                display             : flex;
                                                -webkit-flex-direction: column;
                                                -ms-flex-direction  : column;
                                                flex-direction      : column;
                                                gap                 : 1rem;
                                                -webkit-box-pack    : center;
                                                -ms-flex-pack       : center;
                                                -webkit-justify-content: center;
                                                justify-content     : center;
                                                max-width           : 100%;
                                                -webkit-order       : 1;
                                                -ms-flex-order      : 1;
                                                order               : 1;
                                            }
                                            @media screen and (min-width: 1280px) {
                                                .css-q681y5 {
                                                    max-width           : 40%;
                                                }
                                            }
                                            @media screen and (min-width: 1440px) {
                                                .css-q681y5 {
                                                    gap                 : 1.5rem;
                                                }
                                            }
                                        </style>
                                        <div class="css-q681y5">
                                            <style data-emotion="css ode4hu">
                                                .css-ode4hu {
                                                    color               : var(--theme-ui-colors-generalHeading);
                                                    position            : relative;
                                                    text-align          : start;
                                                    font-family         : Nohemi,system-ui,sans-serif;
                                                    font-size           : 48px;
                                                    font-style          : normal;
                                                    font-weight         : 500;
                                                    line-height         : 3.6rem;
                                                    letter-spacing      : 0.06rem;
                                                    white-space         : pre-wrap;
                                                    -webkit-align-self  : start;
                                                    -ms-flex-item-align : start;
                                                    align-self          : start;
                                                }
                                            </style>
                                            <div class="css-ode4hu">
                                                Plan the perfect route
                                            </div>
                                            <style data-emotion="css 12q5edf">
                                                .css-12q5edf {
                                                    color               : var(--theme-ui-colors-generalBody);
                                                    margin-bottom       : 0!important;
                                                    position            : relative;
                                                    text-align          : start;
                                                    font-weight         : 500;
                                                    font-style          : normal;
                                                    line-height         : 1.51875rem;
                                                    font-size           : 18px;
                                                    font-family         : Satoshi,system-ui,sans-serif;
                                                }
                                            </style>
                                            <p class="css-12q5edf">
                                                Whether you're looking for smooth asphalt for your road bike, singletracks for your mountain bike, or peaceful trails for your hikes, komoot helps you generate sport-specific routes tailored to your needs and preferences.
                                            </p>
                                            <style data-emotion="css 14d2n01">
                                                .css-14d2n01 {
                                                    -webkit-align-items : center;
                                                    -webkit-box-align   : center;
                                                    -ms-flex-align      : center;
                                                    align-items         : center;
                                                    display             : -webkit-box;
                                                    display             : -webkit-flex;
                                                    display             : -ms-flexbox;
                                                    display             : flex;
                                                    -webkit-flex-direction: row;
                                                    -ms-flex-direction  : row;
                                                    flex-direction      : row;
                                                    gap                 : 1rem;
                                                    -webkit-box-pack    : start;
                                                    -ms-flex-pack       : start;
                                                    -webkit-justify-content: start;
                                                    justify-content     : start;
                                                    margin-top          : 0.25rem;
                                                    width               : 100%;
                                                }
                                                @media screen and (min-width: 540px) {
                                                    .css-14d2n01 {
                                                        gap                 : 0.75rem;
                                                        margin-top          : 1rem;
                                                    }
                                                }
                                                @media screen and (min-width: 1280px) {
                                                    .css-14d2n01 {
                                                        margin-top          : 1.5rem;
                                                    }
                                                }
                                            </style>
                                            <div class="css-14d2n01">
                                                <a aria-label="Signup for Free" class="css-l6gvcn" href="https://www.komoot.com/signin?reason=home-about-block" role="button" target="_self">
                                                    <span class="css-toyscm">
                                                        Signup for Free
                                                    </span>
                                                </a>
                                                <style data-emotion="css 1loqnbr">
                                                    .css-1loqnbr {
                                                        -webkit-align-items : start;
                                                        -webkit-box-align   : start;
                                                        -ms-flex-align      : start;
                                                        align-items         : start;
                                                        display             : -webkit-box;
                                                        display             : -webkit-flex;
                                                        display             : -ms-flexbox;
                                                        display             : flex;
                                                        -webkit-flex-direction: row;
                                                        -ms-flex-direction  : row;
                                                        flex-direction      : row;
                                                        gap                 : 0.75rem;
                                                        -webkit-box-pack    : start;
                                                        -ms-flex-pack       : start;
                                                        -webkit-justify-content: start;
                                                        justify-content     : start;
                                                    }
                                                </style>
                                                <div class="css-1loqnbr">
                                                    <p class="css-1aafesm">
                                                        or
                                                    </p>
                                                    <style data-emotion="css a8rqeq">
                                                        .css-a8rqeq {
                                                            -webkit-align-items : start;
                                                            -webkit-box-align   : start;
                                                            -ms-flex-align      : start;
                                                            align-items         : start;
                                                            display             : -webkit-box;
                                                            display             : -webkit-flex;
                                                            display             : -ms-flexbox;
                                                            display             : flex;
                                                            -webkit-flex-direction: column;
                                                            -ms-flex-direction  : column;
                                                            flex-direction      : column;
                                                            gap                 : 0.75rem;
                                                            -webkit-box-pack    : start;
                                                            -ms-flex-pack       : start;
                                                            -webkit-justify-content: start;
                                                            justify-content     : start;
                                                            padding-top         : 0.125rem;
                                                        }
                                                    </style>
                                                    <div class="css-a8rqeq">
                                                        <style data-emotion="css 1jqt0a4">
                                                            .css-1jqt0a4 {
                                                                -webkit-align-items : center;
                                                                -webkit-box-align   : center;
                                                                -ms-flex-align      : center;
                                                                align-items         : center;
                                                                border-radius       : 8px;
                                                                color               : var(--theme-ui-colors-actionContentFillGhostBlackDefault);
                                                                display             : -webkit-inline-box;
                                                                display             : -webkit-inline-flex;
                                                                display             : -ms-inline-flexbox;
                                                                display             : inline-flex;
                                                                gap                 : 0.25rem;
                                                                -webkit-box-pack    : center;
                                                                -ms-flex-pack       : center;
                                                                -webkit-justify-content: center;
                                                                justify-content     : center;
                                                                -webkit-text-decoration: underline;
                                                                text-decoration     : underline;
                                                                font-family         : Satoshi,system-ui,sans-serif;
                                                                font-size           : 14px;
                                                                font-style          : normal;
                                                                font-weight         : 700;
                                                                line-height         : 1.18125rem;
                                                            }
                                                            .css-1jqt0a4:hover,.css-1jqt0a4:focus,.css-1jqt0a4.active {
                                                                color               : var(--theme-ui-colors-actionContentFillGhostBlackHover);
                                                                -webkit-text-decoration: underline;
                                                                text-decoration     : underline;
                                                            }
                                                            .css-1jqt0a4:disabled {
                                                                cursor              : default;
                                                                color               : var(--theme-ui-colors-actionContentFillGhostBlackDisabled);
                                                            }
                                                        </style>
                                                        <button aria-label="Get the App" class="css-1jqt0a4">
                                                            <style data-emotion="css 135ol54">
                                                                .css-135ol54 {
                                                                    color               : inherit;
                                                                    font-weight         : 700;
                                                                    font-style          : normal;
                                                                    line-height         : 1.18125rem;
                                                                    font-size           : 14px;
                                                                    font-family         : Satoshi,system-ui,sans-serif;
                                                                }
                                                            </style>
                                                            <p class="css-135ol54">
                                                                Get the App
                                                            </p>
                                                        </button>
                                                        <style data-emotion="css-global t2v980">
                                                            html {
                                                                scrollbar-gutter    : unset;
                                                            }
                                                            body {
                                                                overflow            : unset;
                                                            }
                                                        </style>
                                                        <div class="css-1l5o1j8">
                                                        </div>
                                                        <dialog aria-hidden="true" class="css-1b68a8r">
                                                            <div class="css-1wa2cs7">
                                                                <div class="css-mqt1l6">
                                                                    <div class="css-yc2rzh">
                                                                        <button aria-disabled="false" class="css-14vpizs" type="button">
                                                                            <span class="css-15z1mso">
                                                                                <svg aria-hidden="true" class="css-1efdy7k" fill="none" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                                                                    <path d="M7.757 6.343L6.343 7.757 10.586 12l-4.243 4.243 1.414 1.414L12 13.414l4.243 4.243 1.414-1.414L13.414 12l4.243-4.243-1.414-1.414L12 10.586 7.757 6.343z" fill="currentColor">
                                                                                    </path>
                                                                                </svg>
                                                                            </span>
                                                                        </button>
                                                                        <div style="display:contents">
                                                                            <img alt="App mockup" class="css-1iqrgr8" decoding="async" loading="lazy" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/images/get-app-dialog/app_mockup.png?width=3840&amp;q=80" srcset="/images/get-app-dialog/app_mockup.png?width=540&amp;q=80 540w,/images/get-app-dialog/app_mockup.png?width=720&amp;q=80 720w,/images/get-app-dialog/app_mockup.png?width=1024&amp;q=80 1024w,/images/get-app-dialog/app_mockup.png?width=1080&amp;q=80 1080w,/images/get-app-dialog/app_mockup.png?width=1280&amp;q=80 1280w,/images/get-app-dialog/app_mockup.png?width=1440&amp;q=80 1440w,/images/get-app-dialog/app_mockup.png?width=1680&amp;q=80 1680w,/images/get-app-dialog/app_mockup.png?width=1920&amp;q=80 1920w,/images/get-app-dialog/app_mockup.png?width=2048&amp;q=80 2048w,/images/get-app-dialog/app_mockup.png?width=2560&amp;q=80 2560w,/images/get-app-dialog/app_mockup.png?width=2880&amp;q=80 2880w,/images/get-app-dialog/app_mockup.png?width=3360&amp;q=80 3360w,/images/get-app-dialog/app_mockup.png?width=3840&amp;q=80 3840w">
                                                                        </div>
                                                                        <div style="display:contents">
                                                                            <img alt="Background" class="css-hpnas8" decoding="async" loading="eager" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/assets/8d4139df67d22582.svg" srcset="/assets/8d4139df67d22582.svg 540w,/assets/8d4139df67d22582.svg 720w,/assets/8d4139df67d22582.svg 1024w,/assets/8d4139df67d22582.svg 1080w,/assets/8d4139df67d22582.svg 1280w,/assets/8d4139df67d22582.svg 1440w,/assets/8d4139df67d22582.svg 1680w,/assets/8d4139df67d22582.svg 1920w,/assets/8d4139df67d22582.svg 2048w,/assets/8d4139df67d22582.svg 2560w,/assets/8d4139df67d22582.svg 2880w,/assets/8d4139df67d22582.svg 3360w,/assets/8d4139df67d22582.svg 3840w">
                                                                        </div>
                                                                    </div>
                                                                    <div class="css-1msy2is">
                                                                        <div class="css-126idk0">
                                                                            <p class="css-zk6uxi">
                                                                                Get the komoot app
                                                                            </p>
                                                                            <p class="css-1djw4h0">
                                                                                Join 45 million outdoor enthusiasts: navigate, discover, adventure.
                                                                            </p>
                                                                            <div class="css-1wpi5by">
                                                                                <div style="display:contents">
                                                                                    <img alt="Stars rating" class="css-nxi4lo" decoding="async" loading="lazy" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/assets/4f46e350d44bde1d.svg" srcset="/assets/4f46e350d44bde1d.svg 540w,/assets/4f46e350d44bde1d.svg 720w,/assets/4f46e350d44bde1d.svg 1024w,/assets/4f46e350d44bde1d.svg 1080w,/assets/4f46e350d44bde1d.svg 1280w,/assets/4f46e350d44bde1d.svg 1440w,/assets/4f46e350d44bde1d.svg 1680w,/assets/4f46e350d44bde1d.svg 1920w,/assets/4f46e350d44bde1d.svg 2048w,/assets/4f46e350d44bde1d.svg 2560w,/assets/4f46e350d44bde1d.svg 2880w,/assets/4f46e350d44bde1d.svg 3360w,/assets/4f46e350d44bde1d.svg 3840w">
                                                                                </div>
                                                                                <p class="css-oavqiu">
                                                                                    4.8/5
                                                                                </p>
                                                                            </div>
                                                                            <p class="css-15s951g">
                                                                                Based on more than 300k user ratings
                                                                            </p>
                                                                        </div>
                                                                        <div class="css-htj0u7">
                                                                            <div class="css-603dm4">
                                                                                <p class="css-yckr05">
                                                                                    Download komoot now
                                                                                </p>
                                                                                <p class="css-106zcaq">
                                                                                    Visit the App Store, Google Play or scan the QR code with your phone to download instantly.
                                                                                </p>
                                                                                <div class="css-hdlhsn">
                                                                                    <a aria-label="Download on the App Store" class="css-jaet13" href="https://x.bndspn.com/v1/or-jdqap8" rel="nofollow noopener noreferrer" target="_blank">
                                                                                        <img alt="" class="tw-align-bottom" height="44" src="/assets/88fdd5c0a424d357.svg" width="148">
                                                                                    </a>
                                                                                    <a aria-label="Android App on Google Play" class="css-jaet13" href="https://x.bndspn.com/v1/or-z0w587" rel="nofollow noopener noreferrer" target="_blank">
                                                                                        <img alt="" class="tw-align-bottom" height="44" src="/assets/50dc01cb3fd3998b.svg" width="148">
                                                                                    </a>
                                                                                </div>
                                                                            </div>
                                                                            <div class="css-369u3e">
                                                                                <svg class="css-12ododg" stroke="none" viewBox="0 0 2560 2560">
                                                                                    <g transform="scale(88.27586206896552, 88.27586206896552)">
                                                                                        <path class="css-1u8qly9" d="M0,0h1v1h-1z M1,0h1v1h-1z M2,0h1v1h-1z M3,0h1v1h-1z M4,0h1v1h-1z M5,0h1v1h-1z M6,0h1v1h-1z M8,0h1v1h-1z M10,0h1v1h-1z M11,0h1v1h-1z M13,0h1v1h-1z M14,0h1v1h-1z M17,0h1v1h-1z M22,0h1v1h-1z M23,0h1v1h-1z M24,0h1v1h-1z M25,0h1v1h-1z M26,0h1v1h-1z M27,0h1v1h-1z M28,0h1v1h-1z M0,1h1v1h-1z M6,1h1v1h-1z M8,1h1v1h-1z M10,1h1v1h-1z M15,1h1v1h-1z M16,1h1v1h-1z M17,1h1v1h-1z M20,1h1v1h-1z M22,1h1v1h-1z M28,1h1v1h-1z M0,2h1v1h-1z M2,2h1v1h-1z M3,2h1v1h-1z M4,2h1v1h-1z M6,2h1v1h-1z M8,2h1v1h-1z M9,2h1v1h-1z M10,2h1v1h-1z M11,2h1v1h-1z M13,2h1v1h-1z M16,2h1v1h-1z M22,2h1v1h-1z M24,2h1v1h-1z M25,2h1v1h-1z M26,2h1v1h-1z M28,2h1v1h-1z M0,3h1v1h-1z M2,3h1v1h-1z M3,3h1v1h-1z M4,3h1v1h-1z M6,3h1v1h-1z M9,3h1v1h-1z M11,3h1v1h-1z M12,3h1v1h-1z M14,3h1v1h-1z M15,3h1v1h-1z M16,3h1v1h-1z M17,3h1v1h-1z M22,3h1v1h-1z M24,3h1v1h-1z M25,3h1v1h-1z M26,3h1v1h-1z M28,3h1v1h-1z M0,4h1v1h-1z M2,4h1v1h-1z M3,4h1v1h-1z M4,4h1v1h-1z M6,4h1v1h-1z M9,4h1v1h-1z M11,4h1v1h-1z M13,4h1v1h-1z M14,4h1v1h-1z M16,4h1v1h-1z M17,4h1v1h-1z M19,4h1v1h-1z M20,4h1v1h-1z M22,4h1v1h-1z M24,4h1v1h-1z M25,4h1v1h-1z M26,4h1v1h-1z M28,4h1v1h-1z M0,5h1v1h-1z M6,5h1v1h-1z M8,5h1v1h-1z M11,5h1v1h-1z M13,5h1v1h-1z M14,5h1v1h-1z M17,5h1v1h-1z M22,5h1v1h-1z M28,5h1v1h-1z M0,6h1v1h-1z M1,6h1v1h-1z M2,6h1v1h-1z M3,6h1v1h-1z M4,6h1v1h-1z M5,6h1v1h-1z M6,6h1v1h-1z M8,6h1v1h-1z M10,6h1v1h-1z M12,6h1v1h-1z M14,6h1v1h-1z M16,6h1v1h-1z M18,6h1v1h-1z M20,6h1v1h-1z M22,6h1v1h-1z M23,6h1v1h-1z M24,6h1v1h-1z M25,6h1v1h-1z M26,6h1v1h-1z M27,6h1v1h-1z M28,6h1v1h-1z M8,7h1v1h-1z M9,7h1v1h-1z M10,7h1v1h-1z M12,7h1v1h-1z M13,7h1v1h-1z M16,7h1v1h-1z M17,7h1v1h-1z M18,7h1v1h-1z M20,7h1v1h-1z M2,8h1v1h-1z M3,8h1v1h-1z M4,8h1v1h-1z M6,8h1v1h-1z M8,8h1v1h-1z M11,8h1v1h-1z M12,8h1v1h-1z M13,8h1v1h-1z M21,8h1v1h-1z M22,8h1v1h-1z M23,8h1v1h-1z M26,8h1v1h-1z M27,8h1v1h-1z M28,8h1v1h-1z M1,9h1v1h-1z M2,9h1v1h-1z M3,9h1v1h-1z M4,9h1v1h-1z M5,9h1v1h-1z M7,9h1v1h-1z M8,9h1v1h-1z M9,9h1v1h-1z M12,9h1v1h-1z M13,9h1v1h-1z M14,9h1v1h-1z M16,9h1v1h-1z M18,9h1v1h-1z M20,9h1v1h-1z M21,9h1v1h-1z M22,9h1v1h-1z M23,9h1v1h-1z M24,9h1v1h-1z M25,9h1v1h-1z M26,9h1v1h-1z M27,9h1v1h-1z M28,9h1v1h-1z M2,10h1v1h-1z M3,10h1v1h-1z M6,10h1v1h-1z M7,10h1v1h-1z M8,10h1v1h-1z M9,10h1v1h-1z M19,10h1v1h-1z M22,10h1v1h-1z M23,10h1v1h-1z M24,10h1v1h-1z M0,11h1v1h-1z M2,11h1v1h-1z M3,11h1v1h-1z M4,11h1v1h-1z M5,11h1v1h-1z M7,11h1v1h-1z M9,11h1v1h-1z M19,11h1v1h-1z M20,11h1v1h-1z M22,11h1v1h-1z M23,11h1v1h-1z M25,11h1v1h-1z M28,11h1v1h-1z M0,12h1v1h-1z M3,12h1v1h-1z M4,12h1v1h-1z M5,12h1v1h-1z M6,12h1v1h-1z M7,12h1v1h-1z M19,12h1v1h-1z M26,12h1v1h-1z M28,12h1v1h-1z M4,13h1v1h-1z M5,13h1v1h-1z M8,13h1v1h-1z M19,13h1v1h-1z M20,13h1v1h-1z M21,13h1v1h-1z M22,13h1v1h-1z M23,13h1v1h-1z M24,13h1v1h-1z M27,13h1v1h-1z M28,13h1v1h-1z M0,14h1v1h-1z M3,14h1v1h-1z M5,14h1v1h-1z M6,14h1v1h-1z M20,14h1v1h-1z M21,14h1v1h-1z M23,14h1v1h-1z M24,14h1v1h-1z M25,14h1v1h-1z M0,15h1v1h-1z M2,15h1v1h-1z M5,15h1v1h-1z M7,15h1v1h-1z M9,15h1v1h-1z M19,15h1v1h-1z M20,15h1v1h-1z M25,15h1v1h-1z M27,15h1v1h-1z M28,15h1v1h-1z M0,16h1v1h-1z M2,16h1v1h-1z M4,16h1v1h-1z M6,16h1v1h-1z M9,16h1v1h-1z M19,16h1v1h-1z M26,16h1v1h-1z M28,16h1v1h-1z M0,17h1v1h-1z M1,17h1v1h-1z M5,17h1v1h-1z M7,17h1v1h-1z M8,17h1v1h-1z M22,17h1v1h-1z M24,17h1v1h-1z M25,17h1v1h-1z M26,17h1v1h-1z M27,17h1v1h-1z M28,17h1v1h-1z M0,18h1v1h-1z M3,18h1v1h-1z M4,18h1v1h-1z M6,18h1v1h-1z M7,18h1v1h-1z M22,18h1v1h-1z M24,18h1v1h-1z M25,18h1v1h-1z M26,18h1v1h-1z M27,18h1v1h-1z M0,19h1v1h-1z M3,19h1v1h-1z M4,19h1v1h-1z M5,19h1v1h-1z M8,19h1v1h-1z M11,19h1v1h-1z M12,19h1v1h-1z M14,19h1v1h-1z M15,19h1v1h-1z M17,19h1v1h-1z M18,19h1v1h-1z M21,19h1v1h-1z M22,19h1v1h-1z M23,19h1v1h-1z M24,19h1v1h-1z M25,19h1v1h-1z M0,20h1v1h-1z M2,20h1v1h-1z M5,20h1v1h-1z M6,20h1v1h-1z M7,20h1v1h-1z M8,20h1v1h-1z M9,20h1v1h-1z M10,20h1v1h-1z M12,20h1v1h-1z M13,20h1v1h-1z M15,20h1v1h-1z M17,20h1v1h-1z M20,20h1v1h-1z M21,20h1v1h-1z M22,20h1v1h-1z M23,20h1v1h-1z M24,20h1v1h-1z M26,20h1v1h-1z M8,21h1v1h-1z M10,21h1v1h-1z M11,21h1v1h-1z M12,21h1v1h-1z M17,21h1v1h-1z M20,21h1v1h-1z M24,21h1v1h-1z M27,21h1v1h-1z M28,21h1v1h-1z M0,22h1v1h-1z M1,22h1v1h-1z M2,22h1v1h-1z M3,22h1v1h-1z M4,22h1v1h-1z M5,22h1v1h-1z M6,22h1v1h-1z M9,22h1v1h-1z M12,22h1v1h-1z M15,22h1v1h-1z M16,22h1v1h-1z M19,22h1v1h-1z M20,22h1v1h-1z M22,22h1v1h-1z M24,22h1v1h-1z M25,22h1v1h-1z M26,22h1v1h-1z M0,23h1v1h-1z M6,23h1v1h-1z M10,23h1v1h-1z M12,23h1v1h-1z M13,23h1v1h-1z M20,23h1v1h-1z M24,23h1v1h-1z M25,23h1v1h-1z M28,23h1v1h-1z M0,24h1v1h-1z M2,24h1v1h-1z M3,24h1v1h-1z M4,24h1v1h-1z M6,24h1v1h-1z M8,24h1v1h-1z M10,24h1v1h-1z M11,24h1v1h-1z M12,24h1v1h-1z M13,24h1v1h-1z M16,24h1v1h-1z M18,24h1v1h-1z M20,24h1v1h-1z M21,24h1v1h-1z M22,24h1v1h-1z M23,24h1v1h-1z M24,24h1v1h-1z M25,24h1v1h-1z M26,24h1v1h-1z M0,25h1v1h-1z M2,25h1v1h-1z M3,25h1v1h-1z M4,25h1v1h-1z M6,25h1v1h-1z M8,25h1v1h-1z M9,25h1v1h-1z M11,25h1v1h-1z M12,25h1v1h-1z M14,25h1v1h-1z M16,25h1v1h-1z M17,25h1v1h-1z M19,25h1v1h-1z M20,25h1v1h-1z M0,26h1v1h-1z M2,26h1v1h-1z M3,26h1v1h-1z M4,26h1v1h-1z M6,26h1v1h-1z M8,26h1v1h-1z M10,26h1v1h-1z M13,26h1v1h-1z M14,26h1v1h-1z M15,26h1v1h-1z M16,26h1v1h-1z M22,26h1v1h-1z M23,26h1v1h-1z M24,26h1v1h-1z M25,26h1v1h-1z M27,26h1v1h-1z M0,27h1v1h-1z M6,27h1v1h-1z M9,27h1v1h-1z M10,27h1v1h-1z M12,27h1v1h-1z M16,27h1v1h-1z M17,27h1v1h-1z M19,27h1v1h-1z M20,27h1v1h-1z M21,27h1v1h-1z M24,27h1v1h-1z M25,27h1v1h-1z M27,27h1v1h-1z M0,28h1v1h-1z M1,28h1v1h-1z M2,28h1v1h-1z M3,28h1v1h-1z M4,28h1v1h-1z M5,28h1v1h-1z M6,28h1v1h-1z M10,28h1v1h-1z M11,28h1v1h-1z M12,28h1v1h-1z M13,28h1v1h-1z M14,28h1v1h-1z M19,28h1v1h-1z M21,28h1v1h-1z M23,28h1v1h-1z M24,28h1v1h-1z M26,28h1v1h-1z" fill="currentColor">
                                                                                        </path>
                                                                                    </g>
                                                                                    <g class="qr-code-logo" transform="translate(896.0000000000001, 896.0000000000001)">
                                                                                        <g class="css-1u8qly9">
                                                                                            <g>
                                                                                                <g>
                                                                                                </g>
                                                                                            </g>
                                                                                        </g>
                                                                                    </g>
                                                                                </svg>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </dialog>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <style data-emotion="css 1lycbue">
                                            .css-1lycbue {
                                                -webkit-align-items : start;
                                                -webkit-box-align   : start;
                                                -ms-flex-align      : start;
                                                align-items         : start;
                                                display             : -webkit-box;
                                                display             : -webkit-flex;
                                                display             : -ms-flexbox;
                                                display             : flex;
                                                -webkit-flex-direction: column;
                                                -ms-flex-direction  : column;
                                                flex-direction      : column;
                                                gap                 : 0.75rem;
                                                -webkit-box-pack    : start;
                                                -ms-flex-pack       : start;
                                                -webkit-justify-content: start;
                                                justify-content     : start;
                                                max-width           : 100%;
                                                -webkit-order       : 2;
                                                -ms-flex-order      : 2;
                                                order               : 2;
                                                position            : relative;
                                                width               : 100%;
                                                -webkit-transform   : rotate(6deg);
                                                -moz-transform      : rotate(6deg);
                                                -ms-transform       : rotate(6deg);
                                                transform           : rotate(6deg);
                                            }
                                            @media screen and (min-width: 1440px) {
                                                .css-1lycbue {
                                                    max-width           : 50%;
                                                }
                                            }
                                        </style>
                                        <div class="css-1lycbue">
                                            <style data-emotion="css x9s37j">
                                                .css-x9s37j {
                                                    height              : 3.25rem;
                                                    left                : 1.25rem;
                                                    position            : absolute;
                                                    top                 : 1.25rem;
                                                    width               : 3.25rem;
                                                }
                                                @media screen and (min-width: 540px) {
                                                    .css-x9s37j {
                                                        height              : 6.75rem;
                                                        left                : 2.5rem;
                                                        top                 : 2.5rem;
                                                        width               : 6.75rem;
                                                    }
                                                }
                                                @media screen and (min-width: 1280px) {
                                                    .css-x9s37j {
                                                        left                : 3.25rem;
                                                        top                 : 3.25rem;
                                                    }
                                                }
                                                @media screen and (min-width: 1440px) {
                                                    .css-x9s37j {
                                                        height              : 6.25rem;
                                                        width               : 6.25rem;
                                                    }
                                                }
                                            </style>
                                            <div class="css-x9s37j">
                                            </div>
                                            <div style="display:contents">
                                                <style data-emotion="css 1oxfau3">
                                                    .css-1oxfau3 {
                                                        object-position     : -999999px;
                                                        background-image    : url("/images/misc/bg-blurred-lazy.jpg?q=80");
                                                        -webkit-background-size: cover;
                                                        background-size     : cover;
                                                        background-repeat   : no-repeat;
                                                        display             : -webkit-box;
                                                        display             : -webkit-flex;
                                                        display             : -ms-flexbox;
                                                        display             : flex;
                                                        -webkit-align-self  : center;
                                                        -ms-flex-item-align : center;
                                                        align-self          : center;
                                                        width               : 100%;
                                                    }
                                                    @media screen and (min-width: 540px) {
                                                        .css-1oxfau3 {
                                                            -webkit-align-self  : end;
                                                            -ms-flex-item-align : end;
                                                            align-self          : end;
                                                        }
                                                    }
                                                </style>
                                                <img alt="Community mockup" class="css-1oxfau3" decoding="async" fetchpriority="low" loading="lazy" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/images/home/new/about-planning-desktop.webp?width=3840&amp;q=80" srcset="/images/home/new/about-planning-desktop.webp?width=540&amp;q=80 540w,/images/home/new/about-planning-desktop.webp?width=720&amp;q=80 720w,/images/home/new/about-planning-desktop.webp?width=1024&amp;q=80 1024w,/images/home/new/about-planning-desktop.webp?width=1080&amp;q=80 1080w,/images/home/new/about-planning-desktop.webp?width=1280&amp;q=80 1280w,/images/home/new/about-planning-desktop.webp?width=1440&amp;q=80 1440w,/images/home/new/about-planning-desktop.webp?width=1680&amp;q=80 1680w,/images/home/new/about-planning-desktop.webp?width=1920&amp;q=80 1920w,/images/home/new/about-planning-desktop.webp?width=2048&amp;q=80 2048w,/images/home/new/about-planning-desktop.webp?width=2560&amp;q=80 2560w,/images/home/new/about-planning-desktop.webp?width=2880&amp;q=80 2880w,/images/home/new/about-planning-desktop.webp?width=3360&amp;q=80 3360w,/images/home/new/about-planning-desktop.webp?width=3840&amp;q=80 3840w">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="css-1cnorxb">
                                        <style data-emotion="css v1moyo">
                                            .css-v1moyo {
                                                -webkit-align-items : start;
                                                -webkit-box-align   : start;
                                                -ms-flex-align      : start;
                                                align-items         : start;
                                                display             : -webkit-box;
                                                display             : -webkit-flex;
                                                display             : -ms-flexbox;
                                                display             : flex;
                                                -webkit-flex-direction: column;
                                                -ms-flex-direction  : column;
                                                flex-direction      : column;
                                                gap                 : 1rem;
                                                -webkit-box-pack    : center;
                                                -ms-flex-pack       : center;
                                                -webkit-justify-content: center;
                                                justify-content     : center;
                                                max-width           : 100%;
                                                -webkit-order       : 2;
                                                -ms-flex-order      : 2;
                                                order               : 2;
                                            }
                                            @media screen and (min-width: 1280px) {
                                                .css-v1moyo {
                                                    max-width           : 40%;
                                                }
                                            }
                                            @media screen and (min-width: 1440px) {
                                                .css-v1moyo {
                                                    gap                 : 1.5rem;
                                                }
                                            }
                                        </style>
                                        <div class="css-v1moyo">
                                            <div class="css-ode4hu">
                                                Find the right inspiration
                                            </div>
                                            <p class="css-12q5edf">
                                                From epic mountain escapes to trails close to home, komoot makes it easy to discover routes that fit your style. Filter by distance, difficulty, or public transport links, and set off with confidence&mdash;wherever inspiration takes you.
                                            </p>
                                            <div class="css-14d2n01">
                                                <a aria-label="Signup for Free" class="css-l6gvcn" href="https://www.komoot.com/signin?reason=home-about-block" role="button" target="_self">
                                                    <span class="css-toyscm">
                                                        Signup for Free
                                                    </span>
                                                </a>
                                                <div class="css-1loqnbr">
                                                    <p class="css-1aafesm">
                                                        or
                                                    </p>
                                                    <div class="css-a8rqeq">
                                                        <button aria-label="Get the App" class="css-1jqt0a4">
                                                            <p class="css-135ol54">
                                                                Get the App
                                                            </p>
                                                        </button>
                                                        <style data-emotion="css-global t2v980">
                                                            html {
                                                                scrollbar-gutter    : unset;
                                                            }
                                                            body {
                                                                overflow            : unset;
                                                            }
                                                        </style>
                                                        <div class="css-1l5o1j8">
                                                        </div>
                                                        <dialog aria-hidden="true" class="css-1b68a8r">
                                                            <div class="css-1wa2cs7">
                                                                <div class="css-mqt1l6">
                                                                    <div class="css-yc2rzh">
                                                                        <button aria-disabled="false" class="css-14vpizs" type="button">
                                                                            <span class="css-15z1mso">
                                                                                <svg aria-hidden="true" class="css-1efdy7k" fill="none" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                                                                    <path d="M7.757 6.343L6.343 7.757 10.586 12l-4.243 4.243 1.414 1.414L12 13.414l4.243 4.243 1.414-1.414L13.414 12l4.243-4.243-1.414-1.414L12 10.586 7.757 6.343z" fill="currentColor">
                                                                                    </path>
                                                                                </svg>
                                                                            </span>
                                                                        </button>
                                                                        <div style="display:contents">
                                                                            <img alt="App mockup" class="css-1iqrgr8" decoding="async" loading="lazy" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/images/get-app-dialog/app_mockup.png?width=3840&amp;q=80" srcset="/images/get-app-dialog/app_mockup.png?width=540&amp;q=80 540w,/images/get-app-dialog/app_mockup.png?width=720&amp;q=80 720w,/images/get-app-dialog/app_mockup.png?width=1024&amp;q=80 1024w,/images/get-app-dialog/app_mockup.png?width=1080&amp;q=80 1080w,/images/get-app-dialog/app_mockup.png?width=1280&amp;q=80 1280w,/images/get-app-dialog/app_mockup.png?width=1440&amp;q=80 1440w,/images/get-app-dialog/app_mockup.png?width=1680&amp;q=80 1680w,/images/get-app-dialog/app_mockup.png?width=1920&amp;q=80 1920w,/images/get-app-dialog/app_mockup.png?width=2048&amp;q=80 2048w,/images/get-app-dialog/app_mockup.png?width=2560&amp;q=80 2560w,/images/get-app-dialog/app_mockup.png?width=2880&amp;q=80 2880w,/images/get-app-dialog/app_mockup.png?width=3360&amp;q=80 3360w,/images/get-app-dialog/app_mockup.png?width=3840&amp;q=80 3840w">
                                                                        </div>
                                                                        <div style="display:contents">
                                                                            <img alt="Background" class="css-hpnas8" decoding="async" loading="eager" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/assets/8d4139df67d22582.svg" srcset="/assets/8d4139df67d22582.svg 540w,/assets/8d4139df67d22582.svg 720w,/assets/8d4139df67d22582.svg 1024w,/assets/8d4139df67d22582.svg 1080w,/assets/8d4139df67d22582.svg 1280w,/assets/8d4139df67d22582.svg 1440w,/assets/8d4139df67d22582.svg 1680w,/assets/8d4139df67d22582.svg 1920w,/assets/8d4139df67d22582.svg 2048w,/assets/8d4139df67d22582.svg 2560w,/assets/8d4139df67d22582.svg 2880w,/assets/8d4139df67d22582.svg 3360w,/assets/8d4139df67d22582.svg 3840w">
                                                                        </div>
                                                                    </div>
                                                                    <div class="css-1msy2is">
                                                                        <div class="css-126idk0">
                                                                            <p class="css-zk6uxi">
                                                                                Get the komoot app
                                                                            </p>
                                                                            <p class="css-1djw4h0">
                                                                                Join 45 million outdoor enthusiasts: navigate, discover, adventure.
                                                                            </p>
                                                                            <div class="css-1wpi5by">
                                                                                <div style="display:contents">
                                                                                    <img alt="Stars rating" class="css-nxi4lo" decoding="async" loading="lazy" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/assets/4f46e350d44bde1d.svg" srcset="/assets/4f46e350d44bde1d.svg 540w,/assets/4f46e350d44bde1d.svg 720w,/assets/4f46e350d44bde1d.svg 1024w,/assets/4f46e350d44bde1d.svg 1080w,/assets/4f46e350d44bde1d.svg 1280w,/assets/4f46e350d44bde1d.svg 1440w,/assets/4f46e350d44bde1d.svg 1680w,/assets/4f46e350d44bde1d.svg 1920w,/assets/4f46e350d44bde1d.svg 2048w,/assets/4f46e350d44bde1d.svg 2560w,/assets/4f46e350d44bde1d.svg 2880w,/assets/4f46e350d44bde1d.svg 3360w,/assets/4f46e350d44bde1d.svg 3840w">
                                                                                </div>
                                                                                <p class="css-oavqiu">
                                                                                    4.8/5
                                                                                </p>
                                                                            </div>
                                                                            <p class="css-15s951g">
                                                                                Based on more than 300k user ratings
                                                                            </p>
                                                                        </div>
                                                                        <div class="css-htj0u7">
                                                                            <div class="css-603dm4">
                                                                                <p class="css-yckr05">
                                                                                    Download komoot now
                                                                                </p>
                                                                                <p class="css-106zcaq">
                                                                                    Visit the App Store, Google Play or scan the QR code with your phone to download instantly.
                                                                                </p>
                                                                                <div class="css-hdlhsn">
                                                                                    <a aria-label="Download on the App Store" class="css-jaet13" href="https://x.bndspn.com/v1/or-jdqap8" rel="nofollow noopener noreferrer" target="_blank">
                                                                                        <img alt="" class="tw-align-bottom" height="44" src="/assets/88fdd5c0a424d357.svg" width="148">
                                                                                    </a>
                                                                                    <a aria-label="Android App on Google Play" class="css-jaet13" href="https://x.bndspn.com/v1/or-z0w587" rel="nofollow noopener noreferrer" target="_blank">
                                                                                        <img alt="" class="tw-align-bottom" height="44" src="/assets/50dc01cb3fd3998b.svg" width="148">
                                                                                    </a>
                                                                                </div>
                                                                            </div>
                                                                            <div class="css-369u3e">
                                                                                <svg class="css-12ododg" stroke="none" viewBox="0 0 2560 2560">
                                                                                    <g transform="scale(88.27586206896552, 88.27586206896552)">
                                                                                        <path class="css-1u8qly9" d="M0,0h1v1h-1z M1,0h1v1h-1z M2,0h1v1h-1z M3,0h1v1h-1z M4,0h1v1h-1z M5,0h1v1h-1z M6,0h1v1h-1z M8,0h1v1h-1z M10,0h1v1h-1z M11,0h1v1h-1z M13,0h1v1h-1z M14,0h1v1h-1z M17,0h1v1h-1z M22,0h1v1h-1z M23,0h1v1h-1z M24,0h1v1h-1z M25,0h1v1h-1z M26,0h1v1h-1z M27,0h1v1h-1z M28,0h1v1h-1z M0,1h1v1h-1z M6,1h1v1h-1z M8,1h1v1h-1z M10,1h1v1h-1z M15,1h1v1h-1z M16,1h1v1h-1z M17,1h1v1h-1z M20,1h1v1h-1z M22,1h1v1h-1z M28,1h1v1h-1z M0,2h1v1h-1z M2,2h1v1h-1z M3,2h1v1h-1z M4,2h1v1h-1z M6,2h1v1h-1z M8,2h1v1h-1z M9,2h1v1h-1z M10,2h1v1h-1z M11,2h1v1h-1z M13,2h1v1h-1z M16,2h1v1h-1z M22,2h1v1h-1z M24,2h1v1h-1z M25,2h1v1h-1z M26,2h1v1h-1z M28,2h1v1h-1z M0,3h1v1h-1z M2,3h1v1h-1z M3,3h1v1h-1z M4,3h1v1h-1z M6,3h1v1h-1z M9,3h1v1h-1z M11,3h1v1h-1z M12,3h1v1h-1z M14,3h1v1h-1z M15,3h1v1h-1z M16,3h1v1h-1z M17,3h1v1h-1z M22,3h1v1h-1z M24,3h1v1h-1z M25,3h1v1h-1z M26,3h1v1h-1z M28,3h1v1h-1z M0,4h1v1h-1z M2,4h1v1h-1z M3,4h1v1h-1z M4,4h1v1h-1z M6,4h1v1h-1z M9,4h1v1h-1z M11,4h1v1h-1z M13,4h1v1h-1z M14,4h1v1h-1z M16,4h1v1h-1z M17,4h1v1h-1z M19,4h1v1h-1z M20,4h1v1h-1z M22,4h1v1h-1z M24,4h1v1h-1z M25,4h1v1h-1z M26,4h1v1h-1z M28,4h1v1h-1z M0,5h1v1h-1z M6,5h1v1h-1z M8,5h1v1h-1z M11,5h1v1h-1z M13,5h1v1h-1z M14,5h1v1h-1z M17,5h1v1h-1z M22,5h1v1h-1z M28,5h1v1h-1z M0,6h1v1h-1z M1,6h1v1h-1z M2,6h1v1h-1z M3,6h1v1h-1z M4,6h1v1h-1z M5,6h1v1h-1z M6,6h1v1h-1z M8,6h1v1h-1z M10,6h1v1h-1z M12,6h1v1h-1z M14,6h1v1h-1z M16,6h1v1h-1z M18,6h1v1h-1z M20,6h1v1h-1z M22,6h1v1h-1z M23,6h1v1h-1z M24,6h1v1h-1z M25,6h1v1h-1z M26,6h1v1h-1z M27,6h1v1h-1z M28,6h1v1h-1z M8,7h1v1h-1z M9,7h1v1h-1z M10,7h1v1h-1z M12,7h1v1h-1z M13,7h1v1h-1z M16,7h1v1h-1z M17,7h1v1h-1z M18,7h1v1h-1z M20,7h1v1h-1z M2,8h1v1h-1z M3,8h1v1h-1z M4,8h1v1h-1z M6,8h1v1h-1z M8,8h1v1h-1z M11,8h1v1h-1z M12,8h1v1h-1z M13,8h1v1h-1z M21,8h1v1h-1z M22,8h1v1h-1z M23,8h1v1h-1z M26,8h1v1h-1z M27,8h1v1h-1z M28,8h1v1h-1z M1,9h1v1h-1z M2,9h1v1h-1z M3,9h1v1h-1z M4,9h1v1h-1z M5,9h1v1h-1z M7,9h1v1h-1z M8,9h1v1h-1z M9,9h1v1h-1z M12,9h1v1h-1z M13,9h1v1h-1z M14,9h1v1h-1z M16,9h1v1h-1z M18,9h1v1h-1z M20,9h1v1h-1z M21,9h1v1h-1z M22,9h1v1h-1z M23,9h1v1h-1z M24,9h1v1h-1z M25,9h1v1h-1z M26,9h1v1h-1z M27,9h1v1h-1z M28,9h1v1h-1z M2,10h1v1h-1z M3,10h1v1h-1z M6,10h1v1h-1z M7,10h1v1h-1z M8,10h1v1h-1z M9,10h1v1h-1z M19,10h1v1h-1z M22,10h1v1h-1z M23,10h1v1h-1z M24,10h1v1h-1z M0,11h1v1h-1z M2,11h1v1h-1z M3,11h1v1h-1z M4,11h1v1h-1z M5,11h1v1h-1z M7,11h1v1h-1z M9,11h1v1h-1z M19,11h1v1h-1z M20,11h1v1h-1z M22,11h1v1h-1z M23,11h1v1h-1z M25,11h1v1h-1z M28,11h1v1h-1z M0,12h1v1h-1z M3,12h1v1h-1z M4,12h1v1h-1z M5,12h1v1h-1z M6,12h1v1h-1z M7,12h1v1h-1z M19,12h1v1h-1z M26,12h1v1h-1z M28,12h1v1h-1z M4,13h1v1h-1z M5,13h1v1h-1z M8,13h1v1h-1z M19,13h1v1h-1z M20,13h1v1h-1z M21,13h1v1h-1z M22,13h1v1h-1z M23,13h1v1h-1z M24,13h1v1h-1z M27,13h1v1h-1z M28,13h1v1h-1z M0,14h1v1h-1z M3,14h1v1h-1z M5,14h1v1h-1z M6,14h1v1h-1z M20,14h1v1h-1z M21,14h1v1h-1z M23,14h1v1h-1z M24,14h1v1h-1z M25,14h1v1h-1z M0,15h1v1h-1z M2,15h1v1h-1z M5,15h1v1h-1z M7,15h1v1h-1z M9,15h1v1h-1z M19,15h1v1h-1z M20,15h1v1h-1z M25,15h1v1h-1z M27,15h1v1h-1z M28,15h1v1h-1z M0,16h1v1h-1z M2,16h1v1h-1z M4,16h1v1h-1z M6,16h1v1h-1z M9,16h1v1h-1z M19,16h1v1h-1z M26,16h1v1h-1z M28,16h1v1h-1z M0,17h1v1h-1z M1,17h1v1h-1z M5,17h1v1h-1z M7,17h1v1h-1z M8,17h1v1h-1z M22,17h1v1h-1z M24,17h1v1h-1z M25,17h1v1h-1z M26,17h1v1h-1z M27,17h1v1h-1z M28,17h1v1h-1z M0,18h1v1h-1z M3,18h1v1h-1z M4,18h1v1h-1z M6,18h1v1h-1z M7,18h1v1h-1z M22,18h1v1h-1z M24,18h1v1h-1z M25,18h1v1h-1z M26,18h1v1h-1z M27,18h1v1h-1z M0,19h1v1h-1z M3,19h1v1h-1z M4,19h1v1h-1z M5,19h1v1h-1z M8,19h1v1h-1z M11,19h1v1h-1z M12,19h1v1h-1z M14,19h1v1h-1z M15,19h1v1h-1z M17,19h1v1h-1z M18,19h1v1h-1z M21,19h1v1h-1z M22,19h1v1h-1z M23,19h1v1h-1z M24,19h1v1h-1z M25,19h1v1h-1z M0,20h1v1h-1z M2,20h1v1h-1z M5,20h1v1h-1z M6,20h1v1h-1z M7,20h1v1h-1z M8,20h1v1h-1z M9,20h1v1h-1z M10,20h1v1h-1z M12,20h1v1h-1z M13,20h1v1h-1z M15,20h1v1h-1z M17,20h1v1h-1z M20,20h1v1h-1z M21,20h1v1h-1z M22,20h1v1h-1z M23,20h1v1h-1z M24,20h1v1h-1z M26,20h1v1h-1z M8,21h1v1h-1z M10,21h1v1h-1z M11,21h1v1h-1z M12,21h1v1h-1z M17,21h1v1h-1z M20,21h1v1h-1z M24,21h1v1h-1z M27,21h1v1h-1z M28,21h1v1h-1z M0,22h1v1h-1z M1,22h1v1h-1z M2,22h1v1h-1z M3,22h1v1h-1z M4,22h1v1h-1z M5,22h1v1h-1z M6,22h1v1h-1z M9,22h1v1h-1z M12,22h1v1h-1z M15,22h1v1h-1z M16,22h1v1h-1z M19,22h1v1h-1z M20,22h1v1h-1z M22,22h1v1h-1z M24,22h1v1h-1z M25,22h1v1h-1z M26,22h1v1h-1z M0,23h1v1h-1z M6,23h1v1h-1z M10,23h1v1h-1z M12,23h1v1h-1z M13,23h1v1h-1z M20,23h1v1h-1z M24,23h1v1h-1z M25,23h1v1h-1z M28,23h1v1h-1z M0,24h1v1h-1z M2,24h1v1h-1z M3,24h1v1h-1z M4,24h1v1h-1z M6,24h1v1h-1z M8,24h1v1h-1z M10,24h1v1h-1z M11,24h1v1h-1z M12,24h1v1h-1z M13,24h1v1h-1z M16,24h1v1h-1z M18,24h1v1h-1z M20,24h1v1h-1z M21,24h1v1h-1z M22,24h1v1h-1z M23,24h1v1h-1z M24,24h1v1h-1z M25,24h1v1h-1z M26,24h1v1h-1z M0,25h1v1h-1z M2,25h1v1h-1z M3,25h1v1h-1z M4,25h1v1h-1z M6,25h1v1h-1z M8,25h1v1h-1z M9,25h1v1h-1z M11,25h1v1h-1z M12,25h1v1h-1z M14,25h1v1h-1z M16,25h1v1h-1z M17,25h1v1h-1z M19,25h1v1h-1z M20,25h1v1h-1z M0,26h1v1h-1z M2,26h1v1h-1z M3,26h1v1h-1z M4,26h1v1h-1z M6,26h1v1h-1z M8,26h1v1h-1z M10,26h1v1h-1z M13,26h1v1h-1z M14,26h1v1h-1z M15,26h1v1h-1z M16,26h1v1h-1z M22,26h1v1h-1z M23,26h1v1h-1z M24,26h1v1h-1z M25,26h1v1h-1z M27,26h1v1h-1z M0,27h1v1h-1z M6,27h1v1h-1z M9,27h1v1h-1z M10,27h1v1h-1z M12,27h1v1h-1z M16,27h1v1h-1z M17,27h1v1h-1z M19,27h1v1h-1z M20,27h1v1h-1z M21,27h1v1h-1z M24,27h1v1h-1z M25,27h1v1h-1z M27,27h1v1h-1z M0,28h1v1h-1z M1,28h1v1h-1z M2,28h1v1h-1z M3,28h1v1h-1z M4,28h1v1h-1z M5,28h1v1h-1z M6,28h1v1h-1z M10,28h1v1h-1z M11,28h1v1h-1z M12,28h1v1h-1z M13,28h1v1h-1z M14,28h1v1h-1z M19,28h1v1h-1z M21,28h1v1h-1z M23,28h1v1h-1z M24,28h1v1h-1z M26,28h1v1h-1z" fill="currentColor">
                                                                                        </path>
                                                                                    </g>
                                                                                    <g class="qr-code-logo" transform="translate(896.0000000000001, 896.0000000000001)">
                                                                                        <g class="css-1u8qly9">
                                                                                            <g>
                                                                                                <g>
                                                                                                </g>
                                                                                            </g>
                                                                                        </g>
                                                                                    </g>
                                                                                </svg>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </dialog>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <style data-emotion="css 170c5i1">
                                            .css-170c5i1 {
                                                -webkit-align-items : start;
                                                -webkit-box-align   : start;
                                                -ms-flex-align      : start;
                                                align-items         : start;
                                                display             : -webkit-box;
                                                display             : -webkit-flex;
                                                display             : -ms-flexbox;
                                                display             : flex;
                                                -webkit-flex-direction: column;
                                                -ms-flex-direction  : column;
                                                flex-direction      : column;
                                                gap                 : 0.75rem;
                                                -webkit-box-pack    : start;
                                                -ms-flex-pack       : start;
                                                -webkit-justify-content: start;
                                                justify-content     : start;
                                                max-width           : 100%;
                                                -webkit-order       : 1;
                                                -ms-flex-order      : 1;
                                                order               : 1;
                                                position            : relative;
                                                width               : 100%;
                                                -webkit-transform   : rotate(-6deg);
                                                -moz-transform      : rotate(-6deg);
                                                -ms-transform       : rotate(-6deg);
                                                transform           : rotate(-6deg);
                                            }
                                            @media screen and (min-width: 1440px) {
                                                .css-170c5i1 {
                                                    max-width           : 50%;
                                                }
                                            }
                                        </style>
                                        <div class="css-170c5i1">
                                            <style data-emotion="css 1fb7tye">
                                                .css-1fb7tye {
                                                    height              : 3.25rem;
                                                    left                : 50%;
                                                    position            : absolute;
                                                    top                 : 3%;
                                                    width               : 3.25rem;
                                                    -webkit-transform   : translate(-50%, 0);
                                                    -moz-transform      : translate(-50%, 0);
                                                    -ms-transform       : translate(-50%, 0);
                                                    transform           : translate(-50%, 0);
                                                }
                                                @media screen and (min-width: 540px) {
                                                    .css-1fb7tye {
                                                        height              : 6.75rem;
                                                        top                 : -0.5rem;
                                                        width               : 6.75rem;
                                                    }
                                                }
                                                @media screen and (min-width: 1440px) {
                                                    .css-1fb7tye {
                                                        height              : 6.25rem;
                                                        width               : 6.25rem;
                                                    }
                                                }
                                            </style>
                                            <div class="css-1fb7tye">
                                            </div>
                                            <div style="display:contents">
                                                <img alt="Community mockup" class="css-1oxfau3" decoding="async" fetchpriority="low" loading="lazy" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/images/home/new/about-explore-desktop.webp?width=3840&amp;q=80" srcset="/images/home/new/about-explore-desktop.webp?width=540&amp;q=80 540w,/images/home/new/about-explore-desktop.webp?width=720&amp;q=80 720w,/images/home/new/about-explore-desktop.webp?width=1024&amp;q=80 1024w,/images/home/new/about-explore-desktop.webp?width=1080&amp;q=80 1080w,/images/home/new/about-explore-desktop.webp?width=1280&amp;q=80 1280w,/images/home/new/about-explore-desktop.webp?width=1440&amp;q=80 1440w,/images/home/new/about-explore-desktop.webp?width=1680&amp;q=80 1680w,/images/home/new/about-explore-desktop.webp?width=1920&amp;q=80 1920w,/images/home/new/about-explore-desktop.webp?width=2048&amp;q=80 2048w,/images/home/new/about-explore-desktop.webp?width=2560&amp;q=80 2560w,/images/home/new/about-explore-desktop.webp?width=2880&amp;q=80 2880w,/images/home/new/about-explore-desktop.webp?width=3360&amp;q=80 3360w,/images/home/new/about-explore-desktop.webp?width=3840&amp;q=80 3840w">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="css-1cnorxb">
                                        <div class="css-q681y5">
                                            <div class="css-ode4hu">
                                                More effective navigation
                                            </div>
                                            <p class="css-12q5edf">
                                                Even off the beaten track, komoot keeps you on course. With turn-by-turn voice navigation and offline maps, you can stay focused on the moment&mdash;not the signal. Just download your route and explore freely, even far from reception.
                                            </p>
                                            <div class="css-14d2n01">
                                                <a aria-label="Signup for Free" class="css-l6gvcn" href="https://www.komoot.com/signin?reason=home-about-block" role="button" target="_self">
                                                    <span class="css-toyscm">
                                                        Signup for Free
                                                    </span>
                                                </a>
                                                <div class="css-1loqnbr">
                                                    <p class="css-1aafesm">
                                                        or
                                                    </p>
                                                    <div class="css-a8rqeq">
                                                        <button aria-label="Get the App" class="css-1jqt0a4">
                                                            <p class="css-135ol54">
                                                                Get the App
                                                            </p>
                                                        </button>
                                                        <style data-emotion="css-global t2v980">
                                                            html {
                                                                scrollbar-gutter    : unset;
                                                            }
                                                            body {
                                                                overflow            : unset;
                                                            }
                                                        </style>
                                                        <div class="css-1l5o1j8">
                                                        </div>
                                                        <dialog aria-hidden="true" class="css-1b68a8r">
                                                            <div class="css-1wa2cs7">
                                                                <div class="css-mqt1l6">
                                                                    <div class="css-yc2rzh">
                                                                        <button aria-disabled="false" class="css-14vpizs" type="button">
                                                                            <span class="css-15z1mso">
                                                                                <svg aria-hidden="true" class="css-1efdy7k" fill="none" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                                                                    <path d="M7.757 6.343L6.343 7.757 10.586 12l-4.243 4.243 1.414 1.414L12 13.414l4.243 4.243 1.414-1.414L13.414 12l4.243-4.243-1.414-1.414L12 10.586 7.757 6.343z" fill="currentColor">
                                                                                    </path>
                                                                                </svg>
                                                                            </span>
                                                                        </button>
                                                                        <div style="display:contents">
                                                                            <img alt="App mockup" class="css-1iqrgr8" decoding="async" loading="lazy" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/images/get-app-dialog/app_mockup.png?width=3840&amp;q=80" srcset="/images/get-app-dialog/app_mockup.png?width=540&amp;q=80 540w,/images/get-app-dialog/app_mockup.png?width=720&amp;q=80 720w,/images/get-app-dialog/app_mockup.png?width=1024&amp;q=80 1024w,/images/get-app-dialog/app_mockup.png?width=1080&amp;q=80 1080w,/images/get-app-dialog/app_mockup.png?width=1280&amp;q=80 1280w,/images/get-app-dialog/app_mockup.png?width=1440&amp;q=80 1440w,/images/get-app-dialog/app_mockup.png?width=1680&amp;q=80 1680w,/images/get-app-dialog/app_mockup.png?width=1920&amp;q=80 1920w,/images/get-app-dialog/app_mockup.png?width=2048&amp;q=80 2048w,/images/get-app-dialog/app_mockup.png?width=2560&amp;q=80 2560w,/images/get-app-dialog/app_mockup.png?width=2880&amp;q=80 2880w,/images/get-app-dialog/app_mockup.png?width=3360&amp;q=80 3360w,/images/get-app-dialog/app_mockup.png?width=3840&amp;q=80 3840w">
                                                                        </div>
                                                                        <div style="display:contents">
                                                                            <img alt="Background" class="css-hpnas8" decoding="async" loading="eager" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/assets/8d4139df67d22582.svg" srcset="/assets/8d4139df67d22582.svg 540w,/assets/8d4139df67d22582.svg 720w,/assets/8d4139df67d22582.svg 1024w,/assets/8d4139df67d22582.svg 1080w,/assets/8d4139df67d22582.svg 1280w,/assets/8d4139df67d22582.svg 1440w,/assets/8d4139df67d22582.svg 1680w,/assets/8d4139df67d22582.svg 1920w,/assets/8d4139df67d22582.svg 2048w,/assets/8d4139df67d22582.svg 2560w,/assets/8d4139df67d22582.svg 2880w,/assets/8d4139df67d22582.svg 3360w,/assets/8d4139df67d22582.svg 3840w">
                                                                        </div>
                                                                    </div>
                                                                    <div class="css-1msy2is">
                                                                        <div class="css-126idk0">
                                                                            <p class="css-zk6uxi">
                                                                                Get the komoot app
                                                                            </p>
                                                                            <p class="css-1djw4h0">
                                                                                Join 45 million outdoor enthusiasts: navigate, discover, adventure.
                                                                            </p>
                                                                            <div class="css-1wpi5by">
                                                                                <div style="display:contents">
                                                                                    <img alt="Stars rating" class="css-nxi4lo" decoding="async" loading="lazy" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/assets/4f46e350d44bde1d.svg" srcset="/assets/4f46e350d44bde1d.svg 540w,/assets/4f46e350d44bde1d.svg 720w,/assets/4f46e350d44bde1d.svg 1024w,/assets/4f46e350d44bde1d.svg 1080w,/assets/4f46e350d44bde1d.svg 1280w,/assets/4f46e350d44bde1d.svg 1440w,/assets/4f46e350d44bde1d.svg 1680w,/assets/4f46e350d44bde1d.svg 1920w,/assets/4f46e350d44bde1d.svg 2048w,/assets/4f46e350d44bde1d.svg 2560w,/assets/4f46e350d44bde1d.svg 2880w,/assets/4f46e350d44bde1d.svg 3360w,/assets/4f46e350d44bde1d.svg 3840w">
                                                                                </div>
                                                                                <p class="css-oavqiu">
                                                                                    4.8/5
                                                                                </p>
                                                                            </div>
                                                                            <p class="css-15s951g">
                                                                                Based on more than 300k user ratings
                                                                            </p>
                                                                        </div>
                                                                        <div class="css-htj0u7">
                                                                            <div class="css-603dm4">
                                                                                <p class="css-yckr05">
                                                                                    Download komoot now
                                                                                </p>
                                                                                <p class="css-106zcaq">
                                                                                    Visit the App Store, Google Play or scan the QR code with your phone to download instantly.
                                                                                </p>
                                                                                <div class="css-hdlhsn">
                                                                                    <a aria-label="Download on the App Store" class="css-jaet13" href="https://x.bndspn.com/v1/or-jdqap8" rel="nofollow noopener noreferrer" target="_blank">
                                                                                        <img alt="" class="tw-align-bottom" height="44" src="/assets/88fdd5c0a424d357.svg" width="148">
                                                                                    </a>
                                                                                    <a aria-label="Android App on Google Play" class="css-jaet13" href="https://x.bndspn.com/v1/or-z0w587" rel="nofollow noopener noreferrer" target="_blank">
                                                                                        <img alt="" class="tw-align-bottom" height="44" src="/assets/50dc01cb3fd3998b.svg" width="148">
                                                                                    </a>
                                                                                </div>
                                                                            </div>
                                                                            <div class="css-369u3e">
                                                                                <svg class="css-12ododg" stroke="none" viewBox="0 0 2560 2560">
                                                                                    <g transform="scale(88.27586206896552, 88.27586206896552)">
                                                                                        <path class="css-1u8qly9" d="M0,0h1v1h-1z M1,0h1v1h-1z M2,0h1v1h-1z M3,0h1v1h-1z M4,0h1v1h-1z M5,0h1v1h-1z M6,0h1v1h-1z M8,0h1v1h-1z M10,0h1v1h-1z M11,0h1v1h-1z M13,0h1v1h-1z M14,0h1v1h-1z M17,0h1v1h-1z M22,0h1v1h-1z M23,0h1v1h-1z M24,0h1v1h-1z M25,0h1v1h-1z M26,0h1v1h-1z M27,0h1v1h-1z M28,0h1v1h-1z M0,1h1v1h-1z M6,1h1v1h-1z M8,1h1v1h-1z M10,1h1v1h-1z M15,1h1v1h-1z M16,1h1v1h-1z M17,1h1v1h-1z M20,1h1v1h-1z M22,1h1v1h-1z M28,1h1v1h-1z M0,2h1v1h-1z M2,2h1v1h-1z M3,2h1v1h-1z M4,2h1v1h-1z M6,2h1v1h-1z M8,2h1v1h-1z M9,2h1v1h-1z M10,2h1v1h-1z M11,2h1v1h-1z M13,2h1v1h-1z M16,2h1v1h-1z M22,2h1v1h-1z M24,2h1v1h-1z M25,2h1v1h-1z M26,2h1v1h-1z M28,2h1v1h-1z M0,3h1v1h-1z M2,3h1v1h-1z M3,3h1v1h-1z M4,3h1v1h-1z M6,3h1v1h-1z M9,3h1v1h-1z M11,3h1v1h-1z M12,3h1v1h-1z M14,3h1v1h-1z M15,3h1v1h-1z M16,3h1v1h-1z M17,3h1v1h-1z M22,3h1v1h-1z M24,3h1v1h-1z M25,3h1v1h-1z M26,3h1v1h-1z M28,3h1v1h-1z M0,4h1v1h-1z M2,4h1v1h-1z M3,4h1v1h-1z M4,4h1v1h-1z M6,4h1v1h-1z M9,4h1v1h-1z M11,4h1v1h-1z M13,4h1v1h-1z M14,4h1v1h-1z M16,4h1v1h-1z M17,4h1v1h-1z M19,4h1v1h-1z M20,4h1v1h-1z M22,4h1v1h-1z M24,4h1v1h-1z M25,4h1v1h-1z M26,4h1v1h-1z M28,4h1v1h-1z M0,5h1v1h-1z M6,5h1v1h-1z M8,5h1v1h-1z M11,5h1v1h-1z M13,5h1v1h-1z M14,5h1v1h-1z M17,5h1v1h-1z M22,5h1v1h-1z M28,5h1v1h-1z M0,6h1v1h-1z M1,6h1v1h-1z M2,6h1v1h-1z M3,6h1v1h-1z M4,6h1v1h-1z M5,6h1v1h-1z M6,6h1v1h-1z M8,6h1v1h-1z M10,6h1v1h-1z M12,6h1v1h-1z M14,6h1v1h-1z M16,6h1v1h-1z M18,6h1v1h-1z M20,6h1v1h-1z M22,6h1v1h-1z M23,6h1v1h-1z M24,6h1v1h-1z M25,6h1v1h-1z M26,6h1v1h-1z M27,6h1v1h-1z M28,6h1v1h-1z M8,7h1v1h-1z M9,7h1v1h-1z M10,7h1v1h-1z M12,7h1v1h-1z M13,7h1v1h-1z M16,7h1v1h-1z M17,7h1v1h-1z M18,7h1v1h-1z M20,7h1v1h-1z M2,8h1v1h-1z M3,8h1v1h-1z M4,8h1v1h-1z M6,8h1v1h-1z M8,8h1v1h-1z M11,8h1v1h-1z M12,8h1v1h-1z M13,8h1v1h-1z M21,8h1v1h-1z M22,8h1v1h-1z M23,8h1v1h-1z M26,8h1v1h-1z M27,8h1v1h-1z M28,8h1v1h-1z M1,9h1v1h-1z M2,9h1v1h-1z M3,9h1v1h-1z M4,9h1v1h-1z M5,9h1v1h-1z M7,9h1v1h-1z M8,9h1v1h-1z M9,9h1v1h-1z M12,9h1v1h-1z M13,9h1v1h-1z M14,9h1v1h-1z M16,9h1v1h-1z M18,9h1v1h-1z M20,9h1v1h-1z M21,9h1v1h-1z M22,9h1v1h-1z M23,9h1v1h-1z M24,9h1v1h-1z M25,9h1v1h-1z M26,9h1v1h-1z M27,9h1v1h-1z M28,9h1v1h-1z M2,10h1v1h-1z M3,10h1v1h-1z M6,10h1v1h-1z M7,10h1v1h-1z M8,10h1v1h-1z M9,10h1v1h-1z M19,10h1v1h-1z M22,10h1v1h-1z M23,10h1v1h-1z M24,10h1v1h-1z M0,11h1v1h-1z M2,11h1v1h-1z M3,11h1v1h-1z M4,11h1v1h-1z M5,11h1v1h-1z M7,11h1v1h-1z M9,11h1v1h-1z M19,11h1v1h-1z M20,11h1v1h-1z M22,11h1v1h-1z M23,11h1v1h-1z M25,11h1v1h-1z M28,11h1v1h-1z M0,12h1v1h-1z M3,12h1v1h-1z M4,12h1v1h-1z M5,12h1v1h-1z M6,12h1v1h-1z M7,12h1v1h-1z M19,12h1v1h-1z M26,12h1v1h-1z M28,12h1v1h-1z M4,13h1v1h-1z M5,13h1v1h-1z M8,13h1v1h-1z M19,13h1v1h-1z M20,13h1v1h-1z M21,13h1v1h-1z M22,13h1v1h-1z M23,13h1v1h-1z M24,13h1v1h-1z M27,13h1v1h-1z M28,13h1v1h-1z M0,14h1v1h-1z M3,14h1v1h-1z M5,14h1v1h-1z M6,14h1v1h-1z M20,14h1v1h-1z M21,14h1v1h-1z M23,14h1v1h-1z M24,14h1v1h-1z M25,14h1v1h-1z M0,15h1v1h-1z M2,15h1v1h-1z M5,15h1v1h-1z M7,15h1v1h-1z M9,15h1v1h-1z M19,15h1v1h-1z M20,15h1v1h-1z M25,15h1v1h-1z M27,15h1v1h-1z M28,15h1v1h-1z M0,16h1v1h-1z M2,16h1v1h-1z M4,16h1v1h-1z M6,16h1v1h-1z M9,16h1v1h-1z M19,16h1v1h-1z M26,16h1v1h-1z M28,16h1v1h-1z M0,17h1v1h-1z M1,17h1v1h-1z M5,17h1v1h-1z M7,17h1v1h-1z M8,17h1v1h-1z M22,17h1v1h-1z M24,17h1v1h-1z M25,17h1v1h-1z M26,17h1v1h-1z M27,17h1v1h-1z M28,17h1v1h-1z M0,18h1v1h-1z M3,18h1v1h-1z M4,18h1v1h-1z M6,18h1v1h-1z M7,18h1v1h-1z M22,18h1v1h-1z M24,18h1v1h-1z M25,18h1v1h-1z M26,18h1v1h-1z M27,18h1v1h-1z M0,19h1v1h-1z M3,19h1v1h-1z M4,19h1v1h-1z M5,19h1v1h-1z M8,19h1v1h-1z M11,19h1v1h-1z M12,19h1v1h-1z M14,19h1v1h-1z M15,19h1v1h-1z M17,19h1v1h-1z M18,19h1v1h-1z M21,19h1v1h-1z M22,19h1v1h-1z M23,19h1v1h-1z M24,19h1v1h-1z M25,19h1v1h-1z M0,20h1v1h-1z M2,20h1v1h-1z M5,20h1v1h-1z M6,20h1v1h-1z M7,20h1v1h-1z M8,20h1v1h-1z M9,20h1v1h-1z M10,20h1v1h-1z M12,20h1v1h-1z M13,20h1v1h-1z M15,20h1v1h-1z M17,20h1v1h-1z M20,20h1v1h-1z M21,20h1v1h-1z M22,20h1v1h-1z M23,20h1v1h-1z M24,20h1v1h-1z M26,20h1v1h-1z M8,21h1v1h-1z M10,21h1v1h-1z M11,21h1v1h-1z M12,21h1v1h-1z M17,21h1v1h-1z M20,21h1v1h-1z M24,21h1v1h-1z M27,21h1v1h-1z M28,21h1v1h-1z M0,22h1v1h-1z M1,22h1v1h-1z M2,22h1v1h-1z M3,22h1v1h-1z M4,22h1v1h-1z M5,22h1v1h-1z M6,22h1v1h-1z M9,22h1v1h-1z M12,22h1v1h-1z M15,22h1v1h-1z M16,22h1v1h-1z M19,22h1v1h-1z M20,22h1v1h-1z M22,22h1v1h-1z M24,22h1v1h-1z M25,22h1v1h-1z M26,22h1v1h-1z M0,23h1v1h-1z M6,23h1v1h-1z M10,23h1v1h-1z M12,23h1v1h-1z M13,23h1v1h-1z M20,23h1v1h-1z M24,23h1v1h-1z M25,23h1v1h-1z M28,23h1v1h-1z M0,24h1v1h-1z M2,24h1v1h-1z M3,24h1v1h-1z M4,24h1v1h-1z M6,24h1v1h-1z M8,24h1v1h-1z M10,24h1v1h-1z M11,24h1v1h-1z M12,24h1v1h-1z M13,24h1v1h-1z M16,24h1v1h-1z M18,24h1v1h-1z M20,24h1v1h-1z M21,24h1v1h-1z M22,24h1v1h-1z M23,24h1v1h-1z M24,24h1v1h-1z M25,24h1v1h-1z M26,24h1v1h-1z M0,25h1v1h-1z M2,25h1v1h-1z M3,25h1v1h-1z M4,25h1v1h-1z M6,25h1v1h-1z M8,25h1v1h-1z M9,25h1v1h-1z M11,25h1v1h-1z M12,25h1v1h-1z M14,25h1v1h-1z M16,25h1v1h-1z M17,25h1v1h-1z M19,25h1v1h-1z M20,25h1v1h-1z M0,26h1v1h-1z M2,26h1v1h-1z M3,26h1v1h-1z M4,26h1v1h-1z M6,26h1v1h-1z M8,26h1v1h-1z M10,26h1v1h-1z M13,26h1v1h-1z M14,26h1v1h-1z M15,26h1v1h-1z M16,26h1v1h-1z M22,26h1v1h-1z M23,26h1v1h-1z M24,26h1v1h-1z M25,26h1v1h-1z M27,26h1v1h-1z M0,27h1v1h-1z M6,27h1v1h-1z M9,27h1v1h-1z M10,27h1v1h-1z M12,27h1v1h-1z M16,27h1v1h-1z M17,27h1v1h-1z M19,27h1v1h-1z M20,27h1v1h-1z M21,27h1v1h-1z M24,27h1v1h-1z M25,27h1v1h-1z M27,27h1v1h-1z M0,28h1v1h-1z M1,28h1v1h-1z M2,28h1v1h-1z M3,28h1v1h-1z M4,28h1v1h-1z M5,28h1v1h-1z M6,28h1v1h-1z M10,28h1v1h-1z M11,28h1v1h-1z M12,28h1v1h-1z M13,28h1v1h-1z M14,28h1v1h-1z M19,28h1v1h-1z M21,28h1v1h-1z M23,28h1v1h-1z M24,28h1v1h-1z M26,28h1v1h-1z" fill="currentColor">
                                                                                        </path>
                                                                                    </g>
                                                                                    <g class="qr-code-logo" transform="translate(896.0000000000001, 896.0000000000001)">
                                                                                        <g class="css-1u8qly9">
                                                                                            <g>
                                                                                                <g>
                                                                                                </g>
                                                                                            </g>
                                                                                        </g>
                                                                                    </g>
                                                                                </svg>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </dialog>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <style data-emotion="css zvpssy">
                                            .css-zvpssy {
                                                -webkit-align-items : start;
                                                -webkit-box-align   : start;
                                                -ms-flex-align      : start;
                                                align-items         : start;
                                                display             : -webkit-box;
                                                display             : -webkit-flex;
                                                display             : -ms-flexbox;
                                                display             : flex;
                                                -webkit-flex-direction: column;
                                                -ms-flex-direction  : column;
                                                flex-direction      : column;
                                                gap                 : 0.75rem;
                                                -webkit-box-pack    : start;
                                                -ms-flex-pack       : start;
                                                -webkit-justify-content: start;
                                                justify-content     : start;
                                                max-width           : 100%;
                                                -webkit-order       : 2;
                                                -ms-flex-order      : 2;
                                                order               : 2;
                                                position            : relative;
                                                width               : 100%;
                                                -webkit-transform   : rotate(-2deg);
                                                -moz-transform      : rotate(-2deg);
                                                -ms-transform       : rotate(-2deg);
                                                transform           : rotate(-2deg);
                                            }
                                            @media screen and (min-width: 1440px) {
                                                .css-zvpssy {
                                                    max-width           : 50%;
                                                }
                                            }
                                        </style>
                                        <div class="css-zvpssy">
                                            <style data-emotion="css 1q8h5uf">
                                                .css-1q8h5uf {
                                                    height              : 3.25rem;
                                                    left                : 0.5rem;
                                                    position            : absolute;
                                                    top                 : 0.5rem;
                                                    width               : 3.25rem;
                                                }
                                                @media screen and (min-width: 540px) {
                                                    .css-1q8h5uf {
                                                        height              : 6.75rem;
                                                        width               : 6.75rem;
                                                    }
                                                }
                                                @media screen and (min-width: 1440px) {
                                                    .css-1q8h5uf {
                                                        height              : 6.25rem;
                                                        width               : 6.25rem;
                                                    }
                                                }
                                            </style>
                                            <div class="css-1q8h5uf">
                                            </div>
                                            <div style="display:contents">
                                                <img alt="Community mockup" class="css-1oxfau3" decoding="async" fetchpriority="low" loading="lazy" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/images/home/new/about-navigation-desktop.webp?width=3840&amp;q=80" srcset="/images/home/new/about-navigation-desktop.webp?width=540&amp;q=80 540w,/images/home/new/about-navigation-desktop.webp?width=720&amp;q=80 720w,/images/home/new/about-navigation-desktop.webp?width=1024&amp;q=80 1024w,/images/home/new/about-navigation-desktop.webp?width=1080&amp;q=80 1080w,/images/home/new/about-navigation-desktop.webp?width=1280&amp;q=80 1280w,/images/home/new/about-navigation-desktop.webp?width=1440&amp;q=80 1440w,/images/home/new/about-navigation-desktop.webp?width=1680&amp;q=80 1680w,/images/home/new/about-navigation-desktop.webp?width=1920&amp;q=80 1920w,/images/home/new/about-navigation-desktop.webp?width=2048&amp;q=80 2048w,/images/home/new/about-navigation-desktop.webp?width=2560&amp;q=80 2560w,/images/home/new/about-navigation-desktop.webp?width=2880&amp;q=80 2880w,/images/home/new/about-navigation-desktop.webp?width=3360&amp;q=80 3360w,/images/home/new/about-navigation-desktop.webp?width=3840&amp;q=80 3840w">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="css-1cnorxb">
                                        <div class="css-v1moyo">
                                            <div class="css-ode4hu">
                                                Share your adventure
                                            </div>
                                            <p class="css-12q5edf">
                                                Inspire millions of outdoor lovers with photos and suggestions from your latest trip. 
Share your adventure&rsquo;s best moments with the largest outdoor community in the world.
                                            </p>
                                            <div class="css-14d2n01">
                                                <a aria-label="Signup for Free" class="css-l6gvcn" href="https://www.komoot.com/signin?reason=home-about-block" role="button" target="_self">
                                                    <span class="css-toyscm">
                                                        Signup for Free
                                                    </span>
                                                </a>
                                                <div class="css-1loqnbr">
                                                    <p class="css-1aafesm">
                                                        or
                                                    </p>
                                                    <div class="css-a8rqeq">
                                                        <button aria-label="Get the App" class="css-1jqt0a4">
                                                            <p class="css-135ol54">
                                                                Get the App
                                                            </p>
                                                        </button>
                                                        <style data-emotion="css-global t2v980">
                                                            html {
                                                                scrollbar-gutter    : unset;
                                                            }
                                                            body {
                                                                overflow            : unset;
                                                            }
                                                        </style>
                                                        <div class="css-1l5o1j8">
                                                        </div>
                                                        <dialog aria-hidden="true" class="css-1b68a8r">
                                                            <div class="css-1wa2cs7">
                                                                <div class="css-mqt1l6">
                                                                    <div class="css-yc2rzh">
                                                                        <button aria-disabled="false" class="css-14vpizs" type="button">
                                                                            <span class="css-15z1mso">
                                                                                <svg aria-hidden="true" class="css-1efdy7k" fill="none" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                                                                    <path d="M7.757 6.343L6.343 7.757 10.586 12l-4.243 4.243 1.414 1.414L12 13.414l4.243 4.243 1.414-1.414L13.414 12l4.243-4.243-1.414-1.414L12 10.586 7.757 6.343z" fill="currentColor">
                                                                                    </path>
                                                                                </svg>
                                                                            </span>
                                                                        </button>
                                                                        <div style="display:contents">
                                                                            <img alt="App mockup" class="css-1iqrgr8" decoding="async" loading="lazy" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/images/get-app-dialog/app_mockup.png?width=3840&amp;q=80" srcset="/images/get-app-dialog/app_mockup.png?width=540&amp;q=80 540w,/images/get-app-dialog/app_mockup.png?width=720&amp;q=80 720w,/images/get-app-dialog/app_mockup.png?width=1024&amp;q=80 1024w,/images/get-app-dialog/app_mockup.png?width=1080&amp;q=80 1080w,/images/get-app-dialog/app_mockup.png?width=1280&amp;q=80 1280w,/images/get-app-dialog/app_mockup.png?width=1440&amp;q=80 1440w,/images/get-app-dialog/app_mockup.png?width=1680&amp;q=80 1680w,/images/get-app-dialog/app_mockup.png?width=1920&amp;q=80 1920w,/images/get-app-dialog/app_mockup.png?width=2048&amp;q=80 2048w,/images/get-app-dialog/app_mockup.png?width=2560&amp;q=80 2560w,/images/get-app-dialog/app_mockup.png?width=2880&amp;q=80 2880w,/images/get-app-dialog/app_mockup.png?width=3360&amp;q=80 3360w,/images/get-app-dialog/app_mockup.png?width=3840&amp;q=80 3840w">
                                                                        </div>
                                                                        <div style="display:contents">
                                                                            <img alt="Background" class="css-hpnas8" decoding="async" loading="eager" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/assets/8d4139df67d22582.svg" srcset="/assets/8d4139df67d22582.svg 540w,/assets/8d4139df67d22582.svg 720w,/assets/8d4139df67d22582.svg 1024w,/assets/8d4139df67d22582.svg 1080w,/assets/8d4139df67d22582.svg 1280w,/assets/8d4139df67d22582.svg 1440w,/assets/8d4139df67d22582.svg 1680w,/assets/8d4139df67d22582.svg 1920w,/assets/8d4139df67d22582.svg 2048w,/assets/8d4139df67d22582.svg 2560w,/assets/8d4139df67d22582.svg 2880w,/assets/8d4139df67d22582.svg 3360w,/assets/8d4139df67d22582.svg 3840w">
                                                                        </div>
                                                                    </div>
                                                                    <div class="css-1msy2is">
                                                                        <div class="css-126idk0">
                                                                            <p class="css-zk6uxi">
                                                                                Get the komoot app
                                                                            </p>
                                                                            <p class="css-1djw4h0">
                                                                                Join 45 million outdoor enthusiasts: navigate, discover, adventure.
                                                                            </p>
                                                                            <div class="css-1wpi5by">
                                                                                <div style="display:contents">
                                                                                    <img alt="Stars rating" class="css-nxi4lo" decoding="async" loading="lazy" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/assets/4f46e350d44bde1d.svg" srcset="/assets/4f46e350d44bde1d.svg 540w,/assets/4f46e350d44bde1d.svg 720w,/assets/4f46e350d44bde1d.svg 1024w,/assets/4f46e350d44bde1d.svg 1080w,/assets/4f46e350d44bde1d.svg 1280w,/assets/4f46e350d44bde1d.svg 1440w,/assets/4f46e350d44bde1d.svg 1680w,/assets/4f46e350d44bde1d.svg 1920w,/assets/4f46e350d44bde1d.svg 2048w,/assets/4f46e350d44bde1d.svg 2560w,/assets/4f46e350d44bde1d.svg 2880w,/assets/4f46e350d44bde1d.svg 3360w,/assets/4f46e350d44bde1d.svg 3840w">
                                                                                </div>
                                                                                <p class="css-oavqiu">
                                                                                    4.8/5
                                                                                </p>
                                                                            </div>
                                                                            <p class="css-15s951g">
                                                                                Based on more than 300k user ratings
                                                                            </p>
                                                                        </div>
                                                                        <div class="css-htj0u7">
                                                                            <div class="css-603dm4">
                                                                                <p class="css-yckr05">
                                                                                    Download komoot now
                                                                                </p>
                                                                                <p class="css-106zcaq">
                                                                                    Visit the App Store, Google Play or scan the QR code with your phone to download instantly.
                                                                                </p>
                                                                                <div class="css-hdlhsn">
                                                                                    <a aria-label="Download on the App Store" class="css-jaet13" href="https://x.bndspn.com/v1/or-jdqap8" rel="nofollow noopener noreferrer" target="_blank">
                                                                                        <img alt="" class="tw-align-bottom" height="44" src="/assets/88fdd5c0a424d357.svg" width="148">
                                                                                    </a>
                                                                                    <a aria-label="Android App on Google Play" class="css-jaet13" href="https://x.bndspn.com/v1/or-z0w587" rel="nofollow noopener noreferrer" target="_blank">
                                                                                        <img alt="" class="tw-align-bottom" height="44" src="/assets/50dc01cb3fd3998b.svg" width="148">
                                                                                    </a>
                                                                                </div>
                                                                            </div>
                                                                            <div class="css-369u3e">
                                                                                <svg class="css-12ododg" stroke="none" viewBox="0 0 2560 2560">
                                                                                    <g transform="scale(88.27586206896552, 88.27586206896552)">
                                                                                        <path class="css-1u8qly9" d="M0,0h1v1h-1z M1,0h1v1h-1z M2,0h1v1h-1z M3,0h1v1h-1z M4,0h1v1h-1z M5,0h1v1h-1z M6,0h1v1h-1z M8,0h1v1h-1z M10,0h1v1h-1z M11,0h1v1h-1z M13,0h1v1h-1z M14,0h1v1h-1z M17,0h1v1h-1z M22,0h1v1h-1z M23,0h1v1h-1z M24,0h1v1h-1z M25,0h1v1h-1z M26,0h1v1h-1z M27,0h1v1h-1z M28,0h1v1h-1z M0,1h1v1h-1z M6,1h1v1h-1z M8,1h1v1h-1z M10,1h1v1h-1z M15,1h1v1h-1z M16,1h1v1h-1z M17,1h1v1h-1z M20,1h1v1h-1z M22,1h1v1h-1z M28,1h1v1h-1z M0,2h1v1h-1z M2,2h1v1h-1z M3,2h1v1h-1z M4,2h1v1h-1z M6,2h1v1h-1z M8,2h1v1h-1z M9,2h1v1h-1z M10,2h1v1h-1z M11,2h1v1h-1z M13,2h1v1h-1z M16,2h1v1h-1z M22,2h1v1h-1z M24,2h1v1h-1z M25,2h1v1h-1z M26,2h1v1h-1z M28,2h1v1h-1z M0,3h1v1h-1z M2,3h1v1h-1z M3,3h1v1h-1z M4,3h1v1h-1z M6,3h1v1h-1z M9,3h1v1h-1z M11,3h1v1h-1z M12,3h1v1h-1z M14,3h1v1h-1z M15,3h1v1h-1z M16,3h1v1h-1z M17,3h1v1h-1z M22,3h1v1h-1z M24,3h1v1h-1z M25,3h1v1h-1z M26,3h1v1h-1z M28,3h1v1h-1z M0,4h1v1h-1z M2,4h1v1h-1z M3,4h1v1h-1z M4,4h1v1h-1z M6,4h1v1h-1z M9,4h1v1h-1z M11,4h1v1h-1z M13,4h1v1h-1z M14,4h1v1h-1z M16,4h1v1h-1z M17,4h1v1h-1z M19,4h1v1h-1z M20,4h1v1h-1z M22,4h1v1h-1z M24,4h1v1h-1z M25,4h1v1h-1z M26,4h1v1h-1z M28,4h1v1h-1z M0,5h1v1h-1z M6,5h1v1h-1z M8,5h1v1h-1z M11,5h1v1h-1z M13,5h1v1h-1z M14,5h1v1h-1z M17,5h1v1h-1z M22,5h1v1h-1z M28,5h1v1h-1z M0,6h1v1h-1z M1,6h1v1h-1z M2,6h1v1h-1z M3,6h1v1h-1z M4,6h1v1h-1z M5,6h1v1h-1z M6,6h1v1h-1z M8,6h1v1h-1z M10,6h1v1h-1z M12,6h1v1h-1z M14,6h1v1h-1z M16,6h1v1h-1z M18,6h1v1h-1z M20,6h1v1h-1z M22,6h1v1h-1z M23,6h1v1h-1z M24,6h1v1h-1z M25,6h1v1h-1z M26,6h1v1h-1z M27,6h1v1h-1z M28,6h1v1h-1z M8,7h1v1h-1z M9,7h1v1h-1z M10,7h1v1h-1z M12,7h1v1h-1z M13,7h1v1h-1z M16,7h1v1h-1z M17,7h1v1h-1z M18,7h1v1h-1z M20,7h1v1h-1z M2,8h1v1h-1z M3,8h1v1h-1z M4,8h1v1h-1z M6,8h1v1h-1z M8,8h1v1h-1z M11,8h1v1h-1z M12,8h1v1h-1z M13,8h1v1h-1z M21,8h1v1h-1z M22,8h1v1h-1z M23,8h1v1h-1z M26,8h1v1h-1z M27,8h1v1h-1z M28,8h1v1h-1z M1,9h1v1h-1z M2,9h1v1h-1z M3,9h1v1h-1z M4,9h1v1h-1z M5,9h1v1h-1z M7,9h1v1h-1z M8,9h1v1h-1z M9,9h1v1h-1z M12,9h1v1h-1z M13,9h1v1h-1z M14,9h1v1h-1z M16,9h1v1h-1z M18,9h1v1h-1z M20,9h1v1h-1z M21,9h1v1h-1z M22,9h1v1h-1z M23,9h1v1h-1z M24,9h1v1h-1z M25,9h1v1h-1z M26,9h1v1h-1z M27,9h1v1h-1z M28,9h1v1h-1z M2,10h1v1h-1z M3,10h1v1h-1z M6,10h1v1h-1z M7,10h1v1h-1z M8,10h1v1h-1z M9,10h1v1h-1z M19,10h1v1h-1z M22,10h1v1h-1z M23,10h1v1h-1z M24,10h1v1h-1z M0,11h1v1h-1z M2,11h1v1h-1z M3,11h1v1h-1z M4,11h1v1h-1z M5,11h1v1h-1z M7,11h1v1h-1z M9,11h1v1h-1z M19,11h1v1h-1z M20,11h1v1h-1z M22,11h1v1h-1z M23,11h1v1h-1z M25,11h1v1h-1z M28,11h1v1h-1z M0,12h1v1h-1z M3,12h1v1h-1z M4,12h1v1h-1z M5,12h1v1h-1z M6,12h1v1h-1z M7,12h1v1h-1z M19,12h1v1h-1z M26,12h1v1h-1z M28,12h1v1h-1z M4,13h1v1h-1z M5,13h1v1h-1z M8,13h1v1h-1z M19,13h1v1h-1z M20,13h1v1h-1z M21,13h1v1h-1z M22,13h1v1h-1z M23,13h1v1h-1z M24,13h1v1h-1z M27,13h1v1h-1z M28,13h1v1h-1z M0,14h1v1h-1z M3,14h1v1h-1z M5,14h1v1h-1z M6,14h1v1h-1z M20,14h1v1h-1z M21,14h1v1h-1z M23,14h1v1h-1z M24,14h1v1h-1z M25,14h1v1h-1z M0,15h1v1h-1z M2,15h1v1h-1z M5,15h1v1h-1z M7,15h1v1h-1z M9,15h1v1h-1z M19,15h1v1h-1z M20,15h1v1h-1z M25,15h1v1h-1z M27,15h1v1h-1z M28,15h1v1h-1z M0,16h1v1h-1z M2,16h1v1h-1z M4,16h1v1h-1z M6,16h1v1h-1z M9,16h1v1h-1z M19,16h1v1h-1z M26,16h1v1h-1z M28,16h1v1h-1z M0,17h1v1h-1z M1,17h1v1h-1z M5,17h1v1h-1z M7,17h1v1h-1z M8,17h1v1h-1z M22,17h1v1h-1z M24,17h1v1h-1z M25,17h1v1h-1z M26,17h1v1h-1z M27,17h1v1h-1z M28,17h1v1h-1z M0,18h1v1h-1z M3,18h1v1h-1z M4,18h1v1h-1z M6,18h1v1h-1z M7,18h1v1h-1z M22,18h1v1h-1z M24,18h1v1h-1z M25,18h1v1h-1z M26,18h1v1h-1z M27,18h1v1h-1z M0,19h1v1h-1z M3,19h1v1h-1z M4,19h1v1h-1z M5,19h1v1h-1z M8,19h1v1h-1z M11,19h1v1h-1z M12,19h1v1h-1z M14,19h1v1h-1z M15,19h1v1h-1z M17,19h1v1h-1z M18,19h1v1h-1z M21,19h1v1h-1z M22,19h1v1h-1z M23,19h1v1h-1z M24,19h1v1h-1z M25,19h1v1h-1z M0,20h1v1h-1z M2,20h1v1h-1z M5,20h1v1h-1z M6,20h1v1h-1z M7,20h1v1h-1z M8,20h1v1h-1z M9,20h1v1h-1z M10,20h1v1h-1z M12,20h1v1h-1z M13,20h1v1h-1z M15,20h1v1h-1z M17,20h1v1h-1z M20,20h1v1h-1z M21,20h1v1h-1z M22,20h1v1h-1z M23,20h1v1h-1z M24,20h1v1h-1z M26,20h1v1h-1z M8,21h1v1h-1z M10,21h1v1h-1z M11,21h1v1h-1z M12,21h1v1h-1z M17,21h1v1h-1z M20,21h1v1h-1z M24,21h1v1h-1z M27,21h1v1h-1z M28,21h1v1h-1z M0,22h1v1h-1z M1,22h1v1h-1z M2,22h1v1h-1z M3,22h1v1h-1z M4,22h1v1h-1z M5,22h1v1h-1z M6,22h1v1h-1z M9,22h1v1h-1z M12,22h1v1h-1z M15,22h1v1h-1z M16,22h1v1h-1z M19,22h1v1h-1z M20,22h1v1h-1z M22,22h1v1h-1z M24,22h1v1h-1z M25,22h1v1h-1z M26,22h1v1h-1z M0,23h1v1h-1z M6,23h1v1h-1z M10,23h1v1h-1z M12,23h1v1h-1z M13,23h1v1h-1z M20,23h1v1h-1z M24,23h1v1h-1z M25,23h1v1h-1z M28,23h1v1h-1z M0,24h1v1h-1z M2,24h1v1h-1z M3,24h1v1h-1z M4,24h1v1h-1z M6,24h1v1h-1z M8,24h1v1h-1z M10,24h1v1h-1z M11,24h1v1h-1z M12,24h1v1h-1z M13,24h1v1h-1z M16,24h1v1h-1z M18,24h1v1h-1z M20,24h1v1h-1z M21,24h1v1h-1z M22,24h1v1h-1z M23,24h1v1h-1z M24,24h1v1h-1z M25,24h1v1h-1z M26,24h1v1h-1z M0,25h1v1h-1z M2,25h1v1h-1z M3,25h1v1h-1z M4,25h1v1h-1z M6,25h1v1h-1z M8,25h1v1h-1z M9,25h1v1h-1z M11,25h1v1h-1z M12,25h1v1h-1z M14,25h1v1h-1z M16,25h1v1h-1z M17,25h1v1h-1z M19,25h1v1h-1z M20,25h1v1h-1z M0,26h1v1h-1z M2,26h1v1h-1z M3,26h1v1h-1z M4,26h1v1h-1z M6,26h1v1h-1z M8,26h1v1h-1z M10,26h1v1h-1z M13,26h1v1h-1z M14,26h1v1h-1z M15,26h1v1h-1z M16,26h1v1h-1z M22,26h1v1h-1z M23,26h1v1h-1z M24,26h1v1h-1z M25,26h1v1h-1z M27,26h1v1h-1z M0,27h1v1h-1z M6,27h1v1h-1z M9,27h1v1h-1z M10,27h1v1h-1z M12,27h1v1h-1z M16,27h1v1h-1z M17,27h1v1h-1z M19,27h1v1h-1z M20,27h1v1h-1z M21,27h1v1h-1z M24,27h1v1h-1z M25,27h1v1h-1z M27,27h1v1h-1z M0,28h1v1h-1z M1,28h1v1h-1z M2,28h1v1h-1z M3,28h1v1h-1z M4,28h1v1h-1z M5,28h1v1h-1z M6,28h1v1h-1z M10,28h1v1h-1z M11,28h1v1h-1z M12,28h1v1h-1z M13,28h1v1h-1z M14,28h1v1h-1z M19,28h1v1h-1z M21,28h1v1h-1z M23,28h1v1h-1z M24,28h1v1h-1z M26,28h1v1h-1z" fill="currentColor">
                                                                                        </path>
                                                                                    </g>
                                                                                    <g class="qr-code-logo" transform="translate(896.0000000000001, 896.0000000000001)">
                                                                                        <g class="css-1u8qly9">
                                                                                            <g>
                                                                                                <g>
                                                                                                </g>
                                                                                            </g>
                                                                                        </g>
                                                                                    </g>
                                                                                </svg>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </dialog>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <style data-emotion="css 13werck">
                                            .css-13werck {
                                                -webkit-align-items : start;
                                                -webkit-box-align   : start;
                                                -ms-flex-align      : start;
                                                align-items         : start;
                                                display             : -webkit-box;
                                                display             : -webkit-flex;
                                                display             : -ms-flexbox;
                                                display             : flex;
                                                -webkit-flex-direction: column;
                                                -ms-flex-direction  : column;
                                                flex-direction      : column;
                                                gap                 : 0.75rem;
                                                -webkit-box-pack    : start;
                                                -ms-flex-pack       : start;
                                                -webkit-justify-content: start;
                                                justify-content     : start;
                                                max-width           : 100%;
                                                -webkit-order       : 1;
                                                -ms-flex-order      : 1;
                                                order               : 1;
                                                position            : relative;
                                                width               : 100%;
                                                -webkit-transform   : rotate(2deg);
                                                -moz-transform      : rotate(2deg);
                                                -ms-transform       : rotate(2deg);
                                                transform           : rotate(2deg);
                                            }
                                            @media screen and (min-width: 1440px) {
                                                .css-13werck {
                                                    max-width           : 50%;
                                                }
                                            }
                                        </style>
                                        <div class="css-13werck">
                                            <style data-emotion="css 1x7w4tu">
                                                .css-1x7w4tu {
                                                    height              : 3.25rem;
                                                    left                : 2rem;
                                                    position            : absolute;
                                                    top                 : 60%;
                                                    width               : 3.25rem;
                                                }
                                                @media screen and (min-width: 540px) {
                                                    .css-1x7w4tu {
                                                        height              : 6.75rem;
                                                        left                : 2.5rem;
                                                        width               : 6.75rem;
                                                    }
                                                }
                                                @media screen and (min-width: 1440px) {
                                                    .css-1x7w4tu {
                                                        height              : 6.25rem;
                                                        width               : 6.25rem;
                                                    }
                                                }
                                            </style>
                                            <div class="css-1x7w4tu">
                                            </div>
                                            <div style="display:contents">
                                                <img alt="Community mockup" class="css-1oxfau3" decoding="async" fetchpriority="low" loading="lazy" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/images/home/new/about-community-desktop.webp?width=3840&amp;q=80" srcset="/images/home/new/about-community-desktop.webp?width=540&amp;q=80 540w,/images/home/new/about-community-desktop.webp?width=720&amp;q=80 720w,/images/home/new/about-community-desktop.webp?width=1024&amp;q=80 1024w,/images/home/new/about-community-desktop.webp?width=1080&amp;q=80 1080w,/images/home/new/about-community-desktop.webp?width=1280&amp;q=80 1280w,/images/home/new/about-community-desktop.webp?width=1440&amp;q=80 1440w,/images/home/new/about-community-desktop.webp?width=1680&amp;q=80 1680w,/images/home/new/about-community-desktop.webp?width=1920&amp;q=80 1920w,/images/home/new/about-community-desktop.webp?width=2048&amp;q=80 2048w,/images/home/new/about-community-desktop.webp?width=2560&amp;q=80 2560w,/images/home/new/about-community-desktop.webp?width=2880&amp;q=80 2880w,/images/home/new/about-community-desktop.webp?width=3360&amp;q=80 3360w,/images/home/new/about-community-desktop.webp?width=3840&amp;q=80 3840w">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <style data-emotion="css l7pxbo">
                                    .css-l7pxbo {
                                        -webkit-align-items : start;
                                        -webkit-box-align   : start;
                                        -ms-flex-align      : start;
                                        align-items         : start;
                                        display             : -webkit-box;
                                        display             : -webkit-flex;
                                        display             : -ms-flexbox;
                                        display             : flex;
                                        -webkit-flex-direction: column;
                                        -ms-flex-direction  : column;
                                        flex-direction      : column;
                                        gap                 : 0.75rem;
                                        -webkit-box-pack    : start;
                                        -ms-flex-pack       : start;
                                        -webkit-justify-content: start;
                                        justify-content     : start;
                                        padding-bottom      : 7.5rem;
                                        padding-top         : 7.5rem;
                                    }
                                </style>
                                <div class="css-l7pxbo">
                                    <style data-emotion="css 70re4p">
                                        .css-70re4p {
                                            background-color    : transparent;
                                            max-width           : 90rem;
                                            width               : 100%;
                                        }
                                    </style>
                                    <div class="css-70re4p" data-test-id="collections-carousel">
                                        <style data-emotion="css t2gj4h">
                                            .css-t2gj4h {
                                                margin-bottom       : 0.5rem;
                                            }
                                        </style>
                                        <div class="css-t2gj4h">
                                            <style data-emotion="css q1z21t">
                                                .css-q1z21t {
                                                    -webkit-align-items : start;
                                                    -webkit-box-align   : start;
                                                    -ms-flex-align      : start;
                                                    align-items         : start;
                                                    display             : -webkit-box;
                                                    display             : -webkit-flex;
                                                    display             : -ms-flexbox;
                                                    display             : flex;
                                                    -webkit-flex-direction: column;
                                                    -ms-flex-direction  : column;
                                                    flex-direction      : column;
                                                    gap                 : 1.25rem;
                                                    -webkit-box-pack    : justify;
                                                    -webkit-justify-content: space-between;
                                                    justify-content     : space-between;
                                                    padding-left        : 1.5rem;
                                                    padding-right       : 1.5rem;
                                                    position            : relative;
                                                    width               : 100%;
                                                }
                                                @media screen and (min-width: 540px) {
                                                    .css-q1z21t {
                                                        padding-left        : 5rem;
                                                    }
                                                }
                                                @media screen and (min-width: 1024px) {
                                                    .css-q1z21t {
                                                        -webkit-align-items : center;
                                                        -webkit-box-align   : center;
                                                        -ms-flex-align      : center;
                                                        align-items         : center;
                                                        -webkit-flex-direction: row;
                                                        -ms-flex-direction  : row;
                                                        flex-direction      : row;
                                                        padding-left        : 7.5rem;
                                                        padding-right       : 0;
                                                    }
                                                }
                                            </style>
                                            <div class="css-q1z21t">
                                                <style data-emotion="css lxcsu8">
                                                    .css-lxcsu8 {
                                                        color               : var(--theme-ui-colors-generalHeading);
                                                        max-width           : 100%;
                                                        text-align          : start;
                                                        font-weight         : 500;
                                                        font-style          : normal;
                                                        line-height         : 2.7rem;
                                                        font-size           : 40px;
                                                        font-family         : Nohemi,system-ui,sans-serif;
                                                        letter-spacing      : 0.045rem;
                                                        white-space         : wrap;
                                                    }
                                                    @media screen and (min-width: 540px) {
                                                        .css-lxcsu8 {
                                                            max-width           : 50%;
                                                        }
                                                    }
                                                    @media screen and (min-width: 1024px) {
                                                        .css-lxcsu8 {
                                                            max-width           : 280px;
                                                        }
                                                    }
                                                </style>
                                                <h2 class="css-lxcsu8">
                                                    Discover our Collections
                                                </h2>
                                                <style data-emotion="css 8b8lgv">
                                                    .css-8b8lgv {
                                                        color               : var(--theme-ui-colors-textPrimaryDefault);
                                                        max-width           : 100%;
                                                        position            : relative;
                                                        text-align          : start;
                                                        font-weight         : 500;
                                                        font-style          : normal;
                                                        line-height         : 1.51875rem;
                                                        font-size           : 18px;
                                                        margin-left         : auto;
                                                        margin-right        : auto;
                                                        font-family         : Satoshi,system-ui,sans-serif;
                                                        white-space         : wrap;
                                                    }
                                                    @media screen and (min-width: 1024px) {
                                                        .css-8b8lgv {
                                                            max-width           : 480px;
                                                        }
                                                    }
                                                </style>
                                                <p class="css-8b8lgv">
                                                    Browse the best outdoor-ready adventures; selected, curated and tested by komoot. Your own personal guide, they include everything from detailed routes to insider info &mdash; so you can just get out and go.
                                                    <style data-emotion="css emkbxl">
                                                        .css-emkbxl {
                                                            color               : var(--theme-ui-colors-generalIconsAccent);
                                                            display             : none;
                                                            height              : 4.5rem;
                                                            position            : absolute;
                                                            right               : -4.5rem;
                                                            top                 : -2.5rem;
                                                            width               : 4.5rem;
                                                            -webkit-animation   : rotate 3s infinite linear;
                                                            animation           : rotate 3s infinite linear;
                                                        }
                                                        @media screen and (min-width: 1280px) {
                                                            .css-emkbxl {
                                                                display             : -webkit-box;
                                                                display             : -webkit-flex;
                                                                display             : -ms-flexbox;
                                                                display             : flex;
                                                            }
                                                        }
                                                        @-webkit-keyframes rotate {
                                                            0%
                                                            {-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
                                                            100%
                                                            {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
                                                        }
                                                        @keyframes rotate {
                                                            0%
                                                            {-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
                                                            100%
                                                            {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
                                                        }
                                                    </style>
                                                    <svg aria-hidden="true" class="css-emkbxl" fill="none" role="presentation" viewBox="0 0 74 74" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M39.8984 7.73633V26.1748L48.9873 10.4336L49.1191 10.2051L49.3467 10.3369L53.915 12.9736L54.1426 13.1055L54.0107 13.334L44.9219 29.0762L60.666 19.9883L60.8936 19.8564L61.0254 20.085L63.6631 24.6523L63.7949 24.8809L63.5664 25.0127L47.8242 34.1006H66.2637V39.8994H47.8242L63.5664 48.9873L63.7949 49.1191L63.6631 49.3477L61.0254 53.915L60.8936 54.1436L60.666 54.0117L44.9219 44.9229L54.0107 60.666L54.1426 60.8945L53.915 61.0264L49.3467 63.6631L49.1191 63.7949L48.9873 63.5664L39.8984 47.8242V66.2637H34.0986V47.8242L25.0107 63.5664L24.8789 63.7949L24.6504 63.6631L20.083 61.0264L19.8545 60.8945L19.9863 60.666L29.0742 44.9229L13.332 54.0117L13.1035 54.1436L12.9717 53.915L10.334 49.3477L10.2021 49.1191L10.4307 48.9873L26.1738 39.8994H7.73633V34.1006H26.1758L10.4336 25.0098L10.2051 24.8779L10.3369 24.6494L12.9746 20.082L13.1064 19.8535L13.334 19.9854L29.0771 29.0732L19.9893 13.3311L19.8574 13.1035L20.085 12.9717L24.6533 10.334L24.8809 10.2021L25.0127 10.4307L34.1006 26.1719L34.0986 8V7.73633H39.8984Z" fill="currentColor" stroke="currentColor" stroke-width="0.527273">
                                                        </path>
                                                    </svg>
                                                </p>
                                            </div>
                                        </div>
                                        <style data-emotion="css g6p1xp">
                                            .css-g6p1xp {
                                                display             : grid;
                                                gap                 : 1rem;
                                                padding-left        : 1.5rem;
                                                padding-right       : 1.5rem;
                                                grid-template-columns: 1fr;
                                            }
                                            @media screen and (min-width: 540px) {
                                                .css-g6p1xp {
                                                    padding-left        : 5rem;
                                                    padding-right       : 5rem;
                                                }
                                            }
                                            @media screen and (min-width: 720px) {
                                                .css-g6p1xp {
                                                    grid-template-columns: repeat(2, 1fr);
                                                }
                                            }
                                            @media screen and (min-width: 1024px) {
                                                .css-g6p1xp {
                                                    padding-left        : 7.5rem;
                                                    padding-right       : 7.5rem;
                                                    grid-template-columns: repeat(3, 1fr);
                                                }
                                            }
                                            @media screen and (min-width: 1280px) {
                                                .css-g6p1xp {
                                                    grid-template-columns: repeat(4, 1fr);
                                                }
                                            }
                                        </style>
                                        <div class="css-g6p1xp">
                                            <style data-emotion="css 9vd5ud">
                                                .css-9vd5ud {
                                                    width               : 100%;
                                                }
                                            </style>
                                            <div class="css-9vd5ud">
                                                <style data-emotion="css cwqyse">
                                                    .css-cwqyse {
                                                        -webkit-align-items : start;
                                                        -webkit-box-align   : start;
                                                        -ms-flex-align      : start;
                                                        align-items         : start;
                                                        background-color    : var(--theme-ui-colors-surfaceFillGreenDefault);
                                                        border-radius       : 24px;
                                                        display             : -webkit-box;
                                                        display             : -webkit-flex;
                                                        display             : -ms-flexbox;
                                                        display             : flex;
                                                        -webkit-flex-direction: column;
                                                        -ms-flex-direction  : column;
                                                        flex-direction      : column;
                                                        gap                 : 0.75rem;
                                                        height              : 26.25rem;
                                                        -webkit-box-pack    : end;
                                                        -ms-flex-pack       : end;
                                                        -webkit-justify-content: end;
                                                        justify-content     : end;
                                                        margin-left         : 0.125rem;
                                                        margin-right        : 0.125rem;
                                                        padding-bottom      : 1.5rem;
                                                        padding-left        : 1.5rem;
                                                        padding-right       : 1.5rem;
                                                        padding-top         : 1.5rem;
                                                        position            : relative;
                                                        width               : 20rem;
                                                        background-image    : none;
                                                        -webkit-background-size: 100% 100%,cover;
                                                        background-size     : 100% 100%,cover;
                                                        -webkit-background-position: 0 0,center;
                                                        background-position : 0 0,center;
                                                        background-repeat   : no-repeat,no-repeat;
                                                        -webkit-transition  : all .3s ease-in-out;
                                                        transition          : all .3s ease-in-out;
                                                    }
                                                    @media (hover: hover) {
                                                        .css-cwqyse:hover {
                                                            background-image    : none;
                                                            background-color    : var(--theme-ui-colors-surfaceFillSecondaryHover);
                                                            -webkit-box-pack    : end;
                                                            -ms-flex-pack       : end;
                                                            -webkit-justify-content: end;
                                                            justify-content     : end;
                                                        }
                                                        .css-cwqyse:hover .arrowIcon {
                                                            -webkit-transform   : rotate(0deg);
                                                            -moz-transform      : rotate(0deg);
                                                            -ms-transform       : rotate(0deg);
                                                            transform           : rotate(0deg);
                                                            -webkit-transition  : all .3s ease-in-out;
                                                            transition          : all .3s ease-in-out;
                                                        }
                                                        .css-cwqyse:hover .ctaColor {
                                                            color               : var(--theme-ui-colors-textSecondaryDefault);
                                                        }
                                                        .css-cwqyse:hover .titleContent {
                                                            max-height          : 8rem;
                                                            color               : var(--theme-ui-colors-textPrimaryDefault);
                                                            -webkit-line-clamp  : 4;
                                                        }
                                                        .css-cwqyse:hover .descriptionContent {
                                                            color               : var(--theme-ui-colors-textSecondaryDefault);
                                                        }
                                                        .css-cwqyse:hover .titleIcon {
                                                            color               : var(--theme-ui-colors-textSecondaryDefault);
                                                        }
                                                        .css-cwqyse:hover .hoverTopContent {
                                                            display             : block;
                                                        }
                                                        .css-cwqyse:hover .defaultTopContent {
                                                            display             : -webkit-box;
                                                            display             : -webkit-flex;
                                                            display             : -ms-flexbox;
                                                            display             : flex;
                                                        }
                                                    }
                                                    @media (hover: none) {
                                                        .css-cwqyse:active {
                                                            background-image    : none;
                                                            background-color    : var(--theme-ui-colors-surfaceFillSecondaryHover);
                                                            -webkit-box-pack    : end;
                                                            -ms-flex-pack       : end;
                                                            -webkit-justify-content: end;
                                                            justify-content     : end;
                                                        }
                                                        .css-cwqyse:active .arrowIcon {
                                                            -webkit-transform   : rotate(0deg);
                                                            -moz-transform      : rotate(0deg);
                                                            -ms-transform       : rotate(0deg);
                                                            transform           : rotate(0deg);
                                                            -webkit-transition  : all .3s ease-in-out;
                                                            transition          : all .3s ease-in-out;
                                                        }
                                                        .css-cwqyse:active .ctaColor {
                                                            color               : var(--theme-ui-colors-textSecondaryDefault);
                                                        }
                                                        .css-cwqyse:active .titleContent {
                                                            max-height          : 8rem;
                                                            color               : var(--theme-ui-colors-textPrimaryDefault);
                                                            -webkit-line-clamp  : 4;
                                                        }
                                                        .css-cwqyse:active .descriptionContent {
                                                            color               : var(--theme-ui-colors-textSecondaryDefault);
                                                        }
                                                        .css-cwqyse:active .titleIcon {
                                                            color               : var(--theme-ui-colors-textSecondaryDefault);
                                                        }
                                                        .css-cwqyse:active .hoverTopContent {
                                                            display             : block;
                                                        }
                                                        .css-cwqyse:active .defaultTopContent {
                                                            display             : -webkit-box;
                                                            display             : -webkit-flex;
                                                            display             : -ms-flexbox;
                                                            display             : flex;
                                                        }
                                                    }
                                                </style>
                                                <a class="css-cwqyse" data-test-id="content-card" href="https://www.komoot.com/collection/1159215/north-coast-500-escape-to-the-highlands">
                                                    <style data-emotion="css q4fnkq">
                                                        .css-q4fnkq {
                                                            display             : none;
                                                            width               : 100%;
                                                        }
                                                    </style>
                                                    <div class="hoverTopContent css-q4fnkq">
                                                    </div>
                                                    <style data-emotion="css 1tdaheh">
                                                        .css-1tdaheh {
                                                            -webkit-align-items : start;
                                                            -webkit-box-align   : start;
                                                            -ms-flex-align      : start;
                                                            align-items         : start;
                                                            display             : -webkit-box;
                                                            display             : -webkit-flex;
                                                            display             : -ms-flexbox;
                                                            display             : flex;
                                                            -webkit-flex-direction: column;
                                                            -ms-flex-direction  : column;
                                                            flex-direction      : column;
                                                            gap                 : 0;
                                                            -webkit-box-pack    : start;
                                                            -ms-flex-pack       : start;
                                                            -webkit-justify-content: start;
                                                            justify-content     : start;
                                                            width               : 100%;
                                                        }
                                                    </style>
                                                    <div class="css-1tdaheh">
                                                        <style data-emotion="css dofd2m">
                                                            .css-dofd2m {
                                                                -webkit-align-items : start;
                                                                -webkit-box-align   : start;
                                                                -ms-flex-align      : start;
                                                                align-items         : start;
                                                                display             : -webkit-box;
                                                                display             : -webkit-flex;
                                                                display             : -ms-flexbox;
                                                                display             : flex;
                                                                -webkit-flex-direction: column;
                                                                -ms-flex-direction  : column;
                                                                flex-direction      : column;
                                                                gap                 : 0.25rem;
                                                                -webkit-box-pack    : start;
                                                                -ms-flex-pack       : start;
                                                                -webkit-justify-content: start;
                                                                justify-content     : start;
                                                            }
                                                        </style>
                                                        <div class="css-dofd2m">
                                                            <style data-emotion="css inboye">
                                                                .css-inboye {
                                                                    color               : var(--theme-ui-colors-textWhiteDefault);
                                                                    display             : -webkit-box;
                                                                    overflow            : hidden;
                                                                    width               : 100%;
                                                                    font-weight         : 500;
                                                                    font-style          : normal;
                                                                    line-height         : 1.95rem;
                                                                    font-size           : 24px;
                                                                    -webkit-line-clamp  : 6;
                                                                    -webkit-box-orient  : vertical;
                                                                    text-overflow       : ellipsis;
                                                                    font-family         : Nohemi,system-ui,sans-serif;
                                                                    letter-spacing      : 0.045rem;
                                                                }
                                                            </style>
                                                            <p class="titleContent css-inboye">
                                                                North Coast 500 &ndash; Escape to the Highlands
                                                            </p>
                                                        </div>
                                                        <style data-emotion="css 15r4ptk">
                                                            .css-15r4ptk {
                                                                -webkit-align-items : end;
                                                                -webkit-box-align   : end;
                                                                -ms-flex-align      : end;
                                                                align-items         : end;
                                                                display             : -webkit-box;
                                                                display             : -webkit-flex;
                                                                display             : -ms-flexbox;
                                                                display             : flex;
                                                                -webkit-flex-direction: row;
                                                                -ms-flex-direction  : row;
                                                                flex-direction      : row;
                                                                gap                 : 0.75rem;
                                                                -webkit-box-pack    : justify;
                                                                -webkit-justify-content: space-between;
                                                                justify-content     : space-between;
                                                                width               : 100%;
                                                            }
                                                        </style>
                                                        <div class="css-15r4ptk">
                                                            <style data-emotion="css 10acc7d">
                                                                .css-10acc7d {
                                                                    -webkit-align-items : center;
                                                                    -webkit-box-align   : center;
                                                                    -ms-flex-align      : center;
                                                                    align-items         : center;
                                                                    display             : -webkit-box;
                                                                    display             : -webkit-flex;
                                                                    display             : -ms-flexbox;
                                                                    display             : flex;
                                                                    -webkit-flex-direction: row;
                                                                    -ms-flex-direction  : row;
                                                                    flex-direction      : row;
                                                                    -webkit-box-flex-wrap: wrap;
                                                                    -webkit-flex-wrap   : wrap;
                                                                    -ms-flex-wrap       : wrap;
                                                                    flex-wrap           : wrap;
                                                                    gap                 : 0.5rem;
                                                                    -webkit-box-pack    : start;
                                                                    -ms-flex-pack       : start;
                                                                    -webkit-justify-content: start;
                                                                    justify-content     : start;
                                                                    max-width           : 70%;
                                                                    row-gap             : 0.25rem;
                                                                    opacity             : 1;
                                                                    padding-top         : 0.5rem;
                                                                }
                                                            </style>
                                                            <div class="ctaContainer css-10acc7d">
                                                                <style data-emotion="css 1g7vbp">
                                                                    .css-1g7vbp {
                                                                        color               : var(--theme-ui-colors-textWhiteDefault);
                                                                        font-weight         : 500;
                                                                        font-style          : normal;
                                                                        line-height         : 1.18125rem;
                                                                        font-size           : 14px;
                                                                        font-family         : Satoshi,system-ui,sans-serif;
                                                                        white-space         : nowrap;
                                                                    }
                                                                </style>
                                                                <p class="ctaColor css-1g7vbp">
                                                                    Road Cycling Collection
                                                                    <!-- -->
                 by
                                                                </p>
                                                                <div class="ctaColor css-vnm6yc">
                                                                    <style data-emotion="css nfcore">
                                                                        .css-nfcore {
                                                                            box-sizing          : border-box;
                                                                            margin              : 0;
                                                                            min-width           : 0;
                                                                            max-width           : 100%;
                                                                            height              : auto;
                                                                            border-radius       : 9999px;
                                                                        }
                                                                    </style>
                                                                    <img class="css-nfcore" height="14" src="https://d2exd72xrrp1s7.cloudfront.net/www/13/131hlhbftb4eo7twkffunruq62z2wdvm5-u739052563113-full/1962106b2a1?width=28&amp;height=28&amp;crop=true&amp;q=80" width="14">
                                                                    <style data-emotion="css 4nica4">
                                                                        .css-4nica4 {
                                                                            color               : var(--theme-ui-colors-textWhiteDefault);
                                                                            display             : -webkit-box;
                                                                            overflow            : hidden;
                                                                            width               : 80%;
                                                                            font-weight         : 700;
                                                                            font-style          : normal;
                                                                            line-height         : 1.18125rem;
                                                                            font-size           : 14px;
                                                                            -webkit-line-clamp  : 1;
                                                                            -webkit-box-orient  : vertical;
                                                                            text-overflow       : ellipsis;
                                                                            font-family         : Satoshi,system-ui,sans-serif;
                                                                            white-space         : nowrap;
                                                                        }
                                                                    </style>
                                                                    <p class="ctaColor css-4nica4">
                                                                        Liam Yates
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <style data-emotion="css ynuuqb">
                                                                .css-ynuuqb {
                                                                    color               : var(--theme-ui-colors-iconAcidGreenDefault);
                                                                    height              : 3rem;
                                                                    width               : 3rem;
                                                                    -webkit-flex-shrink : 0;
                                                                    -ms-flex-negative   : 0;
                                                                    flex-shrink         : 0;
                                                                    -webkit-transform   : rotate(-45deg);
                                                                    -moz-transform      : rotate(-45deg);
                                                                    -ms-transform       : rotate(-45deg);
                                                                    transform           : rotate(-45deg);
                                                                }
                                                            </style>
                                                            <svg aria-hidden="true" class="arrowIcon css-ynuuqb" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="css-9vd5ud">
                                                <a class="css-cwqyse" data-test-id="content-card" href="https://www.komoot.com/collection/291/john-muir-trail-along-the-legendary-trail-through-the-magical-sierra-nevada">
                                                    <div class="hoverTopContent css-q4fnkq">
                                                    </div>
                                                    <div class="css-1tdaheh">
                                                        <div class="css-dofd2m">
                                                            <p class="titleContent css-inboye">
                                                                John Muir Trail &ndash; Along the legendary trail through the magical Sierra Nevada
                                                            </p>
                                                        </div>
                                                        <div class="css-15r4ptk">
                                                            <div class="ctaContainer css-10acc7d">
                                                                <p class="ctaColor css-1g7vbp">
                                                                    Hiking Collection
                                                                    <!-- -->
                 by
                                                                </p>
                                                                <div class="ctaColor css-vnm6yc">
                                                                    <img class="css-nfcore" height="14" src="https://d2exd72xrrp1s7.cloudfront.net/www/19/19zxqsh15j5qwlti5i9olz9yl1r0poin88971774-full/18d69a63f8b/p?width=28&amp;height=28&amp;crop=true&amp;q=80" width="14">
                                                                    <p class="ctaColor css-4nica4">
                                                                        Caro "LadyOutdoors"
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <svg aria-hidden="true" class="arrowIcon css-ynuuqb" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="css-9vd5ud">
                                                <a class="css-cwqyse" data-test-id="content-card" href="https://www.komoot.com/collection/276/gr20-europe-s-toughest-long-distance-hiking-trail-through-corsica">
                                                    <div class="hoverTopContent css-q4fnkq">
                                                    </div>
                                                    <div class="css-1tdaheh">
                                                        <div class="css-dofd2m">
                                                            <p class="titleContent css-inboye">
                                                                GR20 &ndash; Europe's toughest long-distance hiking trail through Corsica
                                                            </p>
                                                        </div>
                                                        <div class="css-15r4ptk">
                                                            <div class="ctaContainer css-10acc7d">
                                                                <p class="ctaColor css-1g7vbp">
                                                                    Hiking Collection
                                                                    <!-- -->
                 by
                                                                </p>
                                                                <div class="ctaColor css-vnm6yc">
                                                                    <img class="css-nfcore" height="14" src="https://d2exd72xrrp1s7.cloudfront.net/www/wo/wobnnneozxkl19bsm94hc6xtq2sekn2xz-u737844082095-full/1918a381dc9/p?width=28&amp;height=28&amp;crop=true&amp;q=80" width="14">
                                                                    <p class="ctaColor css-4nica4">
                                                                        Vanessa
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <svg aria-hidden="true" class="arrowIcon css-ynuuqb" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="css-9vd5ud">
                                                <a class="css-cwqyse" data-test-id="content-card" href="https://www.komoot.com/collection/683/the-kerry-way-in-9-stages-over-ireland-s-mountains">
                                                    <div class="hoverTopContent css-q4fnkq">
                                                    </div>
                                                    <div class="css-1tdaheh">
                                                        <div class="css-dofd2m">
                                                            <p class="titleContent css-inboye">
                                                                The Kerry Way &mdash; in 9 stages over Ireland's mountains
                                                            </p>
                                                        </div>
                                                        <div class="css-15r4ptk">
                                                            <div class="ctaContainer css-10acc7d">
                                                                <p class="ctaColor css-1g7vbp">
                                                                    Hiking Collection
                                                                    <!-- -->
                 by
                                                                </p>
                                                                <div class="ctaColor css-vnm6yc">
                                                                    <img class="css-nfcore" height="14" src="https://d2exd72xrrp1s7.cloudfront.net/www/2y/2ybguf62finf10zpa1jz1g3ia6ae4x7f153727-full/19985179009?width=28&amp;height=28&amp;crop=true&amp;q=80" width="14">
                                                                    <p class="ctaColor css-4nica4">
                                                                        komoot
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <svg aria-hidden="true" class="arrowIcon css-ynuuqb" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="css-9vd5ud">
                                                <a class="css-cwqyse" data-test-id="content-card" href="https://www.komoot.com/collection/1015999/the-colorado-trail-ten-incredible-days-in-the-rocky-mountains">
                                                    <div class="hoverTopContent css-q4fnkq">
                                                    </div>
                                                    <div class="css-1tdaheh">
                                                        <div class="css-dofd2m">
                                                            <p class="titleContent css-inboye">
                                                                The Colorado Trail &mdash; Ten incredible days in the Rocky Mountains
                                                            </p>
                                                        </div>
                                                        <div class="css-15r4ptk">
                                                            <div class="ctaContainer css-10acc7d">
                                                                <p class="ctaColor css-1g7vbp">
                                                                    Mountain Biking Collection
                                                                    <!-- -->
                 by
                                                                </p>
                                                                <div class="ctaColor css-vnm6yc">
                                                                    <img class="css-nfcore" height="14" src="https://d2exd72xrrp1s7.cloudfront.net/www/xl/xlc32q1fyara1r92np0mgp3av3amjnn5c-u1052328311035-full/173c074d980/p?width=28&amp;height=28&amp;crop=true&amp;q=80" width="14">
                                                                    <p class="ctaColor css-4nica4">
                                                                        Joey
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <svg aria-hidden="true" class="arrowIcon css-ynuuqb" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="css-9vd5ud">
                                                <a class="css-cwqyse" data-test-id="content-card" href="https://www.komoot.com/collection/898918/second-city-divide-rough-stuff-of-the-north">
                                                    <div class="hoverTopContent css-q4fnkq">
                                                    </div>
                                                    <div class="css-1tdaheh">
                                                        <div class="css-dofd2m">
                                                            <p class="titleContent css-inboye">
                                                                Second City Divide &mdash; Rough Stuff Of The North
                                                            </p>
                                                        </div>
                                                        <div class="css-15r4ptk">
                                                            <div class="ctaContainer css-10acc7d">
                                                                <p class="ctaColor css-1g7vbp">
                                                                    Mountain Biking Collection
                                                                    <!-- -->
                 by
                                                                </p>
                                                                <div class="ctaColor css-vnm6yc">
                                                                    <img class="css-nfcore" height="14" src="https://d2exd72xrrp1s7.cloudfront.net/www/r5/r5zpebwbyy871dmy01d4jb1o326ui59f416188025-full/190a0e860ef/p?width=28&amp;height=28&amp;crop=true&amp;q=80" width="14">
                                                                    <p class="ctaColor css-4nica4">
                                                                        Katherine Moore
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <svg aria-hidden="true" class="arrowIcon css-ynuuqb" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="css-9vd5ud">
                                                <a class="css-cwqyse" data-test-id="content-card" href="https://www.komoot.com/collection/1086555/an-unforeseen-incredible-journey-cycling-from-india-to-nepal">
                                                    <div class="hoverTopContent css-q4fnkq">
                                                    </div>
                                                    <div class="css-1tdaheh">
                                                        <div class="css-dofd2m">
                                                            <p class="titleContent css-inboye">
                                                                An unforeseen incredible journey &ndash; cycling from India to Nepal
                                                            </p>
                                                        </div>
                                                        <div class="css-15r4ptk">
                                                            <div class="ctaContainer css-10acc7d">
                                                                <p class="ctaColor css-1g7vbp">
                                                                    Cycling Collection
                                                                    <!-- -->
                 by
                                                                </p>
                                                                <div class="ctaColor css-vnm6yc">
                                                                    <img class="css-nfcore" height="14" src="https://d2exd72xrrp1s7.cloudfront.net/www/1f/1f0vdtqeh6d2z14ounx19eaoln2h6c8h0n-u554027964257-full/17319bd4d87/p?width=28&amp;height=28&amp;crop=true&amp;q=80" width="14">
                                                                    <p class="ctaColor css-4nica4">
                                                                        Robin Patijn - Farawayistan
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <svg aria-hidden="true" class="arrowIcon css-ynuuqb" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="css-9vd5ud">
                                                <a class="css-cwqyse" data-test-id="content-card" href="https://www.komoot.com/collection/1070173/european-divide-trail-7-600-km-across-the-continent">
                                                    <div class="hoverTopContent css-q4fnkq">
                                                    </div>
                                                    <div class="css-1tdaheh">
                                                        <div class="css-dofd2m">
                                                            <p class="titleContent css-inboye">
                                                                European Divide Trail &mdash; 7,600 km across the continent
                                                            </p>
                                                        </div>
                                                        <div class="css-15r4ptk">
                                                            <div class="ctaContainer css-10acc7d">
                                                                <p class="ctaColor css-1g7vbp">
                                                                    Mountain Biking Collection
                                                                    <!-- -->
                 by
                                                                </p>
                                                                <div class="ctaColor css-vnm6yc">
                                                                    <img class="css-nfcore" height="14" src="https://d2exd72xrrp1s7.cloudfront.net/www/b9/b9rr53mcu39h13z9q12qx2ail3dvlfp0t-ueuropeandividetrail-full/1725bbe9dd4?width=28&amp;height=28&amp;crop=true&amp;q=80" width="14">
                                                                    <p class="ctaColor css-4nica4">
                                                                        European Divide Trail
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <svg aria-hidden="true" class="arrowIcon css-ynuuqb" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="css-9vd5ud">
                                                <a class="css-cwqyse" data-test-id="content-card" href="https://www.komoot.com/collection/964786/the-pamir-highway-dushanbe-to-osh-via-the-wakhan-valley">
                                                    <div class="hoverTopContent css-q4fnkq">
                                                    </div>
                                                    <div class="css-1tdaheh">
                                                        <div class="css-dofd2m">
                                                            <p class="titleContent css-inboye">
                                                                The Pamir Highway &ndash; Dushanbe to Osh via the Wakhan Valley
                                                            </p>
                                                        </div>
                                                        <div class="css-15r4ptk">
                                                            <div class="ctaContainer css-10acc7d">
                                                                <p class="ctaColor css-1g7vbp">
                                                                    Cycling Collection
                                                                    <!-- -->
                 by
                                                                </p>
                                                                <div class="ctaColor css-vnm6yc">
                                                                    <img class="css-nfcore" height="14" src="https://d2exd72xrrp1s7.cloudfront.net/www/1f/1f0vdtqeh6d2z14ounx19eaoln2h6c8h0n-u554027964257-full/17319bd4d87/p?width=28&amp;height=28&amp;crop=true&amp;q=80" width="14">
                                                                    <p class="ctaColor css-4nica4">
                                                                        Robin Patijn - Farawayistan
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <svg aria-hidden="true" class="arrowIcon css-ynuuqb" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="css-9vd5ud">
                                                <a class="css-cwqyse" data-test-id="content-card" href="https://www.komoot.com/collection/1005106/iceland-divide-lava-fields-icy-glaciers-and-river-crossings">
                                                    <div class="hoverTopContent css-q4fnkq">
                                                    </div>
                                                    <div class="css-1tdaheh">
                                                        <div class="css-dofd2m">
                                                            <p class="titleContent css-inboye">
                                                                Iceland Divide &ndash; Lava fields, icy glaciers and river crossings
                                                            </p>
                                                        </div>
                                                        <div class="css-15r4ptk">
                                                            <div class="ctaContainer css-10acc7d">
                                                                <p class="ctaColor css-1g7vbp">
                                                                    Cycling Collection
                                                                    <!-- -->
                 by
                                                                </p>
                                                                <div class="ctaColor css-vnm6yc">
                                                                    <img class="css-nfcore" height="14" src="https://d2exd72xrrp1s7.cloudfront.net/www/58/58imfoziqy7hz8h5eyjqs2oa3131bq5k-u767778032227-full/17eff17a466?width=28&amp;height=28&amp;crop=true&amp;q=80" width="14">
                                                                    <p class="ctaColor css-4nica4">
                                                                        Natt Williams
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <svg aria-hidden="true" class="arrowIcon css-ynuuqb" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="css-9vd5ud">
                                                <a class="css-cwqyse" data-test-id="content-card" href="https://www.komoot.com/collection/987538/catalunya-trail-bikepacking-in-the-pyrenees">
                                                    <div class="hoverTopContent css-q4fnkq">
                                                    </div>
                                                    <div class="css-1tdaheh">
                                                        <div class="css-dofd2m">
                                                            <p class="titleContent css-inboye">
                                                                Catalunya Trail &mdash; Bikepacking in the Pyrenees
                                                            </p>
                                                        </div>
                                                        <div class="css-15r4ptk">
                                                            <div class="ctaContainer css-10acc7d">
                                                                <p class="ctaColor css-1g7vbp">
                                                                    Cycling Collection
                                                                    <!-- -->
                 by
                                                                </p>
                                                                <div class="ctaColor css-vnm6yc">
                                                                    <img class="css-nfcore" height="14" src="https://d2exd72xrrp1s7.cloudfront.net/www/r5/r5zpebwbyy871dmy01d4jb1o326ui59f416188025-full/190a0e860ef/p?width=28&amp;height=28&amp;crop=true&amp;q=80" width="14">
                                                                    <p class="ctaColor css-4nica4">
                                                                        Katherine Moore
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <svg aria-hidden="true" class="arrowIcon css-ynuuqb" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="css-9vd5ud">
                                                <a class="css-cwqyse" data-test-id="content-card" href="https://www.komoot.com/collection/427/hebridean-hopscotch-cycling-along-scotland-s-magical-west-coast">
                                                    <div class="hoverTopContent css-q4fnkq">
                                                    </div>
                                                    <div class="css-1tdaheh">
                                                        <div class="css-dofd2m">
                                                            <p class="titleContent css-inboye">
                                                                Hebridean hopscotch &mdash; cycling along Scotland's magical west coast
                                                            </p>
                                                        </div>
                                                        <div class="css-15r4ptk">
                                                            <div class="ctaContainer css-10acc7d">
                                                                <p class="ctaColor css-1g7vbp">
                                                                    Cycling Collection
                                                                    <!-- -->
                 by
                                                                </p>
                                                                <div class="ctaColor css-vnm6yc">
                                                                    <img class="css-nfcore" height="14" src="https://d2exd72xrrp1s7.cloudfront.net/www/2y/2ybguf62finf10zpa1jz1g3ia6ae4x7f153727-full/19985179009?width=28&amp;height=28&amp;crop=true&amp;q=80" width="14">
                                                                    <p class="ctaColor css-4nica4">
                                                                        komoot
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <svg aria-hidden="true" class="arrowIcon css-ynuuqb" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="css-9vd5ud">
                                                <a class="css-cwqyse" data-test-id="content-card" href="https://www.komoot.com/collection/1058466/annapurna-circuit-in-nepal-bikepacking-the-roof-of-the-world">
                                                    <div class="hoverTopContent css-q4fnkq">
                                                    </div>
                                                    <div class="css-1tdaheh">
                                                        <div class="css-dofd2m">
                                                            <p class="titleContent css-inboye">
                                                                Annapurna Circuit in Nepal &ndash; Bikepacking the roof of the world
                                                            </p>
                                                        </div>
                                                        <div class="css-15r4ptk">
                                                            <div class="ctaContainer css-10acc7d">
                                                                <p class="ctaColor css-1g7vbp">
                                                                    Mountain Biking Collection
                                                                    <!-- -->
                 by
                                                                </p>
                                                                <div class="ctaColor css-vnm6yc">
                                                                    <img class="css-nfcore" height="14" src="https://d2exd72xrrp1s7.cloudfront.net/www/1f/1f0vdtqeh6d2z14ounx19eaoln2h6c8h0n-u554027964257-full/17319bd4d87/p?width=28&amp;height=28&amp;crop=true&amp;q=80" width="14">
                                                                    <p class="ctaColor css-4nica4">
                                                                        Robin Patijn - Farawayistan
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <svg aria-hidden="true" class="arrowIcon css-ynuuqb" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="css-9vd5ud">
                                                <a class="css-cwqyse" data-test-id="content-card" href="https://www.komoot.com/collection/946212/traversing-the-dinaric-alps-bikepacking-from-the-mountains-to-the-sea">
                                                    <div class="hoverTopContent css-q4fnkq">
                                                    </div>
                                                    <div class="css-1tdaheh">
                                                        <div class="css-dofd2m">
                                                            <p class="titleContent css-inboye">
                                                                Traversing the Dinaric Alps &mdash; bikepacking from the mountains to the sea
                                                            </p>
                                                        </div>
                                                        <div class="css-15r4ptk">
                                                            <div class="ctaContainer css-10acc7d">
                                                                <p class="ctaColor css-1g7vbp">
                                                                    Cycling Collection
                                                                    <!-- -->
                 by
                                                                </p>
                                                                <div class="ctaColor css-vnm6yc">
                                                                    <img class="css-nfcore" height="14" src="https://d2exd72xrrp1s7.cloudfront.net/www/1b/1bzip0pp6q3ji1gcqkqgv3bnng2318mxqz13714665-full/167f3b1bb7f/p?width=28&amp;height=28&amp;crop=true&amp;q=80" width="14">
                                                                    <p class="ctaColor css-4nica4">
                                                                        Jenny Tough
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <svg aria-hidden="true" class="arrowIcon css-ynuuqb" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="css-9vd5ud">
                                                <a class="css-cwqyse" data-test-id="content-card" href="https://www.komoot.com/collection/920980/atlas-mountain-race-one-week-one-bike-one-girl">
                                                    <div class="hoverTopContent css-q4fnkq">
                                                    </div>
                                                    <div class="css-1tdaheh">
                                                        <div class="css-dofd2m">
                                                            <p class="titleContent css-inboye">
                                                                Atlas Mountain Race &ndash; One week, one bike, one girl
                                                            </p>
                                                        </div>
                                                        <div class="css-15r4ptk">
                                                            <div class="ctaContainer css-10acc7d">
                                                                <p class="ctaColor css-1g7vbp">
                                                                    Mountain Biking Collection
                                                                    <!-- -->
                 by
                                                                </p>
                                                                <div class="ctaColor css-vnm6yc">
                                                                    <img class="css-nfcore" height="14" src="https://d2exd72xrrp1s7.cloudfront.net/www/ls/lslfw4xsgc74ev2muyvw4dqe37w1z7we-u778631903966-full/191c6668f89?width=28&amp;height=28&amp;crop=true&amp;q=80" width="14">
                                                                    <p class="ctaColor css-4nica4">
                                                                        Quinda
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <svg aria-hidden="true" class="arrowIcon css-ynuuqb" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <style data-emotion="css ia0mbo">
                                    .css-ia0mbo {
                                        -webkit-align-items : center;
                                        -webkit-box-align   : center;
                                        -ms-flex-align      : center;
                                        align-items         : center;
                                        background-color    : var(--theme-ui-colors-surfaceFillSecondaryDefault);
                                        display             : -webkit-box;
                                        display             : -webkit-flex;
                                        display             : -ms-flexbox;
                                        display             : flex;
                                        -webkit-flex-direction: column;
                                        -ms-flex-direction  : column;
                                        flex-direction      : column;
                                        gap                 : 0.75rem;
                                        -webkit-box-pack    : center;
                                        -ms-flex-pack       : center;
                                        -webkit-justify-content: center;
                                        justify-content     : center;
                                        padding-bottom      : 12rem;
                                        padding-top         : 12rem;
                                        position            : relative;
                                    }
                                    @media screen and (min-width: 540px) {
                                        .css-ia0mbo {
                                            padding-bottom      : 14rem;
                                            padding-top         : 14rem;
                                        }
                                    }
                                </style>
                                <div class="css-ia0mbo">
                                    <style data-emotion="css 1h3v7s2">
                                        .css-1h3v7s2 {
                                            color               : var(--theme-ui-colors-iconPurpleDefault);
                                            position            : absolute;
                                            top                 : 7.5rem;
                                            font-weight         : regular;
                                            font-style          : normal;
                                            line-height         : normal;
                                            font-size           : 24px;
                                            font-family         : Boyrun,Satoshi,system-ui,sans-serif;
                                            letter-spacing      : 0.96px;
                                            -webkit-transform   : rotate(-5.554deg);
                                            -moz-transform      : rotate(-5.554deg);
                                            -ms-transform       : rotate(-5.554deg);
                                            transform           : rotate(-5.554deg);
                                        }
                                        @media screen and (min-width: 540px) {
                                            .css-1h3v7s2 {
                                                font-size           : 36px;
                                            }
                                        }
                                    </style>
                                    <p class="css-1h3v7s2">
                                        Step into the wild!
                                    </p>
                                    <style data-emotion="css 1d6f78p">
                                        .css-1d6f78p {
                                            color               : var(--theme-ui-colors-textSecondaryDefault);
                                            max-width           : 100%;
                                            text-align          : center;
                                            width               : 100%;
                                            font-style          : normal;
                                            line-height         : 135%;
                                            font-size           : 16px;
                                            padding-left        : 1.25rem;
                                            padding-right       : 1.25rem;
                                            font-family         : Nohemi,system-ui,sans-serif;
                                            letter-spacing      : 0.48px;
                                            white-space         : pre-wrap;
                                        }
                                        @media screen and (min-width: 540px) {
                                            .css-1d6f78p {
                                                max-width           : 80%;
                                                font-size           : 24px;
                                            }
                                        }
                                        @media screen and (min-width: 1024px) {
                                            .css-1d6f78p {
                                                max-width           : 50%;
                                                font-size           : 28px;
                                            }
                                        }
                                    </style>
                                    <p class="css-1d6f78p">
                                        There&rsquo;s more out there than you think! From hidden trails to breathtaking viewpoints, discover the places and routes that don&rsquo;t make it into guidebooks.
                                    </p>
                                    <style data-emotion="css xesrof">
                                        .css-xesrof {
                                            color               : var(--theme-ui-colors-iconPurpleDefault);
                                            height              : 4.5rem;
                                            left                : 2.5rem;
                                            position            : absolute;
                                            top                 : 1.5rem;
                                            width               : 4.5rem;
                                        }
                                        @media screen and (min-width: 540px) {
                                            .css-xesrof {
                                                left                : 4rem;
                                                top                 : 7.5rem;
                                            }
                                        }
                                        @media screen and (min-width: 1024px) {
                                            .css-xesrof {
                                                left                : 14rem;
                                            }
                                        }
                                        @media screen and (min-width: 1280px) {
                                            .css-xesrof {
                                                top                 : 10rem;
                                            }
                                        }
                                    </style>
                                    <svg aria-hidden="true" class="css-xesrof" fill="none" role="presentation" viewBox="0 0 74 74" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M29.1943 5.28027L36.958 8.56152L38.0596 9.02734L36.9551 9.48438L29.5 12.5684V14.9277L44.7197 43.1943L52.5186 27.999L72.0186 65.999H56.999L57 66H1L28.5 14.9277V4.9873L29.1943 5.28027Z" fill="currentColor">
                                        </path>
                                    </svg>
                                    <style data-emotion="css 46s395">
                                        .css-46s395 {
                                            bottom              : 4.5rem;
                                            color               : var(--theme-ui-colors-iconPurpleDefault);
                                            height              : 4.5rem;
                                            position            : absolute;
                                            right               : 2.5rem;
                                            width               : 4.5rem;
                                            -webkit-transform   : rotate(25.797deg);
                                            -moz-transform      : rotate(25.797deg);
                                            -ms-transform       : rotate(25.797deg);
                                            transform           : rotate(25.797deg);
                                        }
                                        @media screen and (min-width: 540px) {
                                            .css-46s395 {
                                                bottom              : 7.5rem;
                                                right               : 6rem;
                                            }
                                        }
                                        @media screen and (min-width: 1024px) {
                                            .css-46s395 {
                                                right               : 16rem;
                                            }
                                        }
                                        @media screen and (min-width: 1280px) {
                                            .css-46s395 {
                                                bottom              : 10rem;
                                            }
                                        }
                                    </style>
                                    <svg aria-hidden="true" class="css-46s395" fill="none" role="presentation" viewBox="0 0 74 74" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M19.3061 11.5H54.6937L72 62.5H36.6125H29.2561L19.3061 32.3941L8.29862 62.5H2L19.3061 11.5Z" fill="currentColor">
                                        </path>
                                        <path d="M19.3061 11.5H54.6937L72 62.5H36.6125M19.3061 11.5L36.6125 62.5M19.3061 11.5L2 62.5H8.29862L19.3061 32.3941L29.2561 62.5H36.6125" stroke="currentColor" stroke-width="1.90638">
                                        </path>
                                    </svg>
                                </div>
                                <style data-emotion="css 59dijf">
                                    .css-59dijf {
                                        -webkit-align-items : start;
                                        -webkit-box-align   : start;
                                        -ms-flex-align      : start;
                                        align-items         : start;
                                        display             : -webkit-box;
                                        display             : -webkit-flex;
                                        display             : -ms-flexbox;
                                        display             : flex;
                                        -webkit-flex-direction: column;
                                        -ms-flex-direction  : column;
                                        flex-direction      : column;
                                        gap                 : 0.75rem;
                                        -webkit-box-pack    : start;
                                        -ms-flex-pack       : start;
                                        -webkit-justify-content: start;
                                        justify-content     : start;
                                        padding-bottom      : 2.5rem;
                                        padding-top         : 5rem;
                                        width               : 100%;
                                    }
                                    @media screen and (min-width: 540px) {
                                        .css-59dijf {
                                            padding-bottom      : 5rem;
                                            padding-top         : 7.5rem;
                                        }
                                    }
                                </style>
                                <div class="css-59dijf">
                                    <div class="css-70re4p" data-test-id="featured-trails-carousel">
                                        <style data-emotion="css 11hklq6">
                                            .css-11hklq6 {
                                                margin-bottom       : 1.5rem;
                                            }
                                            @media screen and (min-width: 540px) {
                                                .css-11hklq6 {
                                                    margin-bottom       : 2.5rem;
                                                }
                                            }
                                            @media screen and (min-width: 1024px) {
                                                .css-11hklq6 {
                                                    margin-bottom       : 4rem;
                                                }
                                            }
                                        </style>
                                        <div class="css-11hklq6">
                                            <style data-emotion="css 3gcwul">
                                                .css-3gcwul {
                                                    -webkit-align-items : start;
                                                    -webkit-box-align   : start;
                                                    -ms-flex-align      : start;
                                                    align-items         : start;
                                                    display             : -webkit-box;
                                                    display             : -webkit-flex;
                                                    display             : -ms-flexbox;
                                                    display             : flex;
                                                    -webkit-flex-direction: column;
                                                    -ms-flex-direction  : column;
                                                    flex-direction      : column;
                                                    gap                 : 0.75rem;
                                                    -webkit-box-pack    : start;
                                                    -ms-flex-pack       : start;
                                                    -webkit-justify-content: start;
                                                    justify-content     : start;
                                                    padding-left        : 1.5rem;
                                                    padding-right       : 1.5rem;
                                                    padding-top         : 0;
                                                    position            : relative;
                                                    width               : 100%;
                                                }
                                                @media screen and (min-width: 540px) {
                                                    .css-3gcwul {
                                                        padding-left        : 5rem;
                                                        padding-right       : 5rem;
                                                        padding-top         : 2.5rem;
                                                    }
                                                }
                                                @media screen and (min-width: 1024px) {
                                                    .css-3gcwul {
                                                        padding-left        : 7.5rem;
                                                        padding-right       : 7.5rem;
                                                    }
                                                }
                                            </style>
                                            <div class="css-3gcwul">
                                                <style data-emotion="css f9sord">
                                                    .css-f9sord {
                                                        color               : var(--theme-ui-colors-actionBaseFillPrimaryDefault);
                                                        display             : none;
                                                        position            : absolute;
                                                        right               : 20rem;
                                                        top                 : 0;
                                                        font-weight         : normal;
                                                        font-style          : normal;
                                                        line-height         : normal;
                                                        font-size           : 24px;
                                                        font-family         : Boyrun,Satoshi,system-ui,sans-serif;
                                                        letter-spacing      : 0.72px;
                                                        -webkit-transform   : rotate(4.864deg);
                                                        -moz-transform      : rotate(4.864deg);
                                                        -ms-transform       : rotate(4.864deg);
                                                        transform           : rotate(4.864deg);
                                                        white-space         : pre-line;
                                                    }
                                                    @media screen and (min-width: 540px) {
                                                        .css-f9sord {
                                                            display             : -webkit-box;
                                                            display             : -webkit-flex;
                                                            display             : -ms-flexbox;
                                                            display             : flex;
                                                            right               : 30rem;
                                                            top                 : -1.5rem;
                                                        }
                                                    }
                                                    @media screen and (min-width: 1024px) {
                                                        .css-f9sord {
                                                            right               : 180px;
                                                            top                 : -2.5rem;
                                                        }
                                                    }
                                                    @media screen and (min-width: 1280px) {
                                                        .css-f9sord {
                                                            right               : 220px;
                                                        }
                                                    }
                                                </style>
                                                <p class="css-f9sord">
                                                    Choose your tour,
download it to your smartphone
                                                </p>
                                                <style data-emotion="css td2x1z">
                                                    .css-td2x1z {
                                                        color               : var(--theme-ui-colors-textPrimaryDefault);
                                                        font-weight         : 500;
                                                        font-style          : normal;
                                                        line-height         : 2.7rem;
                                                        font-size           : 40px;
                                                        font-family         : Nohemi,system-ui,sans-serif;
                                                        letter-spacing      : 0.045rem;
                                                    }
                                                </style>
                                                <h2 class="css-td2x1z">
                                                    Ready for your next adventure?
                                                </h2>
                                            </div>
                                        </div>
                                        <div class="css-g6p1xp">
                                            <div class="css-9vd5ud">
                                                <style data-emotion="css 1c9zw7b">
                                                    .css-1c9zw7b {
                                                        -webkit-align-items : start;
                                                        -webkit-box-align   : start;
                                                        -ms-flex-align      : start;
                                                        align-items         : start;
                                                        background-color    : var(--theme-ui-colors-surfaceFillGreenDefault);
                                                        border-radius       : 24px;
                                                        display             : -webkit-box;
                                                        display             : -webkit-flex;
                                                        display             : -ms-flexbox;
                                                        display             : flex;
                                                        -webkit-flex-direction: column;
                                                        -ms-flex-direction  : column;
                                                        flex-direction      : column;
                                                        gap                 : 0.75rem;
                                                        height              : 26.25rem;
                                                        -webkit-box-pack    : end;
                                                        -ms-flex-pack       : end;
                                                        -webkit-justify-content: end;
                                                        justify-content     : end;
                                                        margin-bottom       : 1rem;
                                                        margin-left         : 0.125rem;
                                                        margin-right        : 0.125rem;
                                                        margin-top          : 1rem;
                                                        max-height          : 26.25rem;
                                                        padding-bottom      : 1.5rem;
                                                        padding-left        : 1.5rem;
                                                        padding-right       : 1.5rem;
                                                        padding-top         : 1.5rem;
                                                        position            : relative;
                                                        width               : 20rem;
                                                        background-image    : none;
                                                        -webkit-background-size: 100% 100%,cover;
                                                        background-size     : 100% 100%,cover;
                                                        -webkit-background-position: 0 0,center;
                                                        background-position : 0 0,center;
                                                        background-repeat   : no-repeat,no-repeat;
                                                        -webkit-transition  : all .3s ease-in-out;
                                                        transition          : all .3s ease-in-out;
                                                    }
                                                    @media (hover: hover) {
                                                        .css-1c9zw7b:hover {
                                                            background-image    : none;
                                                            background-color    : var(--theme-ui-colors-surfaceFillSecondaryHover);
                                                            -webkit-transform   : rotate(-3deg) scale(1.04);
                                                            -moz-transform      : rotate(-3deg) scale(1.04);
                                                            -ms-transform       : rotate(-3deg) scale(1.04);
                                                            transform           : rotate(-3deg) scale(1.04);
                                                            -webkit-box-pack    : end;
                                                            -ms-flex-pack       : end;
                                                            -webkit-justify-content: end;
                                                            justify-content     : end;
                                                        }
                                                        .css-1c9zw7b:hover .arrowIcon {
                                                            -webkit-transform   : rotate(0deg);
                                                            -moz-transform      : rotate(0deg);
                                                            -ms-transform       : rotate(0deg);
                                                            transform           : rotate(0deg);
                                                            -webkit-transition  : all .3s ease-in-out;
                                                            transition          : all .3s ease-in-out;
                                                        }
                                                        .css-1c9zw7b:hover .ctaColor {
                                                            color               : var(--theme-ui-colors-textSecondaryDefault);
                                                        }
                                                        .css-1c9zw7b:hover .titleContent {
                                                            max-height          : 8rem;
                                                            color               : var(--theme-ui-colors-textPrimaryDefault);
                                                            -webkit-line-clamp  : 4;
                                                        }
                                                        .css-1c9zw7b:hover .descriptionContent {
                                                            color               : var(--theme-ui-colors-textSecondaryDefault);
                                                        }
                                                        .css-1c9zw7b:hover .titleIcon {
                                                            color               : var(--theme-ui-colors-textSecondaryDefault);
                                                        }
                                                        .css-1c9zw7b:hover .hoverTopContent {
                                                            display             : block;
                                                        }
                                                        .css-1c9zw7b:hover .defaultTopContent {
                                                            display             : -webkit-box;
                                                            display             : -webkit-flex;
                                                            display             : -ms-flexbox;
                                                            display             : flex;
                                                        }
                                                    }
                                                    @media (hover: none) {
                                                        .css-1c9zw7b:active {
                                                            background-image    : none;
                                                            background-color    : var(--theme-ui-colors-surfaceFillSecondaryHover);
                                                            -webkit-transform   : rotate(-3deg) scale(1.04);
                                                            -moz-transform      : rotate(-3deg) scale(1.04);
                                                            -ms-transform       : rotate(-3deg) scale(1.04);
                                                            transform           : rotate(-3deg) scale(1.04);
                                                            -webkit-box-pack    : end;
                                                            -ms-flex-pack       : end;
                                                            -webkit-justify-content: end;
                                                            justify-content     : end;
                                                        }
                                                        .css-1c9zw7b:active .arrowIcon {
                                                            -webkit-transform   : rotate(0deg);
                                                            -moz-transform      : rotate(0deg);
                                                            -ms-transform       : rotate(0deg);
                                                            transform           : rotate(0deg);
                                                            -webkit-transition  : all .3s ease-in-out;
                                                            transition          : all .3s ease-in-out;
                                                        }
                                                        .css-1c9zw7b:active .ctaColor {
                                                            color               : var(--theme-ui-colors-textSecondaryDefault);
                                                        }
                                                        .css-1c9zw7b:active .titleContent {
                                                            max-height          : 8rem;
                                                            color               : var(--theme-ui-colors-textPrimaryDefault);
                                                            -webkit-line-clamp  : 4;
                                                        }
                                                        .css-1c9zw7b:active .descriptionContent {
                                                            color               : var(--theme-ui-colors-textSecondaryDefault);
                                                        }
                                                        .css-1c9zw7b:active .titleIcon {
                                                            color               : var(--theme-ui-colors-textSecondaryDefault);
                                                        }
                                                        .css-1c9zw7b:active .hoverTopContent {
                                                            display             : block;
                                                        }
                                                        .css-1c9zw7b:active .defaultTopContent {
                                                            display             : -webkit-box;
                                                            display             : -webkit-flex;
                                                            display             : -ms-flexbox;
                                                            display             : flex;
                                                        }
                                                    }
                                                </style>
                                                <a class="css-1c9zw7b" data-test-id="content-card" href="/smarttour/e1195489824/nisqually-vista-trail">
                                                    <style data-emotion="css 1v4wt86">
                                                        .css-1v4wt86 {
                                                            left                : 1.5rem;
                                                            position            : absolute;
                                                            top                 : 1.5rem;
                                                        }
                                                    </style>
                                                    <div class="defaultTopContent css-1v4wt86">
                                                        <style data-emotion="css 2a0tm3">
                                                            .css-2a0tm3 {
                                                                -webkit-align-items : center;
                                                                -webkit-box-align   : center;
                                                                -ms-flex-align      : center;
                                                                align-items         : center;
                                                                border-radius       : 8px;
                                                                cursor              : default;
                                                                display             : -webkit-box;
                                                                display             : -webkit-flex;
                                                                display             : -ms-flexbox;
                                                                display             : flex;
                                                                -webkit-flex-direction: column;
                                                                -ms-flex-direction  : column;
                                                                flex-direction      : column;
                                                                gap                 : 0.625rem;
                                                                -webkit-box-pack    : center;
                                                                -ms-flex-pack       : center;
                                                                -webkit-justify-content: center;
                                                                justify-content     : center;
                                                                pointer-events      : none;
                                                                width               : -webkit-fit-content;
                                                                width               : -moz-fit-content;
                                                                width               : fit-content;
                                                                padding-left        : 0.5rem;
                                                                padding-right       : 0.5rem;
                                                                padding-top         : 0.125rem;
                                                                padding-bottom      : 0.25rem;
                                                                background-color    : var(--theme-ui-colors-difficultyTagsBaseFillEasyDefault);
                                                            }
                                                        </style>
                                                        <div class="css-2a0tm3">
                                                            <style data-emotion="css 1a60v0b">
                                                                .css-1a60v0b {
                                                                    color               : var(--theme-ui-colors-difficultyTagsContentFillEasyDefault);
                                                                    font-weight         : 700;
                                                                    font-style          : normal;
                                                                    line-height         : 1.0125rem;
                                                                    font-size           : 12px;
                                                                    font-family         : Satoshi,system-ui,sans-serif;
                                                                }
                                                            </style>
                                                            <span class="css-1a60v0b">
                                                                Easy
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class="hoverTopContent css-q4fnkq">
                                                    </div>
                                                    <div class="css-1tdaheh">
                                                        <div class="css-15r4ptk">
                                                            <style data-emotion="css h9o9t9">
                                                                .css-h9o9t9 {
                                                                    -webkit-align-items : start;
                                                                    -webkit-box-align   : start;
                                                                    -ms-flex-align      : start;
                                                                    align-items         : start;
                                                                    display             : -webkit-box;
                                                                    display             : -webkit-flex;
                                                                    display             : -ms-flexbox;
                                                                    display             : flex;
                                                                    -webkit-flex        : 1;
                                                                    -ms-flex            : 1;
                                                                    flex                : 1;
                                                                    -webkit-flex-direction: column;
                                                                    -ms-flex-direction  : column;
                                                                    flex-direction      : column;
                                                                    gap                 : 1.25rem;
                                                                    -webkit-box-pack    : start;
                                                                    -ms-flex-pack       : start;
                                                                    -webkit-justify-content: start;
                                                                    justify-content     : start;
                                                                    min-width           : 0;
                                                                }
                                                            </style>
                                                            <div class="css-h9o9t9">
                                                                <style data-emotion="css 8vzwz1">
                                                                    .css-8vzwz1 {
                                                                        -webkit-transition  : all .3s ease-in-out;
                                                                        transition          : all .3s ease-in-out;
                                                                    }
                                                                </style>
                                                                <div class="titleIcon css-8vzwz1">
                                                                    <style data-emotion="css 70sdbs">
                                                                        .css-70sdbs {
                                                                            -webkit-align-items : center;
                                                                            -webkit-box-align   : center;
                                                                            -ms-flex-align      : center;
                                                                            align-items         : center;
                                                                            background-color    : var(--theme-ui-colors-iconAccentDefault);
                                                                            border-radius       : 100%;
                                                                            display             : -webkit-box;
                                                                            display             : -webkit-flex;
                                                                            display             : -ms-flexbox;
                                                                            display             : flex;
                                                                            -webkit-flex-direction: row;
                                                                            -ms-flex-direction  : row;
                                                                            flex-direction      : row;
                                                                            gap                 : 0.75rem;
                                                                            height              : 2rem;
                                                                            -webkit-box-pack    : center;
                                                                            -ms-flex-pack       : center;
                                                                            -webkit-justify-content: center;
                                                                            justify-content     : center;
                                                                            width               : 2rem;
                                                                            -webkit-flex-shrink : 0;
                                                                            -ms-flex-negative   : 0;
                                                                            flex-shrink         : 0;
                                                                            padding             : 0.25rem;
                                                                        }
                                                                    </style>
                                                                    <div class="css-70sdbs">
                                                                        <style data-emotion="css susiym">
                                                                            .css-susiym {
                                                                                color               : var(--theme-ui-colors-textWhiteDefault);
                                                                                height              : 1.25rem;
                                                                                width               : 1.25rem;
                                                                            }
                                                                        </style>
                                                                        <svg aria-hidden="true" class="css-susiym" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                                            <path d="M11.2744 3.66611C12.0566 3.66611 12.6907 3.03201 12.6907 2.24981C12.6907 1.4676 12.0566 0.833496 11.2744 0.833496C10.4922 0.833496 9.85806 1.4676 9.85806 2.24981C9.85806 3.03201 10.4922 3.66611 11.2744 3.66611Z" fill="currentColor">
                                                                            </path>
                                                                            <path d="M12.612 9.33134L12.7694 9.56739L13.0841 9.64608L16.1528 9.96081L16.4675 8.70187L13.7922 8.22977C13.7922 8.22977 12.3759 6.34136 11.9825 5.79057C10.9596 4.37426 10.2515 4.37426 10.2515 4.37426C9.77937 4.37426 9.46464 4.76768 9.38595 5.23978C8.52043 8.62319 6.00255 18.6947 6.00255 18.6947L7.49754 19.1668L9.70069 12.2426H9.77937L11.8252 14.2884L12.5333 19.1668L14.107 18.9308L13.3988 13.8163V13.5803L13.2415 13.3442L10.9596 10.669L11.7465 7.91503L12.612 9.33134Z" fill="currentColor">
                                                                            </path>
                                                                            <path d="M8.28438 5.00374L7.10412 10.1182C7.10412 10.1182 6.78939 10.3542 6.15991 10.1182C2.14704 9.64609 5.13703 4.84637 6.94675 4.61032C8.75648 4.37427 8.28438 5.00374 8.28438 5.00374Z" fill="currentColor">
                                                                            </path>
                                                                        </svg>
                                                                    </div>
                                                                </div>
                                                                <div class="css-dofd2m">
                                                                    <p class="titleContent css-inboye">
                                                                        Nisqually Vista Trail
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <style data-emotion="css yw9u1f">
                                                                .css-yw9u1f {
                                                                    color               : var(--theme-ui-colors-iconAccentDefault);
                                                                    height              : 3rem;
                                                                    width               : 3rem;
                                                                    -webkit-flex-shrink : 0;
                                                                    -ms-flex-negative   : 0;
                                                                    flex-shrink         : 0;
                                                                    -webkit-transform   : rotate(-45deg);
                                                                    -moz-transform      : rotate(-45deg);
                                                                    -ms-transform       : rotate(-45deg);
                                                                    transform           : rotate(-45deg);
                                                                }
                                                            </style>
                                                            <svg aria-hidden="true" class="arrowIcon css-yw9u1f" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="css-9vd5ud">
                                                <a class="css-1c9zw7b" data-test-id="content-card" href="/smarttour/e1031870743/mesa-arch-trail">
                                                    <div class="defaultTopContent css-1v4wt86">
                                                        <div class="css-2a0tm3">
                                                            <span class="css-1a60v0b">
                                                                Easy
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class="hoverTopContent css-q4fnkq">
                                                    </div>
                                                    <div class="css-1tdaheh">
                                                        <div class="css-15r4ptk">
                                                            <div class="css-h9o9t9">
                                                                <div class="titleIcon css-8vzwz1">
                                                                    <div class="css-70sdbs">
                                                                        <svg aria-hidden="true" class="css-susiym" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                                            <path d="M11.2744 3.66611C12.0566 3.66611 12.6907 3.03201 12.6907 2.24981C12.6907 1.4676 12.0566 0.833496 11.2744 0.833496C10.4922 0.833496 9.85806 1.4676 9.85806 2.24981C9.85806 3.03201 10.4922 3.66611 11.2744 3.66611Z" fill="currentColor">
                                                                            </path>
                                                                            <path d="M12.612 9.33134L12.7694 9.56739L13.0841 9.64608L16.1528 9.96081L16.4675 8.70187L13.7922 8.22977C13.7922 8.22977 12.3759 6.34136 11.9825 5.79057C10.9596 4.37426 10.2515 4.37426 10.2515 4.37426C9.77937 4.37426 9.46464 4.76768 9.38595 5.23978C8.52043 8.62319 6.00255 18.6947 6.00255 18.6947L7.49754 19.1668L9.70069 12.2426H9.77937L11.8252 14.2884L12.5333 19.1668L14.107 18.9308L13.3988 13.8163V13.5803L13.2415 13.3442L10.9596 10.669L11.7465 7.91503L12.612 9.33134Z" fill="currentColor">
                                                                            </path>
                                                                            <path d="M8.28438 5.00374L7.10412 10.1182C7.10412 10.1182 6.78939 10.3542 6.15991 10.1182C2.14704 9.64609 5.13703 4.84637 6.94675 4.61032C8.75648 4.37427 8.28438 5.00374 8.28438 5.00374Z" fill="currentColor">
                                                                            </path>
                                                                        </svg>
                                                                    </div>
                                                                </div>
                                                                <div class="css-dofd2m">
                                                                    <p class="titleContent css-inboye">
                                                                        Mesa Arch Trail
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <svg aria-hidden="true" class="arrowIcon css-yw9u1f" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="css-9vd5ud">
                                                <a class="css-1c9zw7b" data-test-id="content-card" href="/smarttour/e1085845864/willow-creek-trail">
                                                    <div class="defaultTopContent css-1v4wt86">
                                                        <style data-emotion="css e8syw">
                                                            .css-e8syw {
                                                                -webkit-align-items : center;
                                                                -webkit-box-align   : center;
                                                                -ms-flex-align      : center;
                                                                align-items         : center;
                                                                border-radius       : 8px;
                                                                cursor              : default;
                                                                display             : -webkit-box;
                                                                display             : -webkit-flex;
                                                                display             : -ms-flexbox;
                                                                display             : flex;
                                                                -webkit-flex-direction: column;
                                                                -ms-flex-direction  : column;
                                                                flex-direction      : column;
                                                                gap                 : 0.625rem;
                                                                -webkit-box-pack    : center;
                                                                -ms-flex-pack       : center;
                                                                -webkit-justify-content: center;
                                                                justify-content     : center;
                                                                pointer-events      : none;
                                                                width               : -webkit-fit-content;
                                                                width               : -moz-fit-content;
                                                                width               : fit-content;
                                                                padding-left        : 0.5rem;
                                                                padding-right       : 0.5rem;
                                                                padding-top         : 0.125rem;
                                                                padding-bottom      : 0.25rem;
                                                                background-color    : var(--theme-ui-colors-difficultyTagsBaseFillIntermediateDefault);
                                                            }
                                                        </style>
                                                        <div class="css-e8syw">
                                                            <style data-emotion="css owvkqy">
                                                                .css-owvkqy {
                                                                    color               : var(--theme-ui-colors-difficultyTagsContentFillIntermediateDefault);
                                                                    font-weight         : 700;
                                                                    font-style          : normal;
                                                                    line-height         : 1.0125rem;
                                                                    font-size           : 12px;
                                                                    font-family         : Satoshi,system-ui,sans-serif;
                                                                }
                                                            </style>
                                                            <span class="css-owvkqy">
                                                                Moderate
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class="hoverTopContent css-q4fnkq">
                                                    </div>
                                                    <div class="css-1tdaheh">
                                                        <div class="css-15r4ptk">
                                                            <div class="css-h9o9t9">
                                                                <div class="titleIcon css-8vzwz1">
                                                                    <div class="css-70sdbs">
                                                                        <svg aria-hidden="true" class="css-susiym" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                                            <path d="M11.2744 3.66611C12.0566 3.66611 12.6907 3.03201 12.6907 2.24981C12.6907 1.4676 12.0566 0.833496 11.2744 0.833496C10.4922 0.833496 9.85806 1.4676 9.85806 2.24981C9.85806 3.03201 10.4922 3.66611 11.2744 3.66611Z" fill="currentColor">
                                                                            </path>
                                                                            <path d="M12.612 9.33134L12.7694 9.56739L13.0841 9.64608L16.1528 9.96081L16.4675 8.70187L13.7922 8.22977C13.7922 8.22977 12.3759 6.34136 11.9825 5.79057C10.9596 4.37426 10.2515 4.37426 10.2515 4.37426C9.77937 4.37426 9.46464 4.76768 9.38595 5.23978C8.52043 8.62319 6.00255 18.6947 6.00255 18.6947L7.49754 19.1668L9.70069 12.2426H9.77937L11.8252 14.2884L12.5333 19.1668L14.107 18.9308L13.3988 13.8163V13.5803L13.2415 13.3442L10.9596 10.669L11.7465 7.91503L12.612 9.33134Z" fill="currentColor">
                                                                            </path>
                                                                            <path d="M8.28438 5.00374L7.10412 10.1182C7.10412 10.1182 6.78939 10.3542 6.15991 10.1182C2.14704 9.64609 5.13703 4.84637 6.94675 4.61032C8.75648 4.37427 8.28438 5.00374 8.28438 5.00374Z" fill="currentColor">
                                                                            </path>
                                                                        </svg>
                                                                    </div>
                                                                </div>
                                                                <div class="css-dofd2m">
                                                                    <p class="titleContent css-inboye">
                                                                        Willow Creek Trail
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <svg aria-hidden="true" class="arrowIcon css-yw9u1f" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="css-9vd5ud">
                                                <a class="css-1c9zw7b" data-test-id="content-card" href="/smarttour/e1102715460/fairyland-loop-trail">
                                                    <div class="defaultTopContent css-1v4wt86">
                                                        <div class="css-e8syw">
                                                            <span class="css-owvkqy">
                                                                Moderate
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class="hoverTopContent css-q4fnkq">
                                                    </div>
                                                    <div class="css-1tdaheh">
                                                        <div class="css-15r4ptk">
                                                            <div class="css-h9o9t9">
                                                                <div class="titleIcon css-8vzwz1">
                                                                    <div class="css-70sdbs">
                                                                        <svg aria-hidden="true" class="css-susiym" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                                            <path d="M11.2744 3.66611C12.0566 3.66611 12.6907 3.03201 12.6907 2.24981C12.6907 1.4676 12.0566 0.833496 11.2744 0.833496C10.4922 0.833496 9.85806 1.4676 9.85806 2.24981C9.85806 3.03201 10.4922 3.66611 11.2744 3.66611Z" fill="currentColor">
                                                                            </path>
                                                                            <path d="M12.612 9.33134L12.7694 9.56739L13.0841 9.64608L16.1528 9.96081L16.4675 8.70187L13.7922 8.22977C13.7922 8.22977 12.3759 6.34136 11.9825 5.79057C10.9596 4.37426 10.2515 4.37426 10.2515 4.37426C9.77937 4.37426 9.46464 4.76768 9.38595 5.23978C8.52043 8.62319 6.00255 18.6947 6.00255 18.6947L7.49754 19.1668L9.70069 12.2426H9.77937L11.8252 14.2884L12.5333 19.1668L14.107 18.9308L13.3988 13.8163V13.5803L13.2415 13.3442L10.9596 10.669L11.7465 7.91503L12.612 9.33134Z" fill="currentColor">
                                                                            </path>
                                                                            <path d="M8.28438 5.00374L7.10412 10.1182C7.10412 10.1182 6.78939 10.3542 6.15991 10.1182C2.14704 9.64609 5.13703 4.84637 6.94675 4.61032C8.75648 4.37427 8.28438 5.00374 8.28438 5.00374Z" fill="currentColor">
                                                                            </path>
                                                                        </svg>
                                                                    </div>
                                                                </div>
                                                                <div class="css-dofd2m">
                                                                    <p class="titleContent css-inboye">
                                                                        Fairyland Loop Trail
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <svg aria-hidden="true" class="arrowIcon css-yw9u1f" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="css-9vd5ud">
                                                <a class="css-1c9zw7b" data-test-id="content-card" href="/smarttour/e1232999429/lost-dog-trail">
                                                    <div class="defaultTopContent css-1v4wt86">
                                                        <div class="css-e8syw">
                                                            <span class="css-owvkqy">
                                                                Moderate
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class="hoverTopContent css-q4fnkq">
                                                    </div>
                                                    <div class="css-1tdaheh">
                                                        <div class="css-15r4ptk">
                                                            <div class="css-h9o9t9">
                                                                <div class="titleIcon css-8vzwz1">
                                                                    <div class="css-70sdbs">
                                                                        <svg aria-hidden="true" class="css-susiym" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                                            <path d="M11.2744 3.66611C12.0566 3.66611 12.6907 3.03201 12.6907 2.24981C12.6907 1.4676 12.0566 0.833496 11.2744 0.833496C10.4922 0.833496 9.85806 1.4676 9.85806 2.24981C9.85806 3.03201 10.4922 3.66611 11.2744 3.66611Z" fill="currentColor">
                                                                            </path>
                                                                            <path d="M12.612 9.33134L12.7694 9.56739L13.0841 9.64608L16.1528 9.96081L16.4675 8.70187L13.7922 8.22977C13.7922 8.22977 12.3759 6.34136 11.9825 5.79057C10.9596 4.37426 10.2515 4.37426 10.2515 4.37426C9.77937 4.37426 9.46464 4.76768 9.38595 5.23978C8.52043 8.62319 6.00255 18.6947 6.00255 18.6947L7.49754 19.1668L9.70069 12.2426H9.77937L11.8252 14.2884L12.5333 19.1668L14.107 18.9308L13.3988 13.8163V13.5803L13.2415 13.3442L10.9596 10.669L11.7465 7.91503L12.612 9.33134Z" fill="currentColor">
                                                                            </path>
                                                                            <path d="M8.28438 5.00374L7.10412 10.1182C7.10412 10.1182 6.78939 10.3542 6.15991 10.1182C2.14704 9.64609 5.13703 4.84637 6.94675 4.61032C8.75648 4.37427 8.28438 5.00374 8.28438 5.00374Z" fill="currentColor">
                                                                            </path>
                                                                        </svg>
                                                                    </div>
                                                                </div>
                                                                <div class="css-dofd2m">
                                                                    <p class="titleContent css-inboye">
                                                                        Lost Dog Trail
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <svg aria-hidden="true" class="arrowIcon css-yw9u1f" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="css-9vd5ud">
                                                <a class="css-1c9zw7b" data-test-id="content-card" href="/smarttour/e1286515562/buzzards-roost-trail">
                                                    <div class="defaultTopContent css-1v4wt86">
                                                        <div class="css-2a0tm3">
                                                            <span class="css-1a60v0b">
                                                                Easy
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class="hoverTopContent css-q4fnkq">
                                                    </div>
                                                    <div class="css-1tdaheh">
                                                        <div class="css-15r4ptk">
                                                            <div class="css-h9o9t9">
                                                                <div class="titleIcon css-8vzwz1">
                                                                    <div class="css-70sdbs">
                                                                        <svg aria-hidden="true" class="css-susiym" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                                            <path d="M11.2744 3.66611C12.0566 3.66611 12.6907 3.03201 12.6907 2.24981C12.6907 1.4676 12.0566 0.833496 11.2744 0.833496C10.4922 0.833496 9.85806 1.4676 9.85806 2.24981C9.85806 3.03201 10.4922 3.66611 11.2744 3.66611Z" fill="currentColor">
                                                                            </path>
                                                                            <path d="M12.612 9.33134L12.7694 9.56739L13.0841 9.64608L16.1528 9.96081L16.4675 8.70187L13.7922 8.22977C13.7922 8.22977 12.3759 6.34136 11.9825 5.79057C10.9596 4.37426 10.2515 4.37426 10.2515 4.37426C9.77937 4.37426 9.46464 4.76768 9.38595 5.23978C8.52043 8.62319 6.00255 18.6947 6.00255 18.6947L7.49754 19.1668L9.70069 12.2426H9.77937L11.8252 14.2884L12.5333 19.1668L14.107 18.9308L13.3988 13.8163V13.5803L13.2415 13.3442L10.9596 10.669L11.7465 7.91503L12.612 9.33134Z" fill="currentColor">
                                                                            </path>
                                                                            <path d="M8.28438 5.00374L7.10412 10.1182C7.10412 10.1182 6.78939 10.3542 6.15991 10.1182C2.14704 9.64609 5.13703 4.84637 6.94675 4.61032C8.75648 4.37427 8.28438 5.00374 8.28438 5.00374Z" fill="currentColor">
                                                                            </path>
                                                                        </svg>
                                                                    </div>
                                                                </div>
                                                                <div class="css-dofd2m">
                                                                    <p class="titleContent css-inboye">
                                                                        Buzzards roost trail
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <svg aria-hidden="true" class="arrowIcon css-yw9u1f" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="css-9vd5ud">
                                                <a class="css-1c9zw7b" data-test-id="content-card" href="/smarttour/e1344845380/boardman-lake-trail">
                                                    <div class="defaultTopContent css-1v4wt86">
                                                        <div class="css-2a0tm3">
                                                            <span class="css-1a60v0b">
                                                                Easy
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class="hoverTopContent css-q4fnkq">
                                                    </div>
                                                    <div class="css-1tdaheh">
                                                        <div class="css-15r4ptk">
                                                            <div class="css-h9o9t9">
                                                                <div class="titleIcon css-8vzwz1">
                                                                    <div class="css-70sdbs">
                                                                        <svg aria-hidden="true" class="css-susiym" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                                            <path d="M11.2744 3.66611C12.0566 3.66611 12.6907 3.03201 12.6907 2.24981C12.6907 1.4676 12.0566 0.833496 11.2744 0.833496C10.4922 0.833496 9.85806 1.4676 9.85806 2.24981C9.85806 3.03201 10.4922 3.66611 11.2744 3.66611Z" fill="currentColor">
                                                                            </path>
                                                                            <path d="M12.612 9.33134L12.7694 9.56739L13.0841 9.64608L16.1528 9.96081L16.4675 8.70187L13.7922 8.22977C13.7922 8.22977 12.3759 6.34136 11.9825 5.79057C10.9596 4.37426 10.2515 4.37426 10.2515 4.37426C9.77937 4.37426 9.46464 4.76768 9.38595 5.23978C8.52043 8.62319 6.00255 18.6947 6.00255 18.6947L7.49754 19.1668L9.70069 12.2426H9.77937L11.8252 14.2884L12.5333 19.1668L14.107 18.9308L13.3988 13.8163V13.5803L13.2415 13.3442L10.9596 10.669L11.7465 7.91503L12.612 9.33134Z" fill="currentColor">
                                                                            </path>
                                                                            <path d="M8.28438 5.00374L7.10412 10.1182C7.10412 10.1182 6.78939 10.3542 6.15991 10.1182C2.14704 9.64609 5.13703 4.84637 6.94675 4.61032C8.75648 4.37427 8.28438 5.00374 8.28438 5.00374Z" fill="currentColor">
                                                                            </path>
                                                                        </svg>
                                                                    </div>
                                                                </div>
                                                                <div class="css-dofd2m">
                                                                    <p class="titleContent css-inboye">
                                                                        Boardman Lake Trail
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <svg aria-hidden="true" class="arrowIcon css-yw9u1f" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="css-9vd5ud">
                                                <a class="css-1c9zw7b" data-test-id="content-card" href="/smarttour/e1395354446/animas-river-trail">
                                                    <div class="defaultTopContent css-1v4wt86">
                                                        <div class="css-2a0tm3">
                                                            <span class="css-1a60v0b">
                                                                Easy
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class="hoverTopContent css-q4fnkq">
                                                    </div>
                                                    <div class="css-1tdaheh">
                                                        <div class="css-15r4ptk">
                                                            <div class="css-h9o9t9">
                                                                <div class="titleIcon css-8vzwz1">
                                                                    <div class="css-70sdbs">
                                                                        <svg aria-hidden="true" class="css-susiym" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                                            <path d="M15.3823 4.37761C15.3823 5.09233 14.8292 5.67173 14.147 5.67173C13.4648 5.67173 12.9117 5.09233 12.9117 4.37761C12.9117 3.66289 13.4648 3.0835 14.147 3.0835C14.8292 3.0835 15.3823 3.66289 15.3823 4.37761Z" fill="currentColor">
                                                                            </path>
                                                                            <path clip-rule="evenodd" d="M0.833252 13.5802C0.833252 15.5933 2.41168 17.2469 4.33325 17.2469C6.25483 17.2469 7.83325 15.5933 7.83325 13.5802C7.83325 11.5672 6.25483 9.91356 4.33325 9.91356C2.41168 9.91356 0.833252 11.5672 0.833252 13.5802ZM4.33326 11.3515C3.16659 11.3515 2.20581 12.358 2.20581 13.5802C2.20581 14.8024 3.16659 15.809 4.33326 15.809C5.49992 15.809 6.46071 14.8024 6.46071 13.5802C6.46071 12.358 5.49992 11.3515 4.33326 11.3515Z" fill="currentColor" fill-rule="evenodd">
                                                                            </path>
                                                                            <path clip-rule="evenodd" d="M11.3333 13.5802C11.3333 15.5933 12.9117 17.2469 14.8333 17.2469C16.8234 17.2469 18.3333 15.5933 18.3333 13.5802C18.3333 11.5672 16.7548 9.91356 14.8333 9.91356C12.9117 9.91356 11.3333 11.5672 11.3333 13.5802ZM14.8332 11.3515C13.6666 11.3515 12.7058 12.358 12.7058 13.5802C12.7058 14.8024 13.6666 15.809 14.8332 15.809C15.9999 15.809 16.9607 14.8024 16.9607 13.5802C16.9607 12.358 15.9999 11.3515 14.8332 11.3515Z" fill="currentColor" fill-rule="evenodd">
                                                                            </path>
                                                                            <path d="M12.294 5.67173L13.5979 7.32533L16.2058 7.39722V8.76323L13.3234 8.90703H12.9803L12.7744 8.61944L11.6077 7.10964C11.5391 7.18154 8.58815 7.82859 8.58815 7.82859L10.098 9.76977L10.3038 9.98545V10.2011L10.4411 14.8743L9.06853 14.9462L8.93128 10.5606C8.93128 10.5606 6.32344 8.54755 5.77442 7.61291C5.43128 7.03774 5.49991 6.1031 6.32344 5.81552C7.42148 5.45604 10.7842 4.6652 10.7842 4.6652C11.6764 4.30572 12.294 5.67173 12.294 5.67173Z" fill="currentColor">
                                                                            </path>
                                                                        </svg>
                                                                    </div>
                                                                </div>
                                                                <div class="css-dofd2m">
                                                                    <p class="titleContent css-inboye">
                                                                        Animas River Trail
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <svg aria-hidden="true" class="arrowIcon css-yw9u1f" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="css-9vd5ud">
                                                <a class="css-1c9zw7b" data-test-id="content-card" href="/smarttour/e1354231163/lily-mountain-trail">
                                                    <div class="defaultTopContent css-1v4wt86">
                                                        <div class="css-e8syw">
                                                            <span class="css-owvkqy">
                                                                Moderate
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class="hoverTopContent css-q4fnkq">
                                                    </div>
                                                    <div class="css-1tdaheh">
                                                        <div class="css-15r4ptk">
                                                            <div class="css-h9o9t9">
                                                                <div class="titleIcon css-8vzwz1">
                                                                    <div class="css-70sdbs">
                                                                        <svg aria-hidden="true" class="css-susiym" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                                            <path d="M11.2744 3.66611C12.0566 3.66611 12.6907 3.03201 12.6907 2.24981C12.6907 1.4676 12.0566 0.833496 11.2744 0.833496C10.4922 0.833496 9.85806 1.4676 9.85806 2.24981C9.85806 3.03201 10.4922 3.66611 11.2744 3.66611Z" fill="currentColor">
                                                                            </path>
                                                                            <path d="M12.612 9.33134L12.7694 9.56739L13.0841 9.64608L16.1528 9.96081L16.4675 8.70187L13.7922 8.22977C13.7922 8.22977 12.3759 6.34136 11.9825 5.79057C10.9596 4.37426 10.2515 4.37426 10.2515 4.37426C9.77937 4.37426 9.46464 4.76768 9.38595 5.23978C8.52043 8.62319 6.00255 18.6947 6.00255 18.6947L7.49754 19.1668L9.70069 12.2426H9.77937L11.8252 14.2884L12.5333 19.1668L14.107 18.9308L13.3988 13.8163V13.5803L13.2415 13.3442L10.9596 10.669L11.7465 7.91503L12.612 9.33134Z" fill="currentColor">
                                                                            </path>
                                                                            <path d="M8.28438 5.00374L7.10412 10.1182C7.10412 10.1182 6.78939 10.3542 6.15991 10.1182C2.14704 9.64609 5.13703 4.84637 6.94675 4.61032C8.75648 4.37427 8.28438 5.00374 8.28438 5.00374Z" fill="currentColor">
                                                                            </path>
                                                                        </svg>
                                                                    </div>
                                                                </div>
                                                                <div class="css-dofd2m">
                                                                    <p class="titleContent css-inboye">
                                                                        Lily Mountain Trail
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <svg aria-hidden="true" class="arrowIcon css-yw9u1f" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="css-9vd5ud">
                                                <a class="css-1c9zw7b" data-test-id="content-card" href="/smarttour/e1668129754/big-dry-creek-trail">
                                                    <div class="defaultTopContent css-1v4wt86">
                                                        <div class="css-2a0tm3">
                                                            <span class="css-1a60v0b">
                                                                Easy
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class="hoverTopContent css-q4fnkq">
                                                    </div>
                                                    <div class="css-1tdaheh">
                                                        <div class="css-15r4ptk">
                                                            <div class="css-h9o9t9">
                                                                <div class="titleIcon css-8vzwz1">
                                                                    <div class="css-70sdbs">
                                                                        <svg aria-hidden="true" class="css-susiym" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                                            <path clip-rule="evenodd" d="M12.7051 2.04306C12.7601 2.7645 12.2201 3.39378 11.4987 3.44878C10.778 3.50379 10.1487 2.96378 10.0937 2.24307C10.0387 1.52164 10.5787 0.892358 11.2994 0.83735C12.0209 0.782355 12.6501 1.32235 12.7051 2.04306ZM8.09515 13.3038C8.09515 11.5316 6.6537 10.0895 4.88086 10.0895C3.1087 10.0895 1.66657 11.5316 1.66657 13.3038C1.66657 15.0759 3.1087 16.5181 4.88086 16.5181C6.6537 16.5181 8.09515 15.0759 8.09515 13.3038ZM4.88086 15.0895C5.86586 15.0895 6.66657 14.2888 6.66657 13.3038C6.66657 12.3188 5.86586 11.5181 4.88086 11.5181C3.89657 11.5181 3.09515 12.3188 3.09515 13.3038C3.09515 14.2888 3.89657 15.0895 4.88086 15.0895ZM18.2766 10.6552C18.2766 8.88236 16.8351 7.44021 15.0623 7.44021C13.2901 7.44021 11.848 8.88236 11.848 10.6552C11.848 12.4274 13.2901 13.8695 15.0623 13.8695C16.8351 13.8695 18.2766 12.4274 18.2766 10.6552ZM15.0623 12.4409C16.0473 12.4409 16.848 11.6402 16.848 10.6552C16.848 9.67022 16.0473 8.8695 15.0623 8.8695C14.078 8.8695 13.2766 9.67022 13.2766 10.6552C13.2766 11.6402 14.078 12.4409 15.0623 12.4409ZM12.128 5.24593C11.4473 4.7345 9.84299 3.40164 9.84299 3.40164C9.50727 3.10022 8.99013 3.12808 8.68872 3.46378L5.268 5.92307C4.73229 6.39879 4.6887 7.38593 4.97086 7.73807C5.32799 8.1845 5.48228 8.31164 6.25013 8.75022C7.08372 9.22665 8.91442 9.98236 8.91442 9.98236L9.87084 13.1831L11.1016 12.7981L10.1923 9.26879L10.1137 9.00736L7.40799 7.36379L10.1437 5.63665C10.5594 5.94307 11.4287 6.48807 11.4287 6.48807C11.4287 6.48807 13.1873 6.8995 13.9887 6.9945L14.3459 5.92307C14.0044 5.8433 13.6561 5.72188 13.307 5.60018C12.9122 5.46251 12.5162 5.3244 12.128 5.24593ZM8.02394 17.9168L5.42252 19.5102L3.3475 18.9002L2.07108 19.6859L1.32251 18.4688L3.14108 17.3502L5.11394 17.9302L7.49988 16.6668L10.0096 15.7695L11.3504 17.0316L14.0061 15.2052L16.5789 15.9152L19.0075 14.1009L19.4365 15.5413L16.8739 17.4781L14.2682 16.7595L11.2096 18.8616L9.51465 17.2666L8.02394 17.9168Z" fill="currentColor" fill-rule="evenodd">
                                                                            </path>
                                                                        </svg>
                                                                    </div>
                                                                </div>
                                                                <div class="css-dofd2m">
                                                                    <p class="titleContent css-inboye">
                                                                        Big Dry Creek Trail
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <svg aria-hidden="true" class="arrowIcon css-yw9u1f" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <style data-emotion="css rojewo">
                                        .css-rojewo {
                                            -webkit-align-items : start;
                                            -webkit-box-align   : start;
                                            -ms-flex-align      : start;
                                            align-items         : start;
                                            display             : -webkit-box;
                                            display             : -webkit-flex;
                                            display             : -ms-flexbox;
                                            display             : flex;
                                            -webkit-flex-direction: column;
                                            -ms-flex-direction  : column;
                                            flex-direction      : column;
                                            gap                 : 0.75rem;
                                            -webkit-box-pack    : start;
                                            -ms-flex-pack       : start;
                                            -webkit-justify-content: start;
                                            justify-content     : start;
                                            padding-left        : 1.5rem;
                                            padding-right       : 1.5rem;
                                            padding-top         : 2.5rem;
                                            width               : 100%;
                                        }
                                        @media screen and (min-width: 540px) {
                                            .css-rojewo {
                                                padding-left        : 5rem;
                                                padding-right       : 5rem;
                                                padding-top         : 4rem;
                                            }
                                        }
                                        @media screen and (min-width: 1024px) {
                                            .css-rojewo {
                                                padding-left        : 7.5rem;
                                                padding-right       : 7.5rem;
                                            }
                                        }
                                    </style>
                                    <div class="css-rojewo">
                                        <style data-emotion="css 100u6rv">
                                            .css-100u6rv {
                                                background-color    : var(--theme-ui-colors-borderPrimaryDefault);
                                                height              : 1px;
                                                width               : 100%;
                                                margin-bottom       : 1.5rem;
                                            }
                                            @media screen and (min-width: 540px) {
                                                .css-100u6rv {
                                                    margin-bottom       : 2.5rem;
                                                }
                                            }
                                        </style>
                                        <div class="css-100u6rv">
                                        </div>
                                        <style data-emotion="css 1o5geg">
                                            .css-1o5geg {
                                                display             : grid;
                                                gap                 : 0.75rem;
                                                grid-template-columns: 1fr;
                                                row-gap             : 0.75rem;
                                            }
                                            @media screen and (min-width: 540px) {
                                                .css-1o5geg {
                                                    gap                 : 1rem;
                                                    grid-template-columns: 1fr 1fr;
                                                }
                                            }
                                            @media screen and (min-width: 720px) {
                                                .css-1o5geg {
                                                    grid-template-columns: 1fr 1fr 1fr 1fr;
                                                }
                                            }
                                        </style>
                                        <div class="css-1o5geg">
                                            <style data-emotion="css 1gzh1kl">
                                                .css-1gzh1kl {
                                                    -webkit-align-items : start;
                                                    -webkit-box-align   : start;
                                                    -ms-flex-align      : start;
                                                    align-items         : start;
                                                    display             : -webkit-box;
                                                    display             : -webkit-flex;
                                                    display             : -ms-flexbox;
                                                    display             : flex;
                                                    -webkit-flex-direction: column;
                                                    -ms-flex-direction  : column;
                                                    flex-direction      : column;
                                                    gap                 : 0.75rem;
                                                    -webkit-box-pack    : start;
                                                    -ms-flex-pack       : start;
                                                    -webkit-justify-content: start;
                                                    justify-content     : start;
                                                }
                                            </style>
                                            <div class="css-1gzh1kl">
                                                <style data-emotion="css 1s47rzl">
                                                    .css-1s47rzl {
                                                        color               : var(--theme-ui-colors-textPrimaryDefault);
                                                        font-weight         : 700;
                                                        font-style          : normal;
                                                        line-height         : 1.35rem;
                                                        font-size           : 16px;
                                                        font-family         : Satoshi,system-ui,sans-serif;
                                                        -webkit-transition  : color .2s ease-in-out;
                                                        transition          : color .2s ease-in-out;
                                                    }
                                                    .css-1s47rzl:hover {
                                                        color               : var(--theme-ui-colors-textSecondaryDefault);
                                                    }
                                                </style>
                                                <a class="css-1s47rzl" href="/smarttour/e701250494/zuma-ridge-trail">
                                                    Zuma Ridge Trail
                                                </a>
                                                <a class="css-1s47rzl" href="/smarttour/e1336514271/horseshoe-lake-trail">
                                                    Horseshoe Lake Trail
                                                </a>
                                                <a class="css-1s47rzl" href="/smarttour/e1197679074/double-butte-loop-trail">
                                                    Double Butte Loop Trail
                                                </a>
                                                <a class="css-1s47rzl" href="/smarttour/e1364649296/larry-scott-memorial-trail-port-townsend-washington">
                                                    Larry Scott Memorial Trail &mdash; Port Townsend, Washington
                                                </a>
                                                <a class="css-1s47rzl" href="/smarttour/e1383342610/bolsa-chica-ecological-reserve-trail">
                                                    Bolsa Chica Ecological Reserve Trail
                                                </a>
                                                <a class="css-1s47rzl" href="/smarttour/e1045436307/scorpion-canyon-loop-trail">
                                                    Scorpion Canyon Loop Trail
                                                </a>
                                                <a class="css-1s47rzl" href="/smarttour/e1186921242/panorama-point-via-skyline-trail">
                                                    Panorama Point via Skyline Trail
                                                </a>
                                                <a class="css-1s47rzl" href="/smarttour/e782310878/wellington-ditch-trail">
                                                    Wellington Ditch Trail
                                                </a>
                                            </div>
                                            <div class="css-1gzh1kl">
                                                <a class="css-1s47rzl" href="/smarttour/e1380912837/sand-creek-trail">
                                                    Sand Creek Trail
                                                </a>
                                                <a class="css-1s47rzl" href="/smarttour/e1207188599/sequoia-bayview-trail">
                                                    Sequoia Bayview Trail
                                                </a>
                                                <a class="css-1s47rzl" href="/smarttour/e1412440977/las-trampas-to-mt-diablo-regional-trail">
                                                    Las Trampas to Mt Diablo Regional Trail
                                                </a>
                                                <a class="css-1s47rzl" href="/smarttour/e1187636487/meadow-loop-and-ridge-trail">
                                                    Meadow Loop and Ridge Trail
                                                </a>
                                                <a class="css-1s47rzl" href="/smarttour/e974305499/grizzly-lake-trail">
                                                    Grizzly Lake Trail
                                                </a>
                                                <a class="css-1s47rzl" href="/smarttour/e1286607962/sykes-hot-springs-via-pine-ridge-trail">
                                                    Sykes Hot Springs via Pine Ridge Trail
                                                </a>
                                                <a class="css-1s47rzl" href="/smarttour/e1212474007/barney-lake-trail">
                                                    Barney Lake Trail
                                                </a>
                                                <a class="css-1s47rzl" href="/smarttour/e1038095597/hickory-creek-trail">
                                                    Hickory Creek Trail
                                                </a>
                                            </div>
                                            <div class="css-1gzh1kl">
                                                <a class="css-1s47rzl" href="/smarttour/e1187475532/old-dillon-reservoir-trail">
                                                    Old Dillon Reservoir Trail
                                                </a>
                                                <a class="css-1s47rzl" href="/smarttour/e702626049/olallie-trail">
                                                    Olallie Trail
                                                </a>
                                                <a class="css-1s47rzl" href="/smarttour/e2041515938/weaver-lake-trail">
                                                    Weaver Lake Trail
                                                </a>
                                                <a class="css-1s47rzl" href="/smarttour/e1412930229/spiral-point-via-rim-trail-south">
                                                    Spiral Point via Rim Trail South
                                                </a>
                                                <a class="css-1s47rzl" href="/smarttour/e1227743879/skull-crack-trail">
                                                    Skull Crack Trail
                                                </a>
                                                <a class="css-1s47rzl" href="/smarttour/e807915918/coyote-peak-and-ridge-trail">
                                                    Coyote Peak and Ridge Trail
                                                </a>
                                                <a class="css-1s47rzl" href="/smarttour/e1219941345/floating-island-and-cathedral-lakes-trail">
                                                    Floating Island and Cathedral Lakes Trail
                                                </a>
                                            </div>
                                            <div class="css-1gzh1kl">
                                                <a class="css-1s47rzl" href="/smarttour/e1406702612/pipeline-canyon-trail">
                                                    Pipeline Canyon Trail
                                                </a>
                                                <a class="css-1s47rzl" href="/smarttour/e1192772958/green-mountain-west-ridge-trail">
                                                    Green Mountain West Ridge Trail
                                                </a>
                                                <a class="css-1s47rzl" href="/smarttour/e1418346640/serrano-creek-trail">
                                                    Serrano Creek Trail
                                                </a>
                                                <a class="css-1s47rzl" href="/smarttour/e1234338877/pioneer-tree-trail">
                                                    Pioneer Tree Trail
                                                </a>
                                                <a class="css-1s47rzl" href="/smarttour/e1387713948/hurkey-creek-trail">
                                                    Hurkey Creek Trail
                                                </a>
                                                <a class="css-1s47rzl" href="/smarttour/e712861019/caliente-mountain-ridge-trail">
                                                    Caliente Mountain Ridge Trail
                                                </a>
                                                <a class="css-1s47rzl" href="/smarttour/e1695703398/bearfoot-trail">
                                                    Bearfoot Trail
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <style data-emotion="css h5egf8">
                                    .css-h5egf8 {
                                        -webkit-align-items : start;
                                        -webkit-box-align   : start;
                                        -ms-flex-align      : start;
                                        align-items         : start;
                                        display             : -webkit-box;
                                        display             : -webkit-flex;
                                        display             : -ms-flexbox;
                                        display             : flex;
                                        -webkit-flex-direction: column;
                                        -ms-flex-direction  : column;
                                        flex-direction      : column;
                                        gap                 : 4.5rem;
                                        -webkit-box-pack    : start;
                                        -ms-flex-pack       : start;
                                        -webkit-justify-content: start;
                                        justify-content     : start;
                                        padding-bottom      : 2.5rem;
                                        padding-top         : 5rem;
                                    }
                                    @media screen and (min-width: 540px) {
                                        .css-h5egf8 {
                                            padding-bottom      : 8rem;
                                            padding-top         : 8rem;
                                        }
                                    }
                                </style>
                                <div class="css-h5egf8" data-test-id="attractions-block">
                                    <style data-emotion="css dq6gmh">
                                        .css-dq6gmh {
                                            -webkit-align-items : start;
                                            -webkit-box-align   : start;
                                            -ms-flex-align      : start;
                                            align-items         : start;
                                            display             : -webkit-box;
                                            display             : -webkit-flex;
                                            display             : -ms-flexbox;
                                            display             : flex;
                                            -webkit-flex-direction: column;
                                            -ms-flex-direction  : column;
                                            flex-direction      : column;
                                            gap                 : 0.75rem;
                                            -webkit-box-pack    : start;
                                            -ms-flex-pack       : start;
                                            -webkit-justify-content: start;
                                            justify-content     : start;
                                            width               : 100%;
                                        }
                                    </style>
                                    <div class="css-dq6gmh">
                                        <div class="css-70re4p">
                                            <style data-emotion="css zsip8c">
                                                .css-zsip8c {
                                                    margin-bottom       : 5rem;
                                                }
                                            </style>
                                            <div class="css-zsip8c">
                                                <style data-emotion="css xu9dm4">
                                                    .css-xu9dm4 {
                                                        -webkit-align-items : center;
                                                        -webkit-box-align   : center;
                                                        -ms-flex-align      : center;
                                                        align-items         : center;
                                                        display             : -webkit-box;
                                                        display             : -webkit-flex;
                                                        display             : -ms-flexbox;
                                                        display             : flex;
                                                        -webkit-flex-direction: row;
                                                        -ms-flex-direction  : row;
                                                        flex-direction      : row;
                                                        gap                 : 0.75rem;
                                                        -webkit-box-pack    : justify;
                                                        -webkit-justify-content: space-between;
                                                        justify-content     : space-between;
                                                        padding-left        : 1.5rem;
                                                        width               : 100%;
                                                    }
                                                    @media screen and (min-width: 540px) {
                                                        .css-xu9dm4 {
                                                            padding-left        : 5rem;
                                                        }
                                                    }
                                                    @media screen and (min-width: 1024px) {
                                                        .css-xu9dm4 {
                                                            padding-left        : 7.5rem;
                                                        }
                                                    }
                                                </style>
                                                <div class="css-xu9dm4">
                                                    <style data-emotion="css i4vjj7">
                                                        .css-i4vjj7 {
                                                            color               : var(--theme-ui-colors-textPrimaryDefault);
                                                            position            : relative;
                                                            text-align          : start;
                                                            font-weight         : 500;
                                                            font-style          : normal;
                                                            line-height         : 2.7rem;
                                                            font-size           : 40px;
                                                            font-family         : Nohemi,system-ui,sans-serif;
                                                            letter-spacing      : 0.045rem;
                                                            white-space         : wrap;
                                                        }
                                                    </style>
                                                    <h2 class="css-i4vjj7">
                                                        Browse places
                                                    </h2>
                                                </div>
                                            </div>
                                            <style data-emotion="css 94ik73">
                                                .css-94ik73 {
                                                    display             : grid;
                                                    gap                 : 1.5rem;
                                                    padding-left        : 5rem;
                                                    padding-right       : 5rem;
                                                    grid-template-columns: 1fr;
                                                }
                                                @media screen and (min-width: 720px) {
                                                    .css-94ik73 {
                                                        grid-template-columns: repeat(2, 1fr);
                                                    }
                                                }
                                                @media screen and (min-width: 1024px) {
                                                    .css-94ik73 {
                                                        padding-left        : 7.5rem;
                                                        padding-right       : 7.5rem;
                                                        grid-template-columns: repeat(3, 1fr);
                                                    }
                                                }
                                                @media screen and (min-width: 1280px) {
                                                    .css-94ik73 {
                                                        grid-template-columns: repeat(4, 1fr);
                                                    }
                                                }
                                            </style>
                                            <div class="css-94ik73">
                                                <div class="css-9vd5ud">
                                                    <style data-emotion="css 1jdhrh8">
                                                        .css-1jdhrh8 {
                                                            -webkit-align-items : center;
                                                            -webkit-box-align   : center;
                                                            -ms-flex-align      : center;
                                                            align-items         : center;
                                                            background-color    : var(--theme-ui-colors-surfaceFillSecondaryDefault);
                                                            border-radius       : 12px;
                                                            color               : var(--theme-ui-colors-textGreenDefault);
                                                            display             : -webkit-box;
                                                            display             : -webkit-flex;
                                                            display             : -ms-flexbox;
                                                            display             : flex;
                                                            -webkit-flex-direction: column;
                                                            -ms-flex-direction  : column;
                                                            flex-direction      : column;
                                                            gap                 : 0.75rem;
                                                            height              : 250px;
                                                            -webkit-box-pack    : end;
                                                            -ms-flex-pack       : end;
                                                            -webkit-justify-content: flex-end;
                                                            justify-content     : flex-end;
                                                            margin-bottom       : 1rem;
                                                            margin-top          : 1rem;
                                                            padding-bottom      : 1rem;
                                                            padding-left        : 1.25rem;
                                                            padding-right       : 1.25rem;
                                                            padding-top         : 1rem;
                                                            width               : 250px;
                                                        }
                                                        @media (hover: hover) {
                                                            .css-1jdhrh8:hover {
                                                                background-color    : var(--theme-ui-colors-surfaceFillGreenDefault);
                                                                color               : var(--theme-ui-colors-textWhiteDefault);
                                                                -webkit-transform   : rotate(-2deg) scale(1.1);
                                                                -moz-transform      : rotate(-2deg) scale(1.1);
                                                                -ms-transform       : rotate(-2deg) scale(1.1);
                                                                transform           : rotate(-2deg) scale(1.1);
                                                                -webkit-transition  : all .3s ease-in-out;
                                                                transition          : all .3s ease-in-out;
                                                            }
                                                            .css-1jdhrh8:hover .attractionIcon {
                                                                color               : var(--theme-ui-colors-surfaceFillPrimaryDefault);
                                                            }
                                                            .css-1jdhrh8:hover .arrowIcon {
                                                                -webkit-transform   : rotate(0deg);
                                                                -moz-transform      : rotate(0deg);
                                                                -ms-transform       : rotate(0deg);
                                                                transform           : rotate(0deg);
                                                                -webkit-transition  : all .3s ease-in-out;
                                                                transition          : all .3s ease-in-out;
                                                            }
                                                        }
                                                    </style>
                                                    <a aria-label="Huts" class="css-1jdhrh8" href="/places/2/huts">
                                                        <style data-emotion="css gbzyne">
                                                            .css-gbzyne {
                                                                -webkit-align-items : center;
                                                                -webkit-box-align   : center;
                                                                -ms-flex-align      : center;
                                                                align-items         : center;
                                                                display             : -webkit-box;
                                                                display             : -webkit-flex;
                                                                display             : -ms-flexbox;
                                                                display             : flex;
                                                                -webkit-flex-direction: column;
                                                                -ms-flex-direction  : column;
                                                                flex-direction      : column;
                                                                gap                 : 0.75rem;
                                                                height              : 150px;
                                                                -webkit-box-pack    : center;
                                                                -ms-flex-pack       : center;
                                                                -webkit-justify-content: center;
                                                                justify-content     : center;
                                                                width               : 100%;
                                                                -webkit-flex-shrink : 0;
                                                                -ms-flex-negative   : 0;
                                                                flex-shrink         : 0;
                                                            }
                                                        </style>
                                                        <div class="css-gbzyne">
                                                            <style data-emotion="css npxauw">
                                                                .css-npxauw {
                                                                    color               : var(--theme-ui-colors-surfaceFillGreenDefault);
                                                                    height              : 150px;
                                                                    width               : 150px;
                                                                    -webkit-transition  : all 0.3s ease-in-out;
                                                                    transition          : all 0.3s ease-in-out;
                                                                    opacity             : 1;
                                                                }
                                                            </style>
                                                            <svg aria-hidden="true" class="attractionIcon css-npxauw" fill="none" role="presentation" viewBox="0 0 130 130" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M96.3364 68.9768L83.3955 50.9721C83.2684 50.7952 83.2 50.5829 83.2 50.3651V43.9401C83.2 43.3657 83.6656 42.9001 84.24 42.9001H97.7361C98.3197 42.9001 98.7891 43.3803 98.7758 43.9637L98.2206 68.3934C98.1979 69.3914 96.919 69.7873 96.3364 68.9768Z" fill="currentColor">
                                                                </path>
                                                                <circle cx="65.0289" cy="92.329" fill="currentColor" r="3.92889">
                                                                </circle>
                                                                <path d="M44.2 23.9924L64.35 16.9001L64.35 23.9924V30.9347L44.2 23.9924Z" fill="currentColor">
                                                                </path>
                                                                <path d="M64.35 40.9501L64.35 30.9347M64.35 30.9347V23.9924L64.35 16.9001L44.2 23.9924L64.35 30.9347Z" stroke="currentColor" stroke-width="2.47829">
                                                                </path>
                                                                <path d="M65.2158 35.6978C64.799 35.0972 63.909 35.1027 63.4997 35.7084L11.4963 112.663C11.0296 113.353 11.5244 114.285 12.358 114.285H49.66C50.2344 114.285 50.7 113.819 50.7 113.245V82.8728C50.7 82.6856 50.8331 82.5247 51.017 82.4897L59.1203 80.9462C62.5771 80.2878 66.1257 80.2729 69.5879 80.9024L78.3364 82.4931C78.5189 82.5263 78.6527 82.6834 78.6565 82.8688L79.2792 113.266C79.2907 113.832 79.7529 114.285 80.3189 114.285H117.762C118.601 114.285 119.095 113.342 118.616 112.652L65.2158 35.6978Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                        <style data-emotion="css 1hbnu41">
                                                            .css-1hbnu41 {
                                                                -webkit-align-items : start;
                                                                -webkit-box-align   : start;
                                                                -ms-flex-align      : start;
                                                                align-items         : start;
                                                                display             : -webkit-box;
                                                                display             : -webkit-flex;
                                                                display             : -ms-flexbox;
                                                                display             : flex;
                                                                -webkit-flex        : 1;
                                                                -ms-flex            : 1;
                                                                flex                : 1;
                                                                -webkit-flex-direction: column;
                                                                -ms-flex-direction  : column;
                                                                flex-direction      : column;
                                                                gap                 : 0.75rem;
                                                                -webkit-box-pack    : end;
                                                                -ms-flex-pack       : end;
                                                                -webkit-justify-content: flex-end;
                                                                justify-content     : flex-end;
                                                                min-height          : 40px;
                                                                width               : 100%;
                                                            }
                                                        </style>
                                                        <div class="css-1hbnu41">
                                                            <style data-emotion="css gdu7er">
                                                                .css-gdu7er {
                                                                    -webkit-align-items : flex-end;
                                                                    -webkit-box-align   : flex-end;
                                                                    -ms-flex-align      : flex-end;
                                                                    align-items         : flex-end;
                                                                    display             : -webkit-box;
                                                                    display             : -webkit-flex;
                                                                    display             : -ms-flexbox;
                                                                    display             : flex;
                                                                    -webkit-flex-direction: row;
                                                                    -ms-flex-direction  : row;
                                                                    flex-direction      : row;
                                                                    gap                 : 0.25rem;
                                                                    -webkit-box-pack    : justify;
                                                                    -webkit-justify-content: space-between;
                                                                    justify-content     : space-between;
                                                                    width               : 100%;
                                                                }
                                                            </style>
                                                            <div class="css-gdu7er">
                                                                <style data-emotion="css 1q99878">
                                                                    .css-1q99878 {
                                                                        color               : inherit;
                                                                        -webkit-flex        : 1;
                                                                        -ms-flex            : 1;
                                                                        flex                : 1;
                                                                        margin-bottom       : 0!important;
                                                                        font-weight         : 500;
                                                                        font-style          : normal;
                                                                        line-height         : 1.95rem;
                                                                        font-size           : 24px;
                                                                        font-family         : Nohemi,system-ui,sans-serif;
                                                                        letter-spacing      : 0.045rem;
                                                                        white-space         : pre-line;
                                                                    }
                                                                </style>
                                                                <p class="css-1q99878">
                                                                    Huts
                                                                </p>
                                                                <style data-emotion="css 15977e">
                                                                    .css-15977e {
                                                                        color               : inherit;
                                                                        height              : 40px!important;
                                                                        width               : 40px!important;
                                                                        -webkit-transform   : rotate(-45deg);
                                                                        -moz-transform      : rotate(-45deg);
                                                                        -ms-transform       : rotate(-45deg);
                                                                        transform           : rotate(-45deg);
                                                                        -webkit-flex-shrink : 0;
                                                                        -ms-flex-negative   : 0;
                                                                        flex-shrink         : 0;
                                                                    }
                                                                </style>
                                                                <svg aria-hidden="true" class="arrowIcon css-15977e" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                    <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                    </path>
                                                                </svg>
                                                            </div>
                                                        </div>
                                                    </a>
                                                </div>
                                                <div class="css-9vd5ud">
                                                    <a aria-label="Mountain Peaks" class="css-1jdhrh8" href="/places/3/mountain-peaks">
                                                        <div class="css-gbzyne">
                                                            <svg aria-hidden="true" class="attractionIcon css-npxauw" fill="none" role="presentation" viewBox="0 0 130 130" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M62.3033 25.533C63.0301 24.3673 63.9065 22.4451 65.4635 23.9559C70.5217 33.2687 76.3075 42.2313 81.233 51.6141C81.2972 51.7369 81.3213 51.8796 81.3199 52.0164L86.6744 43.9676C87.2572 43.4534 88.0922 43.5023 88.6373 44.0682L123.761 104.881C123.94 106.163 122.86 106.603 121.75 106.62L102.7 106.533V106.6H93.7818L76.1119 74.6951C75.716 73.9806 74.6876 73.9807 74.2916 74.6951L66.6783 88.4422L52.9303 66.4871C52.5113 65.8179 51.5279 65.8399 51.1412 66.5281L37.6998 90.4783L28.693 106.739C22.4473 106.785 16.2096 106.781 10.0279 106.624C9.54595 106.611 8.90174 106.657 8.50058 106.628C7.38123 106.548 6.57676 106.124 6.50253 104.903L38.1939 49.3172C39.7117 47.2216 40.8319 49.2536 41.7193 50.6316C42.85 52.3899 43.6072 54.3974 44.8707 56.0662C44.8931 55.8288 45.0106 55.6164 45.1266 55.4139C50.744 45.5655 56.3308 35.1144 62.3033 25.533Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                        <div class="css-1hbnu41">
                                                            <div class="css-gdu7er">
                                                                <p class="css-1q99878">
                                                                    Mountain Peaks
                                                                </p>
                                                                <svg aria-hidden="true" class="arrowIcon css-15977e" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                    <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                    </path>
                                                                </svg>
                                                            </div>
                                                        </div>
                                                    </a>
                                                </div>
                                                <div class="css-9vd5ud">
                                                    <a aria-label="Waterfalls" class="css-1jdhrh8" href="/places/4/waterfalls">
                                                        <div class="css-gbzyne">
                                                            <svg aria-hidden="true" class="attractionIcon css-npxauw" fill="none" role="presentation" viewBox="0 0 130 130" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M4 97.0811L6.87413 80.986L15.8797 75.8126L23.0346 55.8208L18.3459 31.4396L27.2544 28.6264L31.0053 23L42.727 23.4689L45.5402 26.2821H62.4195L80.0841 26.5652L90.0827 32.3774L99.9289 33.784L111.876 62.9748L113.983 96.5063L96.6468 90.9858L91.8058 62.9748C91.8058 62.9748 81.1656 43.5 78 41C76.1006 39.5 63.2495 33.784 63.2495 33.784H49.5L53.511 64.7292L51.6355 90.9858L28.7555 96.4325L4 97.0811Z" fill="currentColor">
                                                                </path>
                                                                <path d="M55.2564 95.9134C55.4878 95.8445 55.6904 95.6944 55.8172 95.4861C55.944 95.2779 55.985 95.0301 55.9308 94.7953C55.8765 94.5605 55.7309 94.3559 55.5256 94.2245C55.3203 94.093 55.0724 94.047 54.8342 94.0866C53.1788 94.3624 51.519 94.6336 49.8602 94.9213C47.86 95.2714 45.8609 95.6309 43.8265 96.1254C42.8091 96.3802 41.7934 96.6453 40.6935 97.1074C40.1355 97.3776 39.5695 97.5372 38.7949 98.4038C38.6014 98.6449 38.3887 98.9798 38.2813 99.4409C38.1654 99.9197 38.2274 100.467 38.3975 100.875C38.7505 101.673 39.1372 101.937 39.474 102.219C50.8935 107.472 61.6183 108.31 73.0923 108.622C74.6057 108.621 76.1241 108.578 77.6407 108.484C83.1376 108.139 88.6144 107.613 94.0848 106.864C96.8094 106.487 99.5578 106.053 102.286 105.495C103.653 105.212 105.026 104.902 106.428 104.489C107.109 104.284 107.835 104.053 108.596 103.709C108.785 103.622 108.983 103.526 109.204 103.399C109.398 103.287 109.668 103.12 109.921 102.891C110.052 102.773 110.244 102.579 110.391 102.346C110.535 102.134 110.741 101.675 110.74 101.223C110.755 100.769 110.569 100.3 110.392 100.046C110.233 99.8057 110.055 99.6311 109.881 99.4885C107.171 97.5407 104.427 97.0247 101.722 96.4153C100.039 96.0719 98.3605 95.8103 96.6839 95.5807C96.4445 95.5482 96.1981 95.6016 95.9968 95.7391C95.7955 95.8766 95.6561 96.0855 95.6088 96.3218C95.5615 96.5581 95.6099 96.8045 95.7429 97.0088C95.8758 97.2132 96.0827 97.3572 96.3161 97.4193C97.9304 97.8488 99.5317 98.2972 101.097 98.8035C103.568 99.6187 106.199 100.587 107.762 102.01C107.739 101.996 107.678 101.949 107.6 101.837C107.516 101.723 107.391 101.433 107.4 101.14C107.399 100.846 107.527 100.579 107.585 100.491C107.651 100.386 107.7 100.34 107.709 100.327C107.744 100.29 107.484 100.429 107.264 100.498C106.771 100.67 106.128 100.828 105.524 100.953C104.266 101.215 102.943 101.412 101.624 101.588C98.9834 101.933 96.2734 102.194 93.5878 102.426C88.1922 102.884 82.7683 103.235 77.3593 103.516C75.945 103.588 74.5181 103.621 73.0879 103.622C62.5507 103.493 50.6575 102.411 41.6245 99.2802C41.5358 99.2438 41.5572 99.1808 41.7032 99.5046C41.773 99.6719 41.8075 99.969 41.7467 100.196C41.6917 100.416 41.6029 100.525 41.5675 100.564C41.4911 100.633 41.5709 100.529 41.6826 100.45C41.8034 100.359 41.967 100.259 42.1431 100.163C42.8734 99.7699 43.7944 99.4199 44.7053 99.0985C46.5532 98.4544 48.4855 97.8916 50.4171 97.3265C52.0223 96.8587 53.6408 96.3938 55.2564 95.9134Z" fill="currentColor">
                                                                </path>
                                                                <path d="M29.4653 101.926C29.6826 101.849 29.881 101.711 30.0127 101.517C30.1444 101.323 30.1992 101.092 30.164 100.867C30.1287 100.643 30.0056 100.44 29.8208 100.295C29.6359 100.151 29.4048 100.081 29.1743 100.074C28.5857 100.061 27.9948 100.07 27.4027 100.103C25.9206 100.189 24.4387 100.396 22.9221 100.851C22.1648 101.088 21.3984 101.361 20.5495 101.907C20.1258 102.208 19.645 102.503 19.1519 103.369C18.92 103.792 18.7077 104.505 18.8409 105.246C18.9677 105.988 19.3493 106.529 19.6737 106.873C21.3297 108.384 22.3061 108.546 23.4876 109.06C24.6181 109.486 25.746 109.824 26.8645 110.116C31.913 111.407 36.9888 111.897 42.1274 111.934C42.7079 111.939 43.261 111.932 43.845 111.925C44.0756 111.92 44.3074 111.852 44.4937 111.71C44.6801 111.567 44.8052 111.365 44.8428 111.141C44.8803 110.917 44.8279 110.685 44.6981 110.49C44.5684 110.295 44.3715 110.155 44.155 110.075C43.6077 109.878 43.0905 109.69 42.5453 109.501C37.7321 107.81 32.8669 106.492 28.1243 105.277C27.0808 105.005 26.0336 104.731 25.0541 104.443C24.5644 104.299 24.0811 104.147 23.6579 103.993C23.4414 103.914 23.2492 103.838 23.0903 103.769C22.9395 103.708 22.8128 103.624 22.8652 103.699C22.937 103.789 23.1218 104.028 23.1833 104.422C23.2484 104.819 23.1177 105.168 23.0402 105.28C22.8686 105.514 22.922 105.33 23.0532 105.204C23.3263 104.908 23.842 104.55 24.3644 104.238C25.438 103.599 26.6684 103.03 27.9267 102.516C28.4316 102.31 28.945 102.113 29.4653 101.926Z" fill="currentColor">
                                                                </path>
                                                                <path d="M61.6232 113.571C61.3842 113.559 61.1443 113.63 60.9544 113.78C60.7645 113.93 60.6404 114.146 60.6091 114.382C60.5777 114.618 60.6414 114.859 60.7856 115.053C60.9299 115.247 61.1432 115.378 61.3768 115.429C62.5918 115.696 63.8321 115.931 65.0638 116.136C76.2165 117.948 87.652 117.54 98.7647 115.647C107.812 113.85 116.776 112.22 125.069 106.27C125.485 105.97 125.835 105.126 125.692 104.554C125.6 104.071 125.396 103.816 125.3 103.685C125.18 103.53 125.07 103.424 124.985 103.347C124.894 103.265 124.801 103.191 124.729 103.138C124.408 102.9 124.16 102.764 123.887 102.615C123.369 102.339 122.872 102.118 122.374 101.906C121.384 101.489 120.398 101.126 119.41 100.781C118.225 100.369 117.042 99.987 115.84 99.6263C115.61 99.5588 115.361 99.5704 115.141 99.6713C114.92 99.7721 114.749 99.952 114.662 100.174C114.576 100.396 114.581 100.645 114.675 100.868C114.769 101.091 114.945 101.268 115.16 101.374C116.25 101.914 117.35 102.475 118.426 103.045C119.324 103.521 120.218 104.007 121.063 104.511C121.486 104.764 121.902 105.024 122.258 105.28C122.44 105.411 122.601 105.54 122.693 105.636C122.729 105.672 122.76 105.732 122.67 105.631C122.639 105.586 122.517 105.47 122.441 105.101C122.321 104.666 122.626 103.936 122.931 103.73C115.93 107.554 106.502 109.101 97.9134 110.72C87.1557 112.548 76.2688 113.777 65.2839 113.677C64.0682 113.662 62.8378 113.627 61.6232 113.571Z" fill="currentColor">
                                                                </path>
                                                                <path d="M96.8486 12.2441L99.8496 9.24316L102.171 11.5645L99.1699 14.5654H103.413V17.8477H99.168L102.17 20.8496L99.8486 23.1699L96.8486 20.1699V24.4131H93.5654V20.168L90.5645 23.1699L88.2432 20.8496L91.2451 17.8477H87V14.5654H91.2441L88.2432 11.5645L90.5645 9.24316L93.5654 12.2441V8H96.8486V12.2441Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                        <div class="css-1hbnu41">
                                                            <div class="css-gdu7er">
                                                                <p class="css-1q99878">
                                                                    Waterfalls
                                                                </p>
                                                                <svg aria-hidden="true" class="arrowIcon css-15977e" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                    <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                    </path>
                                                                </svg>
                                                            </div>
                                                        </div>
                                                    </a>
                                                </div>
                                                <div class="css-9vd5ud">
                                                    <a aria-label="Caves" class="css-1jdhrh8" href="/places/5/caves">
                                                        <div class="css-gbzyne">
                                                            <svg aria-hidden="true" class="attractionIcon css-npxauw" fill="none" role="presentation" viewBox="0 0 130 130" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M6.86401 108.698L9.92898 91.5343L19.5325 86.0173L23.8235 62.3149L50.5909 52.9157L69.5936 20.6314L100.652 35.3432L121.902 72.3272L124.15 108.085H93.296L87.7791 77.0268L75.7052 64.9712L64.6897 61.2933L55.0861 78.8657L45.2782 84.9957L41.1916 108.698H6.86401Z" fill="currentColor">
                                                                </path>
                                                                <path d="M79.5486 95.3801L81.1833 108.866H50.2271L52.8834 93.9498L65.8585 83.5289L69.4343 90.2719L79.5486 95.3801Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                        <div class="css-1hbnu41">
                                                            <div class="css-gdu7er">
                                                                <p class="css-1q99878">
                                                                    Caves
                                                                </p>
                                                                <svg aria-hidden="true" class="arrowIcon css-15977e" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                    <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                    </path>
                                                                </svg>
                                                            </div>
                                                        </div>
                                                    </a>
                                                </div>
                                                <div class="css-9vd5ud">
                                                    <a aria-label="Lakes" class="css-1jdhrh8" href="/places/6/lakes">
                                                        <div class="css-gbzyne">
                                                            <svg aria-hidden="true" class="attractionIcon css-npxauw" fill="none" role="presentation" viewBox="0 0 130 130" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1372 42.5177H25.0647C27.2956 42.5177 29.4352 41.6315 31.0127 40.054L38.7029 32.3638C40.2804 30.7863 42.4199 29.9001 44.6509 29.9001H45.8009C48.2037 29.9001 50.4917 30.9276 52.088 32.7234L58.2845 39.6945C59.8808 41.4903 62.1688 42.5177 64.5715 42.5177H65.7216C67.9525 42.5177 70.0921 41.6315 71.6696 40.054L79.3597 32.3638C80.9372 30.7863 83.0768 29.9001 85.3077 29.9001H86.4578C88.8605 29.9001 91.1486 30.9276 92.7448 32.7234L98.9413 39.6945C100.538 41.4903 102.826 42.5177 105.228 42.5177H109.863" stroke="currentColor" stroke-linecap="square" stroke-width="7.8">
                                                                </path>
                                                                <path d="M20.1372 71.9588H25.0647C27.2956 71.9588 29.4352 71.0726 31.0127 69.4951L38.7029 61.8049C40.2804 60.2274 42.4199 59.3412 44.6509 59.3412H45.8009C48.2037 59.3412 50.4917 60.3686 52.088 62.1645L58.2845 69.1355C59.8808 70.9313 62.1688 71.9588 64.5715 71.9588H65.7216C67.9525 71.9588 70.0921 71.0726 71.6696 69.4951L79.3597 61.8049C80.9372 60.2274 83.0768 59.3412 85.3077 59.3412H86.4578C88.8605 59.3412 91.1486 60.3686 92.7448 62.1645L98.9413 69.1355C100.538 70.9313 102.826 71.9588 105.228 71.9588H109.863" stroke="currentColor" stroke-linecap="square" stroke-width="7.8">
                                                                </path>
                                                                <path d="M20.1372 101.4H25.0647C27.2956 101.4 29.4352 100.514 31.0127 98.9364L38.7029 91.2463C40.2804 89.6688 42.4199 88.7825 44.6509 88.7825H45.8009C48.2037 88.7825 50.4917 89.81 52.088 91.6058L58.2845 98.5769C59.8808 100.373 62.1688 101.4 64.5715 101.4H65.7216C67.9525 101.4 70.0921 100.514 71.6696 98.9364L79.3597 91.2463C80.9372 89.6688 83.0768 88.7825 85.3077 88.7825H86.4578C88.8605 88.7825 91.1486 89.81 92.7448 91.6058L98.9413 98.5769C100.538 100.373 102.826 101.4 105.228 101.4H109.863" stroke="currentColor" stroke-linecap="square" stroke-width="7.8">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                        <div class="css-1hbnu41">
                                                            <div class="css-gdu7er">
                                                                <p class="css-1q99878">
                                                                    Lakes
                                                                </p>
                                                                <svg aria-hidden="true" class="arrowIcon css-15977e" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                    <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                    </path>
                                                                </svg>
                                                            </div>
                                                        </div>
                                                    </a>
                                                </div>
                                                <div class="css-9vd5ud">
                                                    <a aria-label="Mountain passes" class="css-1jdhrh8" href="/places/7/mountain-passes">
                                                        <div class="css-gbzyne">
                                                            <svg aria-hidden="true" class="attractionIcon css-npxauw" fill="none" role="presentation" viewBox="0 0 130 130" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M81.3193 52.0172L86.6741 43.9676C87.2569 43.4532 88.0928 43.5022 88.6379 44.0682L123.762 104.881C123.94 106.164 122.86 106.604 121.749 106.621L100.27 106.523C100.159 106.522 100.049 106.493 99.9518 106.438L99.6555 106.269L66.2978 81.8607C65.9113 81.578 65.9529 80.9886 66.3752 80.7629L89.6854 68.3029C90.186 68.0353 90.1272 67.2998 89.5906 67.115L51.8365 54.1177C51.5514 54.0196 51.2362 54.1304 51.0753 54.3854L49.2026 57.3519C48.9989 57.6746 49.1157 58.1026 49.4552 58.277L66.3863 66.9767C66.873 67.2267 66.8518 67.9294 66.3511 68.1497L35.8815 81.5564C35.4884 81.7293 35.3681 82.2292 35.6395 82.562L54.918 106.208C55.0524 106.373 54.9374 106.62 54.7246 106.624C53.9824 106.624 53.2081 106.529 52.5078 106.53C38.4341 106.551 24.0863 106.982 10.0279 106.624C9.54568 106.611 8.90132 106.657 8.50017 106.628C7.38058 106.548 6.57689 106.125 6.50281 104.903L38.1936 49.3181C39.7116 47.2215 40.8312 49.2538 41.7187 50.632C42.8495 52.3904 43.6071 54.3975 44.8706 56.0664C44.893 55.8288 45.0104 55.6163 45.1264 55.4137C50.7439 45.5652 56.3306 35.1144 62.3032 25.5329C63.03 24.3672 63.9064 22.4453 65.4634 23.9563C70.5219 33.2694 76.3085 42.2316 81.2341 51.6146C81.2984 51.7376 81.3207 51.8802 81.3193 52.0172Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                        <div class="css-1hbnu41">
                                                            <div class="css-gdu7er">
                                                                <p class="css-1q99878">
                                                                    Mountain passes
                                                                </p>
                                                                <svg aria-hidden="true" class="arrowIcon css-15977e" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                    <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                    </path>
                                                                </svg>
                                                            </div>
                                                        </div>
                                                    </a>
                                                </div>
                                                <div class="css-9vd5ud">
                                                    <a aria-label="Canyons" class="css-1jdhrh8" href="/places/8/canyons">
                                                        <div class="css-gbzyne">
                                                            <svg aria-hidden="true" class="attractionIcon css-npxauw" fill="none" role="presentation" viewBox="0 0 130 130" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M70.5614 61.3578C71.1403 60.7722 72.9117 59.2998 73.0618 58.6171C73.4263 56.9562 73.4364 54.7481 73.6531 53.0082C74.5501 45.814 75.5712 38.6333 76.2945 31.4143C78.3807 28.2685 80.4174 24.4593 82.7338 21.5098C82.8986 21.3 83.0938 21.1003 83.3397 20.9885C92.5593 20.8678 101.798 20.9739 111.024 20.9434C112.009 20.94 113.152 20.7595 114.14 20.8644C115.154 20.9728 115.488 20.9728 115.59 22.1169C115.728 23.6875 115.591 25.7918 115.594 27.4189C115.618 39.1512 115.508 51.0111 115.514 62.7953L115.531 107.625C115.388 108.063 115.137 108.267 114.689 108.361L88.099 108.336L87.7357 108.136C84.9792 104.144 82.3705 100.053 79.6738 96.0212C78.198 93.8153 76.0383 91.1885 74.8006 88.9466C74.5546 88.5009 74.4937 88.2752 74.5828 87.7539C77.4228 82.8446 81.1068 78.3865 84.0167 73.5167C84.1668 72.5678 83.8554 71.9145 82.9764 71.5286C78.6042 69.6093 73.2976 68.4607 69.001 66.4545C68.4323 66.1893 67.6357 65.7561 67.6007 65.052C67.5533 64.1064 69.8856 62.045 70.5637 61.359L70.5614 61.3578Z" fill="currentColor">
                                                                </path>
                                                                <path d="M34.755 21.0005C39.3168 21.3086 44.4518 20.4939 48.964 20.9317C49.4932 20.9825 49.8712 21.1935 50.1894 21.6222C51.1812 25.7339 51.5874 30.0057 52.4269 34.1512C52.5307 34.6668 52.639 35.4409 52.8252 35.8944C53.3205 37.1018 63.9357 34.4948 64.765 35.6333C65.3551 36.4434 65.2693 38.8671 65.3833 39.9751C65.899 44.9962 66.5782 50.015 66.8253 55.0574C66.717 55.4242 57.6228 60.0711 57.2358 60.3239C54.855 61.8753 51.4937 63.4211 49.3623 65.0752C48.41 65.8143 48.41 66.814 49.3894 67.5124C52.8082 69.5445 57.0733 70.982 60.3928 73.0796C61.9138 74.0398 62.2952 75.0169 60.8543 76.3405C56.868 80.0007 51.7815 83.1273 47.6597 86.7053C47.0538 87.3902 47.0684 87.881 47.2456 88.7058C48.5511 94.783 50.9566 100.945 52.3716 107.03C52.5476 107.77 51.9688 108.244 51.3008 108.382C42.0666 108.427 32.8041 108.391 23.6094 108.455C22.683 108.462 19.1739 108.739 18.6301 108.304C18.2656 108.011 18.3141 106.093 18.3062 105.534C17.9328 77.8581 18.691 50.1384 18.3491 22.4538C18.4067 21.8197 18.3864 21.0806 19.1976 21.0479L34.755 21.0005Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                        <div class="css-1hbnu41">
                                                            <div class="css-gdu7er">
                                                                <p class="css-1q99878">
                                                                    Canyons
                                                                </p>
                                                                <svg aria-hidden="true" class="arrowIcon css-15977e" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                    <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                    </path>
                                                                </svg>
                                                            </div>
                                                        </div>
                                                    </a>
                                                </div>
                                                <div class="css-9vd5ud">
                                                    <a aria-label="Bike Parks" class="css-1jdhrh8" href="/places/9/bike-parks">
                                                        <div class="css-gbzyne">
                                                            <svg aria-hidden="true" class="attractionIcon css-npxauw" fill="none" role="presentation" viewBox="0 0 130 130" xmlns="http://www.w3.org/2000/svg">
                                                                <circle cx="65.6499" cy="64.35" r="42.705" stroke="currentColor" stroke-width="9.49">
                                                                </circle>
                                                                <circle cx="65.6499" cy="64.3502" fill="currentColor" r="7.90833">
                                                                </circle>
                                                                <path d="M63.7 22.1001H67.6V105.3H63.7V22.1001Z" fill="currentColor">
                                                                </path>
                                                                <path d="M107.9 62.4001L107.9 66.3001L23.3999 66.3001L23.3999 62.4001L107.9 62.4001Z" fill="currentColor">
                                                                </path>
                                                                <path d="M96.4064 91.7758L93.6487 94.5335L34.3731 35.2579L37.1308 32.5002L96.4064 91.7758Z" fill="currentColor">
                                                                </path>
                                                                <path d="M35.577 94.2958L32.9113 91.449L94.1007 34.1512L96.7664 36.9979L35.577 94.2958Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                        <div class="css-1hbnu41">
                                                            <div class="css-gdu7er">
                                                                <p class="css-1q99878">
                                                                    Bike Parks
                                                                </p>
                                                                <svg aria-hidden="true" class="arrowIcon css-15977e" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                    <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                    </path>
                                                                </svg>
                                                            </div>
                                                        </div>
                                                    </a>
                                                </div>
                                                <div class="css-9vd5ud">
                                                    <a aria-label="Natural Monuments" class="css-1jdhrh8" href="/places/10/natural-monuments">
                                                        <div class="css-gbzyne">
                                                            <svg aria-hidden="true" class="attractionIcon css-npxauw" fill="none" role="presentation" viewBox="0 0 130 130" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M53.1904 23.4L57.7464 23.4907C62.2142 23.364 66.5715 23.4609 71.0332 23.5019C72.3345 23.5143 73.6744 23.3304 75.0043 23.4932C77.7585 23.8287 78.1149 26.5005 78.2949 28.7746C78.6017 32.6444 78.5768 36.5688 78.7941 40.4534C78.9866 43.8857 78.9407 49.0181 79.8769 52.1695C82.0661 59.5325 86.2111 67.0743 88.6921 74.4149L91.0726 88.4362C98.6406 90.4481 101.34 92.2239 103.512 94.4881C105.072 99.6825 107.638 105.047 108.984 110.262C109.078 110.623 109.307 111.135 109.141 111.474L108.952 111.661C96.845 111.783 79.5342 111.713 67.4246 111.717C67.1937 111.717 66.9764 111.8 66.7888 111.8C51.5873 111.804 36.3485 111.657 21.1382 111.698C20.7794 111.559 20.7831 111.273 20.8117 110.933C20.988 108.82 22.0522 106.123 22.2658 103.93C22.8928 102.308 25.1243 102.091 25.8383 100.795L28.8682 90.9029C29.725 89.2203 34.0575 88.0621 35.4271 86.5311L37.4102 74.5976L46.6029 50.9902C46.8947 47.1118 47.0288 43.2222 47.2536 39.3387C47.4398 36.1202 47.6472 32.873 47.872 29.6433C47.9937 27.8998 47.6919 25.9413 48.9275 24.4861C50.24 22.9402 51.4383 23.7219 53.1904 23.4025V23.4Z" fill="currentColor">
                                                                </path>
                                                                <path d="M98.8002 40.1421L102.366 36.5767L105.123 39.3345L101.558 42.8999H106.6V46.8003H101.558L105.123 50.3657L102.366 53.1235L98.8002 49.5581V54.6001H94.8998V49.5581L91.3344 53.1235L88.5766 50.3657L92.142 46.8003H87.1V42.8999H92.142L88.5766 39.3345L91.3344 36.5767L94.8998 40.1421V35.1001H98.8002V40.1421Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                        <div class="css-1hbnu41">
                                                            <div class="css-gdu7er">
                                                                <p class="css-1q99878">
                                                                    Natural Monuments
                                                                </p>
                                                                <svg aria-hidden="true" class="arrowIcon css-15977e" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                    <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                    </path>
                                                                </svg>
                                                            </div>
                                                        </div>
                                                    </a>
                                                </div>
                                                <div class="css-9vd5ud">
                                                    <a aria-label="Castles" class="css-1jdhrh8" href="/places/11/castles">
                                                        <div class="css-gbzyne">
                                                            <svg aria-hidden="true" class="attractionIcon css-npxauw" fill="none" role="presentation" viewBox="0 0 130 130" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M39.4618 36.5156H54.5225V20.8H75.4766V36.5156H90.5374V20.8H109.527V56.16L102.979 59.9405V109.2H84.644V71.2207C72.488 64.2025 57.5112 64.2025 45.3551 71.2207V109.2H27.0203V59.9405L20.4722 56.16V20.8H39.4618V36.5156Z" fill="currentColor">
                                                                </path>
                                                                <circle cx="65.0004" cy="84.3168" fill="currentColor" r="3.92889">
                                                                </circle>
                                                            </svg>
                                                        </div>
                                                        <div class="css-1hbnu41">
                                                            <div class="css-gdu7er">
                                                                <p class="css-1q99878">
                                                                    Castles
                                                                </p>
                                                                <svg aria-hidden="true" class="arrowIcon css-15977e" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                    <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                    </path>
                                                                </svg>
                                                            </div>
                                                        </div>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <style data-emotion="css jdd8ls">
                                        .css-jdd8ls {
                                            -webkit-align-items : center;
                                            -webkit-box-align   : center;
                                            -ms-flex-align      : center;
                                            align-items         : center;
                                            display             : -webkit-box;
                                            display             : -webkit-flex;
                                            display             : -ms-flexbox;
                                            display             : flex;
                                            -webkit-flex-direction: column-reverse;
                                            -ms-flex-direction  : column-reverse;
                                            flex-direction      : column-reverse;
                                            gap                 : 2rem;
                                            padding-left        : 1.5rem;
                                        }
                                        @media screen and (min-width: 540px) {
                                            .css-jdd8ls {
                                                -webkit-flex-direction: row;
                                                -ms-flex-direction  : row;
                                                flex-direction      : row;
                                                padding-left        : 5rem;
                                            }
                                        }
                                        @media screen and (min-width: 1024px) {
                                            .css-jdd8ls {
                                                padding-left        : 7.5rem;
                                            }
                                        }
                                    </style>
                                    <div class="css-jdd8ls">
                                        <style data-emotion="css 1lihve3">
                                            .css-1lihve3 {
                                                color               : var(--theme-ui-colors-iconAcidGreenDefault);
                                                height              : 8rem;
                                                margin-right        : 1rem;
                                                width               : 8rem;
                                                -webkit-align-self  : end;
                                                -ms-flex-item-align : end;
                                                align-self          : end;
                                            }
                                            @media screen and (min-width: 540px) {
                                                .css-1lihve3 {
                                                    margin-right        : 0;
                                                }
                                            }
                                        </style>
                                        <svg aria-hidden="true" class="css-1lihve3" fill="none" role="presentation" viewBox="0 0 130 130" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M43.3232 85.0346C43.3659 85.1116 43.3102 85.2062 43.2221 85.2062H33.8593H24.4964C24.4084 85.2062 24.3527 85.1116 24.3953 85.0346L29.0798 76.5764L33.7582 68.1291C33.8022 68.0497 33.9164 68.0497 33.9604 68.1291L38.6388 76.5764L43.3232 85.0346Z" fill="currentColor">
                                            </path>
                                            <path d="M43.3231 103.828C43.3658 103.905 43.31 103.999 43.222 103.999H33.8591H24.4963C24.4082 103.999 24.3525 103.905 24.3952 103.828L29.0797 95.3696L33.758 86.9224C33.802 86.8429 33.9163 86.8429 33.9602 86.9224L38.6386 95.3696L43.3231 103.828Z" fill="currentColor">
                                            </path>
                                            <path d="M62.4411 85.0346C62.4838 85.1117 62.4281 85.2062 62.34 85.2062H52.9772H43.6143C43.5263 85.2062 43.4706 85.1117 43.5132 85.0346L48.1977 76.5764L52.8761 68.1292C52.9201 68.0497 53.0343 68.0497 53.0783 68.1292L57.7567 76.5764L62.4411 85.0346Z" fill="currentColor">
                                            </path>
                                            <path d="M62.4411 103.828C62.4838 103.905 62.4281 103.999 62.34 103.999H52.9772H43.6143C43.5263 103.999 43.4706 103.905 43.5132 103.828L48.1977 95.3696L52.8761 86.9224C52.9201 86.8429 53.0343 86.8429 53.0783 86.9224L57.7567 95.3696L62.4411 103.828Z" fill="currentColor">
                                            </path>
                                            <path d="M44.8727 20.5988V32.9318L50.9401 22.424L51.0406 22.2502L51.2145 22.3508L54.2858 24.1242L54.4596 24.2248L54.359 24.3986L48.2906 34.9074L58.8014 28.841L58.9752 28.7404L59.0758 28.9143L60.8492 31.9855L60.9498 32.1594L60.776 32.26L50.2662 38.3264H62.6012V42.2736H50.2662L60.776 48.34L60.9498 48.4406L60.8492 48.6145L59.0758 51.6857L58.9752 51.8596L58.8014 51.759L48.2906 45.6916L54.359 56.2014L54.4596 56.3752L54.2858 56.4758L51.2145 58.2492L51.0397 58.3498L50.9401 58.176L44.8727 47.6672V60.0012H40.9254V47.6672L34.859 58.176L34.7584 58.3498L34.5846 58.2492L31.5123 56.4758L31.3385 56.3752L31.4391 56.2014L37.5065 45.6916L26.9967 51.759L26.8229 51.8596L26.7223 51.6857L24.9489 48.6145L24.8483 48.4406L25.0231 48.34L35.5319 42.2736H23.1989V38.3264H35.5338L25.024 32.258L24.8502 32.1574L24.9508 31.9836L26.7242 28.9123L26.8248 28.7385L26.9987 28.8391L37.5084 34.9055L31.441 24.3967L31.3405 24.2229L31.5143 24.1223L34.5856 22.3488L34.7594 22.2482L34.86 22.423L40.9264 32.9309L40.9254 20.8V20.5988H44.8727Z" fill="currentColor" stroke="currentColor" stroke-width="0.401818">
                                            </path>
                                            <path d="M68.5941 75.7058H70.7443C71.7178 75.7058 72.6514 75.3191 73.3398 74.6307L76.6955 71.275C77.3839 70.5867 78.3175 70.2 79.291 70.2H79.7928C80.8413 70.2 81.8397 70.6483 82.5363 71.4319L85.2402 74.4739C85.9368 75.2575 86.9352 75.7058 87.9836 75.7058H88.4855C89.459 75.7058 90.3926 75.3191 91.081 74.6307L94.4367 71.275C95.1251 70.5867 96.0587 70.2 97.0322 70.2H97.534C98.5825 70.2 99.5809 70.6483 100.277 71.4319L102.981 74.4739C103.678 75.2575 104.676 75.7058 105.725 75.7058H107.747" stroke="currentColor" stroke-linecap="square" stroke-width="3.9">
                                            </path>
                                            <path d="M68.5941 88.7059H70.7443C71.7178 88.7059 72.6514 88.3192 73.3398 87.6308L76.6955 84.2751C77.3839 83.5867 78.3175 83.2 79.291 83.2H79.7928C80.8413 83.2 81.8397 83.6484 82.5363 84.432L85.2402 87.4739C85.9368 88.2575 86.9352 88.7059 87.9836 88.7059H88.4855C89.459 88.7059 90.3926 88.3192 91.081 87.6308L94.4367 84.2751C95.1251 83.5867 96.0587 83.2 97.0322 83.2H97.534C98.5825 83.2 99.5809 83.6484 100.277 84.432L102.981 87.4739C103.678 88.2575 104.676 88.7059 105.725 88.7059H107.747" stroke="currentColor" stroke-linecap="square" stroke-width="3.9">
                                            </path>
                                            <path d="M68.5941 101.706H70.7443C71.7178 101.706 72.6514 101.319 73.3398 100.631L76.6955 97.2751C77.3839 96.5867 78.3175 96.2 79.291 96.2H79.7928C80.8413 96.2 81.8397 96.6484 82.5363 97.432L85.2402 100.474C85.9368 101.258 86.9352 101.706 87.9836 101.706H88.4855C89.459 101.706 90.3926 101.319 91.081 100.631L94.4367 97.2751C95.1251 96.5867 96.0587 96.2 97.0322 96.2H97.534C98.5825 96.2 99.5809 96.6484 100.277 97.432L102.981 100.474C103.678 101.258 104.676 101.706 105.725 101.706H107.747" stroke="currentColor" stroke-linecap="square" stroke-width="3.9">
                                            </path>
                                            <path d="M68.9001 22.1001C78.594 22.1001 86.4524 29.9586 86.4524 39.6524C76.7586 39.6524 68.9001 31.794 68.9001 22.1001Z" fill="currentColor">
                                            </path>
                                            <path d="M68.9001 22.1001H73.9151C80.8393 22.1001 86.4524 27.7133 86.4524 34.6375V39.6524H81.4375C74.5133 39.6524 68.9001 34.0393 68.9001 27.1151V22.1001Z" fill="currentColor">
                                            </path>
                                            <path d="M106.6 22.0998C106.6 31.7937 98.7414 39.6522 89.0476 39.6522C89.0476 29.9583 96.906 22.0998 106.6 22.0998Z" fill="currentColor">
                                            </path>
                                            <path d="M106.6 22.0998L106.6 27.1148C106.6 34.039 100.987 39.6522 94.0625 39.6522L89.0476 39.6522L89.0476 34.6372C89.0476 27.713 94.6607 22.0998 101.585 22.0998L106.6 22.0998Z" fill="currentColor">
                                            </path>
                                            <path d="M68.9 59.7999C78.5939 59.7999 86.4523 51.9414 86.4523 42.2475C76.7584 42.2475 68.9 50.106 68.9 59.7999Z" fill="currentColor">
                                            </path>
                                            <path d="M68.9 59.7999H73.915C80.8391 59.7999 86.4523 54.1867 86.4523 47.2625V42.2475H81.4374C74.5132 42.2475 68.9 47.8607 68.9 54.7849V59.7999Z" fill="currentColor">
                                            </path>
                                            <path d="M106.6 59.7999C106.6 50.106 98.7412 42.2475 89.0473 42.2475C89.0473 51.9414 96.9058 59.7999 106.6 59.7999Z" fill="currentColor">
                                            </path>
                                            <path d="M106.6 59.7999L106.6 54.7849C106.6 47.8607 100.986 42.2475 94.0623 42.2475L89.0473 42.2475L89.0473 47.2625C89.0473 54.1867 94.6605 59.7999 101.585 59.7999L106.6 59.7999Z" fill="currentColor">
                                            </path>
                                        </svg>
                                        <style data-emotion="css 1hl3dw1">
                                            .css-1hl3dw1 {
                                                color               : var(--theme-ui-colors-textPrimaryDefault);
                                                max-width           : 26.25rem;
                                                font-weight         : 500;
                                                font-style          : normal;
                                                line-height         : 1.51875rem;
                                                font-size           : 18px;
                                                font-family         : Satoshi,system-ui,sans-serif;
                                                white-space         : pre-wrap;
                                            }
                                        </style>
                                        <p class="css-1hl3dw1">
                                            Your next favorite place is just a scroll away!
Browse endless spots to walk, ride, or hike, and start planning your next adventure today.
                                        </p>
                                    </div>
                                </div>
                                <style data-emotion="css 1fwnxkr">
                                    .css-1fwnxkr {
                                        -webkit-align-items : start;
                                        -webkit-box-align   : start;
                                        -ms-flex-align      : start;
                                        align-items         : start;
                                        display             : -webkit-box;
                                        display             : -webkit-flex;
                                        display             : -ms-flexbox;
                                        display             : flex;
                                        -webkit-flex-direction: column;
                                        -ms-flex-direction  : column;
                                        flex-direction      : column;
                                        gap                 : 0.75rem;
                                        -webkit-box-pack    : start;
                                        -ms-flex-pack       : start;
                                        -webkit-justify-content: start;
                                        justify-content     : start;
                                        padding-bottom      : 2.5rem;
                                        padding-top         : 5rem;
                                    }
                                    @media screen and (min-width: 540px) {
                                        .css-1fwnxkr {
                                            padding-bottom      : 7.5rem;
                                            padding-top         : 7.5rem;
                                        }
                                    }
                                </style>
                                <div class="css-1fwnxkr">
                                    <div class="css-70re4p" data-test-id="sport-collections-carousel">
                                        <style data-emotion="css zsuw9c">
                                            .css-zsuw9c {
                                                margin-bottom       : 0.75rem;
                                            }
                                        </style>
                                        <div class="css-zsuw9c">
                                            <style data-emotion="css dgwqtd">
                                                .css-dgwqtd {
                                                    -webkit-align-items : start;
                                                    -webkit-box-align   : start;
                                                    -ms-flex-align      : start;
                                                    align-items         : start;
                                                    display             : -webkit-box;
                                                    display             : -webkit-flex;
                                                    display             : -ms-flexbox;
                                                    display             : flex;
                                                    -webkit-flex-direction: row;
                                                    -ms-flex-direction  : row;
                                                    flex-direction      : row;
                                                    gap                 : 0.75rem;
                                                    -webkit-box-pack    : start;
                                                    -ms-flex-pack       : start;
                                                    -webkit-justify-content: start;
                                                    justify-content     : start;
                                                    margin-bottom       : 0.75rem;
                                                    padding-left        : 1.5rem;
                                                    padding-right       : 1.5rem;
                                                    position            : relative;
                                                    width               : 100%;
                                                }
                                                @media screen and (min-width: 540px) {
                                                    .css-dgwqtd {
                                                        padding-left        : 5rem;
                                                        padding-right       : 5rem;
                                                    }
                                                }
                                                @media screen and (min-width: 1024px) {
                                                    .css-dgwqtd {
                                                        margin-bottom       : 3rem;
                                                        padding-left        : 7.5rem;
                                                        padding-right       : 7.5rem;
                                                    }
                                                }
                                            </style>
                                            <div class="css-dgwqtd">
                                                <style data-emotion="css 1bhhkss">
                                                    .css-1bhhkss {
                                                        color               : var(--theme-ui-colors-actionBaseFillPrimaryDefault);
                                                        display             : none;
                                                        position            : absolute;
                                                        right               : -7.5rem;
                                                        top                 : -4rem;
                                                        font-weight         : normal;
                                                        font-style          : normal;
                                                        line-height         : normal;
                                                        font-size           : 24px;
                                                        font-family         : Boyrun,Satoshi,system-ui,sans-serif;
                                                        letter-spacing      : 0.72px;
                                                        -webkit-transform   : rotate(4.864deg);
                                                        -moz-transform      : rotate(4.864deg);
                                                        -ms-transform       : rotate(4.864deg);
                                                        transform           : rotate(4.864deg);
                                                    }
                                                    @media screen and (min-width: 540px) {
                                                        .css-1bhhkss {
                                                            display             : -webkit-box;
                                                            display             : -webkit-flex;
                                                            display             : -ms-flexbox;
                                                            display             : flex;
                                                        }
                                                    }
                                                    @media screen and (min-width: 1280px) {
                                                        .css-1bhhkss {
                                                            right               : 2.5rem;
                                                            top                 : -2.5rem;
                                                        }
                                                    }
                                                </style>
                                                <p class="css-1bhhkss">
                                                    Ready to explore?
                                                </p>
                                                <style data-emotion="css 1apzqug">
                                                    .css-1apzqug {
                                                        color               : var(--theme-ui-colors-generalHeading);
                                                        font-weight         : 500;
                                                        font-style          : normal;
                                                        line-height         : 2.7rem;
                                                        font-size           : 40px;
                                                        font-family         : Nohemi,system-ui,sans-serif;
                                                        letter-spacing      : 0.045rem;
                                                    }
                                                </style>
                                                <h2 class="css-1apzqug">
                                                    Discover new routes
                                                </h2>
                                            </div>
                                        </div>
                                        <div class="css-g6p1xp">
                                            <div class="css-9vd5ud">
                                                <style data-emotion="css 1hsxrnn">
                                                    .css-1hsxrnn {
                                                        -webkit-align-items : start;
                                                        -webkit-box-align   : start;
                                                        -ms-flex-align      : start;
                                                        align-items         : start;
                                                        background-color    : var(--theme-ui-colors-surfaceFillGreenDefault);
                                                        border-radius       : 24px;
                                                        display             : -webkit-box;
                                                        display             : -webkit-flex;
                                                        display             : -ms-flexbox;
                                                        display             : flex;
                                                        -webkit-flex-direction: column;
                                                        -ms-flex-direction  : column;
                                                        flex-direction      : column;
                                                        gap                 : 0.75rem;
                                                        height              : 18.25rem;
                                                        -webkit-box-pack    : end;
                                                        -ms-flex-pack       : end;
                                                        -webkit-justify-content: end;
                                                        justify-content     : end;
                                                        margin-bottom       : 1rem;
                                                        margin-left         : 0.125rem;
                                                        margin-right        : 0.125rem;
                                                        margin-top          : 1rem;
                                                        max-height          : 18.25rem;
                                                        padding-bottom      : 1.5rem;
                                                        padding-left        : 1.5rem;
                                                        padding-right       : 1.5rem;
                                                        padding-top         : 1.5rem;
                                                        position            : relative;
                                                        width               : 24.5rem;
                                                        background-image    : none;
                                                        -webkit-background-size: 100% 100%,cover;
                                                        background-size     : 100% 100%,cover;
                                                        -webkit-background-position: 0 0,center;
                                                        background-position : 0 0,center;
                                                        background-repeat   : no-repeat,no-repeat;
                                                        -webkit-transition  : all .3s ease-in-out;
                                                        transition          : all .3s ease-in-out;
                                                    }
                                                    @media (hover: hover) {
                                                        .css-1hsxrnn:hover {
                                                            background-image    : none;
                                                            background-color    : var(--theme-ui-colors-surfaceFillSecondaryHover);
                                                            -webkit-box-pack    : justify;
                                                            -webkit-justify-content: space-between;
                                                            justify-content     : space-between;
                                                        }
                                                        .css-1hsxrnn:hover .arrowIcon {
                                                            -webkit-transform   : rotate(0deg);
                                                            -moz-transform      : rotate(0deg);
                                                            -ms-transform       : rotate(0deg);
                                                            transform           : rotate(0deg);
                                                            -webkit-transition  : all .3s ease-in-out;
                                                            transition          : all .3s ease-in-out;
                                                        }
                                                        .css-1hsxrnn:hover .ctaColor {
                                                            color               : var(--theme-ui-colors-textSecondaryDefault);
                                                        }
                                                        .css-1hsxrnn:hover .titleContent {
                                                            max-height          : 4rem;
                                                            color               : var(--theme-ui-colors-textPrimaryDefault);
                                                            -webkit-line-clamp  : 4;
                                                        }
                                                        .css-1hsxrnn:hover .descriptionContent {
                                                            color               : var(--theme-ui-colors-textSecondaryDefault);
                                                        }
                                                        .css-1hsxrnn:hover .titleIcon {
                                                            color               : var(--theme-ui-colors-textSecondaryDefault);
                                                        }
                                                        .css-1hsxrnn:hover .hoverTopContent {
                                                            display             : block;
                                                        }
                                                        .css-1hsxrnn:hover .defaultTopContent {
                                                            display             : none;
                                                        }
                                                    }
                                                    @media (hover: none) {
                                                        .css-1hsxrnn:active {
                                                            background-image    : none;
                                                            background-color    : var(--theme-ui-colors-surfaceFillSecondaryHover);
                                                            -webkit-box-pack    : justify;
                                                            -webkit-justify-content: space-between;
                                                            justify-content     : space-between;
                                                        }
                                                        .css-1hsxrnn:active .arrowIcon {
                                                            -webkit-transform   : rotate(0deg);
                                                            -moz-transform      : rotate(0deg);
                                                            -ms-transform       : rotate(0deg);
                                                            transform           : rotate(0deg);
                                                            -webkit-transition  : all .3s ease-in-out;
                                                            transition          : all .3s ease-in-out;
                                                        }
                                                        .css-1hsxrnn:active .ctaColor {
                                                            color               : var(--theme-ui-colors-textSecondaryDefault);
                                                        }
                                                        .css-1hsxrnn:active .titleContent {
                                                            max-height          : 4rem;
                                                            color               : var(--theme-ui-colors-textPrimaryDefault);
                                                            -webkit-line-clamp  : 4;
                                                        }
                                                        .css-1hsxrnn:active .descriptionContent {
                                                            color               : var(--theme-ui-colors-textSecondaryDefault);
                                                        }
                                                        .css-1hsxrnn:active .titleIcon {
                                                            color               : var(--theme-ui-colors-textSecondaryDefault);
                                                        }
                                                        .css-1hsxrnn:active .hoverTopContent {
                                                            display             : block;
                                                        }
                                                        .css-1hsxrnn:active .defaultTopContent {
                                                            display             : none;
                                                        }
                                                    }
                                                </style>
                                                <a class="css-1hsxrnn" data-test-id="content-card" href="/discover/hiking-trails">
                                                    <div class="hoverTopContent css-q4fnkq">
                                                        <style data-emotion="css octuxt">
                                                            .css-octuxt {
                                                                color               : var(--theme-ui-colors-textSecondaryDefault);
                                                                display             : -webkit-box;
                                                                overflow            : hidden;
                                                                width               : 100%;
                                                                font-weight         : 500;
                                                                font-style          : normal;
                                                                line-height         : 1.51875rem;
                                                                font-size           : 18px;
                                                                font-family         : Satoshi,system-ui,sans-serif;
                                                                -webkit-line-clamp  : 5;
                                                                -webkit-box-orient  : vertical;
                                                                text-overflow       : ellipsis;
                                                            }
                                                        </style>
                                                        <p class="css-octuxt">
                                                            Find the best hiking trails and routes, see maps and take them with you. Discover the top 10 best hikes by region.
                                                        </p>
                                                    </div>
                                                    <div class="css-1tdaheh">
                                                        <div class="css-15r4ptk">
                                                            <div class="css-h9o9t9">
                                                                <div class="css-dofd2m">
                                                                    <style data-emotion="css 1cqpgo">
                                                                        .css-1cqpgo {
                                                                            color               : var(--theme-ui-colors-textWhiteDefault);
                                                                            display             : -webkit-box;
                                                                            max-width           : 80%;
                                                                            overflow            : hidden;
                                                                            width               : 100%;
                                                                            font-weight         : 500;
                                                                            font-style          : normal;
                                                                            line-height         : 1.95rem;
                                                                            font-size           : 24px;
                                                                            -webkit-line-clamp  : 6;
                                                                            -webkit-box-orient  : vertical;
                                                                            text-overflow       : ellipsis;
                                                                            font-family         : Nohemi,system-ui,sans-serif;
                                                                            letter-spacing      : 0.045rem;
                                                                        }
                                                                    </style>
                                                                    <p class="titleContent css-1cqpgo">
                                                                        Hiking trails &amp; Routes
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <svg aria-hidden="true" class="arrowIcon css-yw9u1f" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="css-9vd5ud">
                                                <a class="css-1hsxrnn" data-test-id="content-card" href="/discover/cycling-routes">
                                                    <div class="hoverTopContent css-q4fnkq">
                                                        <p class="css-octuxt">
                                                            Browse the best bike touring routes by region and see the top 10 most beautiful bike trails with map, photos and insider tips.
                                                        </p>
                                                    </div>
                                                    <div class="css-1tdaheh">
                                                        <div class="css-15r4ptk">
                                                            <div class="css-h9o9t9">
                                                                <div class="css-dofd2m">
                                                                    <p class="titleContent css-1cqpgo">
                                                                        Bike touring routes &amp; trails
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <svg aria-hidden="true" class="arrowIcon css-yw9u1f" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="css-9vd5ud">
                                                <a class="css-1hsxrnn" data-test-id="content-card" href="/discover/mountain-bike-trails">
                                                    <div class="hoverTopContent css-q4fnkq">
                                                        <p class="css-octuxt">
                                                            Explore nature on the best mountain bike trails in your region. MTB routes for any level, with photos and tips from other bikers.
                                                        </p>
                                                    </div>
                                                    <div class="css-1tdaheh">
                                                        <div class="css-15r4ptk">
                                                            <div class="css-h9o9t9">
                                                                <div class="css-dofd2m">
                                                                    <p class="titleContent css-1cqpgo">
                                                                        Mountain biking trails
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <svg aria-hidden="true" class="arrowIcon css-yw9u1f" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="css-9vd5ud">
                                                <a class="css-1hsxrnn" data-test-id="content-card" href="/discover/road-cycling-routes">
                                                    <div class="hoverTopContent css-q4fnkq">
                                                        <p class="css-octuxt">
                                                            The most beautiful road cycling trails and routes in all regions, with turn by turn navigation, photos and road cycling tips.
                                                        </p>
                                                    </div>
                                                    <div class="css-1tdaheh">
                                                        <div class="css-15r4ptk">
                                                            <div class="css-h9o9t9">
                                                                <div class="css-dofd2m">
                                                                    <p class="titleContent css-1cqpgo">
                                                                        Road cycling routes
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <svg aria-hidden="true" class="arrowIcon css-yw9u1f" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="css-9vd5ud">
                                                <a class="css-1hsxrnn" data-test-id="content-card" href="/discover/running-trails">
                                                    <div class="hoverTopContent css-q4fnkq">
                                                        <p class="css-octuxt">
                                                            Find places to run where you are and across the globe, and see full breakdowns of the best running routes, including topo maps, distance, difficulty &amp; more!
                                                        </p>
                                                    </div>
                                                    <div class="css-1tdaheh">
                                                        <div class="css-15r4ptk">
                                                            <div class="css-h9o9t9">
                                                                <div class="css-dofd2m">
                                                                    <p class="titleContent css-1cqpgo">
                                                                        Running trails &amp; routes
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <svg aria-hidden="true" class="arrowIcon css-yw9u1f" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="css-9vd5ud">
                                                <a class="css-1hsxrnn" data-test-id="content-card" href="/discover/mountain-hikes">
                                                    <div class="hoverTopContent css-q4fnkq">
                                                        <p class="css-octuxt">
                                                            Discover the best mountain hiking trails where you are and across the globe, see full details of the best Tours&mdash;and explore more of the great outdoors with komoot!
                                                        </p>
                                                    </div>
                                                    <div class="css-1tdaheh">
                                                        <div class="css-15r4ptk">
                                                            <div class="css-h9o9t9">
                                                                <div class="css-dofd2m">
                                                                    <p class="titleContent css-1cqpgo">
                                                                        Mountain hikes &amp; routes
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <svg aria-hidden="true" class="arrowIcon css-yw9u1f" fill="none" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                                                <path d="M20.1588 31.6817L16.9769 28.4998L27.2272 18.2495L0.408884 18.2502L0.409575 13.7499H27.2272L16.9769 3.49966L20.1588 0.317682L35.8409 15.9997L20.1588 31.6817Z" fill="currentColor">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <style data-emotion="css 16pjqys">
                                    .css-16pjqys {
                                        -webkit-align-items : start;
                                        -webkit-box-align   : start;
                                        -ms-flex-align      : start;
                                        align-items         : start;
                                        display             : -webkit-box;
                                        display             : -webkit-flex;
                                        display             : -ms-flexbox;
                                        display             : flex;
                                        -webkit-flex-direction: column;
                                        -ms-flex-direction  : column;
                                        flex-direction      : column;
                                        gap                 : 3rem;
                                        -webkit-box-pack    : start;
                                        -ms-flex-pack       : start;
                                        -webkit-justify-content: start;
                                        justify-content     : start;
                                        padding-bottom      : 7.5rem;
                                        padding-left        : 1.25rem;
                                        padding-right       : 1.25rem;
                                        padding-top         : 7.5rem;
                                    }
                                    @media screen and (min-width: 540px) {
                                        .css-16pjqys {
                                            padding-left        : 5rem;
                                            padding-right       : 5rem;
                                        }
                                    }
                                    @media screen and (min-width: 1024px) {
                                        .css-16pjqys {
                                            padding-left        : 7.5rem;
                                            padding-right       : 7.5rem;
                                        }
                                    }
                                </style>
                                <div class="css-16pjqys">
                                    <style data-emotion="css 1ncw40u">
                                        .css-1ncw40u {
                                            -webkit-align-items : center;
                                            -webkit-box-align   : center;
                                            -ms-flex-align      : center;
                                            align-items         : center;
                                            display             : -webkit-box;
                                            display             : -webkit-flex;
                                            display             : -ms-flexbox;
                                            display             : flex;
                                            -webkit-flex-direction: column;
                                            -ms-flex-direction  : column;
                                            flex-direction      : column;
                                            gap                 : 2rem;
                                            -webkit-box-pack    : start;
                                            -ms-flex-pack       : start;
                                            -webkit-justify-content: start;
                                            justify-content     : start;
                                            width               : 100%;
                                        }
                                    </style>
                                    <div class="css-1ncw40u">
                                        <style data-emotion="css 1dog295">
                                            .css-1dog295 {
                                                -webkit-align-items : center;
                                                -webkit-box-align   : center;
                                                -ms-flex-align      : center;
                                                align-items         : center;
                                                display             : -webkit-box;
                                                display             : -webkit-flex;
                                                display             : -ms-flexbox;
                                                display             : flex;
                                                -webkit-flex-direction: column;
                                                -ms-flex-direction  : column;
                                                flex-direction      : column;
                                                gap                 : 1rem;
                                                -webkit-box-pack    : justify;
                                                -webkit-justify-content: space-between;
                                                justify-content     : space-between;
                                                width               : 100%;
                                            }
                                            @media screen and (min-width: 540px) {
                                                .css-1dog295 {
                                                    -webkit-flex-direction: row;
                                                    -ms-flex-direction  : row;
                                                    flex-direction      : row;
                                                    gap                 : 1rem;
                                                }
                                            }
                                            @media screen and (min-width: 720px) {
                                                .css-1dog295 {
                                                    gap                 : 0.75rem;
                                                }
                                            }
                                        </style>
                                        <div class="css-1dog295">
                                            <style data-emotion="css 171egbt">
                                                .css-171egbt {
                                                    -webkit-align-items : start;
                                                    -webkit-box-align   : start;
                                                    -ms-flex-align      : start;
                                                    align-items         : start;
                                                    display             : -webkit-box;
                                                    display             : -webkit-flex;
                                                    display             : -ms-flexbox;
                                                    display             : flex;
                                                    -webkit-flex-direction: column;
                                                    -ms-flex-direction  : column;
                                                    flex-direction      : column;
                                                    gap                 : 1.5rem;
                                                    -webkit-box-pack    : start;
                                                    -ms-flex-pack       : start;
                                                    -webkit-justify-content: start;
                                                    justify-content     : start;
                                                }
                                            </style>
                                            <div class="css-171egbt">
                                                <style data-emotion="css u1i810">
                                                    .css-u1i810 {
                                                        -webkit-align-items : center;
                                                        -webkit-box-align   : center;
                                                        -ms-flex-align      : center;
                                                        align-items         : center;
                                                        display             : -webkit-box;
                                                        display             : -webkit-flex;
                                                        display             : -ms-flexbox;
                                                        display             : flex;
                                                        -webkit-flex-direction: row;
                                                        -ms-flex-direction  : row;
                                                        flex-direction      : row;
                                                        gap                 : 0.75rem;
                                                        -webkit-box-pack    : justify;
                                                        -webkit-justify-content: space-between;
                                                        justify-content     : space-between;
                                                        width               : 100%;
                                                    }
                                                </style>
                                                <div class="css-u1i810">
                                                    <style data-emotion="css dl4ur">
                                                        .css-dl4ur {
                                                            color               : var(--theme-ui-colors-textPrimaryDefault);
                                                            text-align          : center;
                                                            width               : 100%;
                                                            font-family         : Nohemi,system-ui,sans-serif;
                                                            font-size           : 40px;
                                                            font-style          : normal;
                                                            font-weight         : 500;
                                                            line-height         : 2.7rem;
                                                            letter-spacing      : 0.045rem;
                                                        }
                                                        @media screen and (min-width: 540px) {
                                                            .css-dl4ur {
                                                                text-align          : start;
                                                                width               : 70%;
                                                            }
                                                        }
                                                        @media screen and (min-width: 1280px) {
                                                            .css-dl4ur {
                                                                width               : auto;
                                                            }
                                                        }
                                                    </style>
                                                    <h3 class="css-dl4ur">
                                                        The best route planner out there.
                                                        <style data-emotion="css 1d81j4n">
                                                            .css-1d81j4n {
                                                                color               : var(--theme-ui-colors-textGreenDefault);
                                                                text-align          : center;
                                                                font-weight         : 500;
                                                                font-style          : normal;
                                                                line-height         : 2.7rem;
                                                                font-size           : 40px;
                                                                font-family         : Nohemi,system-ui,sans-serif;
                                                                letter-spacing      : 0.045rem;
                                                            }
                                                            @media screen and (min-width: 540px) {
                                                                .css-1d81j4n {
                                                                    text-align          : start;
                                                                }
                                                            }
                                                        </style>
                                                        <span class="css-1d81j4n">
                                                            Simple as that.
                                                        </span>
                                                    </h3>
                                                    <style data-emotion="css 1ajhl0p">
                                                        .css-1ajhl0p {
                                                            -webkit-align-items : start;
                                                            -webkit-box-align   : start;
                                                            -ms-flex-align      : start;
                                                            align-items         : start;
                                                            display             : none;
                                                            -webkit-flex-direction: column;
                                                            -ms-flex-direction  : column;
                                                            flex-direction      : column;
                                                            gap                 : 0.75rem;
                                                            -webkit-box-pack    : start;
                                                            -ms-flex-pack       : start;
                                                            -webkit-justify-content: start;
                                                            justify-content     : start;
                                                            width               : 45%;
                                                        }
                                                        @media screen and (min-width: 540px) {
                                                            .css-1ajhl0p {
                                                                display             : -webkit-box;
                                                                display             : -webkit-flex;
                                                                display             : -ms-flexbox;
                                                                display             : flex;
                                                            }
                                                        }
                                                        @media screen and (min-width: 1280px) {
                                                            .css-1ajhl0p {
                                                                display             : none;
                                                            }
                                                        }
                                                    </style>
                                                    <div class="css-1ajhl0p">
                                                        <div style="display:contents">
                                                            <style data-emotion="css 1wnrw0">
                                                                .css-1wnrw0 {
                                                                    object-position     : -999999px;
                                                                    background-image    : url("/images/misc/bg-blurred-lazy.jpg?q=80");
                                                                    -webkit-background-size: cover;
                                                                    background-size     : cover;
                                                                    background-repeat   : no-repeat;
                                                                    width               : 100%;
                                                                    height              : auto;
                                                                }
                                                            </style>
                                                            <img alt="Store rating" class="css-1wnrw0" decoding="async" loading="lazy" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/images/home/new/social-proof-rating.webp?width=3840&amp;q=80" srcset="/images/home/new/social-proof-rating.webp?width=540&amp;q=80 540w,/images/home/new/social-proof-rating.webp?width=720&amp;q=80 720w,/images/home/new/social-proof-rating.webp?width=1024&amp;q=80 1024w,/images/home/new/social-proof-rating.webp?width=1080&amp;q=80 1080w,/images/home/new/social-proof-rating.webp?width=1280&amp;q=80 1280w,/images/home/new/social-proof-rating.webp?width=1440&amp;q=80 1440w,/images/home/new/social-proof-rating.webp?width=1680&amp;q=80 1680w,/images/home/new/social-proof-rating.webp?width=1920&amp;q=80 1920w,/images/home/new/social-proof-rating.webp?width=2048&amp;q=80 2048w,/images/home/new/social-proof-rating.webp?width=2560&amp;q=80 2560w,/images/home/new/social-proof-rating.webp?width=2880&amp;q=80 2880w,/images/home/new/social-proof-rating.webp?width=3360&amp;q=80 3360w,/images/home/new/social-proof-rating.webp?width=3840&amp;q=80 3840w">
                                                        </div>
                                                    </div>
                                                </div>
                                                <style data-emotion="css 1hmy5pg">
                                                    .css-1hmy5pg {
                                                        -webkit-align-items : center;
                                                        -webkit-box-align   : center;
                                                        -ms-flex-align      : center;
                                                        align-items         : center;
                                                        display             : none;
                                                        -webkit-flex-direction: row;
                                                        -ms-flex-direction  : row;
                                                        flex-direction      : row;
                                                        gap                 : 0.5rem;
                                                        -webkit-box-pack    : start;
                                                        -ms-flex-pack       : start;
                                                        -webkit-justify-content: start;
                                                        justify-content     : start;
                                                        width               : 80%;
                                                    }
                                                    @media screen and (min-width: 1280px) {
                                                        .css-1hmy5pg {
                                                            display             : -webkit-box;
                                                            display             : -webkit-flex;
                                                            display             : -ms-flexbox;
                                                            display             : flex;
                                                        }
                                                    }
                                                </style>
                                                <div class="css-1hmy5pg">
                                                    <style data-emotion="css n4bg7h">
                                                        .css-n4bg7h {
                                                            -webkit-align-items : start;
                                                            -webkit-box-align   : start;
                                                            -ms-flex-align      : start;
                                                            align-items         : start;
                                                            display             : -webkit-box;
                                                            display             : -webkit-flex;
                                                            display             : -ms-flexbox;
                                                            display             : flex;
                                                            -webkit-flex-direction: row;
                                                            -ms-flex-direction  : row;
                                                            flex-direction      : row;
                                                            gap                 : 0.75rem;
                                                            -webkit-box-pack    : start;
                                                            -ms-flex-pack       : start;
                                                            -webkit-justify-content: start;
                                                            justify-content     : start;
                                                            width               : 50%;
                                                        }
                                                    </style>
                                                    <div class="css-n4bg7h">
                                                        <style data-emotion="css 4wgjvs">
                                                            .css-4wgjvs {
                                                                -webkit-align-items : center;
                                                                -webkit-box-align   : center;
                                                                -ms-flex-align      : center;
                                                                align-items         : center;
                                                                background-color    : var(--theme-ui-colors-actionBaseFillPrimaryDefault);
                                                                border-radius       : 16px;
                                                                box-shadow          : none;
                                                                color               : var(--theme-ui-colors-actionContentFillPrimaryDefault);
                                                                cursor              : pointer;
                                                                display             : -webkit-box;
                                                                display             : -webkit-flex;
                                                                display             : -ms-flexbox;
                                                                display             : flex;
                                                                gap                 : 0.5rem;
                                                                -webkit-box-pack    : center;
                                                                -ms-flex-pack       : center;
                                                                -webkit-justify-content: center;
                                                                justify-content     : center;
                                                                width               : 100%;
                                                                font-family         : Satoshi,system-ui,sans-serif;
                                                                font-size           : 14px;
                                                                font-style          : normal;
                                                                font-weight         : 700;
                                                                line-height         : 1.18125rem;
                                                                padding-left        : 1rem;
                                                                padding-right       : 1rem;
                                                                padding-top         : 0.75rem;
                                                                padding-bottom      : 0.75rem;
                                                            }
                                                            .css-4wgjvs:hover,.css-4wgjvs:focus,.css-4wgjvs.active {
                                                                background-color    : var(--theme-ui-colors-actionBaseFillPrimaryHover);
                                                                color               : var(--theme-ui-colors-actionContentFillPrimaryHover);
                                                            }
                                                            .css-4wgjvs:focus {
                                                                box-shadow          : 0 0 0 3px rgba(66, 153, 225, 0.5);
                                                                outline             : 4px solid;
                                                                outline-color       : var(--theme-ui-colors-borderPrimaryDefault);
                                                                outline-offset      : 2px;
                                                            }
                                                            .css-4wgjvs:focus-visible {
                                                                box-shadow          : 0 0 0 3px rgba(66, 153, 225, 0.5);
                                                                outline             : 4px solid;
                                                                outline-color       : var(--theme-ui-colors-borderPrimaryDefault);
                                                                outline-offset      : 2px;
                                                            }
                                                            .css-4wgjvs.disabled {
                                                                cursor              : default;
                                                                background-color    : var(--theme-ui-colors-actionBaseFillPrimaryDisabled);
                                                                color               : var(--theme-ui-colors-actionContentFillPrimaryDisabled);
                                                            }
                                                        </style>
                                                        <a aria-label="Sign up now" class="css-4wgjvs" href="https://www.komoot.com/signin?reason=home_social_proof" role="button" target="_self">
                                                            <span class="css-toyscm">
                                                                Sign up now
                                                            </span>
                                                        </a>
                                                    </div>
                                                    <div class="css-n4bg7h">
                                                        <a aria-label="Download on the App Store" class="css-jaet13" href="https://x.bndspn.com/v1/or-jdqap8" rel="nofollow noopener noreferrer" target="_blank">
                                                            <img alt="" class="tw-align-bottom" height="44" src="/assets/88fdd5c0a424d357.svg" width="148">
                                                        </a>
                                                        <a aria-label="Android App on Google Play" class="css-jaet13" href="https://x.bndspn.com/v1/or-z0w587" rel="nofollow noopener noreferrer" target="_blank">
                                                            <img alt="" class="tw-align-bottom" height="44" src="/assets/50dc01cb3fd3998b.svg" width="148">
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <style data-emotion="css payrm">
                                                .css-payrm {
                                                    -webkit-align-items : start;
                                                    -webkit-box-align   : start;
                                                    -ms-flex-align      : start;
                                                    align-items         : start;
                                                    display             : -webkit-box;
                                                    display             : -webkit-flex;
                                                    display             : -ms-flexbox;
                                                    display             : flex;
                                                    -webkit-flex-direction: column;
                                                    -ms-flex-direction  : column;
                                                    flex-direction      : column;
                                                    gap                 : 0.75rem;
                                                    -webkit-box-pack    : start;
                                                    -ms-flex-pack       : start;
                                                    -webkit-justify-content: start;
                                                    justify-content     : start;
                                                    width               : 100%;
                                                }
                                                @media screen and (min-width: 540px) {
                                                    .css-payrm {
                                                        display             : none;
                                                        width               : 33.333333%;
                                                    }
                                                }
                                                @media screen and (min-width: 1280px) {
                                                    .css-payrm {
                                                        display             : -webkit-box;
                                                        display             : -webkit-flex;
                                                        display             : -ms-flexbox;
                                                        display             : flex;
                                                    }
                                                }
                                            </style>
                                            <div class="css-payrm">
                                                <div style="display:contents">
                                                    <img alt="Store rating" class="css-1wnrw0" decoding="async" loading="lazy" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/images/home/new/social-proof-rating.webp?width=3840&amp;q=80" srcset="/images/home/new/social-proof-rating.webp?width=540&amp;q=80 540w,/images/home/new/social-proof-rating.webp?width=720&amp;q=80 720w,/images/home/new/social-proof-rating.webp?width=1024&amp;q=80 1024w,/images/home/new/social-proof-rating.webp?width=1080&amp;q=80 1080w,/images/home/new/social-proof-rating.webp?width=1280&amp;q=80 1280w,/images/home/new/social-proof-rating.webp?width=1440&amp;q=80 1440w,/images/home/new/social-proof-rating.webp?width=1680&amp;q=80 1680w,/images/home/new/social-proof-rating.webp?width=1920&amp;q=80 1920w,/images/home/new/social-proof-rating.webp?width=2048&amp;q=80 2048w,/images/home/new/social-proof-rating.webp?width=2560&amp;q=80 2560w,/images/home/new/social-proof-rating.webp?width=2880&amp;q=80 2880w,/images/home/new/social-proof-rating.webp?width=3360&amp;q=80 3360w,/images/home/new/social-proof-rating.webp?width=3840&amp;q=80 3840w">
                                                </div>
                                            </div>
                                        </div>
                                        <style data-emotion="css 5i0g2s">
                                            .css-5i0g2s {
                                                -webkit-align-items : center;
                                                -webkit-box-align   : center;
                                                -ms-flex-align      : center;
                                                align-items         : center;
                                                display             : -webkit-box;
                                                display             : -webkit-flex;
                                                display             : -ms-flexbox;
                                                display             : flex;
                                                -webkit-flex-direction: column;
                                                -ms-flex-direction  : column;
                                                flex-direction      : column;
                                                gap                 : 1rem;
                                                -webkit-box-pack    : start;
                                                -ms-flex-pack       : start;
                                                -webkit-justify-content: flex-start;
                                                justify-content     : flex-start;
                                                width               : 100%;
                                            }
                                            @media screen and (min-width: 540px) {
                                                .css-5i0g2s {
                                                    -webkit-flex-direction: row;
                                                    -ms-flex-direction  : row;
                                                    flex-direction      : row;
                                                    gap                 : 1rem;
                                                }
                                            }
                                            @media screen and (min-width: 720px) {
                                                .css-5i0g2s {
                                                    gap                 : 1rem;
                                                }
                                            }
                                            @media screen and (min-width: 1024px) {
                                                .css-5i0g2s {
                                                    gap                 : 0.5rem;
                                                }
                                            }
                                            @media screen and (min-width: 1280px) {
                                                .css-5i0g2s {
                                                    display             : none;
                                                }
                                            }
                                        </style>
                                        <div class="css-5i0g2s">
                                            <style data-emotion="css 1d82rn0">
                                                .css-1d82rn0 {
                                                    -webkit-align-items : start;
                                                    -webkit-box-align   : start;
                                                    -ms-flex-align      : start;
                                                    align-items         : start;
                                                    display             : -webkit-box;
                                                    display             : -webkit-flex;
                                                    display             : -ms-flexbox;
                                                    display             : flex;
                                                    -webkit-flex-direction: row;
                                                    -ms-flex-direction  : row;
                                                    flex-direction      : row;
                                                    gap                 : 0.75rem;
                                                    -webkit-box-pack    : start;
                                                    -ms-flex-pack       : start;
                                                    -webkit-justify-content: start;
                                                    justify-content     : start;
                                                    width               : 100%;
                                                }
                                                @media screen and (min-width: 1280px) {
                                                    .css-1d82rn0 {
                                                        width               : 25%;
                                                    }
                                                }
                                            </style>
                                            <div class="css-1d82rn0">
                                                <a aria-label="Sign up now" class="css-4wgjvs" href="https://www.komoot.com/signin?reason=home_social_proof" role="button" target="_self">
                                                    <span class="css-toyscm">
                                                        Sign up now
                                                    </span>
                                                </a>
                                            </div>
                                            <style data-emotion="css rrcb3x">
                                                .css-rrcb3x {
                                                    -webkit-align-items : center;
                                                    -webkit-box-align   : center;
                                                    -ms-flex-align      : center;
                                                    align-items         : center;
                                                    display             : -webkit-box;
                                                    display             : -webkit-flex;
                                                    display             : -ms-flexbox;
                                                    display             : flex;
                                                    -webkit-flex-direction: row;
                                                    -ms-flex-direction  : row;
                                                    flex-direction      : row;
                                                    gap                 : 0.5rem;
                                                    -webkit-box-pack    : justify;
                                                    -webkit-justify-content: space-between;
                                                    justify-content     : space-between;
                                                    width               : 100%;
                                                }
                                                @media screen and (min-width: 540px) {
                                                    .css-rrcb3x {
                                                        gap                 : 0.5rem;
                                                    }
                                                }
                                                @media screen and (min-width: 720px) {
                                                    .css-rrcb3x {
                                                        gap                 : 0.5rem;
                                                    }
                                                }
                                                @media screen and (min-width: 1024px) {
                                                    .css-rrcb3x {
                                                        gap                 : 0.75rem;
                                                    }
                                                }
                                                @media screen and (min-width: 1280px) {
                                                    .css-rrcb3x {
                                                        width               : 27%;
                                                    }
                                                }
                                            </style>
                                            <div class="css-rrcb3x">
                                                <style data-emotion="css 1pnn0kd">
                                                    .css-1pnn0kd {
                                                        -webkit-align-items : center;
                                                        -webkit-box-align   : center;
                                                        -ms-flex-align      : center;
                                                        align-items         : center;
                                                        background-color    : var(--theme-ui-colors-black);
                                                        border-radius       : 8px;
                                                        display             : -webkit-box;
                                                        display             : -webkit-flex;
                                                        display             : -ms-flexbox;
                                                        display             : flex;
                                                        -webkit-box-pack    : center;
                                                        -ms-flex-pack       : center;
                                                        -webkit-justify-content: center;
                                                        justify-content     : center;
                                                        overflow            : hidden;
                                                        position            : relative;
                                                        width               : 100%;
                                                    }
                                                </style>
                                                <a aria-label="Download on the App Store" class="css-1pnn0kd" href="https://x.bndspn.com/v1/or-jdqap8" rel="nofollow noopener noreferrer" target="_blank">
                                                    <img alt="" class="tw-align-bottom" height="44" src="/assets/88fdd5c0a424d357.svg" width="148">
                                                </a>
                                                <a aria-label="Android App on Google Play" class="css-1pnn0kd" href="https://x.bndspn.com/v1/or-z0w587" rel="nofollow noopener noreferrer" target="_blank">
                                                    <img alt="" class="tw-align-bottom" height="44" src="/assets/50dc01cb3fd3998b.svg" width="148">
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <style data-emotion="css b1eb7m">
                                        .css-b1eb7m {
                                            -webkit-align-items : start;
                                            -webkit-box-align   : start;
                                            -ms-flex-align      : start;
                                            align-items         : start;
                                            display             : none;
                                            -webkit-flex-direction: row;
                                            -ms-flex-direction  : row;
                                            flex-direction      : row;
                                            gap                 : 0.75rem;
                                            height              : 472px;
                                            -webkit-box-pack    : start;
                                            -ms-flex-pack       : start;
                                            -webkit-justify-content: start;
                                            justify-content     : start;
                                            width               : 100%;
                                        }
                                        @media screen and (min-width: 1280px) {
                                            .css-b1eb7m {
                                                display             : -webkit-box;
                                                display             : -webkit-flex;
                                                display             : -ms-flexbox;
                                                display             : flex;
                                            }
                                        }
                                    </style>
                                    <div class="css-b1eb7m">
                                        <style data-emotion="css x00q29">
                                            .css-x00q29 {
                                                -webkit-align-items : start;
                                                -webkit-box-align   : start;
                                                -ms-flex-align      : start;
                                                align-items         : start;
                                                border-radius       : 24px;
                                                display             : -webkit-box;
                                                display             : -webkit-flex;
                                                display             : -ms-flexbox;
                                                display             : flex;
                                                -webkit-flex-direction: column;
                                                -ms-flex-direction  : column;
                                                flex-direction      : column;
                                                gap                 : 0.75rem;
                                                height              : 100%;
                                                -webkit-box-pack    : start;
                                                -ms-flex-pack       : start;
                                                -webkit-justify-content: start;
                                                justify-content     : start;
                                                width               : 60%;
                                                background-image    : url("/images/home/new/social-proof-illustration.webp");
                                                -webkit-background-size: cover;
                                                background-size     : cover;
                                                -webkit-background-position: center center;
                                                background-position : center center;
                                            }
                                        </style>
                                        <div class="css-x00q29">
                                        </div>
                                        <style data-emotion="css kdo8q4">
                                            .css-kdo8q4 {
                                                -webkit-align-items : start;
                                                -webkit-box-align   : start;
                                                -ms-flex-align      : start;
                                                align-items         : start;
                                                display             : -webkit-box;
                                                display             : -webkit-flex;
                                                display             : -ms-flexbox;
                                                display             : flex;
                                                -webkit-flex-direction: column;
                                                -ms-flex-direction  : column;
                                                flex-direction      : column;
                                                gap                 : 0.75rem;
                                                height              : 100%;
                                                -webkit-box-pack    : start;
                                                -ms-flex-pack       : start;
                                                -webkit-justify-content: start;
                                                justify-content     : start;
                                                width               : 20%;
                                            }
                                        </style>
                                        <div class="css-kdo8q4">
                                            <style data-emotion="css 1lubiw2">
                                                .css-1lubiw2 {
                                                    -webkit-align-items : center;
                                                    -webkit-box-align   : center;
                                                    -ms-flex-align      : center;
                                                    align-items         : center;
                                                    background-color    : var(--theme-ui-colors-surfaceFillAccentPurpleDefault);
                                                    border-radius       : 24px;
                                                    display             : -webkit-box;
                                                    display             : -webkit-flex;
                                                    display             : -ms-flexbox;
                                                    display             : flex;
                                                    -webkit-flex-direction: column;
                                                    -ms-flex-direction  : column;
                                                    flex-direction      : column;
                                                    gap                 : 1rem;
                                                    height              : 100%;
                                                    -webkit-box-pack    : center;
                                                    -ms-flex-pack       : center;
                                                    -webkit-justify-content: center;
                                                    justify-content     : center;
                                                    padding-bottom      : 0.75rem;
                                                    padding-left        : 0.75rem;
                                                    padding-right       : 0.75rem;
                                                    padding-top         : 0.75rem;
                                                    width               : 100%;
                                                }
                                                @media screen and (min-width: 720px) {
                                                    .css-1lubiw2 {
                                                        padding-bottom      : 2rem;
                                                        padding-left        : 2rem;
                                                        padding-right       : 2rem;
                                                        padding-top         : 2rem;
                                                    }
                                                }
                                                @media screen and (min-width: 1280px) {
                                                    .css-1lubiw2 {
                                                        padding-left        : 1rem;
                                                        padding-right       : 1rem;
                                                    }
                                                }
                                                @media screen and (min-width: 1440px) {
                                                    .css-1lubiw2 {
                                                        padding-left        : 2rem;
                                                        padding-right       : 2rem;
                                                    }
                                                }
                                            </style>
                                            <div class="css-1lubiw2">
                                                <style data-emotion="css 5ct1y1">
                                                    .css-5ct1y1 {
                                                        color               : var(--theme-ui-colors-textPrimaryDefault);
                                                        text-align          : center;
                                                        font-weight         : 500;
                                                        font-style          : normal;
                                                        line-height         : 2.7rem;
                                                        font-size           : 40px;
                                                        font-family         : Nohemi,system-ui,sans-serif;
                                                        letter-spacing      : 0.045rem;
                                                    }
                                                </style>
                                                <p class="css-5ct1y1">
                                                    50M +
                                                </p>
                                                <style data-emotion="css 1okcta0">
                                                    .css-1okcta0 {
                                                        color               : var(--theme-ui-colors-textPrimaryDefault);
                                                        text-align          : center;
                                                        font-weight         : 500;
                                                        font-style          : normal;
                                                        line-height         : 1.35rem;
                                                        font-size           : 16px;
                                                        font-family         : Satoshi,system-ui,sans-serif;
                                                    }
                                                </style>
                                                <p class="css-1okcta0">
                                                    Outdoor explorers in the komoot community
                                                </p>
                                            </div>
                                        </div>
                                        <div class="css-kdo8q4">
                                            <style data-emotion="css wacyvt">
                                                .css-wacyvt {
                                                    -webkit-align-items : start;
                                                    -webkit-box-align   : start;
                                                    -ms-flex-align      : start;
                                                    align-items         : start;
                                                    display             : -webkit-box;
                                                    display             : -webkit-flex;
                                                    display             : -ms-flexbox;
                                                    display             : flex;
                                                    -webkit-flex-direction: column;
                                                    -ms-flex-direction  : column;
                                                    flex-direction      : column;
                                                    gap                 : 0.75rem;
                                                    height              : 50%;
                                                    -webkit-box-pack    : start;
                                                    -ms-flex-pack       : start;
                                                    -webkit-justify-content: start;
                                                    justify-content     : start;
                                                    width               : 100%;
                                                }
                                            </style>
                                            <div class="css-wacyvt">
                                                <style data-emotion="css e29erm">
                                                    .css-e29erm {
                                                        -webkit-align-items : center;
                                                        -webkit-box-align   : center;
                                                        -ms-flex-align      : center;
                                                        align-items         : center;
                                                        background-color    : var(--theme-ui-colors-surfaceFillSecondaryDefault);
                                                        border-radius       : 24px;
                                                        display             : -webkit-box;
                                                        display             : -webkit-flex;
                                                        display             : -ms-flexbox;
                                                        display             : flex;
                                                        -webkit-flex-direction: column;
                                                        -ms-flex-direction  : column;
                                                        flex-direction      : column;
                                                        gap                 : 1rem;
                                                        height              : 100%;
                                                        -webkit-box-pack    : center;
                                                        -ms-flex-pack       : center;
                                                        -webkit-justify-content: center;
                                                        justify-content     : center;
                                                        padding-bottom      : 0.75rem;
                                                        padding-left        : 0.75rem;
                                                        padding-right       : 0.75rem;
                                                        padding-top         : 0.75rem;
                                                        width               : 100%;
                                                    }
                                                    @media screen and (min-width: 720px) {
                                                        .css-e29erm {
                                                            padding-bottom      : 2rem;
                                                            padding-left        : 2rem;
                                                            padding-right       : 2rem;
                                                            padding-top         : 2rem;
                                                        }
                                                    }
                                                    @media screen and (min-width: 1280px) {
                                                        .css-e29erm {
                                                            padding-left        : 1rem;
                                                            padding-right       : 1rem;
                                                        }
                                                    }
                                                    @media screen and (min-width: 1440px) {
                                                        .css-e29erm {
                                                            padding-left        : 2rem;
                                                            padding-right       : 2rem;
                                                        }
                                                    }
                                                </style>
                                                <div class="css-e29erm">
                                                    <p class="css-5ct1y1">
                                                        8M +
                                                    </p>
                                                    <p class="css-1okcta0">
                                                        Routes in over 100 countries &ndash; for hikes, rides, and runs
                                                    </p>
                                                </div>
                                            </div>
                                            <div class="css-wacyvt">
                                                <style data-emotion="css g574hn">
                                                    .css-g574hn {
                                                        -webkit-align-items : center;
                                                        -webkit-box-align   : center;
                                                        -ms-flex-align      : center;
                                                        align-items         : center;
                                                        background-color    : var(--theme-ui-colors-surfaceFillAccentGreenHover);
                                                        border-radius       : 24px;
                                                        display             : -webkit-box;
                                                        display             : -webkit-flex;
                                                        display             : -ms-flexbox;
                                                        display             : flex;
                                                        -webkit-flex-direction: column;
                                                        -ms-flex-direction  : column;
                                                        flex-direction      : column;
                                                        gap                 : 1rem;
                                                        height              : 100%;
                                                        -webkit-box-pack    : center;
                                                        -ms-flex-pack       : center;
                                                        -webkit-justify-content: center;
                                                        justify-content     : center;
                                                        padding-bottom      : 0.75rem;
                                                        padding-left        : 0.75rem;
                                                        padding-right       : 0.75rem;
                                                        padding-top         : 0.75rem;
                                                        width               : 100%;
                                                    }
                                                    @media screen and (min-width: 720px) {
                                                        .css-g574hn {
                                                            padding-bottom      : 2rem;
                                                            padding-left        : 2rem;
                                                            padding-right       : 2rem;
                                                            padding-top         : 2rem;
                                                        }
                                                    }
                                                    @media screen and (min-width: 1280px) {
                                                        .css-g574hn {
                                                            padding-left        : 1rem;
                                                            padding-right       : 1rem;
                                                        }
                                                    }
                                                    @media screen and (min-width: 1440px) {
                                                        .css-g574hn {
                                                            padding-left        : 2rem;
                                                            padding-right       : 2rem;
                                                        }
                                                    }
                                                </style>
                                                <div class="css-g574hn">
                                                    <p class="css-5ct1y1">
                                                        850M +
                                                    </p>
                                                    <p class="css-1okcta0">
                                                        Photos, tips, and highlights shared by the community
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <style data-emotion="css 1by0wpx">
                                        .css-1by0wpx {
                                            -webkit-align-items : start;
                                            -webkit-box-align   : start;
                                            -ms-flex-align      : start;
                                            align-items         : start;
                                            display             : none;
                                            -webkit-flex-direction: column;
                                            -ms-flex-direction  : column;
                                            flex-direction      : column;
                                            gap                 : 0.75rem;
                                            height              : 535px;
                                            -webkit-box-pack    : start;
                                            -ms-flex-pack       : start;
                                            -webkit-justify-content: start;
                                            justify-content     : start;
                                            width               : 100%;
                                        }
                                        @media screen and (min-width: 540px) {
                                            .css-1by0wpx {
                                                display             : -webkit-box;
                                                display             : -webkit-flex;
                                                display             : -ms-flexbox;
                                                display             : flex;
                                            }
                                        }
                                        @media screen and (min-width: 1280px) {
                                            .css-1by0wpx {
                                                display             : none;
                                            }
                                        }
                                    </style>
                                    <div class="css-1by0wpx">
                                        <style data-emotion="css ufy47e">
                                            .css-ufy47e {
                                                -webkit-align-items : start;
                                                -webkit-box-align   : start;
                                                -ms-flex-align      : start;
                                                align-items         : start;
                                                display             : -webkit-box;
                                                display             : -webkit-flex;
                                                display             : -ms-flexbox;
                                                display             : flex;
                                                -webkit-flex-direction: column;
                                                -ms-flex-direction  : column;
                                                flex-direction      : column;
                                                gap                 : 0.75rem;
                                                height              : 33.333333%;
                                                -webkit-box-pack    : start;
                                                -ms-flex-pack       : start;
                                                -webkit-justify-content: start;
                                                justify-content     : start;
                                                width               : 100%;
                                            }
                                        </style>
                                        <div class="css-ufy47e">
                                            <div class="css-1lubiw2">
                                                <p class="css-5ct1y1">
                                                    50M +
                                                </p>
                                                <p class="css-1okcta0">
                                                    Outdoor explorers in the komoot community
                                                </p>
                                            </div>
                                        </div>
                                        <style data-emotion="css 1ochka9">
                                            .css-1ochka9 {
                                                -webkit-align-items : start;
                                                -webkit-box-align   : start;
                                                -ms-flex-align      : start;
                                                align-items         : start;
                                                display             : -webkit-box;
                                                display             : -webkit-flex;
                                                display             : -ms-flexbox;
                                                display             : flex;
                                                -webkit-flex-direction: row;
                                                -ms-flex-direction  : row;
                                                flex-direction      : row;
                                                gap                 : 0.75rem;
                                                height              : 66.666667%;
                                                -webkit-box-pack    : start;
                                                -ms-flex-pack       : start;
                                                -webkit-justify-content: start;
                                                justify-content     : start;
                                                width               : 100%;
                                            }
                                        </style>
                                        <div class="css-1ochka9">
                                            <style data-emotion="css 7yzned">
                                                .css-7yzned {
                                                    -webkit-align-items : start;
                                                    -webkit-box-align   : start;
                                                    -ms-flex-align      : start;
                                                    align-items         : start;
                                                    border-radius       : 24px;
                                                    display             : -webkit-box;
                                                    display             : -webkit-flex;
                                                    display             : -ms-flexbox;
                                                    display             : flex;
                                                    -webkit-flex-direction: column;
                                                    -ms-flex-direction  : column;
                                                    flex-direction      : column;
                                                    gap                 : 0.75rem;
                                                    height              : 100%;
                                                    -webkit-box-pack    : start;
                                                    -ms-flex-pack       : start;
                                                    -webkit-justify-content: start;
                                                    justify-content     : start;
                                                    width               : 50%;
                                                    background-image    : url("/images/home/new/social-proof-illustration.webp");
                                                    -webkit-background-size: cover;
                                                    background-size     : cover;
                                                    -webkit-background-position: center center;
                                                    background-position : center center;
                                                }
                                            </style>
                                            <div class="css-7yzned">
                                            </div>
                                            <style data-emotion="css 1xi9x09">
                                                .css-1xi9x09 {
                                                    -webkit-align-items : start;
                                                    -webkit-box-align   : start;
                                                    -ms-flex-align      : start;
                                                    align-items         : start;
                                                    display             : -webkit-box;
                                                    display             : -webkit-flex;
                                                    display             : -ms-flexbox;
                                                    display             : flex;
                                                    -webkit-flex-direction: column;
                                                    -ms-flex-direction  : column;
                                                    flex-direction      : column;
                                                    gap                 : 0.75rem;
                                                    height              : 100%;
                                                    -webkit-box-pack    : start;
                                                    -ms-flex-pack       : start;
                                                    -webkit-justify-content: start;
                                                    justify-content     : start;
                                                    width               : 50%;
                                                }
                                            </style>
                                            <div class="css-1xi9x09">
                                                <div class="css-wacyvt">
                                                    <div class="css-e29erm">
                                                        <p class="css-5ct1y1">
                                                            8M +
                                                        </p>
                                                        <p class="css-1okcta0">
                                                            Routes in over 100 countries &ndash; for hikes, rides, and runs
                                                        </p>
                                                    </div>
                                                </div>
                                                <div class="css-wacyvt">
                                                    <div class="css-g574hn">
                                                        <p class="css-5ct1y1">
                                                            850M +
                                                        </p>
                                                        <p class="css-1okcta0">
                                                            Photos, tips, and highlights shared by the community
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <style data-emotion="css k3gw40">
                                        .css-k3gw40 {
                                            -webkit-align-items : start;
                                            -webkit-box-align   : start;
                                            -ms-flex-align      : start;
                                            align-items         : start;
                                            display             : -webkit-box;
                                            display             : -webkit-flex;
                                            display             : -ms-flexbox;
                                            display             : flex;
                                            -webkit-flex-direction: column;
                                            -ms-flex-direction  : column;
                                            flex-direction      : column;
                                            gap                 : 0.75rem;
                                            height              : 791px;
                                            -webkit-box-pack    : start;
                                            -ms-flex-pack       : start;
                                            -webkit-justify-content: start;
                                            justify-content     : start;
                                            width               : 100%;
                                        }
                                        @media screen and (min-width: 540px) {
                                            .css-k3gw40 {
                                                display             : none;
                                            }
                                        }
                                    </style>
                                    <div class="css-k3gw40">
                                        <style data-emotion="css 1buza54">
                                            .css-1buza54 {
                                                -webkit-align-items : start;
                                                -webkit-box-align   : start;
                                                -ms-flex-align      : start;
                                                align-items         : start;
                                                border-radius       : 24px;
                                                display             : -webkit-box;
                                                display             : -webkit-flex;
                                                display             : -ms-flexbox;
                                                display             : flex;
                                                -webkit-flex-direction: column;
                                                -ms-flex-direction  : column;
                                                flex-direction      : column;
                                                gap                 : 0.75rem;
                                                height              : 40%;
                                                -webkit-box-pack    : start;
                                                -ms-flex-pack       : start;
                                                -webkit-justify-content: start;
                                                justify-content     : start;
                                                width               : 100%;
                                                background-image    : url("/images/home/new/social-proof-illustration.webp");
                                                -webkit-background-size: cover;
                                                background-size     : cover;
                                                -webkit-background-position: center center;
                                                background-position : center center;
                                            }
                                        </style>
                                        <div class="css-1buza54">
                                        </div>
                                        <style data-emotion="css 1v9lfmv">
                                            .css-1v9lfmv {
                                                -webkit-align-items : start;
                                                -webkit-box-align   : start;
                                                -ms-flex-align      : start;
                                                align-items         : start;
                                                display             : -webkit-box;
                                                display             : -webkit-flex;
                                                display             : -ms-flexbox;
                                                display             : flex;
                                                -webkit-flex-direction: column;
                                                -ms-flex-direction  : column;
                                                flex-direction      : column;
                                                gap                 : 0.75rem;
                                                height              : 20%;
                                                -webkit-box-pack    : start;
                                                -ms-flex-pack       : start;
                                                -webkit-justify-content: start;
                                                justify-content     : start;
                                                width               : 100%;
                                            }
                                        </style>
                                        <div class="css-1v9lfmv">
                                            <div class="css-1lubiw2">
                                                <p class="css-5ct1y1">
                                                    50M +
                                                </p>
                                                <p class="css-1okcta0">
                                                    Outdoor explorers in the komoot community
                                                </p>
                                            </div>
                                        </div>
                                        <div class="css-1v9lfmv">
                                            <div class="css-e29erm">
                                                <p class="css-5ct1y1">
                                                    8M +
                                                </p>
                                                <p class="css-1okcta0">
                                                    Routes in over 100 countries &ndash; for hikes, rides, and runs
                                                </p>
                                            </div>
                                        </div>
                                        <div class="css-1v9lfmv">
                                            <div class="css-g574hn">
                                                <p class="css-5ct1y1">
                                                    850M +
                                                </p>
                                                <p class="css-1okcta0">
                                                    Photos, tips, and highlights shared by the community
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <style data-emotion="css 12tn1am">
                                    .css-12tn1am {
                                        -webkit-align-items : center;
                                        -webkit-box-align   : center;
                                        -ms-flex-align      : center;
                                        align-items         : center;
                                        display             : -webkit-box;
                                        display             : -webkit-flex;
                                        display             : -ms-flexbox;
                                        display             : flex;
                                        -webkit-flex-direction: column;
                                        -ms-flex-direction  : column;
                                        flex-direction      : column;
                                        gap                 : 1.25rem;
                                        -webkit-box-pack    : start;
                                        -ms-flex-pack       : start;
                                        -webkit-justify-content: start;
                                        justify-content     : start;
                                        padding-bottom      : 5rem;
                                        padding-left        : 1.5rem;
                                        padding-right       : 1.5rem;
                                        padding-top         : 5rem;
                                        width               : 100%;
                                    }
                                    @media screen and (min-width: 540px) {
                                        .css-12tn1am {
                                            padding-bottom      : 7.5rem;
                                            padding-left        : 5rem;
                                            padding-right       : 5rem;
                                            padding-top         : 7.5rem;
                                        }
                                    }
                                    @media screen and (min-width: 720px) {
                                        .css-12tn1am {
                                            gap                 : 2.5rem;
                                        }
                                    }
                                    @media screen and (min-width: 1024px) {
                                        .css-12tn1am {
                                            padding-left        : 7.5rem;
                                            padding-right       : 7.5rem;
                                        }
                                    }
                                </style>
                                <div class="css-12tn1am">
                                    <style data-emotion="css 170qvzw">
                                        .css-170qvzw {
                                            color               : var(--theme-ui-colors-generalHeading);
                                            position            : relative;
                                            text-align          : center;
                                            font-family         : Nohemi,system-ui,sans-serif;
                                            font-size           : 40px;
                                            font-style          : normal;
                                            font-weight         : 500;
                                            line-height         : 2.7rem;
                                            letter-spacing      : 0.045rem;
                                            white-space         : pre-wrap;
                                            -webkit-align-self  : center;
                                            -ms-flex-item-align : center;
                                            align-self          : center;
                                            margin-top          : 4.5rem;
                                            margin-bottom       : 4.5rem;
                                        }
                                        @media screen and (min-width: 540px) {
                                            .css-170qvzw {
                                                margin-top          : 0;
                                                margin-bottom       : 0;
                                            }
                                        }
                                    </style>
                                    <div class="css-170qvzw">
                                        Explore the World
                                        <style data-emotion="css 1yk8ljg">
                                            .css-1yk8ljg {
                                                bottom              : -3rem;
                                                color               : var(--theme-ui-colors-actionBaseFillPrimaryDefault);
                                                left                : 0.5rem;
                                                position            : absolute;
                                                font-weight         : regular;
                                                font-style          : normal;
                                                line-height         : normal;
                                                font-size           : 24px;
                                                font-family         : Boyrun,Satoshi,system-ui,sans-serif;
                                                letter-spacing      : 0.72px;
                                                -webkit-transform   : rotate(-8.27deg);
                                                -moz-transform      : rotate(-8.27deg);
                                                -ms-transform       : rotate(-8.27deg);
                                                transform           : rotate(-8.27deg);
                                            }
                                            @media screen and (min-width: 540px) {
                                                .css-1yk8ljg {
                                                    bottom              : 3rem;
                                                    left                : -5rem;
                                                }
                                            }
                                            @media screen and (min-width: 1024px) {
                                                .css-1yk8ljg {
                                                    bottom              : 2.5rem;
                                                    left                : -12rem;
                                                }
                                            }
                                        </style>
                                        <p class="css-1yk8ljg">
                                            Let's go out!
                                        </p>
                                        <style data-emotion="css 1d1bo5g">
                                            .css-1d1bo5g {
                                                bottom              : 3rem;
                                                height              : 4.5rem;
                                                overflow            : hidden;
                                                position            : absolute;
                                                right               : 0;
                                                width               : 4.5rem;
                                            }
                                            @media screen and (min-width: 540px) {
                                                .css-1d1bo5g {
                                                    bottom              : 2rem;
                                                    right               : -6rem;
                                                }
                                            }
                                        </style>
                                        <div class="css-1d1bo5g">
                                        </div>
                                    </div>
                                    <style data-emotion="css 1vbpi82">
                                        .css-1vbpi82 {
                                            -webkit-align-items : start;
                                            -webkit-box-align   : start;
                                            -ms-flex-align      : start;
                                            align-items         : start;
                                            display             : -webkit-box;
                                            display             : -webkit-flex;
                                            display             : -ms-flexbox;
                                            display             : flex;
                                            -webkit-flex-direction: column;
                                            -ms-flex-direction  : column;
                                            flex-direction      : column;
                                            gap                 : 2.5rem;
                                            height              : -webkit-fit-content;
                                            height              : -moz-fit-content;
                                            height              : fit-content;
                                            -webkit-box-pack    : start;
                                            -ms-flex-pack       : start;
                                            -webkit-justify-content: start;
                                            justify-content     : start;
                                            width               : 100%;
                                        }
                                    </style>
                                    <div class="css-1vbpi82">
                                        <style data-emotion="css w6jyr9">
                                            .css-w6jyr9 {
                                                -webkit-align-items : start;
                                                -webkit-box-align   : start;
                                                -ms-flex-align      : start;
                                                align-items         : start;
                                                border-bottom-width : 1px;
                                                border-color        : var(--theme-ui-colors-borderTertiaryDefault);
                                                display             : -webkit-box;
                                                display             : -webkit-flex;
                                                display             : -ms-flexbox;
                                                display             : flex;
                                                -webkit-flex-direction: row;
                                                -ms-flex-direction  : row;
                                                flex-direction      : row;
                                                gap                 : 0.75rem;
                                                -webkit-box-pack    : center;
                                                -ms-flex-pack       : center;
                                                -webkit-justify-content: center;
                                                justify-content     : center;
                                                overflow            : auto;
                                                padding-bottom      : 1rem;
                                                padding-top         : 1rem;
                                                width               : 100%;
                                                z-index             : 20;
                                                scrollbar-width     : none;
                                                -ms-overflow-style  : none;
                                            }
                                            .css-w6jyr9::-webkit-scrollbar {
                                                display             : none;
                                            }
                                        </style>
                                        <div class="css-w6jyr9">
                                            <style data-emotion="css lip6ab">
                                                .css-lip6ab {
                                                    -webkit-align-items : start;
                                                    -webkit-box-align   : start;
                                                    -ms-flex-align      : start;
                                                    align-items         : start;
                                                    border-radius       : 8px;
                                                    color               : var(--theme-ui-colors-textSecondaryDefault);
                                                    display             : -webkit-box;
                                                    display             : -webkit-flex;
                                                    display             : -ms-flexbox;
                                                    display             : flex;
                                                    -webkit-flex-direction: row;
                                                    -ms-flex-direction  : row;
                                                    flex-direction      : row;
                                                    gap                 : 0.25rem;
                                                    -webkit-box-pack    : start;
                                                    -ms-flex-pack       : start;
                                                    -webkit-justify-content: start;
                                                    justify-content     : start;
                                                    padding-bottom      : 0.375rem;
                                                    padding-left        : 0.75rem;
                                                    padding-right       : 0.75rem;
                                                    padding-top         : 0.375rem;
                                                }
                                                @media (hover: hover) {
                                                    .css-lip6ab:hover {
                                                        background-color    : var(--theme-ui-colors-surfaceFillSecondaryHover);
                                                        -webkit-transition  : backgroundColor .3s ease-in-out;
                                                        transition          : backgroundColor .3s ease-in-out;
                                                    }
                                                }
                                                .css-lip6ab.selected {
                                                    background-color    : var(--theme-ui-colors-surfaceFillSecondaryHover);
                                                }
                                            </style>
                                            <button class="selected css-lip6ab">
                                                <style data-emotion="css 17q5er6">
                                                    .css-17q5er6 {
                                                        color               : inherit;
                                                        font-weight         : 500;
                                                        font-style          : normal;
                                                        line-height         : 1.3rem;
                                                        font-size           : 16px;
                                                        font-family         : Nohemi,system-ui,sans-serif;
                                                        letter-spacing      : 0.03rem;
                                                        white-space         : nowrap;
                                                    }
                                                    .css-17q5er6.selected {
                                                        color               : var(--theme-ui-colors-textPrimaryDefault);
                                                    }
                                                </style>
                                                <p class="selected css-17q5er6">
                                                    Hiking
                                                </p>
                                            </button>
                                            <button class="css-lip6ab">
                                                <p class="css-17q5er6">
                                                    Cycling
                                                </p>
                                            </button>
                                            <button class="css-lip6ab">
                                                <p class="css-17q5er6">
                                                    Road cycling
                                                </p>
                                            </button>
                                            <button class="css-lip6ab">
                                                <p class="css-17q5er6">
                                                    Mountain biking
                                                </p>
                                            </button>
                                        </div>
                                        <div style="width:100%;opacity:1;transition:opacity 600ms ease-in-out">
                                            <style data-emotion="css 1nxhd4s">
                                                .css-1nxhd4s {
                                                    -webkit-align-items : center;
                                                    -webkit-box-align   : center;
                                                    -ms-flex-align      : center;
                                                    align-items         : center;
                                                    display             : -webkit-box;
                                                    display             : -webkit-flex;
                                                    display             : -ms-flexbox;
                                                    display             : flex;
                                                    -webkit-flex-direction: column;
                                                    -ms-flex-direction  : column;
                                                    flex-direction      : column;
                                                    gap                 : 3rem;
                                                    -webkit-box-pack    : start;
                                                    -ms-flex-pack       : start;
                                                    -webkit-justify-content: start;
                                                    justify-content     : start;
                                                    width               : 100%;
                                                }
                                            </style>
                                            <div class="css-1nxhd4s">
                                                <style data-emotion="css 1ajlb5u">
                                                    .css-1ajlb5u {
                                                        -webkit-align-items : start;
                                                        -webkit-box-align   : start;
                                                        -ms-flex-align      : start;
                                                        align-items         : start;
                                                        display             : -webkit-box;
                                                        display             : -webkit-flex;
                                                        display             : -ms-flexbox;
                                                        display             : flex;
                                                        -webkit-flex-direction: column;
                                                        -ms-flex-direction  : column;
                                                        flex-direction      : column;
                                                        gap                 : 1.25rem;
                                                        -webkit-box-pack    : start;
                                                        -ms-flex-pack       : start;
                                                        -webkit-justify-content: start;
                                                        justify-content     : start;
                                                        width               : 100%;
                                                    }
                                                </style>
                                                <div class="css-1ajlb5u">
                                                    <style data-emotion="css h6je64">
                                                        .css-h6je64 {
                                                            -webkit-align-items : center;
                                                            -webkit-box-align   : center;
                                                            -ms-flex-align      : center;
                                                            align-items         : center;
                                                            display             : -webkit-box;
                                                            display             : -webkit-flex;
                                                            display             : -ms-flexbox;
                                                            display             : flex;
                                                            -webkit-flex-direction: row;
                                                            -ms-flex-direction  : row;
                                                            flex-direction      : row;
                                                            gap                 : 0.5rem;
                                                            -webkit-box-pack    : start;
                                                            -ms-flex-pack       : start;
                                                            -webkit-justify-content: start;
                                                            justify-content     : start;
                                                        }
                                                    </style>
                                                    <div class="css-h6je64">
                                                        <style data-emotion="css 7jrkc1">
                                                            .css-7jrkc1 {
                                                                -webkit-align-items : center;
                                                                -webkit-box-align   : center;
                                                                -ms-flex-align      : center;
                                                                align-items         : center;
                                                                -webkit-appearance  : none;
                                                                -moz-appearance     : none;
                                                                -ms-appearance      : none;
                                                                appearance          : none;
                                                                background-color    : transparent;
                                                                color               : var(--theme-ui-colors-textPrimaryDefault);
                                                                display             : -webkit-inline-box;
                                                                display             : -webkit-inline-flex;
                                                                display             : -ms-inline-flexbox;
                                                                display             : inline-flex;
                                                                -webkit-flex-direction: row;
                                                                -ms-flex-direction  : row;
                                                                flex-direction      : row;
                                                                gap                 : 0.25rem;
                                                                font-size           : 18px;
                                                                font-weight         : 500;
                                                                -webkit-text-decoration: none;
                                                                text-decoration     : none;
                                                                font-family         : Nohemi,system-ui,sans-serif;
                                                                font-style          : normal;
                                                                line-height         : 1.4625rem;
                                                                letter-spacing      : 0.03375rem;
                                                            }
                                                            .css-7jrkc1:hover,.css-7jrkc1:focus {
                                                                -webkit-text-decoration: underline;
                                                                text-decoration     : underline;
                                                                color               : var(--theme-ui-colors-textPrimaryDefault);
                                                            }
                                                        </style>
                                                        <a class="css-7jrkc1" href="/guide/72314/hiking-in-the-united-kingdom">
                                                            United Kingdom
                                                        </a>
                                                        <div style="display:contents">
                                                            <style data-emotion="css 1s22zt">
                                                                .css-1s22zt {
                                                                    object-position     : -999999px;
                                                                    aspect-ratio        : 1.4;
                                                                    background-image    : url("/images/misc/bg-blurred-lazy.jpg?q=80");
                                                                    -webkit-background-size: cover;
                                                                    background-size     : cover;
                                                                    background-repeat   : no-repeat;
                                                                }
                                                            </style>
                                                            <img alt="" class="css-1s22zt" decoding="async" loading="lazy" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/assets/f2b5fb6fb70fca1c.svg" srcset="/assets/f2b5fb6fb70fca1c.svg 540w,/assets/f2b5fb6fb70fca1c.svg 720w,/assets/f2b5fb6fb70fca1c.svg 1024w,/assets/f2b5fb6fb70fca1c.svg 1080w,/assets/f2b5fb6fb70fca1c.svg 1280w,/assets/f2b5fb6fb70fca1c.svg 1440w,/assets/f2b5fb6fb70fca1c.svg 1680w,/assets/f2b5fb6fb70fca1c.svg 1920w,/assets/f2b5fb6fb70fca1c.svg 2048w,/assets/f2b5fb6fb70fca1c.svg 2560w,/assets/f2b5fb6fb70fca1c.svg 2880w,/assets/f2b5fb6fb70fca1c.svg 3360w,/assets/f2b5fb6fb70fca1c.svg 3840w" width="18">
                                                        </div>
                                                    </div>
                                                    <div class="css-dq6gmh">
                                                        <style data-emotion="css 1dlptve">
                                                            .css-1dlptve {
                                                                -webkit-align-items : start;
                                                                -webkit-box-align   : start;
                                                                -ms-flex-align      : start;
                                                                align-items         : start;
                                                                display             : -webkit-box;
                                                                display             : -webkit-flex;
                                                                display             : -ms-flexbox;
                                                                display             : flex;
                                                                -webkit-flex-direction: column;
                                                                -ms-flex-direction  : column;
                                                                flex-direction      : column;
                                                                gap                 : 0.5rem;
                                                                -webkit-box-pack    : start;
                                                                -ms-flex-pack       : start;
                                                                -webkit-justify-content: start;
                                                                justify-content     : start;
                                                                width               : 100%;
                                                            }
                                                        </style>
                                                        <div class="css-1dlptve">
                                                            <style data-emotion="css 13lshir">
                                                                .css-13lshir {
                                                                    display             : -webkit-box;
                                                                    display             : -webkit-flex;
                                                                    display             : -ms-flexbox;
                                                                    display             : flex;
                                                                    gap                 : 0.5rem;
                                                                    -webkit-box-pack    : justify;
                                                                    -webkit-justify-content: space-between;
                                                                    justify-content     : space-between;
                                                                    width               : 100%;
                                                                }
                                                            </style>
                                                            <div class="css-13lshir">
                                                                <style data-emotion="css 19gfowm">
                                                                    .css-19gfowm {
                                                                        -webkit-align-items : start;
                                                                        -webkit-box-align   : start;
                                                                        -ms-flex-align      : start;
                                                                        align-items         : start;
                                                                        display             : -webkit-box;
                                                                        display             : -webkit-flex;
                                                                        display             : -ms-flexbox;
                                                                        display             : flex;
                                                                        -webkit-flex        : 1;
                                                                        -ms-flex            : 1;
                                                                        flex                : 1;
                                                                        -webkit-flex-direction: column;
                                                                        -ms-flex-direction  : column;
                                                                        flex-direction      : column;
                                                                        gap                 : 0.5rem;
                                                                        -webkit-box-pack    : start;
                                                                        -ms-flex-pack       : start;
                                                                        -webkit-justify-content: start;
                                                                        justify-content     : start;
                                                                    }
                                                                </style>
                                                                <div class="css-19gfowm">
                                                                    <style data-emotion="css 1x9t9u4">
                                                                        .css-1x9t9u4 {
                                                                            -webkit-align-items : center;
                                                                            -webkit-box-align   : center;
                                                                            -ms-flex-align      : center;
                                                                            align-items         : center;
                                                                            -webkit-appearance  : none;
                                                                            -moz-appearance     : none;
                                                                            -ms-appearance      : none;
                                                                            appearance          : none;
                                                                            background-color    : transparent;
                                                                            color               : var(--theme-ui-colors-textPrimaryDefault);
                                                                            display             : inline-block;
                                                                            -webkit-flex-direction: row;
                                                                            -ms-flex-direction  : row;
                                                                            flex-direction      : row;
                                                                            gap                 : 0.25rem;
                                                                            max-width           : 100%;
                                                                            font-size           : 14px;
                                                                            font-weight         : 500;
                                                                            -webkit-text-decoration: none;
                                                                            text-decoration     : none;
                                                                            font-family         : Satoshi,system-ui,sans-serif;
                                                                            font-style          : normal;
                                                                            line-height         : 1.18125rem;
                                                                            word-wrap           : break-word;
                                                                            overflow-wrap       : break-word;
                                                                            -webkit-hyphens     : auto;
                                                                            -moz-hyphens        : auto;
                                                                            -ms-hyphens         : auto;
                                                                            hyphens             : auto;
                                                                        }
                                                                        .css-1x9t9u4:hover,.css-1x9t9u4:focus {
                                                                            -webkit-text-decoration: underline;
                                                                            text-decoration     : underline;
                                                                            color               : var(--theme-ui-colors-textPrimaryDefault);
                                                                        }
                                                                    </style>
                                                                    <a class="css-1x9t9u4" href="/guide/22623/hiking-in-england">
                                                                        England
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/47647/hiking-in-northern-ireland">
                                                                        Northern Ireland
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/58695/hiking-in-scotland">
                                                                        Scotland
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/67399/hiking-in-wales">
                                                                        Wales
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/12783/hiking-in-bath-and-north-east-somerset">
                                                                        Bath and North East Somerset
                                                                    </a>
                                                                </div>
                                                                <div class="css-19gfowm">
                                                                    <a class="css-1x9t9u4" href="/guide/18567/hiking-in-county-durham">
                                                                        County Durham
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/18623/hiking-around-coventry">
                                                                        Coventry
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/18651/hiking-in-craven">
                                                                        Craven
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/18807/hiking-in-cumbria">
                                                                        Cumbria
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/19199/hiking-around-darlington">
                                                                        Darlington
                                                                    </a>
                                                                </div>
                                                                <div class="css-19gfowm">
                                                                    <a class="css-1x9t9u4" href="/guide/31291/hiking-in-herefordshire">
                                                                        Herefordshire
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/31499/hiking-in-hertfordshire">
                                                                        Hertfordshire
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/3112637/hiking-in-hinckley-and-bosworth">
                                                                        Hinckley And Bosworth
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/34143/hiking-in-the-isle-of-wight">
                                                                        Isle of Wight
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/34147/hiking-on-the-isles-of-scilly">
                                                                        Isles of Scilly
                                                                    </a>
                                                                </div>
                                                                <div class="css-19gfowm">
                                                                    <a class="css-1x9t9u4" href="/guide/47683/hiking-around-north-somerset">
                                                                        North Somerset
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/47687/hiking-in-northumberland">
                                                                        Northumberland
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/3112620/hiking-in-north-west-leicestershire">
                                                                        North West Leicestershire
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/47703/hiking-in-north-yorkshire">
                                                                        North Yorkshire
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/9023/hiking-around-nottingham">
                                                                        Nottingham
                                                                    </a>
                                                                </div>
                                                                <div class="css-19gfowm">
                                                                    <a class="css-1x9t9u4" href="/guide/60643/hiking-around-southend-on-sea">
                                                                        Southend-on-Sea
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/60663/hiking-in-south-gloucestershire">
                                                                        South Gloucestershire
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/61015/hiking-in-staffordshire">
                                                                        Staffordshire
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/61847/hiking-around-stockton-on-tees">
                                                                        Stockton-on-Tees
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/62427/hiking-in-suffolk">
                                                                        Suffolk
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <style data-emotion="css k15sp7">
                                                                .css-k15sp7 {
                                                                    -webkit-align-items : center;
                                                                    -webkit-box-align   : center;
                                                                    -ms-flex-align      : center;
                                                                    align-items         : center;
                                                                    background-color    : var(--theme-ui-colors-actionBaseFillSecondaryDefault);
                                                                    border-radius       : 16px;
                                                                    box-shadow          : none;
                                                                    color               : var(--theme-ui-colors-actionContentFillSecondaryDefault);
                                                                    cursor              : pointer;
                                                                    display             : -webkit-box;
                                                                    display             : -webkit-flex;
                                                                    display             : -ms-flexbox;
                                                                    display             : flex;
                                                                    gap                 : 0.5rem;
                                                                    -webkit-box-pack    : center;
                                                                    -ms-flex-pack       : center;
                                                                    -webkit-justify-content: center;
                                                                    justify-content     : center;
                                                                    font-family         : Satoshi,system-ui,sans-serif;
                                                                    font-size           : 14px;
                                                                    font-style          : normal;
                                                                    font-weight         : 700;
                                                                    line-height         : 1.18125rem;
                                                                    padding-left        : 1rem;
                                                                    padding-right       : 1rem;
                                                                    padding-top         : 0.75rem;
                                                                    padding-bottom      : 0.75rem;
                                                                }
                                                                .css-k15sp7:hover,.css-k15sp7:focus,.css-k15sp7.active {
                                                                    background-color    : var(--theme-ui-colors-actionBaseFillSecondaryHover);
                                                                    color               : var(--theme-ui-colors-actionContentFillSecondaryHover);
                                                                }
                                                                .css-k15sp7:focus {
                                                                    box-shadow          : 0 0 0 3px rgba(66, 153, 225, 0.5);
                                                                    outline             : 4px solid;
                                                                    outline-color       : var(--theme-ui-colors-borderPrimaryDefault);
                                                                    outline-offset      : 2px;
                                                                }
                                                                .css-k15sp7:focus-visible {
                                                                    box-shadow          : 0 0 0 3px rgba(66, 153, 225, 0.5);
                                                                    outline             : 4px solid;
                                                                    outline-color       : var(--theme-ui-colors-borderPrimaryDefault);
                                                                    outline-offset      : 2px;
                                                                }
                                                                .css-k15sp7.disabled {
                                                                    cursor              : default;
                                                                    background-color    : var(--theme-ui-colors-actionBaseFillSecondaryDisabled);
                                                                    color               : var(--theme-ui-colors-actionContentFillSecondaryDisabled);
                                                                }
                                                            </style>
                                                            <a aria-label="Show more" class="css-k15sp7" role="button">
                                                                <span class="css-toyscm">
                                                                    Show more
                                                                </span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="css-dq6gmh">
                                                        <p class="css-1hr7o2r">
                                                            Popular destinations
                                                        </p>
                                                        <div class="css-1dlptve">
                                                            <div class="css-13lshir">
                                                                <div class="css-19gfowm">
                                                                    <a class="css-1x9t9u4" href="/guide/40895/hiking-around-london">
                                                                        London
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/504665/hiking-in-peak-district">
                                                                        Peak District
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/697887/hiking-around-delamere-forest">
                                                                        Delamere
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/693535/hiking-around-alderley-edge">
                                                                        Alderley Edge
                                                                    </a>
                                                                </div>
                                                                <div class="css-19gfowm">
                                                                    <a class="css-1x9t9u4" href="/guide/1669522/hiking-around-edale">
                                                                        Edale
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/504699/hiking-in-lake-district">
                                                                        Lake District
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/684797/hiking-around-thornham">
                                                                        Thornham
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/26639/hiking-around-glasgow">
                                                                        Glasgow City
                                                                    </a>
                                                                </div>
                                                                <div class="css-19gfowm">
                                                                    <a class="css-1x9t9u4" href="/guide/1698677/hiking-around-castleton">
                                                                        Castleton
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/752236/hiking-around-wales">
                                                                        Wales
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/1763175/hiking-around-grassington">
                                                                        Grassington
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/1686029/hiking-around-castleton">
                                                                        Castleton
                                                                    </a>
                                                                </div>
                                                                <div class="css-19gfowm">
                                                                    <a class="css-1x9t9u4" href="/guide/769032/hiking-around-betws-y-coed">
                                                                        Betws-Y-Coed
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/765700/hiking-around-stratford-upon-avon">
                                                                        Stratford Upon Avon
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/504648/hiking-in-north-york-moors-national-park">
                                                                        North York Moors National Park
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/679697/hiking-around-bakewell">
                                                                        Bakewell
                                                                    </a>
                                                                </div>
                                                                <div class="css-19gfowm">
                                                                    <a class="css-1x9t9u4" href="/guide/1763090/hiking-around-llangollen">
                                                                        Llangollen
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/876302/hiking-around-shrewsbury">
                                                                        Shrewsbury
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/720718/hiking-around-malvern">
                                                                        Malvern
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/27707/hiking-around-greater-manchester">
                                                                        Greater Manchester
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="css-1ajlb5u">
                                                    <div class="css-h6je64">
                                                        <a class="css-7jrkc1" href="/guide/72318/hiking-in-the-united-states-of-america">
                                                            United States
                                                        </a>
                                                        <div style="display:contents">
                                                            <img alt="" class="css-1s22zt" decoding="async" loading="lazy" sizes="(min-width: 1680px) 1920px,(min-width: 1440px) 1680px,(min-width: 1280px) 1440px,(min-width: 1024px) 1280px,(min-width: 720px) 1024px,(min-width: 540px) 720px, 540px" src="/assets/cca5538117cc4bf7.svg" srcset="/assets/cca5538117cc4bf7.svg 540w,/assets/cca5538117cc4bf7.svg 720w,/assets/cca5538117cc4bf7.svg 1024w,/assets/cca5538117cc4bf7.svg 1080w,/assets/cca5538117cc4bf7.svg 1280w,/assets/cca5538117cc4bf7.svg 1440w,/assets/cca5538117cc4bf7.svg 1680w,/assets/cca5538117cc4bf7.svg 1920w,/assets/cca5538117cc4bf7.svg 2048w,/assets/cca5538117cc4bf7.svg 2560w,/assets/cca5538117cc4bf7.svg 2880w,/assets/cca5538117cc4bf7.svg 3360w,/assets/cca5538117cc4bf7.svg 3840w" width="18">
                                                        </div>
                                                    </div>
                                                    <div class="css-dq6gmh">
                                                        <div class="css-1dlptve">
                                                            <div class="css-13lshir">
                                                                <div class="css-19gfowm">
                                                                    <a class="css-1x9t9u4" href="/guide/9707/hiking-in-alabama">
                                                                        Alabama
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/9723/hiking-in-alaska">
                                                                        Alaska
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/11103/hiking-in-arizona">
                                                                        Arizona
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/11107/hiking-in-arkansas">
                                                                        Arkansas
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/17303/hiking-in-california">
                                                                        California
                                                                    </a>
                                                                </div>
                                                                <div class="css-19gfowm">
                                                                    <a class="css-1x9t9u4" href="/guide/33559/hiking-in-idaho">
                                                                        Idaho
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/33703/hiking-in-illinois">
                                                                        Illinois
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/33843/hiking-in-indiana">
                                                                        Indiana
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/34011/hiking-in-iowa">
                                                                        Iowa
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/35159/hiking-in-kansas">
                                                                        Kansas
                                                                    </a>
                                                                </div>
                                                                <div class="css-19gfowm">
                                                                    <a class="css-1x9t9u4" href="/guide/43623/hiking-in-michigan">
                                                                        Michigan
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/43807/hiking-in-minnesota">
                                                                        Minnesota
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/43867/hiking-in-mississippi">
                                                                        Mississippi
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/43875/hiking-in-missouri">
                                                                        Missouri
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/44267/hiking-in-montana">
                                                                        Montana
                                                                    </a>
                                                                </div>
                                                                <div class="css-19gfowm">
                                                                    <a class="css-1x9t9u4" href="/guide/46635/hiking-in-new-york">
                                                                        New York
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/47615/hiking-in-north-carolina">
                                                                        North Carolina
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/47619/hiking-in-north-dakota">
                                                                        North Dakota
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/49247/hiking-in-ohio">
                                                                        Ohio
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/49307/hiking-in-oklahoma">
                                                                        Oklahoma
                                                                    </a>
                                                                </div>
                                                                <div class="css-19gfowm">
                                                                    <a class="css-1x9t9u4" href="/guide/63255/hiking-in-tennessee">
                                                                        Tennessee
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/63411/hiking-in-texas">
                                                                        Texas
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/65119/hiking-in-the-united-states-virgin-islands">
                                                                        United States Virgin Islands
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/65563/hiking-in-utah">
                                                                        Utah
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/66091/hiking-in-vermont">
                                                                        Vermont
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <a aria-label="Show more" class="css-k15sp7" role="button">
                                                                <span class="css-toyscm">
                                                                    Show more
                                                                </span>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="css-dq6gmh">
                                                        <p class="css-1hr7o2r">
                                                            Popular destinations
                                                        </p>
                                                        <div class="css-1dlptve">
                                                            <div class="css-13lshir">
                                                                <div class="css-19gfowm">
                                                                    <a class="css-1x9t9u4" href="/guide/1915342/hiking-around-sedona">
                                                                        Sedona
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/1844146/hiking-in-zion-national-park">
                                                                        Zion National Park
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/1933753/hiking-around-san-diego">
                                                                        San Diego
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/1844214/hiking-in-glacier-national-park">
                                                                        Glacier National Park
                                                                    </a>
                                                                </div>
                                                                <div class="css-19gfowm">
                                                                    <a class="css-1x9t9u4" href="/guide/1844282/hiking-in-olympic-national-park">
                                                                        Olympic National Park
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/1844163/hiking-in-grand-teton-national-park">
                                                                        Grand Teton National Park
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/1843381/hiking-in-rocky-mountain-national-park">
                                                                        Rocky Mountain National Park
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/2394402/hiking-around-seattle">
                                                                        Seattle
                                                                    </a>
                                                                </div>
                                                                <div class="css-19gfowm">
                                                                    <a class="css-1x9t9u4" href="/guide/1844316/hiking-in-shenandoah-national-park">
                                                                        Shenandoah National Park
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/1935742/hiking-around-pacifica">
                                                                        Pacifica
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/1843568/hiking-in-capitol-reef-national-park">
                                                                        Capitol Reef National Park
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/1843534/hiking-in-north-cascades-national-park">
                                                                        North Cascades National Park
                                                                    </a>
                                                                </div>
                                                                <div class="css-19gfowm">
                                                                    <a class="css-1x9t9u4" href="/guide/1843789/hiking-in-arches-national-park">
                                                                        Arches National Park
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/1934212/hiking-around-berkeley">
                                                                        Berkeley
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/1843602/hiking-in-big-bend-national-park">
                                                                        Big Bend National Park
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/17415/hiking-in-capitol-reef-national-park">
                                                                        Capitol Reef National Park
                                                                    </a>
                                                                </div>
                                                                <div class="css-19gfowm">
                                                                    <a class="css-1x9t9u4" href="/guide/3302068/hiking-in-waimea-canyon-state-park">
                                                                        Waimea Canyon State Park
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/1844350/hiking-in-great-smoky-mountains-national-park">
                                                                        Great Smoky Mountains National Park
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/2207368/hiking-around-cold-spring">
                                                                        Cold Spring
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/1844333/hiking-in-acadia-national-park">
                                                                        Acadia National Park
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="css-1ajlb5u">
                                                    <style data-emotion="css gpxxho">
                                                        .css-gpxxho {
                                                            color               : var(--theme-ui-colors-textPrimaryDefault);
                                                            font-weight         : 500;
                                                            font-style          : normal;
                                                            line-height         : 1.4625rem;
                                                            font-size           : 18px;
                                                            font-family         : Nohemi,system-ui,sans-serif;
                                                            letter-spacing      : 0.03375rem;
                                                        }
                                                    </style>
                                                    <p class="css-gpxxho">
                                                        Popular destinations to explore
                                                    </p>
                                                    <div class="css-dq6gmh">
                                                        <p class="css-1hr7o2r">
                                                            Countries
                                                        </p>
                                                        <div class="css-1dlptve">
                                                            <div class="css-13lshir">
                                                                <div class="css-19gfowm">
                                                                    <a class="css-1x9t9u4" href="/guide/72442/hiking-in-norway">
                                                                        Norway
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/71987/hiking-on-the-isle-of-man">
                                                                        Isle of Man
                                                                    </a>
                                                                </div>
                                                                <div class="css-19gfowm">
                                                                    <a class="css-1x9t9u4" href="/guide/71967/hiking-in-iceland">
                                                                        Iceland
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/71983/hiking-in-ireland">
                                                                        Ireland
                                                                    </a>
                                                                </div>
                                                                <div class="css-19gfowm">
                                                                    <a class="css-1x9t9u4" href="/guide/1877/hiking-in-malta">
                                                                        Malta
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/533/hiking-in-france">
                                                                        France
                                                                    </a>
                                                                </div>
                                                                <div class="css-19gfowm">
                                                                    <a class="css-1x9t9u4" href="/guide/525/hiking-in-switzerland">
                                                                        Switzerland
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/71995/hiking-in-japan">
                                                                        Japan
                                                                    </a>
                                                                </div>
                                                                <div class="css-19gfowm">
                                                                    <a class="css-1x9t9u4" href="/guide/541/hiking-in-portugal">
                                                                        Portugal
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/537/hiking-in-italy">
                                                                        Italy
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="css-dq6gmh">
                                                        <p class="css-1hr7o2r">
                                                            Destinations
                                                        </p>
                                                        <div class="css-1dlptve">
                                                            <div class="css-13lshir">
                                                                <div class="css-19gfowm">
                                                                    <a class="css-1x9t9u4" href="/guide/1885/hiking-in-the-dolomites">
                                                                        Dolomites
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/3295863/hiking-in-jasper-national-park">
                                                                        Jasper National Park
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/3284711/hiking-in-banff-national-park">
                                                                        Banff National Park
                                                                    </a>
                                                                </div>
                                                                <div class="css-19gfowm">
                                                                    <a class="css-1x9t9u4" href="/guide/18691/hiking-in-the-crete">
                                                                        Crete
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/18031/hiking-in-clare">
                                                                        Clare
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/1777/hiking-in-the-pyrenees">
                                                                        Pyrenees
                                                                    </a>
                                                                </div>
                                                                <div class="css-19gfowm">
                                                                    <a class="css-1x9t9u4" href="/guide/17327/hiking-in-calvados">
                                                                        Calvados
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/17191/hiking-around-buttstaedt">
                                                                        Buttst&auml;dt
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/69191/hiking-in-the-wicklow-mountains-national-park">
                                                                        Wicklow Mountains National Park
                                                                    </a>
                                                                </div>
                                                                <div class="css-19gfowm">
                                                                    <a class="css-1x9t9u4" href="/guide/17471/hiking-in-the-carpathian-mountains">
                                                                        Carpathian Mountains
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/3284626/hiking-in-kootenay-national-park">
                                                                        Kootenay National Park
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/661/hiking-in-the-kaiser-mountains">
                                                                        Kaiser Mountains
                                                                    </a>
                                                                </div>
                                                                <div class="css-19gfowm">
                                                                    <a class="css-1x9t9u4" href="/guide/301/hiking-around-landkreis-muenchen">
                                                                        Landkreis M&uuml;nchen
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/3735173/hiking-in-sleeping-giant-provincial-park">
                                                                        Sleeping Giant Provincial Park
                                                                    </a>
                                                                    <a class="css-1x9t9u4" href="/guide/6151/hiking-around-bezirk-bregenz">
                                                                        Bezirk Bregenz
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <style data-emotion="css 1dxct90">
                                    .css-1dxct90 {
                                        -webkit-align-items : start;
                                        -webkit-box-align   : start;
                                        -ms-flex-align      : start;
                                        align-items         : start;
                                        display             : -webkit-box;
                                        display             : -webkit-flex;
                                        display             : -ms-flexbox;
                                        display             : flex;
                                        -webkit-flex-direction: column;
                                        -ms-flex-direction  : column;
                                        flex-direction      : column;
                                        gap                 : 1.5rem;
                                        height              : 658px;
                                        -webkit-box-pack    : center;
                                        -ms-flex-pack       : center;
                                        -webkit-justify-content: center;
                                        justify-content     : center;
                                        padding-bottom      : 1.5rem;
                                        padding-left        : 1.5rem;
                                        padding-right       : 1.5rem;
                                        padding-top         : 1.5rem;
                                        position            : relative;
                                        width               : 100%;
                                    }
                                    @media screen and (min-width: 540px) {
                                        .css-1dxct90 {
                                            -webkit-align-items : center;
                                            -webkit-box-align   : center;
                                            -ms-flex-align      : center;
                                            align-items         : center;
                                        }
                                    }
                                </style>
                                <div class="css-1dxct90">
                                    <div style="display:contents">
                                        <style data-emotion="css 35ch6n">
                                            .css-35ch6n {
                                                object-position     : -999999px;
                                                background-image    : url("/images/misc/bg-blurred-lazy.jpg?q=80");
                                                -webkit-background-size: cover;
                                                background-size     : cover;
                                                background-repeat   : no-repeat;
                                                position            : absolute;
                                                z-index             : -1;
                                                top                 : 0;
                                                left                : 0;
                                                right               : 0;
                                                bottom              : 0;
                                                width               : 100%;
                                                height              : 100%;
                                                object-fit          : cover;
                                            }
                                        </style>
                                        <img alt="background" class="css-35ch6n" decoding="async" loading="lazy" sizes="100vw" src="/images/home/new/signup-module.webp?width=3840&amp;q=80" srcset="/images/home/new/signup-module.webp?width=540&amp;q=80 540w,/images/home/new/signup-module.webp?width=720&amp;q=80 720w,/images/home/new/signup-module.webp?width=1024&amp;q=80 1024w,/images/home/new/signup-module.webp?width=1080&amp;q=80 1080w,/images/home/new/signup-module.webp?width=1280&amp;q=80 1280w,/images/home/new/signup-module.webp?width=1440&amp;q=80 1440w,/images/home/new/signup-module.webp?width=1680&amp;q=80 1680w,/images/home/new/signup-module.webp?width=1920&amp;q=80 1920w,/images/home/new/signup-module.webp?width=2048&amp;q=80 2048w,/images/home/new/signup-module.webp?width=2560&amp;q=80 2560w,/images/home/new/signup-module.webp?width=2880&amp;q=80 2880w,/images/home/new/signup-module.webp?width=3360&amp;q=80 3360w,/images/home/new/signup-module.webp?width=3840&amp;q=80 3840w">
                                    </div>
                                    <style data-emotion="css 19gvvgd">
                                        .css-19gvvgd {
                                            height              : 7.5rem;
                                            overflow            : hidden;
                                        }
                                    </style>
                                    <div class="css-19gvvgd">
                                    </div>
                                    <style data-emotion="css 1dmwenx">
                                        .css-1dmwenx {
                                            -webkit-align-items : start;
                                            -webkit-box-align   : start;
                                            -ms-flex-align      : start;
                                            align-items         : start;
                                            display             : -webkit-box;
                                            display             : -webkit-flex;
                                            display             : -ms-flexbox;
                                            display             : flex;
                                            -webkit-flex-direction: column;
                                            -ms-flex-direction  : column;
                                            flex-direction      : column;
                                            gap                 : 0.75rem;
                                            -webkit-box-pack    : start;
                                            -ms-flex-pack       : start;
                                            -webkit-justify-content: start;
                                            justify-content     : start;
                                            max-width           : 280px;
                                        }
                                        @media screen and (min-width: 540px) {
                                            .css-1dmwenx {
                                                max-width           : 485px;
                                            }
                                        }
                                    </style>
                                    <div class="css-1dmwenx">
                                        <style data-emotion="css m2h3yr">
                                            .css-m2h3yr {
                                                color               : var(--theme-ui-colors-textWhiteDefault);
                                                text-align          : start;
                                                font-weight         : 500;
                                                font-style          : normal;
                                                line-height         : 2.7rem;
                                                font-size           : 40px;
                                                font-family         : Nohemi,system-ui,sans-serif;
                                                letter-spacing      : 0.045rem;
                                                white-space         : pre-wrap;
                                            }
                                            @media screen and (min-width: 540px) {
                                                .css-m2h3yr {
                                                    text-align          : center;
                                                }
                                            }
                                        </style>
                                        <h3 class="css-m2h3yr">
                                            Get ready to conquer new peaks
                                        </h3>
                                    </div>
                                    <a aria-label="Sign up for Free" class="css-k15sp7" href="https://www.komoot.com/signin?reason=home" role="button" target="_self">
                                        <span class="css-toyscm">
                                            Sign up for Free
                                        </span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <style data-emotion="css h69sgo">
                        .css-h69sgo {
                            -webkit-align-items : start;
                            -webkit-box-align   : start;
                            -ms-flex-align      : start;
                            align-items         : start;
                            background-color    : var(--theme-ui-colors-footerBackground);
                            display             : -webkit-box;
                            display             : -webkit-flex;
                            display             : -ms-flexbox;
                            display             : flex;
                            -webkit-flex-direction: column;
                            -ms-flex-direction  : column;
                            flex-direction      : column;
                            gap                 : 2rem;
                            -webkit-box-pack    : start;
                            -ms-flex-pack       : start;
                            -webkit-justify-content: start;
                            justify-content     : start;
                            padding-bottom      : 2.5rem;
                            padding-left        : 1.25rem;
                            padding-right       : 1.25rem;
                            padding-top         : 2.5rem;
                            position            : relative;
                            z-index             : 100;
                        }
                        @media screen and (min-width: 540px) {
                            .css-h69sgo {
                                padding-bottom      : 2.5rem;
                                padding-left        : 2.5rem;
                                padding-right       : 2.5rem;
                                padding-top         : 2.5rem;
                            }
                        }
                        @media screen and (min-width: 720px) {
                            .css-h69sgo {
                                padding-bottom      : 5rem;
                                padding-left        : 7.5rem;
                                padding-right       : 7.5rem;
                                padding-top         : 5rem;
                            }
                        }
                    </style>
                    <footer class="css-h69sgo" id="footer">
                        <style data-emotion="css 3zhlae">
                            .css-3zhlae {
                                color               : var(--theme-ui-colors-footerLogoIcon);
                                height              : 26px;
                                width               : 118px;
                            }
                        </style>
                        <svg aria-hidden="true" class="css-3zhlae" fill="none" role="presentation" viewBox="0 0 118 26" xmlns="http://www.w3.org/2000/svg">
                            <path d="M41.4464 8.81754C41.5073 8.7422 41.5991 8.69843 41.696 8.69843H45.0403C45.3185 8.69843 45.4651 9.02799 45.2788 9.23455L40.9015 14.0887C40.7918 14.2104 40.7913 14.3952 40.9004 14.5175L45.7811 19.9879C45.9658 20.1948 45.8189 20.5228 45.5415 20.5228H42.1152C42.0393 20.5228 39.4423 17.4994 38.2696 16.1297C38.0755 15.903 37.7049 16.0417 37.7049 16.3402V20.1962C37.7049 20.3736 37.5611 20.5173 37.3838 20.5173H34.6951C34.5178 20.5173 34.374 20.3736 34.374 20.1962V5.57416C34.374 5.39683 34.5178 5.25307 34.6951 5.25307H37.3838C37.5611 5.25307 37.7049 5.39683 37.7049 5.57416V12.534C37.7049 12.8366 38.0852 12.9712 38.2756 12.736L41.4464 8.81754Z" fill="currentColor">
                            </path>
                            <path d="M45.9748 14.5806C45.9748 11.1407 48.7605 8.34953 52.195 8.34953C55.6295 8.34953 58.4152 11.1407 58.4152 14.5806C58.4152 18.0205 55.6295 20.8117 52.195 20.8117C48.7605 20.8117 45.9748 18.026 45.9748 14.5806ZM49.2457 14.5861C49.2457 16.3033 50.565 17.6934 52.195 17.6934C53.825 17.6934 55.1443 16.3033 55.1443 14.5861C55.1443 12.8688 53.825 11.4787 52.195 11.4787C50.565 11.4787 49.2457 12.8688 49.2457 14.5861Z" fill="currentColor">
                            </path>
                            <path d="M81.0771 14.5806C81.0771 11.1407 83.8628 8.34953 87.2973 8.34953C90.7318 8.34953 93.5175 11.1407 93.5175 14.5806C93.5175 18.0205 90.7318 20.8117 87.2973 20.8117C83.8628 20.8117 81.0771 18.026 81.0771 14.5806ZM84.348 14.5861C84.348 16.3142 85.6673 17.7152 87.2973 17.7152C88.9273 17.7152 90.2466 16.3142 90.2466 14.5861C90.2466 12.8579 88.9273 11.4569 87.2973 11.4569C85.6673 11.4569 84.348 12.8579 84.348 14.5861Z" fill="currentColor">
                            </path>
                            <path d="M101.504 8.34953C98.0695 8.34953 95.2838 11.1407 95.2838 14.5806C95.2838 18.026 98.0695 20.8117 101.504 20.8117C104.938 20.8117 107.724 18.0205 107.724 14.5806C107.724 11.1407 104.938 8.34953 101.504 8.34953ZM101.504 17.7152C99.8739 17.7152 98.5547 16.3142 98.5547 14.5861C98.5547 12.8579 99.8739 11.4569 101.504 11.4569C103.134 11.4569 104.453 12.8579 104.453 14.5861C104.453 16.3142 103.128 17.7152 101.504 17.7152Z" fill="currentColor">
                            </path>
                            <path d="M116.972 18.1602C116.931 17.9981 116.772 17.8968 116.605 17.9115C115.538 18.0057 114.918 17.5596 114.648 17.2791C114.342 16.9629 114.119 16.4505 114.119 16.1179V11.8216C114.119 11.6443 114.262 11.5005 114.44 11.5005H116.905C117.082 11.5005 117.226 11.3568 117.226 11.1794V9.03588C117.226 8.85855 117.082 8.71479 116.905 8.71479H114.44C114.262 8.71479 114.119 8.57104 114.119 8.3937V5.81949C114.119 5.64216 113.975 5.4984 113.798 5.4984H111.147C110.97 5.4984 110.826 5.64216 110.826 5.81949V8.3937C110.826 8.57104 110.682 8.71479 110.505 8.71479H108.896C108.718 8.71479 108.575 8.85855 108.575 9.03588V11.1794C108.575 11.3568 108.718 11.5005 108.896 11.5005H110.505C110.682 11.5005 110.826 11.6443 110.826 11.8216V16.1125C110.826 18.702 112.93 20.8062 115.52 20.8062C115.52 20.8062 116.496 20.8416 117.307 20.5942C117.46 20.5475 117.54 20.3859 117.501 20.2311L116.972 18.1602Z" fill="currentColor">
                            </path>
                            <path d="M63.894 14.3898C63.8831 15.8781 63.894 20.501 63.894 20.501C63.894 20.504 63.8915 20.5064 63.8885 20.5064H60.9005C60.7232 20.5064 60.5794 20.3627 60.5794 20.1853V9.0468C60.5794 8.86947 60.7232 8.72571 60.9005 8.72571H63.0994C63.2436 8.72571 63.3701 8.82183 63.4087 8.96074L63.5547 9.48531C63.629 9.75248 63.9928 9.81064 64.1776 9.60381C64.6838 9.03698 65.3076 8.67459 66.14 8.52401C67.3502 8.30595 68.3969 8.44223 69.3346 8.93287C69.9221 9.24263 70.3892 9.72505 70.7257 10.3699C70.7344 10.3865 70.7595 10.3868 70.7726 10.3733C70.7734 10.3725 70.7741 10.3716 70.7748 10.3707C70.9107 10.1859 71.0468 10.0009 71.1935 9.82692C71.7769 9.14003 72.5401 8.70936 73.4614 8.53491C74.3772 8.36591 75.2549 8.39862 76.0781 8.64394C77.0212 8.92197 77.7463 9.51073 78.226 10.3884C78.5858 11.0426 78.793 11.7895 78.8638 12.6617C78.8965 13.0869 78.9129 13.4685 78.9129 13.8392V20.1908C78.9129 20.3681 78.7691 20.5119 78.5918 20.5119H75.9365C75.7589 20.5119 75.615 20.3694 75.6153 20.1918C75.6175 19.0421 75.624 15.1139 75.6147 13.692C75.6093 13.1796 75.4893 12.7217 75.2713 12.3292C75.0423 11.9258 74.7207 11.6804 74.2791 11.5714C73.7339 11.4351 73.276 11.4569 72.7963 11.6423C72.1803 11.8767 71.7659 12.351 71.5261 13.0869C71.4007 13.4685 71.3407 13.8992 71.3407 14.3898V20.1799C71.3407 20.3572 71.197 20.501 71.0196 20.501H68.44C68.2626 20.501 68.1189 20.3572 68.1189 20.1799V13.7847C68.1189 13.3813 68.0971 12.907 67.9117 12.4709C67.6555 11.8549 67.1921 11.5332 66.4889 11.4896C65.9601 11.4569 65.5131 11.5332 65.1205 11.7186C64.4936 12.0184 64.1993 12.5363 64.0248 13.2723C63.943 13.6266 63.894 14.0028 63.894 14.3898Z" fill="currentColor">
                            </path>
                            <path d="M5.39075 20.6319C5.11685 20.9058 5.11533 21.3519 5.40758 21.6061C6.2288 22.3205 7.16135 22.8983 8.16978 23.3161C9.39452 23.8234 10.7072 24.0845 12.0329 24.0845C13.3585 24.0845 14.6712 23.8234 15.8959 23.3161C16.9044 22.8983 17.8369 22.3205 18.6581 21.6061C18.9504 21.3519 18.9489 20.9058 18.675 20.6319L13.0247 14.9816C12.4769 14.4338 11.5888 14.4338 11.041 14.9816L5.39075 20.6319Z" fill="currentColor">
                            </path>
                            <path d="M12.0082 1.90918C14.0623 1.91012 16.0755 2.48033 17.8217 3.55576C19.5678 4.63118 20.9779 6.16916 21.8933 7.99702C22.8088 9.82491 23.1936 11.8703 23.0043 13.9033C22.8397 15.6712 22.2467 17.3689 21.2812 18.8531C21.0504 19.2079 20.5547 19.2424 20.2535 18.9451L15.7068 14.4573C15.506 14.259 15.4499 13.9612 15.5196 13.6878C15.5881 13.4193 15.6264 13.1387 15.6304 12.8496C15.6577 10.8599 14.0572 9.2247 12.0556 9.1972C10.054 9.16972 8.40922 10.7604 8.38189 12.75C8.37737 13.0794 8.41748 13.399 8.49661 13.7032C8.5683 13.9787 8.51195 14.2798 8.30851 14.4791L3.75289 18.941C3.45113 19.2366 2.95682 19.201 2.72664 18.8469C1.76112 17.3612 1.16853 15.6621 1.0049 13.8932C0.816826 11.86 1.20292 9.81502 2.11952 7.98797C3.03612 6.16094 4.44698 4.62417 6.19379 3.55036C7.94063 2.47654 9.95421 1.90823 12.0082 1.90918Z" fill="currentColor">
                            </path>
                        </svg>
                        <style data-emotion="css 1v320sl">
                            .css-1v320sl {
                                -webkit-align-items : start;
                                -webkit-box-align   : start;
                                -ms-flex-align      : start;
                                align-items         : start;
                                display             : -webkit-box;
                                display             : -webkit-flex;
                                display             : -ms-flexbox;
                                display             : flex;
                                -webkit-flex-direction: column;
                                -ms-flex-direction  : column;
                                flex-direction      : column;
                                gap                 : 0;
                                -webkit-box-pack    : start;
                                -ms-flex-pack       : start;
                                -webkit-justify-content: start;
                                justify-content     : start;
                                width               : 100%;
                            }
                            @media screen and (min-width: 540px) {
                                .css-1v320sl {
                                    gap                 : 0;
                                }
                            }
                            @media screen and (min-width: 720px) {
                                .css-1v320sl {
                                    gap                 : 2.5rem;
                                }
                            }
                        </style>
                        <div class="css-1v320sl">
                            <style data-emotion="css 697oay">
                                .css-697oay {
                                    display             : grid;
                                    width               : 100%;
                                    grid-template-areas : "grid-item-0 grid-item-0" "grid-item-1 grid-item-1" "grid-item-2 grid-item-2" "grid-item-3 grid-item-3";
                                    grid-auto-flow      : column;
                                    grid-auto-columns   : minmax(0, 1fr);
                                    grid-gap            : 1.75rem;
                                }
                                @media screen and (min-width: 540px) {
                                    .css-697oay {
                                        grid-template-areas : "grid-item-0 grid-item-0" "grid-item-1 grid-item-1" "grid-item-2 grid-item-2" "grid-item-3 grid-item-3";
                                    }
                                }
                                @media screen and (min-width: 720px) {
                                    .css-697oay {
                                        grid-template-areas : "grid-item-0 grid-item-0 grid-item-1 grid-item-1 grid-item-2 grid-item-2 grid-item-3 grid-item-3";
                                    }
                                }
                            </style>
                            <div class="css-697oay">
                                <style data-emotion="css 1sw1wj2">
                                    .css-1sw1wj2 {
                                        -webkit-align-items : stretch;
                                        -webkit-box-align   : stretch;
                                        -ms-flex-align      : stretch;
                                        align-items         : stretch;
                                        display             : -webkit-box;
                                        display             : -webkit-flex;
                                        display             : -ms-flexbox;
                                        display             : flex;
                                        -webkit-flex-direction: column;
                                        -ms-flex-direction  : column;
                                        flex-direction      : column;
                                        gap                 : 1.5rem;
                                        grid-area           : grid-item-0;
                                        -webkit-box-pack    : justify;
                                        -webkit-justify-content: space-between;
                                        justify-content     : space-between;
                                        width               : initial;
                                        -webkit-align-self  : stretch;
                                        -ms-flex-item-align : stretch;
                                        align-self          : stretch;
                                    }
                                </style>
                                <div class="css-1sw1wj2">
                                    <style data-emotion="css 1817sl5">
                                        .css-1817sl5 {
                                            -webkit-align-items : stretch;
                                            -webkit-box-align   : stretch;
                                            -ms-flex-align      : stretch;
                                            align-items         : stretch;
                                            display             : -webkit-box;
                                            display             : -webkit-flex;
                                            display             : -ms-flexbox;
                                            display             : flex;
                                            -webkit-flex-direction: column;
                                            -ms-flex-direction  : column;
                                            flex-direction      : column;
                                            gap                 : 1rem;
                                            -webkit-box-pack    : start;
                                            -ms-flex-pack       : start;
                                            -webkit-justify-content: start;
                                            justify-content     : start;
                                            width               : initial;
                                            -webkit-align-self  : stretch;
                                            -ms-flex-item-align : stretch;
                                            align-self          : stretch;
                                        }
                                        @media screen and (min-width: 540px) {
                                            .css-1817sl5 {
                                                display             : -webkit-box;
                                                display             : -webkit-flex;
                                                display             : -ms-flexbox;
                                                display             : flex;
                                            }
                                        }
                                        @media screen and (min-width: 720px) {
                                            .css-1817sl5 {
                                                display             : none;
                                            }
                                        }
                                    </style>
                                    <div class="css-1817sl5">
                                        <style data-emotion="css 1dozf8n">
                                            .css-1dozf8n {
                                                -webkit-align-items : stretch;
                                                -webkit-box-align   : stretch;
                                                -ms-flex-align      : stretch;
                                                align-items         : stretch;
                                                display             : -webkit-box;
                                                display             : -webkit-flex;
                                                display             : -ms-flexbox;
                                                display             : flex;
                                                -webkit-flex-direction: column;
                                                -ms-flex-direction  : column;
                                                flex-direction      : column;
                                                gap                 : 0;
                                                -webkit-box-pack    : start;
                                                -ms-flex-pack       : start;
                                                -webkit-justify-content: start;
                                                justify-content     : start;
                                                width               : initial;
                                                -webkit-align-self  : stretch;
                                                -ms-flex-item-align : stretch;
                                                align-self          : stretch;
                                            }
                                        </style>
                                        <div class="css-1dozf8n">
                                            <style data-emotion="css 8l8ued">
                                                .css-8l8ued {
                                                    text-align          : left;
                                                    padding             : 0;
                                                    font-weight         : 700;
                                                }
                                            </style>
                                            <button aria-expanded="false" class="css-8l8ued">
                                                <style data-emotion="css x5szg7">
                                                    .css-x5szg7 {
                                                        -webkit-align-items : center;
                                                        -webkit-box-align   : center;
                                                        -ms-flex-align      : center;
                                                        align-items         : center;
                                                        display             : -webkit-box;
                                                        display             : -webkit-flex;
                                                        display             : -ms-flexbox;
                                                        display             : flex;
                                                        -webkit-flex-direction: row;
                                                        -ms-flex-direction  : row;
                                                        flex-direction      : row;
                                                        gap                 : 0.75rem;
                                                        -webkit-box-pack    : start;
                                                        -ms-flex-pack       : start;
                                                        -webkit-justify-content: start;
                                                        justify-content     : start;
                                                        width               : initial;
                                                        -webkit-align-self  : stretch;
                                                        -ms-flex-item-align : stretch;
                                                        align-self          : stretch;
                                                    }
                                                </style>
                                                <div class="css-x5szg7">
                                                    <style data-emotion="css 17namiy">
                                                        .css-17namiy {
                                                            color               : var(--theme-ui-colors-footerSectionHeading);
                                                            -webkit-box-flex    : 0;
                                                            -webkit-flex-grow   : 0;
                                                            -ms-flex-positive   : 0;
                                                            flex-grow           : 0;
                                                            font-weight         : 500;
                                                            font-style          : normal;
                                                            line-height         : 1.4625rem;
                                                            font-size           : 18px;
                                                            font-family         : Nohemi,system-ui,sans-serif;
                                                            letter-spacing      : 0.03375rem;
                                                        }
                                                    </style>
                                                    <div class="css-17namiy">
                                                        Explore
                                                    </div>
                                                    <svg aria-hidden="true" class="css-susiym" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
                                                        </path>
                                                    </svg>
                                                </div>
                                            </button>
                                        </div>
                                    </div>
                                    <style data-emotion="css 1hzmbts">
                                        .css-1hzmbts {
                                            display             : none;
                                            gap                 : 1rem;
                                        }
                                        @media screen and (min-width: 540px) {
                                            .css-1hzmbts {
                                                display             : none;
                                            }
                                        }
                                        @media screen and (min-width: 720px) {
                                            .css-1hzmbts {
                                                display             : -webkit-box;
                                                display             : -webkit-flex;
                                                display             : -ms-flexbox;
                                                display             : flex;
                                            }
                                        }
                                    </style>
                                    <div class="css-1hzmbts">
                                        <style data-emotion="css rgbrn4">
                                            .css-rgbrn4 {
                                                -webkit-align-items : start;
                                                -webkit-box-align   : start;
                                                -ms-flex-align      : start;
                                                align-items         : start;
                                                display             : -webkit-box;
                                                display             : -webkit-flex;
                                                display             : -ms-flexbox;
                                                display             : flex;
                                                -webkit-flex-direction: column;
                                                -ms-flex-direction  : column;
                                                flex-direction      : column;
                                                gap                 : 0.5rem;
                                                -webkit-box-pack    : start;
                                                -ms-flex-pack       : start;
                                                -webkit-justify-content: start;
                                                justify-content     : start;
                                            }
                                            @media screen and (min-width: 540px) {
                                                .css-rgbrn4 {
                                                    gap                 : 0.5rem;
                                                }
                                            }
                                            @media screen and (min-width: 720px) {
                                                .css-rgbrn4 {
                                                    gap                 : 1rem;
                                                }
                                            }
                                        </style>
                                        <div class="css-rgbrn4">
                                            <style data-emotion="css 186yvpx">
                                                .css-186yvpx {
                                                    color               : var(--theme-ui-colors-footerSectionHeading);
                                                    margin-bottom       : 0!important;
                                                    font-family         : Nohemi,system-ui,sans-serif;
                                                    font-weight         : 500;
                                                    font-style          : normal;
                                                    letter-spacing      : 0.03375rem;
                                                    line-height         : 1.4625rem;
                                                    font-size           : 18px;
                                                }
                                            </style>
                                            <h6 class="css-186yvpx">
                                                Explore
                                            </h6>
                                            <style data-emotion="css iaw3m7">
                                                .css-iaw3m7 {
                                                    -webkit-align-items : start;
                                                    -webkit-box-align   : start;
                                                    -ms-flex-align      : start;
                                                    align-items         : start;
                                                    display             : -webkit-box;
                                                    display             : -webkit-flex;
                                                    display             : -ms-flexbox;
                                                    display             : flex;
                                                    -webkit-flex-direction: column;
                                                    -ms-flex-direction  : column;
                                                    flex-direction      : column;
                                                    gap                 : 0.75rem;
                                                    -webkit-box-pack    : start;
                                                    -ms-flex-pack       : start;
                                                    -webkit-justify-content: start;
                                                    justify-content     : start;
                                                    padding-top         : 0.5rem;
                                                }
                                                @media screen and (min-width: 540px) {
                                                    .css-iaw3m7 {
                                                        padding-top         : 0.5rem;
                                                    }
                                                }
                                                @media screen and (min-width: 720px) {
                                                    .css-iaw3m7 {
                                                        padding-top         : 0;
                                                    }
                                                }
                                            </style>
                                            <div class="css-iaw3m7">
                                                <style data-emotion="css 1exs01s">
                                                    .css-1exs01s {
                                                        -webkit-align-items : center;
                                                        -webkit-box-align   : center;
                                                        -ms-flex-align      : center;
                                                        align-items         : center;
                                                        -webkit-appearance  : none;
                                                        -moz-appearance     : none;
                                                        -ms-appearance      : none;
                                                        appearance          : none;
                                                        background-color    : transparent;
                                                        color               : var(--theme-ui-colors-footerFooterLinkDefaultLabel);
                                                        display             : -webkit-inline-box;
                                                        display             : -webkit-inline-flex;
                                                        display             : -ms-inline-flexbox;
                                                        display             : inline-flex;
                                                        -webkit-flex-direction: row;
                                                        -ms-flex-direction  : row;
                                                        flex-direction      : row;
                                                        gap                 : 0.25rem;
                                                        font-size           : 14px;
                                                        font-weight         : 500;
                                                        -webkit-text-decoration: none;
                                                        text-decoration     : none;
                                                        font-family         : Satoshi,system-ui,sans-serif;
                                                        font-style          : normal;
                                                        line-height         : 1.18125rem;
                                                    }
                                                    .css-1exs01s:hover,.css-1exs01s:focus {
                                                        -webkit-text-decoration: underline;
                                                        text-decoration     : underline;
                                                        color               : var(--theme-ui-colors-footerFooterLinkDefaultLabel);
                                                    }
                                                </style>
                                                <a class="css-1exs01s" href="/discover">
                                                    Routes
                                                </a>
                                                <a class="css-1exs01s" href="/plan">
                                                    Route planner
                                                </a>
                                                <a class="css-1exs01s" href="/features">
                                                    Features
                                                </a>
                                                <a class="css-1exs01s" href="/account/gift">
                                                    Redeem a voucher
                                                </a>
                                                <a class="css-1exs01s" href="/discover/hiking-trails">
                                                    Hikes
                                                </a>
                                                <a class="css-1exs01s" href="/discover/mountain-bike-trails">
                                                    MTB Trails
                                                </a>
                                                <a class="css-1exs01s" href="/discover/road-cycling-routes">
                                                    Road cycling routes
                                                </a>
                                                <a class="css-1exs01s" href="/discover/bikepacking">
                                                    Bikepacking
                                                </a>
                                                <a class="css-1exs01s" href="/sitemap">
                                                    Sitemap
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <style data-emotion="css 6gyop5">
                                    .css-6gyop5 {
                                        -webkit-align-items : stretch;
                                        -webkit-box-align   : stretch;
                                        -ms-flex-align      : stretch;
                                        align-items         : stretch;
                                        display             : -webkit-box;
                                        display             : -webkit-flex;
                                        display             : -ms-flexbox;
                                        display             : flex;
                                        -webkit-flex-direction: column;
                                        -ms-flex-direction  : column;
                                        flex-direction      : column;
                                        gap                 : 1.5rem;
                                        grid-area           : grid-item-1;
                                        -webkit-box-pack    : justify;
                                        -webkit-justify-content: space-between;
                                        justify-content     : space-between;
                                        width               : initial;
                                        -webkit-align-self  : stretch;
                                        -ms-flex-item-align : stretch;
                                        align-self          : stretch;
                                    }
                                </style>
                                <div class="css-6gyop5">
                                    <div class="css-1817sl5">
                                        <div class="css-1dozf8n">
                                            <button aria-expanded="false" class="css-8l8ued">
                                                <div class="css-x5szg7">
                                                    <div class="css-17namiy">
                                                        B2B
                                                    </div>
                                                    <svg aria-hidden="true" class="css-susiym" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
                                                        </path>
                                                    </svg>
                                                </div>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="css-1hzmbts">
                                        <div class="css-rgbrn4">
                                            <h6 class="css-186yvpx">
                                                B2B
                                            </h6>
                                            <div class="css-iaw3m7">
                                                <a class="css-1exs01s" href="https://komoot.business/en">
                                                    Partners
                                                </a>
                                                <a class="css-1exs01s" href="/connect">
                                                    Connect
                                                </a>
                                                <a class="css-1exs01s" href="/b2b/embed">
                                                    Embed routes
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <style data-emotion="css 1h5y49q">
                                    .css-1h5y49q {
                                        -webkit-align-items : stretch;
                                        -webkit-box-align   : stretch;
                                        -ms-flex-align      : stretch;
                                        align-items         : stretch;
                                        display             : -webkit-box;
                                        display             : -webkit-flex;
                                        display             : -ms-flexbox;
                                        display             : flex;
                                        -webkit-flex-direction: column;
                                        -ms-flex-direction  : column;
                                        flex-direction      : column;
                                        gap                 : 1.5rem;
                                        grid-area           : grid-item-2;
                                        -webkit-box-pack    : justify;
                                        -webkit-justify-content: space-between;
                                        justify-content     : space-between;
                                        width               : initial;
                                        -webkit-align-self  : stretch;
                                        -ms-flex-item-align : stretch;
                                        align-self          : stretch;
                                    }
                                </style>
                                <div class="css-1h5y49q">
                                    <div class="css-1817sl5">
                                        <div class="css-1dozf8n">
                                            <button aria-expanded="false" class="css-8l8ued">
                                                <div class="css-x5szg7">
                                                    <div class="css-17namiy">
                                                        Company
                                                    </div>
                                                    <svg aria-hidden="true" class="css-susiym" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
                                                        </path>
                                                    </svg>
                                                </div>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="css-1hzmbts">
                                        <div class="css-rgbrn4">
                                            <h6 class="css-186yvpx">
                                                Company
                                            </h6>
                                            <div class="css-iaw3m7">
                                                <a class="css-1exs01s" href="https://newsroom.komoot.com/en">
                                                    Press
                                                </a>
                                                <a class="css-1exs01s" href="/whats-new">
                                                    What's New
                                                </a>
                                                <a class="css-1exs01s" href="/pioneers">
                                                    Pioneers
                                                </a>
                                                <a class="css-1exs01s" href="/product-updates">
                                                    Product Updates
                                                </a>
                                                <a class="css-1exs01s" href="/ambassadors">
                                                    Ambassadors
                                                </a>
                                                <a class="css-1exs01s" href="/adventure-hub">
                                                    Adventure Hub
                                                </a>
                                                <a class="css-1exs01s" href="https://bndspn.com/careers-komoot">
                                                    Careers
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <style data-emotion="css js7ur2">
                                    .css-js7ur2 {
                                        -webkit-align-items : stretch;
                                        -webkit-box-align   : stretch;
                                        -ms-flex-align      : stretch;
                                        align-items         : stretch;
                                        display             : -webkit-box;
                                        display             : -webkit-flex;
                                        display             : -ms-flexbox;
                                        display             : flex;
                                        -webkit-flex-direction: column;
                                        -ms-flex-direction  : column;
                                        flex-direction      : column;
                                        gap                 : 1.5rem;
                                        grid-area           : grid-item-3;
                                        -webkit-box-pack    : justify;
                                        -webkit-justify-content: space-between;
                                        justify-content     : space-between;
                                        width               : initial;
                                        -webkit-align-self  : stretch;
                                        -ms-flex-item-align : stretch;
                                        align-self          : stretch;
                                    }
                                </style>
                                <div class="css-js7ur2">
                                    <div class="css-1817sl5">
                                        <div class="css-1dozf8n">
                                            <button aria-expanded="false" class="css-8l8ued">
                                                <div class="css-x5szg7">
                                                    <div class="css-17namiy">
                                                        Community
                                                    </div>
                                                    <svg aria-hidden="true" class="css-susiym" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
                                                        </path>
                                                    </svg>
                                                </div>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="css-1hzmbts">
                                        <div class="css-rgbrn4">
                                            <h6 class="css-186yvpx">
                                                Community
                                            </h6>
                                            <div class="css-iaw3m7">
                                                <a class="css-1exs01s" href="/help">
                                                    Help Guides
                                                </a>
                                                <a class="css-1exs01s" href="https://support.komoot.com/hc/en-us">
                                                    Support
                                                </a>
                                                <a class="css-1exs01s" href="/gpx-merge-tool-online">
                                                    GPX Merge Tool
                                                </a>
                                                <a class="css-1exs01s" href="/gpx-video-preview">
                                                    GPX Route Video
                                                </a>
                                                <a class="css-1exs01s" href="/hazard-assessment">
                                                    Hazard Assessment
                                                </a>
                                                <a class="css-1exs01s" href="/live-tracking">
                                                    Live Tracking
                                                </a>
                                                <a class="css-1exs01s" href="/guide-experiences">
                                                    Experiences
                                                </a>
                                                <a class="css-1exs01s" href="/groups">
                                                    Groups
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <style data-emotion="css rufkvk">
                                .css-rufkvk {
                                    border-bottom-width : 1px;
                                    border-color        : var(--theme-ui-colors-borderSecondaryDefault);
                                    border-style        : solid;
                                    display             : -webkit-box;
                                    display             : -webkit-flex;
                                    display             : -ms-flexbox;
                                    display             : flex;
                                    margin-bottom       : 2.5rem;
                                    margin-top          : 2.5rem;
                                    width               : 100%;
                                    justify-self        : stretch;
                                }
                                @media screen and (min-width: 540px) {
                                    .css-rufkvk {
                                        display             : -webkit-box;
                                        display             : -webkit-flex;
                                        display             : -ms-flexbox;
                                        display             : flex;
                                    }
                                }
                                @media screen and (min-width: 720px) {
                                    .css-rufkvk {
                                        display             : none;
                                    }
                                }
                            </style>
                            <div class="css-rufkvk">
                            </div>
                            <style data-emotion="css 192o528">
                                .css-192o528 {
                                    display             : grid;
                                    gap                 : 0;
                                    width               : 100%;
                                    grid-template-areas : "grid-item-0 grid-item-0" "grid-item-1 grid-item-1" "grid-item-2 grid-item-2" "grid-item-3 grid-item-3";
                                    grid-auto-flow      : column;
                                    grid-auto-columns   : minmax(0, 1fr);
                                    grid-gap            : 0.75rem;
                                }
                                @media screen and (min-width: 540px) {
                                    .css-192o528 {
                                        grid-template-areas : "grid-item-0 grid-item-0" "grid-item-1 grid-item-1" "grid-item-2 grid-item-2" "grid-item-3 grid-item-3";
                                        grid-gap            : 1.5rem;
                                    }
                                }
                                @media screen and (min-width: 720px) {
                                    .css-192o528 {
                                        grid-template-areas : "grid-item-0 grid-item-0 grid-item-1 grid-item-1 grid-item-2 grid-item-2 grid-item-3 grid-item-3";
                                    }
                                }
                            </style>
                            <div class="css-192o528">
                                <div class="css-1sw1wj2">
                                    <div class="css-rgbrn4">
                                        <h6 class="css-186yvpx">
                                            Download the app
                                        </h6>
                                        <div class="css-iaw3m7">
                                            <div class="css-1loqnbr">
                                                <a aria-label="Download on the App Store" class="css-jaet13" href="https://x.bndspn.com/v1/or-jdqap8" rel="nofollow noopener noreferrer" target="_blank">
                                                    <img alt="" class="tw-align-bottom" height="44" loading="lazy" src="/assets/88fdd5c0a424d357.svg" width="148">
                                                </a>
                                                <a aria-label="Android App on Google Play" class="css-jaet13" href="https://x.bndspn.com/v1/or-z0w587" rel="nofollow noopener noreferrer" target="_blank">
                                                    <img alt="" class="tw-align-bottom" height="44" loading="lazy" src="/assets/50dc01cb3fd3998b.svg" width="148">
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="css-6gyop5">
                                    <div class="css-1gzh1kl">
                                    </div>
                                </div>
                                <div class="css-1h5y49q">
                                    <div class="css-1gzh1kl">
                                    </div>
                                </div>
                                <div class="css-js7ur2">
                                    <div class="css-rgbrn4">
                                        <h6 class="css-186yvpx">
                                            Follow Us on Socials
                                        </h6>
                                        <div class="css-iaw3m7">
                                            <style data-emotion="css 19k2noa">
                                                .css-19k2noa {
                                                    -webkit-align-items : start;
                                                    -webkit-box-align   : start;
                                                    -ms-flex-align      : start;
                                                    align-items         : start;
                                                    display             : -webkit-box;
                                                    display             : -webkit-flex;
                                                    display             : -ms-flexbox;
                                                    display             : flex;
                                                    -webkit-flex-direction: row;
                                                    -ms-flex-direction  : row;
                                                    flex-direction      : row;
                                                    gap                 : 0.75rem;
                                                    -webkit-box-pack    : start;
                                                    -ms-flex-pack       : start;
                                                    -webkit-justify-content: start;
                                                    justify-content     : start;
                                                }
                                                @media screen and (min-width: 540px) {
                                                    .css-19k2noa {
                                                        -webkit-align-items : start;
                                                        -webkit-box-align   : start;
                                                        -ms-flex-align      : start;
                                                        align-items         : start;
                                                        display             : -webkit-box;
                                                        display             : -webkit-flex;
                                                        display             : -ms-flexbox;
                                                        display             : flex;
                                                        -webkit-flex-direction: row;
                                                        -ms-flex-direction  : row;
                                                        flex-direction      : row;
                                                        -webkit-box-pack    : start;
                                                        -ms-flex-pack       : start;
                                                        -webkit-justify-content: start;
                                                        justify-content     : start;
                                                    }
                                                }
                                                @media screen and (min-width: 720px) {
                                                    .css-19k2noa {
                                                        -webkit-align-items : start;
                                                        -webkit-box-align   : start;
                                                        -ms-flex-align      : start;
                                                        align-items         : start;
                                                        display             : -webkit-box;
                                                        display             : -webkit-flex;
                                                        display             : -ms-flexbox;
                                                        display             : flex;
                                                        -webkit-flex-direction: row;
                                                        -ms-flex-direction  : row;
                                                        flex-direction      : row;
                                                        -webkit-box-pack    : end;
                                                        -ms-flex-pack       : end;
                                                        -webkit-justify-content: end;
                                                        justify-content     : end;
                                                    }
                                                }
                                            </style>
                                            <div class="css-19k2noa">
                                                <style data-emotion="css 18ab25c">
                                                    .css-18ab25c {
                                                        border-radius       : 8px;
                                                        color               : var(--theme-ui-colors-footerSocialButtonsDefaultIcon);
                                                        padding-bottom      : 1px;
                                                        padding-left        : 1px;
                                                        padding-right       : 1px;
                                                        padding-top         : 1px;
                                                    }
                                                    .css-18ab25c:hover {
                                                        color               : var(--theme-ui-colors-footerSocialButtonsHoverIcon);
                                                        background-color    : var(--theme-ui-colors-footerSocialButtonsHoverBackground);
                                                    }
                                                </style>
                                                <a aria-label="instagram" class="css-18ab25c" href="https://www.instagram.com/komoot" rel="nofollow noopener noreferrer" target="_blank">
                                                    <style data-emotion="css 1e8rizw">
                                                        .css-1e8rizw {
                                                            color               : currentColor;
                                                            height              : 1.75rem;
                                                            width               : 1.75rem;
                                                        }
                                                    </style>
                                                    <svg aria-hidden="true" class="css-1e8rizw" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M7.59989 18.111H12.3998C16.3997 18.111 17.9997 16.511 17.9997 12.5111V7.71121C17.9997 3.7113 16.3997 2.11133 12.3998 2.11133H7.59989C3.59997 2.11133 2 3.7113 2 7.71121V12.5111C2 16.511 3.59997 18.111 7.59989 18.111Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
                                                        </path>
                                                        <path d="M10.0001 12.9114C11.5465 12.9114 12.8001 11.6578 12.8001 10.1115C12.8001 8.5651 11.5465 7.31152 10.0001 7.31152C8.45377 7.31152 7.2002 8.5651 7.2002 10.1115C7.2002 11.6578 8.45377 12.9114 10.0001 12.9114Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
                                                        </path>
                                                        <path d="M14.5089 6.11093H14.5181" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
                                                        </path>
                                                    </svg>
                                                </a>
                                                <a aria-label="youtube" class="css-18ab25c" href="https://www.youtube.com/komoot" rel="nofollow noopener noreferrer" target="_blank">
                                                    <svg aria-hidden="true" class="css-1e8rizw" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M13.9998 16.4H5.99992C3.59997 16.4 2 14.8001 2 12.4001V7.6002C2 5.20025 3.59997 3.60028 5.99992 3.60028H13.9998C16.3997 3.60028 17.9997 5.20025 17.9997 7.6002V12.4001C17.9997 14.8001 16.3997 16.4 13.9998 16.4Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.43997">
                                                        </path>
                                                        <path d="M9.52005 8.00013L11.52 9.2001C12.24 9.68009 12.24 10.4001 11.52 10.8801L9.52005 12.08C8.72006 12.56 8.08008 12.16 8.08008 11.2801V8.88011C8.08008 7.84013 8.72006 7.52014 9.52005 8.00013Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.43997">
                                                        </path>
                                                    </svg>
                                                </a>
                                                <a aria-label="facebook" class="css-18ab25c" href="https://www.facebook.com/komoot" rel="nofollow noopener noreferrer" target="_blank">
                                                    <svg aria-hidden="true" class="css-1e8rizw" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M18.3231 9.98977C18.3231 5.39302 14.5967 1.66663 9.99997 1.66663C5.40322 1.66663 1.67682 5.39302 1.67682 9.98977C1.67682 14.144 4.72046 17.5874 8.69947 18.2118V12.3957H6.58617V9.98977H8.69947V8.15608C8.69947 6.07009 9.94209 4.91786 11.8433 4.91786C12.7539 4.91786 13.7064 5.08042 13.7064 5.08042V7.12869H12.6569C11.623 7.12869 11.3005 7.77032 11.3005 8.42853V9.98977H13.6088L13.2398 12.3957H11.3005V18.2118C15.2795 17.5874 18.3231 14.144 18.3231 9.98977Z" fill="currentColor">
                                                        </path>
                                                    </svg>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="css-rufkvk">
                            </div>
                            <div class="css-dq6gmh">
                                <style data-emotion="css lbbcyo">
                                    .css-lbbcyo {
                                        color               : var(--theme-ui-colors-footerBody);
                                        margin-bottom       : 0!important;
                                        font-weight         : 700;
                                        font-style          : normal;
                                        line-height         : 1.0125rem;
                                        font-size           : 12px;
                                        font-family         : Satoshi,system-ui,sans-serif;
                                    }
                                </style>
                                <p class="css-lbbcyo">
                                    &copy; komoot GmbH
                                </p>
                                <style data-emotion="css k2fzqh">
                                    .css-k2fzqh {
                                        -webkit-align-items : start;
                                        -webkit-box-align   : start;
                                        -ms-flex-align      : start;
                                        align-items         : start;
                                        display             : -webkit-box;
                                        display             : -webkit-flex;
                                        display             : -ms-flexbox;
                                        display             : flex;
                                        -webkit-flex-direction: column;
                                        -ms-flex-direction  : column;
                                        flex-direction      : column;
                                        gap                 : 2rem;
                                        width               : 100%;
                                        grid-template-columns: 3fr 1fr;
                                    }
                                    @media screen and (min-width: 540px) {
                                        .css-k2fzqh {
                                            -webkit-align-items : center;
                                            -webkit-box-align   : center;
                                            -ms-flex-align      : center;
                                            align-items         : center;
                                            display             : grid;
                                            gap                 : 5rem;
                                        }
                                    }
                                </style>
                                <div class="css-k2fzqh">
                                    <style data-emotion="css y1fghv">
                                        .css-y1fghv {
                                            -webkit-align-items : start;
                                            -webkit-box-align   : start;
                                            -ms-flex-align      : start;
                                            align-items         : start;
                                            color               : var(--theme-ui-colors-footerFooterLinkDefaultLabel);
                                            display             : -webkit-box;
                                            display             : -webkit-flex;
                                            display             : -ms-flexbox;
                                            display             : flex;
                                            -webkit-flex-direction: row;
                                            -ms-flex-direction  : row;
                                            flex-direction      : row;
                                            -webkit-box-flex-wrap: wrap;
                                            -webkit-flex-wrap   : wrap;
                                            -ms-flex-wrap       : wrap;
                                            flex-wrap           : wrap;
                                            gap                 : 0.25rem;
                                            -webkit-box-pack    : start;
                                            -ms-flex-pack       : start;
                                            -webkit-justify-content: start;
                                            justify-content     : start;
                                        }
                                    </style>
                                    <div class="css-y1fghv">
                                        <div class="css-vnm6yc">
                                            <style data-emotion="css fhfxll">
                                                .css-fhfxll {
                                                    -webkit-align-items : center;
                                                    -webkit-box-align   : center;
                                                    -ms-flex-align      : center;
                                                    align-items         : center;
                                                    -webkit-appearance  : none;
                                                    -moz-appearance     : none;
                                                    -ms-appearance      : none;
                                                    appearance          : none;
                                                    background-color    : transparent;
                                                    color               : var(--theme-ui-colors-footerFooterLinkDefaultLabel);
                                                    display             : -webkit-inline-box;
                                                    display             : -webkit-inline-flex;
                                                    display             : -ms-inline-flexbox;
                                                    display             : inline-flex;
                                                    -webkit-flex-direction: row;
                                                    -ms-flex-direction  : row;
                                                    flex-direction      : row;
                                                    gap                 : 0.25rem;
                                                    font-size           : 12px;
                                                    font-weight         : 500;
                                                    -webkit-text-decoration: none;
                                                    text-decoration     : none;
                                                    font-family         : Satoshi,system-ui,sans-serif;
                                                    font-style          : normal;
                                                    line-height         : 1.0125rem;
                                                }
                                                .css-fhfxll:hover,.css-fhfxll:focus {
                                                    -webkit-text-decoration: underline;
                                                    text-decoration     : underline;
                                                    color               : var(--theme-ui-colors-footerFooterLinkDefaultLabel);
                                                }
                                            </style>
                                            <a class="css-fhfxll" href="/privacy">
                                                Privacy Policy
                                            </a>
                                            <svg fill="none" height="2" viewBox="0 0 2 2" width="2" xmlns="http://www.w3.org/2000/svg">
                                                <circle cx="1" cy="1" fill="currentColor" r="1">
                                                </circle>
                                            </svg>
                                        </div>
                                        <div class="css-vnm6yc">
                                            <a class="css-fhfxll" href="/terms-of-service">
                                                Terms of Service
                                            </a>
                                            <svg fill="none" height="2" viewBox="0 0 2 2" width="2" xmlns="http://www.w3.org/2000/svg">
                                                <circle cx="1" cy="1" fill="currentColor" r="1">
                                                </circle>
                                            </svg>
                                        </div>
                                        <div class="css-vnm6yc">
                                            <button class="css-fhfxll">
                                                Cookies preferences
                                            </button>
                                            <svg fill="none" height="2" viewBox="0 0 2 2" width="2" xmlns="http://www.w3.org/2000/svg">
                                                <circle cx="1" cy="1" fill="currentColor" r="1">
                                                </circle>
                                            </svg>
                                        </div>
                                        <div class="css-vnm6yc">
                                            <a class="css-fhfxll" href="/community/guidelines">
                                                Community guidelines
                                            </a>
                                            <svg fill="none" height="2" viewBox="0 0 2 2" width="2" xmlns="http://www.w3.org/2000/svg">
                                                <circle cx="1" cy="1" fill="currentColor" r="1">
                                                </circle>
                                            </svg>
                                        </div>
                                        <div class="css-vnm6yc">
                                            <a class="css-fhfxll" href="/security/bug-bounty">
                                                Vulnerability disclosure program
                                            </a>
                                            <svg fill="none" height="2" viewBox="0 0 2 2" width="2" xmlns="http://www.w3.org/2000/svg">
                                                <circle cx="1" cy="1" fill="currentColor" r="1">
                                                </circle>
                                            </svg>
                                        </div>
                                        <div class="css-vnm6yc">
                                            <a class="css-fhfxll" href="/imprint">
                                                Imprint
                                            </a>
                                            <svg fill="none" height="2" viewBox="0 0 2 2" width="2" xmlns="http://www.w3.org/2000/svg">
                                                <circle cx="1" cy="1" fill="currentColor" r="1">
                                                </circle>
                                            </svg>
                                        </div>
                                        <div class="css-vnm6yc">
                                            <a class="css-fhfxll" href="/information-law-enforcement">
                                                Information for law enforcement
                                            </a>
                                        </div>
                                    </div>
                                    <style data-emotion="css 32563c">
                                        .css-32563c {
                                            display             : -webkit-box;
                                            display             : -webkit-flex;
                                            display             : -ms-flexbox;
                                            display             : flex;
                                            position            : relative;
                                            line-height         : 1em;
                                        }
                                    </style>
                                    <div class="css-32563c" data-test-id="language-switcher">
                                        <style data-emotion="css c5ey0o">
                                            .css-c5ey0o {
                                                -webkit-align-items : center;
                                                -webkit-box-align   : center;
                                                -ms-flex-align      : center;
                                                align-items         : center;
                                                background-color    : var(--theme-ui-colors-surfaceFillGreenDefault);
                                                border-radius       : 16px;
                                                color               : var(--theme-ui-colors-actionContentFillPrimaryDefault);
                                                display             : -webkit-box;
                                                display             : -webkit-flex;
                                                display             : -ms-flexbox;
                                                display             : flex;
                                                gap                 : 0.5rem;
                                                -webkit-box-pack    : center;
                                                -ms-flex-pack       : center;
                                                -webkit-justify-content: center;
                                                justify-content     : center;
                                                padding-bottom      : 1rem;
                                                padding-left        : 1rem;
                                                padding-right       : 1rem;
                                                padding-top         : 1rem;
                                            }
                                            .css-c5ey0o:hover {
                                                background-color    : var(--theme-ui-colors-surfaceFillGreenHover);
                                            }
                                        </style>
                                        <button class="css-c5ey0o">
                                            <style data-emotion="css 1a9qsdg">
                                                .css-1a9qsdg {
                                                    color               : var(--theme-ui-colors-actionContentFillPrimaryDefault);
                                                    font-weight         : 700;
                                                    font-style          : normal;
                                                    line-height         : 1.35rem;
                                                    font-size           : 16px;
                                                    font-family         : Satoshi,system-ui,sans-serif;
                                                }
                                            </style>
                                            <span class="css-1a9qsdg">
                                                English
                                            </span>
                                            <style data-emotion="css yw7wyo">
                                                .css-yw7wyo {
                                                    color               : var(--theme-ui-colors-actionContentFillPrimaryDefault);
                                                    display             : block;
                                                    height              : 1.25rem;
                                                    width               : 1.25rem;
                                                }
                                            </style>
                                            <svg aria-hidden="true" class="css-yw7wyo" fill="none" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
                                                </path>
                                            </svg>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </footer>
                    <style data-emotion="css-global t2v980">
                        html {
                            scrollbar-gutter    : unset;
                        }
                        body {
                            overflow            : unset;
                        }
                    </style>
                    <style data-emotion="css 1msupez">
                        .css-1msupez {
                            -webkit-align-items : center;
                            -webkit-box-align   : center;
                            -ms-flex-align      : center;
                            align-items         : center;
                            background-color    : transparent;
                            box-shadow          : none;
                            -webkit-flex-direction: column;
                            -ms-flex-direction  : column;
                            flex-direction      : column;
                            height              : 100%;
                            -webkit-box-pack    : center;
                            -ms-flex-pack       : center;
                            -webkit-justify-content: center;
                            justify-content     : center;
                            left                : 0;
                            max-height          : 100dvh;
                            max-width           : 100dvw;
                            position            : fixed;
                            top                 : 0;
                            width               : 100%;
                            z-index             : 900;
                            margin              : 0;
                            padding             : 0.75rem;
                            border              : none;
                            opacity             : 0;
                            -webkit-transition  : opacity 200ms ease;
                            transition          : opacity 200ms ease;
                        }
                        .css-1msupez:focus {
                            outline             : none;
                            box-shadow          : none;
                        }
                        .css-1msupez:focus-visible {
                            opacity             : 1;
                        }
                        .css-1msupez::backdrop {
                            background-color    : var(--theme-ui-colors-black60);
                            opacity             : 0;
                            -webkit-transition  : opacity 200ms ease;
                            transition          : opacity 200ms ease;
                        }
                    </style>
                    <dialog aria-hidden="true" class="css-1msupez">
                        <style data-emotion="css 1h94oht">
                            .css-1h94oht {
                                background-color    : var(--theme-ui-colors-card);
                                border-radius       : 24px;
                                box-shadow          : 0 -10px 20px 0 rgba(0, 0, 0, 0.10);
                                display             : -webkit-box;
                                display             : -webkit-flex;
                                display             : -ms-flexbox;
                                display             : flex;
                                -webkit-flex-direction: column;
                                -ms-flex-direction  : column;
                                flex-direction      : column;
                                -webkit-box-pack    : stretch;
                                -ms-flex-pack       : stretch;
                                -webkit-justify-content: stretch;
                                justify-content     : stretch;
                                max-height          : 80dvh;
                                max-width           : 100%;
                                width               : 24rem;
                                -webkit-align-content: start;
                                -ms-flex-line-pack  : start;
                                align-content       : start;
                            }
                            @media screen and (min-width: 540px) {
                                .css-1h94oht {
                                    width               : 36rem;
                                }
                            }
                            .css-1h94oht.css-1h94oht h1,.css-1h94oht.css-1h94oht h2,.css-1h94oht.css-1h94oht h3,.css-1h94oht.css-1h94oht h4,.css-1h94oht.css-1h94oht h5,.css-1h94oht.css-1h94oht h6,.css-1h94oht.css-1h94oht p {
                                margin-bottom       : 0;
                            }
                        </style>
                        <div class="css-1h94oht">
                            <style data-emotion="css pnug2y">
                                .css-pnug2y {
                                    height              : 0;
                                    overflow            : visible;
                                    position            : relative;
                                    z-index             : 300;
                                }
                            </style>
                            <div aria-hidden="true" class="css-pnug2y">
                                <style data-emotion="css 11mbil9">
                                    .css-11mbil9 {
                                        bottom              : auto;
                                        height              : 0.5rem;
                                        left                : 0;
                                        pointer-events      : none;
                                        position            : absolute;
                                        right               : 0;
                                        top                 : 0;
                                        opacity             : 1;
                                        -webkit-transition  : 0.2s;
                                        transition          : 0.2s;
                                        background          : linear-gradient(0deg, transparent, var(--theme-ui-colors-black20));
                                    }
                                </style>
                                <div class="css-11mbil9">
                                </div>
                            </div>
                            <style data-emotion="css ivyqs7">
                                .css-ivyqs7 {
                                    -webkit-align-items : stretch;
                                    -webkit-box-align   : stretch;
                                    -ms-flex-align      : stretch;
                                    align-items         : stretch;
                                    display             : -webkit-box;
                                    display             : -webkit-flex;
                                    display             : -ms-flexbox;
                                    display             : flex;
                                    -webkit-flex        : 1;
                                    -ms-flex            : 1;
                                    flex                : 1;
                                    -webkit-flex-direction: column;
                                    -ms-flex-direction  : column;
                                    flex-direction      : column;
                                    gap                 : 0.5rem;
                                    -webkit-box-pack    : start;
                                    -ms-flex-pack       : start;
                                    -webkit-justify-content: start;
                                    justify-content     : start;
                                    padding-left        : 1.5rem;
                                    padding-right       : 1.5rem;
                                    overflow-x          : hidden;
                                    overflow-y          : auto;
                                    padding-top         : 1.5rem;
                                    padding-bottom      : 1.5rem;
                                }
                                @media screen and (min-width: 540px) {
                                    .css-ivyqs7 {
                                        gap                 : 0.75rem;
                                        padding-left        : 2rem;
                                        padding-right       : 2rem;
                                    }
                                }
                                @media screen and (min-width: 720px) {
                                    .css-ivyqs7 {
                                        padding-left        : 2rem;
                                        padding-right       : 2rem;
                                    }
                                }
                            </style>
                            <div class="css-ivyqs7">
                                <style data-emotion="css 1hraawb">
                                    .css-1hraawb {
                                        color               : inherit;
                                        text-align          : left;
                                        font-family         : Nohemi,system-ui,sans-serif;
                                        font-weight         : 700;
                                        letter-spacing      : 0.01em;
                                        line-height         : 1.25;
                                        font-size           : 20px;
                                    }
                                    @media screen and (min-width: 540px) {
                                        .css-1hraawb {
                                            font-size           : 28px;
                                        }
                                    }
                                </style>
                                <h3 class="css-1hraawb">
                                    We value your privacy ⛰️
                                </h3>
                                <style data-emotion="css 9tijt">
                                    .css-9tijt {
                                        color               : var(--theme-ui-colors-whisper);
                                        margin-top          : 1.25rem;
                                        white-space         : pre-wrap;
                                    }
                                </style>
                                <style data-emotion="css 11bneyn">
                                    .css-11bneyn {
                                        color               : inherit;
                                        font-size           : 14px;
                                        color               : var(--theme-ui-colors-whisper);
                                        margin-top          : 1.25rem;
                                        white-space         : pre-wrap;
                                    }
                                </style>
                                <p class="css-11bneyn">
                                    We use cookies that are essential for the app and website to function correctly or are used to produce aggregated statistics. With your consent, we and our third-party partners will also use tracking technologies to improve the in-app and navigation experience, and to provide you with personalized services and content. To give your consent, tap Accept all cookies.

Alternatively, you can customize your privacy settings by tapping Customize Preferences, or by going to Cookie Preferences at any time. If you don&rsquo;t want us to use non-technical tracking technologies, tap Refuse.

For more information about how we process your personal data through cookies, take a look at our
                                    <style data-emotion="css 1vv26b2">
                                        .css-1vv26b2 {
                                            -webkit-align-items : center;
                                            -webkit-box-align   : center;
                                            -ms-flex-align      : center;
                                            align-items         : center;
                                            -webkit-appearance  : none;
                                            -moz-appearance     : none;
                                            -ms-appearance      : none;
                                            appearance          : none;
                                            background-color    : transparent;
                                            color               : var(--theme-ui-colors-secondary);
                                            display             : -webkit-inline-box;
                                            display             : -webkit-inline-flex;
                                            display             : -ms-inline-flexbox;
                                            display             : inline-flex;
                                            -webkit-flex-direction: row;
                                            -ms-flex-direction  : row;
                                            flex-direction      : row;
                                            gap                 : 0.25rem;
                                            font-size           : inherit;
                                            -webkit-text-decoration: underline;
                                            text-decoration     : underline;
                                        }
                                        .css-1vv26b2:hover,.css-1vv26b2:focus {
                                            -webkit-text-decoration: none;
                                            text-decoration     : none;
                                            color               : var(--theme-ui-colors-secondary);
                                        }
                                        .css-1vv26b2:focus {
                                            outline             : none;
                                            box-shadow          : none;
                                        }
                                    </style>
                                    <a class="css-1vv26b2" href="/privacy">
                                        Privacy Policy
                                    </a>
                                    .
                                </p>
                            </div>
                            <div aria-hidden="true" class="css-pnug2y">
                                <style data-emotion="css 4iga5b">
                                    .css-4iga5b {
                                        bottom              : 0;
                                        height              : 0.5rem;
                                        left                : 0;
                                        pointer-events      : none;
                                        position            : absolute;
                                        right               : 0;
                                        top                 : auto;
                                        opacity             : 1;
                                        -webkit-transition  : 0.2s;
                                        transition          : 0.2s;
                                        background          : linear-gradient(180deg, transparent, var(--theme-ui-colors-black20));
                                    }
                                </style>
                                <div class="css-4iga5b">
                                </div>
                            </div>
                            <style data-emotion="css 18xemu7">
                                .css-18xemu7 {
                                    -webkit-align-items : stretch;
                                    -webkit-box-align   : stretch;
                                    -ms-flex-align      : stretch;
                                    align-items         : stretch;
                                    display             : -webkit-box;
                                    display             : -webkit-flex;
                                    display             : -ms-flexbox;
                                    display             : flex;
                                    -webkit-flex-direction: column;
                                    -ms-flex-direction  : column;
                                    flex-direction      : column;
                                    gap                 : 0.5rem;
                                    -webkit-box-pack    : center;
                                    -ms-flex-pack       : center;
                                    -webkit-justify-content: center;
                                    justify-content     : center;
                                    padding-top         : 1.5rem;
                                    padding-bottom      : 1.5rem;
                                    padding-left        : 1.5rem;
                                    padding-right       : 1.5rem;
                                }
                                @media screen and (min-width: 540px) {
                                    .css-18xemu7 {
                                        -webkit-align-items : center;
                                        -webkit-box-align   : center;
                                        -ms-flex-align      : center;
                                        align-items         : center;
                                        display             : -webkit-box;
                                        display             : -webkit-flex;
                                        display             : -ms-flexbox;
                                        display             : flex;
                                        -webkit-box-pack    : end;
                                        -ms-flex-pack       : end;
                                        -webkit-justify-content: end;
                                        justify-content     : end;
                                        padding-left        : 2rem;
                                        padding-right       : 2rem;
                                    }
                                }
                                @media screen and (min-width: 720px) {
                                    .css-18xemu7 {
                                        padding-left        : 2rem;
                                        padding-right       : 2rem;
                                    }
                                }
                            </style>
                            <footer class="css-18xemu7">
                                <style data-emotion="css 1w2npef">
                                    .css-1w2npef {
                                        -webkit-align-items : center;
                                        -webkit-box-align   : center;
                                        -ms-flex-align      : center;
                                        align-items         : center;
                                        -webkit-appearance  : none;
                                        -moz-appearance     : none;
                                        -ms-appearance      : none;
                                        appearance          : none;
                                        background-color    : var(--theme-ui-colors-card);
                                        border-color        : var(--theme-ui-colors-border);
                                        border-radius       : 8px;
                                        border-style        : solid;
                                        color               : var(--theme-ui-colors-text);
                                        cursor              : pointer;
                                        display             : -webkit-inline-box;
                                        display             : -webkit-inline-flex;
                                        display             : -ms-inline-flexbox;
                                        display             : inline-flex;
                                        -webkit-box-pack    : center;
                                        -ms-flex-pack       : center;
                                        -webkit-justify-content: center;
                                        justify-content     : center;
                                        pointer-events      : auto;
                                        text-align          : center;
                                        width               : 100%;
                                        border-width        : 0.0625rem;
                                        -webkit-text-decoration: none;
                                        text-decoration     : none;
                                        -webkit-transition  : all 200ms;
                                        transition          : all 200ms;
                                        font-size           : 16px;
                                        font-weight         : 700;
                                        line-height         : 1.5rem;
                                        padding-left        : 0.6875rem;
                                        padding-right       : 0.6875rem;
                                        padding-top         : 0.4375rem;
                                        padding-bottom      : 0.4375rem;
                                    }
                                    .css-1w2npef:hover,.css-1w2npef:focus-visible {
                                        background-color    : #e6e6e6;
                                        border-color        : var(--theme-ui-colors-border);
                                    }
                                </style>
                                <button aria-disabled="false" class="css-1w2npef" data-test-id="gdpr-banner-accept">
                                    Accept all cookies
                                </button>
                                <button aria-disabled="false" class="css-1w2npef" data-test-id="gdpr-banner-details">
                                    Customize preferences
                                </button>
                                <button aria-disabled="false" class="css-1w2npef" data-test-id="gdpr-banner-decline">
                                    Refuse
                                </button>
                            </footer>
                        </div>
                    </dialog>
                </div>
                <style data-emotion="css awtll0">
                    .css-awtll0 {
                        bottom              : 0px;
                        left                : 0;
                        pointer-events      : none;
                        position            : fixed;
                        right               : 0;
                        z-index             : 700;
                        padding             : 0;
                    }
                </style>
                <div class="css-awtll0" id="banner_portal_container">
                    <div class="css-1u8qly9" id="gdpr_banner_portal">
                    </div>
                </div>
                <style data-emotion="css-global ryqg53">
                    html.ReactModal__Html--open {
                        overflow            : hidden;
                    }
                    html.ReactModal__Html--open:not(.fullsize) {
                        scrollbar-gutter    : stable;
                    }
                    html.ReactModal__Html--open.ReactModal__Html--panel #pageMountNode:before {
                        content             : "";
                        position            : fixed;
                        width               : 100%;
                        height              : 100%;
                    }
                </style>
            </div>
        </div>
        <div class="js-lightbox-container">
        </div>
        <div class="js-upload-container">
        </div>
        <div class="js-snackbar-container">
        </div>
        <noscript>
            <link href="/assets/main.437c6d9820ca001e.css" id="style_main" rel="stylesheet" type="text/css">
            <style id="style_page" type="text/css">
            </style>
        </noscript>
        <link href="/assets/main.437c6d9820ca001e.css" id="style_main_async" media="print" onload="this.media='all';this.onload=null;" rel="stylesheet">
        <script type="text/javascript">
            (function() {
                try {
                    if (typeof performance === "undefined" || !performance.getEntriesByType) return;
                    var n = performance.getEntriesByType("navigation");
                    if (!n || !n[0] || !n[0].name) return;
                    var u = new URL(n[0].name);
                    var h = u.hash || "";
                    var m = h.match(/:~:text=([^&]+)/);
                    if (m) {
                        window.__komoot_text_fragment__ = {
                            hasTextFragment: true,
                            textFragment: decodeURIComponent(m[1]).trim().slice(0, 100),
                            capturedAt: Date.now()
                        };
                    }
                } catch (e) {
            
                }
            })();
            var kmtBoot = function(t, e, i) {
                t = {
                    kmtx: {
                        session: {
                            profile: {
                            },
                            device: {
                            }
                        },
                        screen: {
                        }
                    },
                    meta: {
                    }
                }, e = [], i = [];
                var r = "vector_map", a = "static";
                function o(t, e) {
                    e || (e = t.dataset);
                    var i = t.getBoundingClientRect(), o = {
                        retina: window.devicePixelRatio > 1 ? 2 : 1,
                        width: i.width,
                        height: i.height
                    };
                    return ("number" != typeof o.width || isNaN(o.width) || 0 === o.width) && (o.width = 300), ("number" != typeof o.height || isNaN(o.height) || 0 === o.height) && (o.height = .75 * o.width), o.ratio = o.height / o.width, .75 !== o.ratio && (o.ratio = Math.round(100 * o.ratio) / 100, o.ratio = Math.max(.3, o.ratio)), o.width = o.width * o.retina, o.width < 150 ? o.width = 25 * Math.ceil(o.width / 25) : o.width < 300 ? o.width = 50 * Math.ceil(o.width / 50) : o.width < 600 ? o.width = 100 * Math.ceil(o.width / 100) : o.width < 1200 ? o.width = 200 * Math.ceil(o.width / 200) : o.width = 400 * Math.ceil(o.width / 400), o.height = Math.ceil(o.width * o.ratio), o.crop = !!e.crop || void 0, o.quality = o.retina > 1 ? 40 : 80, o.service = e.service || void 0, /^data:image\/[^;]+;base64/.test(e.src) ? o.src = e.src : o.src = function(t) {
                        var e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {
                        }, i = {
                            templated: /(?:\{([A-Za-z0-9\-_]+)\}|%7B([A-Za-z0-9\-_]+)%7D)/g,
                            width: /((?:^|\?|&)width=)([^&]*)/,
                            height: /((?:^|\?|&)height=)([^&]*)/,
                            crop: /((?:^|\?|&)crop=)([^&]*)/,
                            q: /((?:^|\?|&)q=)([^&]*)/,
                            scale: /((?:^|\?|&)scale=)([^&]*)/
                        }, o = function(t, e, r) {
                            return r[e] && (i[e].test(t) ? t = t.replace(i[e], function(t, i) {
                                return i + r[e];
                            }) : (/\?$/.test(t) ? t += "" : /\?/.test(t) ? t += "&" : t += "?", t += e + "=" + r[e])), t;
                        }, n = function(t, e) {
                            return !1 !== e.isTemplated && i.templated.test(t) ? (t = t.replace(i.templated, function(t, i) {
                                return e.hasOwnProperty(i) ? e[i] : "";
                            }), e.q && !i.q.test(t) && (t = o(t, "q", e)), e.scale && !i.scale.test(t) && (t = o(t, "scale", e)), t) : (t = o(t, "width", e), t = o(t, "height", e), e.crop && !i.crop.test(t) && (t = o(t, "crop", e)), e.q && !i.q.test(t) && (t = o(t, "q", e)), e.scale && !i.scale.test(t) && (t = o(t, "scale", e)), t);
                        };
                        if (e.service === r) return n(t, {
                            isTemplated: !1,
                            width: Math.round(e.res || e.width),
                            height: Math.round(e.height || (e.ratio ? e.res * e.ratio : e.res)),
                            scale: e.retina > 1 ? 2 : 1
                        });
                        if (e.service === a && n(t, {
                            retina: e.retina > 1 ? "@2x" : ""
                        }), /wikipedia/.test(t)) {
                            if (e.res && e.res <= 1e3) {
                                var h = t.split("/").pop();
                                t = (t = t.replace(/org\/wikipedia\/(\w*)\//, "org/wikipedia/$1/thumb/").replace(/^https?:\/\//, "https://")) + "/" + e.res + "px-" + h;
                            }
                            return t;
                        }
                        return n(t, {
                            retina: e.retina > 1 ? "@2x" : "",
                            width: Math.round(e.res || e.width),
                            height: Math.round(e.height || (e.ratio ? e.res * e.ratio : e.res)),
                            q: e.quality || "",
                            crop: e.crop ? "true" : "false"
                        });
                    }(e.src, o), o;
                }
                function n() {
                    if (0 === e.length) for ( ; i.length > 0; ) i.shift()();
                }
                return {
                    imagePreload: function() {
                        !function() {
                            try {
                                var t = window.innerHeight;
                                Array.prototype.slice.call(document.querySelectorAll("[data-src]")).forEach(function(e) {
                                    e.getBoundingClientRect().top < t && (e.style.backgroundImage = "url(" + JSON.stringify(o(e, e.dataset).src) + ")");
                                });
                            } catch (t) {
            
                    }
                  }();
                },
                setProps: function(e) {
                  try {
                    t = JSON.parse(e.replace(/&amp;lt;/g, "<").replace(/&amp;gt;/g, ">"));
                  } catch (t) {
                    console.log("[error]", "Could not read/parse initialProps");
                  }
                },
                getProps: function() {
                  return t;
                },
                onReady: function(t) {
                  i.push(t), setTimeout(n, 0);
                },
                loadStyle: function(t, i, r, a) {
                  return a = function(t, i) {
                    var r = [];
                    return t = {
                      loaded: !1
                    }, e.push(t), (i = {
                    }).resolve = function() {
                      for ( ; r.length > 0; ) r.shift()();
                      var i = e.indexOf(t);
                      i >= 0 && (e.splice(i, 1), setTimeout(n, 0));
                    }, i.reject = i.resolve, i.promise = {
                      then: function(t) {
                        return r.push(t), i.promise;
                      }
                    }, i;
                  }(), (i = document.createElement("link")).rel = "stylesheet", i.href = t, i.media = "only x", i.onload = a.resolve, i.onerror = a.reject, document.getElementsByTagName("body")[0].appendChild(i), setTimeout(function() {
                    i.media = "all";
                  }, 0), a.promise;
                }
                };
            }();
        </script>
        <script type="text/javascript">
            window["__KMT_AVIF_ROUTE_FAMILIES__"] = "collection";
            window["__KMT_AVIF_DISABLED__"] = "";
        </script>
        <script type="text/javascript">
            (function() {
                var s = document.getElementById('style_main_async');
                if (s && s.media === 'all') {
                    kmtBoot.imagePreload();
                } else if (s) {
                    s.addEventListener('load', function() {
                        kmtBoot.imagePreload();
                    });
                } else {
                    kmtBoot.loadStyle('/assets/main.437c6d9820ca001e.css').then(kmtBoot.imagePreload);
                }
            })();
            kmtBoot.setProps("{\"config\":{\"nps\":{\"active\":false,\"delay\":0},\"feature_flags\":[],\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/+anonymous/config\"}},\"_meta\":{\"nps_asked_once\":false,\"_isLoaded\":true}},\"configWeb\":{\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/users/+anonymous/config_web\"}}},\"geolocation\":{\"lat\":52.37552185026194,\"lng\":13.542917118347672},\"featured\":{\"text\":\"Featured Content\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/featured\"},\"collections\":{\"href\":\"https://www.komoot.com/webapi/v007/featured/collections/\"},\"elements\":{\"href\":\"https://www.komoot.com/webapi/v007/featured/elements/\"},\"highlights\":{\"href\":\"https://www.komoot.com/webapi/v007/featured/highlights/\"},\"topics\":{\"href\":\"https://www.komoot.com/webapi/v007/featured/topics/\"}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"elements\":{\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/featured/elements/\"}},\"_isLoaded\":true,\"page\":{\"size\":12,\"totalElements\":8,\"totalPages\":1,\"number\":0},\"_embedded\":{\"items\":[{\"share_urls\":{\"de\":\"https://www.komoot.de/topic/13/fahrradtouren-fuer-lange-wochenenden\",\"en\":\"https://www.komoot.com/topic/13/short-bike-tours-for-long-weekends\",\"nl\":\"https://www.komoot.de/topic/13/fietstochten-voor-een-lange-weekend\",\"fr\":\"https://www.komoot.de/topic/13/tours-vlo-pour-week-ends-prolongs\",\"es\":\"https://www.komoot.de/topic/13/viajes-en-bici-para-fines-de-semana-largos\",\"it\":\"https://www.komoot.de/topic/13/tour-in-bici-per-lunghi-fine-settimana\"},\"id\":13,\"name\":\"Bike Tours For Long Weekends\",\"text\":\"Rolling gently through the countryside on sleepy cycle ways; along rivers and past lakes, you’ll need a moment to take it all in—alongside a lungful of that fresh, clean air.\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/13\"},\"front_image\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/13/images/1\"},\"images\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/13/images/\"},\"collections\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/13/collections/\"},\"popular_topics\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/13/popular_topics/\"}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"front_image\":{\"src\":\"/images/topics/content-13/header-v001.jpg?width={width}&height={height}&crop={crop}\",\"type\":\"image/*\",\"templated\":true,\"attribution\":\"Zeitfixierer\",\"attribution_url\":\"https://www.flickr.com/photos/_timl/5964527738/\",\"license\":\"CC BY-SA 2.0\",\"license_url\":\"https://creativecommons.org/licenses/by-sa/2.0/\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/13/images/1\"}},\"_meta\":{\"_isLoaded\":true}}}},{\"share_urls\":{\"de\":\"https://www.komoot.de/topic/30/entdeck-die-alpen-neu\",\"en\":\"https://www.komoot.com/topic/30/re-discover-the-alps-this-summer\",\"nl\":\"https://www.komoot.de/topic/30/herontdek-de-alpen\",\"fr\":\"https://www.komoot.de/topic/30/redcouvrir-les-alpes\",\"es\":\"https://www.komoot.de/topic/30/la-llamada-de-los-alpes\",\"it\":\"https://www.komoot.de/topic/30/riscoprire-le-alpi\"},\"id\":30,\"name\":\"Rediscover the Alps\",\"text\":\"The Alps are our mountains, and they’re built on dreams and memories. Almost everyone has an anecdote about them, about weather and paths and silence and effort. About idyll and seclusion—as if diving into another world.\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/30\"},\"front_image\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/30/images/1\"},\"images\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/30/images/\"},\"collections\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/30/collections/\"},\"popular_topics\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/30/popular_topics/\"}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"front_image\":{\"src\":\"/images/topics/content-30/header-v002.jpg?width={width}&height={height}&crop={crop}\",\"type\":\"image/*\",\"templated\":true,\"attribution\":\"schoeband\",\"attribution_url\":\"https://www.flickr.com/people/schoeband/\",\"license\":\"CC BY-NC-ND 2.0\",\"license_url\":\"https://creativecommons.org/licenses/by-nc-nd/2.0/\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/30/images/1\"}},\"_meta\":{\"_isLoaded\":true}}}},{\"share_urls\":{\"de\":\"https://www.komoot.de/topic/43/echte-rennrad-abenteuer\",\"en\":\"https://www.komoot.com/topic/43/real-road-bike-adventures\",\"nl\":\"https://www.komoot.de/topic/43/avonturen-op-je-racefiets\",\"fr\":\"https://www.komoot.de/topic/43/aventures-authentiques-en-vlo-de-route\",\"es\":\"https://www.komoot.de/topic/43/aventuras-increbles-en-bici-de-carretera\",\"it\":\"https://www.komoot.de/topic/43/avventure-in-bici-da-corsa\"},\"id\":43,\"name\":\"Real road bike adventures\",\"text\":\"There are a few road cycling classics that are famous for very good reasons and, as such, are really worth a trip.\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/43\"},\"front_image\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/43/images/1\"},\"images\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/43/images/\"},\"collections\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/43/collections/\"},\"popular_topics\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/43/popular_topics/\"}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"front_image\":{\"src\":\"/images/topics/content-43/header-v002.jpg?width={width}&height={height}&crop={crop}\",\"type\":\"image/*\",\"templated\":true,\"attribution\":\"Stephanie\",\"attribution_url\":\"https://www.komoot.com/tour/16136681\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/43/images/1\"}},\"_meta\":{\"_isLoaded\":true}}}},{\"share_urls\":{\"de\":\"https://www.komoot.de/topic/44/geheimtipps-fuer-deinen-sommer\",\"en\":\"https://www.komoot.com/topic/44/insider-tips-for-your-summer\",\"nl\":\"https://www.komoot.de/topic/44/insider-tips-voor-je-zomer\",\"fr\":\"https://www.komoot.de/topic/44/conseils-dexpert-pour-lt\",\"es\":\"https://www.komoot.de/topic/44/consejos-para-aventuras-veraniegas\",\"it\":\"https://www.komoot.de/topic/44/consigli-per-avventure-estive\"},\"id\":44,\"name\":\"Insider tips for your summer\",\"text\":\"We hope you enjoy browsing through our best summer tips.\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/44\"},\"front_image\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/44/images/1\"},\"images\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/44/images/\"},\"collections\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/44/collections/\"},\"popular_topics\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/44/popular_topics/\"}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"front_image\":{\"src\":\"/images/topics/content-44/header-v001.jpg?width={width}&height={height}&crop={crop}\",\"type\":\"image/*\",\"templated\":true,\"attribution\":\"TVBWIlderKaiser ©Peter von Felbert\",\"attribution_url\":\"https://www.komoot.com/collection/695/3-tage-huettenwanderung-am-wilden-kaiser\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/44/images/1\"}},\"_meta\":{\"_isLoaded\":true}}}},{\"share_urls\":{\"de\":\"https://www.komoot.de/topic/39/wandern-an-seen\",\"en\":\"https://www.komoot.com/topic/39/hiking-around-lakes\",\"nl\":\"https://www.komoot.de/topic/39/wandelroutes-langs-betoverende-meren\",\"fr\":\"https://www.komoot.de/topic/39/randonnes-en-bord-de-lacs\",\"es\":\"https://www.komoot.de/topic/39/caminatas-con-lagos-de-ensueo\",\"it\":\"https://www.komoot.de/topic/39/passeggiate-al-lago\"},\"id\":39,\"name\":\"Hiking Around Lakes\",\"text\":\"Whether it’s the nature that inevitably thrives around such a large body of water, the views over its still surface, or the silence—hiking around a lake is always a calming experience.\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/39\"},\"front_image\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/39/images/1\"},\"images\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/39/images/\"},\"collections\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/39/collections/\"},\"popular_topics\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/39/popular_topics/\"}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"front_image\":{\"src\":\"/images/topics/content-39/header-v001.jpg?width={width}&height={height}&crop={crop}\",\"type\":\"image/*\",\"templated\":true,\"attribution\":\"Willian Justen de Vasconcellos\",\"attribution_url\":\"https://unsplash.com/photos/NWRABSGQtM0\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/39/images/1\"}},\"_meta\":{\"_isLoaded\":true}}}},{\"share_urls\":{\"de\":\"https://www.komoot.de/topic/5/fernradwege\",\"en\":\"https://www.komoot.com/topic/5/long-distance-cycling-routes\",\"nl\":\"https://www.komoot.de/topic/5/lange-afstand-fietsroutes\",\"fr\":\"https://www.komoot.de/topic/5/itinraires-cyclables-longue-distance\",\"es\":\"https://www.komoot.de/topic/5/aventuras-cicloturistas-de-larga-distancia\",\"it\":\"https://www.komoot.de/topic/5/percorsi-ciclabili-a-lunga-distanza\"},\"id\":5,\"name\":\"Long Distance Cycle Routes\",\"text\":\"Why not make the road the most important part of your trip? Long-distance cycle paths are ideal for that.\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/5\"},\"front_image\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/5/images/1\"},\"images\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/5/images/\"},\"collections\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/5/collections/\"},\"popular_topics\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/5/popular_topics/\"}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"front_image\":{\"src\":\"/images/topics/content-5/header-v001.jpg?width={width}&height={height}&crop={crop}\",\"type\":\"image/*\",\"templated\":true,\"attribution\":\"Stephanie\",\"attribution_url\":\"https://www.komoot.de/user/stephania\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/5/images/1\"}},\"_meta\":{\"_isLoaded\":true}}}},{\"share_urls\":{\"de\":\"https://www.komoot.de/topic/2/fernwanderwege\",\"en\":\"https://www.komoot.com/topic/2/long-distance-hiking-trails\",\"nl\":\"https://www.komoot.de/topic/2/lange-afstand-wandelpaden\",\"fr\":\"https://www.komoot.de/topic/2/sentiers-de-randonne-longue-distance\",\"es\":\"https://www.komoot.de/topic/2/senderos-de-larga-distancia\",\"it\":\"https://www.komoot.de/topic/2/percorsi-escursionistici-a-lunga-distanza\"},\"id\":2,\"name\":\"Long Distance Hikes\",\"text\":\"Several days without a shower, spare places to sleep, simple meals, physical exercise from morning to night and no wifi far and wide. What motivates people to walk a long-distance hiking trail? Exactly that.\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/2\"},\"front_image\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/2/images/1\"},\"images\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/2/images/\"},\"collections\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/2/collections/\"},\"popular_topics\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/2/popular_topics/\"}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"front_image\":{\"src\":\"/images/topics/content-2/header-v001.jpg\",\"type\":\"image/*\",\"templated\":true,\"attribution\":\"Marius\",\"attribution_url\":\"https://www.komoot.de/user/rnarius\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/2/images/1\"}},\"_meta\":{\"_isLoaded\":true}}}},{\"share_urls\":{\"de\":\"https://www.komoot.de/topic/42/mountainbike-paradiese-fuer-dich\",\"en\":\"https://www.komoot.com/topic/42/mountain-bike-paradises\",\"nl\":\"https://www.komoot.de/topic/42/mountainbike-paradijzen\",\"fr\":\"https://www.komoot.de/topic/42/coins-de-paradis-en-vtt\",\"es\":\"https://www.komoot.de/topic/42/parasos-para-perderse-con-la-mtb\",\"it\":\"https://www.komoot.de/topic/42/i-paradisi-della-mountain-bike\"},\"id\":42,\"name\":\"Mountain bike paradises\",\"text\":\"To make sure you don’t run out of stories, we’ve picked out some incredible places that are just waiting to be discovered by you and your bike.\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/42\"},\"front_image\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/42/images/1\"},\"images\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/42/images/\"},\"collections\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/42/collections/\"},\"popular_topics\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/42/popular_topics/\"}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"front_image\":{\"src\":\"/images/topics/content-42/header-v001.jpg?width={width}&height={height}&crop={crop}\",\"type\":\"image/*\",\"templated\":true,\"attribution\":\"Markus Greber\",\"attribution_url\":\"https://www.komoot.com/highlight/126361\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/42/images/1\"}},\"_meta\":{\"_isLoaded\":true}}}}]}}}},\"rootCategory\":{\"id\":1,\"name\":\"Places to see\",\"intro\":\"Whether you’re looking for things to do, the best places to visit, or simply the most intriguing places of interest to check out, our list of the top Highlights got you covered — wherever you go. Just click on any Highlight below to see all the info you need to get to these places, including photos, tips and route suggestions.\",\"share_url\":\"https://www.komoot.com/places/1/places-to-see\",\"intro_plain\":\"Whether you’re looking for things to do, the best places to visit, or simply the most intriguing places of interest to check out, our list of the top Highlights got you covered — wherever you go. Just click on any Highlight below to see all the info you need to get to these places, including photos, tips and route suggestions.\",\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/discover/categories/1\"},\"cover_image\":{\"href\":\"https://api.komoot.de/v007/discover/categories/1/cover_image\"},\"highlights\":{\"href\":\"https://api.komoot.de/v007/discover/categories/1/highlights/\"},\"content\":{\"href\":\"https://api.komoot.de/v007/discover/categories/1/content\"},\"images\":{\"href\":\"https://api.komoot.de/v007/discover/categories/1/images/\"},\"subcategories\":{\"href\":\"https://api.komoot.de/v007/discover/categories/1/subcategories/\"}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"cover_image\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/static/web/discoverhub/1/header-v002.jpg?width={width}&height={height}&crop={crop}\",\"templated\":true,\"attribution\":\"Heidelbergerin\",\"attribution_url\":\"https://pixabay.com/de/photos/landschaft-alpen-berner-oberland-4278609/\",\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/discover/categories/1/cover_image\"}},\"_meta\":{\"_isLoaded\":true}},\"subcategories\":{\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/discover/categories/1/subcategories/\"}},\"_isLoaded\":true,\"_embedded\":{\"items\":[{\"id\":2,\"name\":\"Huts\",\"intro\":\"Discover the best mountain huts — where you are and across the globe. Just browse below to see the most beautiful cabins and cottages in the places you love most and click to see the photos, tips and route suggestions that’ll help you experience these places for yourself.\",\"share_url\":\"https://www.komoot.com/places/2/huts\",\"intro_plain\":\"Discover the best mountain huts — where you are and across the globe. Just browse below to see the most beautiful cabins and cottages in the places you love most and click to see the photos, tips and route suggestions that’ll help you experience these places for yourself.\",\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/discover/categories/2\"},\"cover_image\":{\"href\":\"https://api.komoot.de/v007/discover/categories/2/cover_image\"},\"highlights\":{\"href\":\"https://api.komoot.de/v007/discover/categories/2/highlights/\"},\"content\":{\"href\":\"https://api.komoot.de/v007/discover/categories/2/content\"},\"images\":{\"href\":\"https://api.komoot.de/v007/discover/categories/2/images/\"}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"cover_image\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/static/web/discoverhub/2/header-v001.jpg?width={width}&height={height}&crop={crop}\",\"templated\":true,\"attribution\":\"Free-Photos\",\"attribution_url\":\"https://pixabay.com/de/photos/rustikal-kabine-berge-landschaft-945421/\",\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/discover/categories/2/cover_image\"}},\"_meta\":{\"_isLoaded\":true}}}},{\"id\":3,\"name\":\"Mountain Peaks\",\"intro\":\"Discover the most breathtaking summits for your next visit to the mountains. Simply filter by region to find the most amazing peaks in the places you love most and click to see all the info you need to check out these places, including photos, tips and route suggestions.\",\"share_url\":\"https://www.komoot.com/places/3/mountain-peaks\",\"intro_plain\":\"Discover the most breathtaking summits for your next visit to the mountains. Simply filter by region to find the most amazing peaks in the places you love most and click to see all the info you need to check out these places, including photos, tips and route suggestions.\",\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/discover/categories/3\"},\"cover_image\":{\"href\":\"https://api.komoot.de/v007/discover/categories/3/cover_image\"},\"highlights\":{\"href\":\"https://api.komoot.de/v007/discover/categories/3/highlights/\"},\"content\":{\"href\":\"https://api.komoot.de/v007/discover/categories/3/content\"},\"images\":{\"href\":\"https://api.komoot.de/v007/discover/categories/3/images/\"}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"cover_image\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/static/web/discoverhub/3/header-v002.jpg?width={width}&height={height}&crop={crop}\",\"templated\":true,\"attribution\":\"Free-Photos\",\"attribution_url\":\"https://pixabay.com/de/photos/person-berggipfel-zu-erreichen-berg-1245959/\",\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/discover/categories/3/cover_image\"}},\"_meta\":{\"_isLoaded\":true}}}},{\"id\":4,\"name\":\"Waterfalls\",\"intro\":\"Discover the most beautiful waterfalls, organized by region just for you. Just search for your favorite from our list below —  and see all of the information you need to check out the world’s best waterfalls for yourself.\",\"share_url\":\"https://www.komoot.com/places/4/waterfalls\",\"intro_plain\":\"Discover the most beautiful waterfalls, organized by region just for you. Just search for your favorite from our list below — and see all of the information you need to check out the world’s best waterfalls for yourself.\",\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/discover/categories/4\"},\"cover_image\":{\"href\":\"https://api.komoot.de/v007/discover/categories/4/cover_image\"},\"highlights\":{\"href\":\"https://api.komoot.de/v007/discover/categories/4/highlights/\"},\"content\":{\"href\":\"https://api.komoot.de/v007/discover/categories/4/content\"},\"images\":{\"href\":\"https://api.komoot.de/v007/discover/categories/4/images/\"}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"cover_image\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/static/web/discoverhub/4/header-v002.jpg?width={width}&height={height}&crop={crop}\",\"templated\":true,\"attribution\":\"robertprax\",\"attribution_url\":\"https://pixabay.com/de/photos/kroatien-wasser-natur-wasserfall-1128016/\",\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/discover/categories/4/cover_image\"}},\"_meta\":{\"_isLoaded\":true}}}},{\"id\":5,\"name\":\"Caves\",\"intro\":\"Discover the most breathtaking caves where you are and around the world. Simply browse our collection of Highlights below— and see all of the information you need to add a visit to a cave to your next adventure outdoors. \",\"share_url\":\"https://www.komoot.com/places/5/caves\",\"intro_plain\":\"Discover the most breathtaking caves where you are and around the world. Simply browse our collection of Highlights below— and see all of the information you need to add a visit to a cave to your next adventure outdoors.\",\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/discover/categories/5\"},\"cover_image\":{\"href\":\"https://api.komoot.de/v007/discover/categories/5/cover_image\"},\"highlights\":{\"href\":\"https://api.komoot.de/v007/discover/categories/5/highlights/\"},\"content\":{\"href\":\"https://api.komoot.de/v007/discover/categories/5/content\"},\"images\":{\"href\":\"https://api.komoot.de/v007/discover/categories/5/images/\"}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"cover_image\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/static/web/discoverhub/5/header-v001.jpg?width={width}&height={height}&crop={crop}\",\"templated\":true,\"attribution\":\"Julius_Silver\",\"attribution_url\":\"https://pixabay.com/de/photos/portugal-algarve-benagil-caves-3029665/\",\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/discover/categories/5/cover_image\"}},\"_meta\":{\"_isLoaded\":true}}}},{\"id\":6,\"name\":\"Lakes\",\"intro\":\"Discover the most beautiful lakes in the areas you love the most. Simply browse our collection of Highlights below — and see all of the information you’ll need to get you there on your next adventure.\",\"share_url\":\"https://www.komoot.com/places/6/lakes\",\"intro_plain\":\"Discover the most beautiful lakes in the areas you love the most. Simply browse our collection of Highlights below — and see all of the information you’ll need to get you there on your next adventure.\",\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/discover/categories/6\"},\"cover_image\":{\"href\":\"https://api.komoot.de/v007/discover/categories/6/cover_image\"},\"highlights\":{\"href\":\"https://api.komoot.de/v007/discover/categories/6/highlights/\"},\"content\":{\"href\":\"https://api.komoot.de/v007/discover/categories/6/content\"},\"images\":{\"href\":\"https://api.komoot.de/v007/discover/categories/6/images/\"}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"cover_image\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/static/web/discoverhub/6/header-v001.jpg?width={width}&height={height}&crop={crop}\",\"templated\":true,\"attribution\":\"jameswheeler\",\"attribution_url\":\"https://pixabay.com/de/photos/alberta-kanada-see-berge-banff-2297204/\",\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/discover/categories/6/cover_image\"}},\"_meta\":{\"_isLoaded\":true}}}},{\"id\":7,\"name\":\"Mountain passes\",\"intro\":\"Discover the most amazing mountain passes for your next ride or hike. Simply browse our collection of Highlights below — and see all of the info that’ll more easily help you include your favorite passes on your next adventure.\",\"share_url\":\"https://www.komoot.com/places/7/mountain-passes\",\"intro_plain\":\"Discover the most amazing mountain passes for your next ride or hike. Simply browse our collection of Highlights below — and see all of the info that’ll more easily help you include your favorite passes on your next adventure.\",\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/discover/categories/7\"},\"cover_image\":{\"href\":\"https://api.komoot.de/v007/discover/categories/7/cover_image\"},\"highlights\":{\"href\":\"https://api.komoot.de/v007/discover/categories/7/highlights/\"},\"content\":{\"href\":\"https://api.komoot.de/v007/discover/categories/7/content\"},\"images\":{\"href\":\"https://api.komoot.de/v007/discover/categories/7/images/\"}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"cover_image\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/static/web/discoverhub/7/header-v001.jpg?width={width}&height={height}&crop={crop}\",\"templated\":true,\"attribution\":\"OrcaTec\",\"attribution_url\":\"https://pixabay.com/de/photos/breitachklamm-breitach-klamm-bayern-2551967/\",\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/discover/categories/7/cover_image\"}},\"_meta\":{\"_isLoaded\":true}}}},{\"id\":8,\"name\":\"Canyons\",\"intro\":\"Discover the most beautiful gorges and canyons for your next adventure in the outdoors. Organized by popularity, see the canyons worth checking out where you’re going — and view all of the info that’ll help you easily include a visit to these places on your next trip.\",\"share_url\":\"https://www.komoot.com/places/8/canyons\",\"intro_plain\":\"Discover the most beautiful gorges and canyons for your next adventure in the outdoors. Organized by popularity, see the canyons worth checking out where you’re going — and view all of the info that’ll help you easily include a visit to these places on your next trip.\",\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/discover/categories/8\"},\"cover_image\":{\"href\":\"https://api.komoot.de/v007/discover/categories/8/cover_image\"},\"highlights\":{\"href\":\"https://api.komoot.de/v007/discover/categories/8/highlights/\"},\"content\":{\"href\":\"https://api.komoot.de/v007/discover/categories/8/content\"},\"images\":{\"href\":\"https://api.komoot.de/v007/discover/categories/8/images/\"}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"cover_image\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/static/web/discoverhub/8/header-v001.jpg?width={width}&height={height}&crop={crop}\",\"templated\":true,\"attribution\":\"Derks24\",\"attribution_url\":\"https://pixabay.com/de/photos/breitachklamm-breitach-klamm-bayern-2551967/\",\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/discover/categories/8/cover_image\"}},\"_meta\":{\"_isLoaded\":true}}}},{\"id\":9,\"name\":\"Bike Parks\",\"intro\":\"Discover the best bike parks you need to visit as recommended by the komoot community. Simply browse through our full collection of mtb parks to find the most relevant results for you — and click to see photos, tips and suggested routes from other users.\",\"share_url\":\"https://www.komoot.com/places/9/bike-parks\",\"intro_plain\":\"Discover the best bike parks you need to visit as recommended by the komoot community. Simply browse through our full collection of mtb parks to find the most relevant results for you — and click to see photos, tips and suggested routes from other users.\",\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/discover/categories/9\"},\"cover_image\":{\"href\":\"https://api.komoot.de/v007/discover/categories/9/cover_image\"},\"highlights\":{\"href\":\"https://api.komoot.de/v007/discover/categories/9/highlights/\"},\"content\":{\"href\":\"https://api.komoot.de/v007/discover/categories/9/content\"},\"images\":{\"href\":\"https://api.komoot.de/v007/discover/categories/9/images/\"}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"cover_image\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/static/web/discoverhub/9/header-v001.jpg?width={width}&height={height}&crop={crop}\",\"templated\":true,\"attribution\":\"bones64\",\"attribution_url\":\"https://pixabay.com/de/photos/biker-mountainbike-sprung-radfahren-3803747/\",\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/discover/categories/9/cover_image\"}},\"_meta\":{\"_isLoaded\":true}}}},{\"id\":10,\"name\":\"Natural Monuments\",\"intro\":\"Whether you’re looking for cliffs, beaches or the best ridges in a region, discover the destination of your next adventure here. Simply browse our list of natural monument Highlights below — and see all of the information you’ll need to get you there on your next adventure.\",\"share_url\":\"https://www.komoot.com/places/10/natural-monuments\",\"intro_plain\":\"Whether you’re looking for cliffs, beaches or the best ridges in a region, discover the destination of your next adventure here. Simply browse our list of natural monument Highlights below — and see all of the information you’ll need to get you there on your next adventure.\",\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/discover/categories/10\"},\"cover_image\":{\"href\":\"https://api.komoot.de/v007/discover/categories/10/cover_image\"},\"highlights\":{\"href\":\"https://api.komoot.de/v007/discover/categories/10/highlights/\"},\"content\":{\"href\":\"https://api.komoot.de/v007/discover/categories/10/content\"},\"images\":{\"href\":\"https://api.komoot.de/v007/discover/categories/10/images/\"}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"cover_image\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/static/web/discoverhub/10/header-v001.jpg?width={width}&height={height}&crop={crop}\",\"templated\":true,\"attribution\":\"radeczko\",\"attribution_url\":\"https://pixabay.com/de/photos/preikestolen-fels-norwegen-fjord-3665437/\",\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/discover/categories/10/cover_image\"}},\"_meta\":{\"_isLoaded\":true}}}},{\"id\":11,\"name\":\"Castles\",\"intro\":\"From crumbling ruins to spectacular still-standing structures, discover the most amazing castles on your next adventure. Organized below, we’ve made it easy for you to find the best castles where you are and across the world — just click to see all need-to-know info before you go and discover the best routes that’ll get you there.\",\"share_url\":\"https://www.komoot.com/places/11/castles\",\"intro_plain\":\"From crumbling ruins to spectacular still-standing structures, discover the most amazing castles on your next adventure. Organized below, we’ve made it easy for you to find the best castles where you are and across the world — just click to see all need-to-know info before you go and discover the best routes that’ll get you there.\",\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/discover/categories/11\"},\"cover_image\":{\"href\":\"https://api.komoot.de/v007/discover/categories/11/cover_image\"},\"highlights\":{\"href\":\"https://api.komoot.de/v007/discover/categories/11/highlights/\"},\"content\":{\"href\":\"https://api.komoot.de/v007/discover/categories/11/content\"},\"images\":{\"href\":\"https://api.komoot.de/v007/discover/categories/11/images/\"}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"cover_image\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/static/web/discoverhub/11/header-v002.jpg?width={width}&height={height}&crop={crop}\",\"templated\":true,\"attribution\":\"derwiki\",\"attribution_url\":\"https://pixabay.com/de/photos/neuschwanstein-burg-deutschland-532850/\",\"_links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/discover/categories/11/cover_image\"}},\"_meta\":{\"_isLoaded\":true}}}}]}}}},\"discoverTopics\":[{\"share_urls\":{\"de\":\"https://www.komoot.de/topic/5/fernradwege\",\"en\":\"https://www.komoot.com/topic/5/long-distance-cycling-routes\",\"nl\":\"https://www.komoot.de/topic/5/lange-afstand-fietsroutes\",\"fr\":\"https://www.komoot.de/topic/5/itinraires-cyclables-longue-distance\",\"es\":\"https://www.komoot.de/topic/5/aventuras-cicloturistas-de-larga-distancia\",\"it\":\"https://www.komoot.de/topic/5/percorsi-ciclabili-a-lunga-distanza\"},\"id\":5,\"name\":\"Long Distance Cycle Routes\",\"text\":\"Why not make the road the most important part of your trip? Long-distance cycle paths are ideal for that.\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/5\"},\"front_image\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/5/images/1\"},\"images\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/5/images/\"},\"collections\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/5/collections/\"},\"popular_topics\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/5/popular_topics/\"}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"front_image\":{\"src\":\"/images/topics/content-5/header-v001.jpg?width={width}&height={height}&crop={crop}\",\"type\":\"image/*\",\"templated\":true,\"attribution\":\"Stephanie\",\"attribution_url\":\"https://www.komoot.de/user/stephania\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/5/images/1\"}},\"_meta\":{\"_isLoaded\":true}}}},{\"share_urls\":{\"de\":\"https://www.komoot.de/topic/2/fernwanderwege\",\"en\":\"https://www.komoot.com/topic/2/long-distance-hiking-trails\",\"nl\":\"https://www.komoot.de/topic/2/lange-afstand-wandelpaden\",\"fr\":\"https://www.komoot.de/topic/2/sentiers-de-randonne-longue-distance\",\"es\":\"https://www.komoot.de/topic/2/senderos-de-larga-distancia\",\"it\":\"https://www.komoot.de/topic/2/percorsi-escursionistici-a-lunga-distanza\"},\"id\":2,\"name\":\"Long Distance Hikes\",\"text\":\"Several days without a shower, spare places to sleep, simple meals, physical exercise from morning to night and no wifi far and wide. What motivates people to walk a long-distance hiking trail? Exactly that.\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/2\"},\"front_image\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/2/images/1\"},\"images\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/2/images/\"},\"collections\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/2/collections/\"},\"popular_topics\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/2/popular_topics/\"}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"front_image\":{\"src\":\"/images/topics/content-2/header-v001.jpg\",\"type\":\"image/*\",\"templated\":true,\"attribution\":\"Marius\",\"attribution_url\":\"https://www.komoot.de/user/rnarius\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/2/images/1\"}},\"_meta\":{\"_isLoaded\":true}}}},{\"share_urls\":{\"de\":\"https://www.komoot.de/topic/7/bikepacking-mit-dem-mtb\",\"en\":\"https://www.komoot.com/topic/7/bikepacking-with-your-mountain-bike\",\"nl\":\"https://www.komoot.de/topic/7/bikepacken-met-je-mountainbike\",\"fr\":\"https://www.komoot.de/topic/7/bikepacking-vtt\",\"es\":\"https://www.komoot.de/topic/7/cicloturismo-en-la-mtb\",\"it\":\"https://www.komoot.de/topic/7/avventure-bikepacking-in-mtb\"},\"id\":7,\"name\":\"Bikepacking\",\"text\":\"Your bike. A couple of things. That’s all you need for the adventure. Paths, trails, fields and forests are provided by the landscape.\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/7\"},\"front_image\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/7/images/1\"},\"images\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/7/images/\"},\"collections\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/7/collections/\"},\"popular_topics\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/7/popular_topics/\"}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"front_image\":{\"src\":\"/images/topics/content-7/header-v002.png?width={width}&height={height}&crop={crop}\",\"type\":\"image/*\",\"templated\":true,\"attribution\":null,\"attribution_url\":null,\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/7/images/1\"}},\"_meta\":{\"_isLoaded\":true}}}},{\"share_urls\":{\"de\":\"https://www.komoot.de/topic/1/transalp-mtb\",\"en\":\"https://www.komoot.com/topic/1/transalp-mtb\",\"nl\":\"https://www.komoot.de/topic/1/de-alpen-doorkruisen-op-een-mountainbike\",\"fr\":\"https://www.komoot.de/topic/1/traverse-des-alpes-vtt\",\"es\":\"https://www.komoot.de/topic/1/la-travesa-de-los-alpes-en-mtb\",\"it\":\"https://www.komoot.de/topic/1/traversate-alpine-in-mtb\"},\"id\":1,\"name\":\"Traversing The Alps With A Mountain Bike\",\"text\":\"It is the dream of many mountain bikers: crossing the Alps. The eyes of those who have done it start sparkling, when they talk about the exertions their mind and body had to go through. But you rarely hear of the tricky preparations.\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/1\"},\"front_image\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/1/images/1\"},\"images\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/1/images/\"},\"collections\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/1/collections/\"},\"popular_topics\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/1/popular_topics/\"}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"front_image\":{\"src\":\"/images/topics/content-1/header-v001.jpg?width={width}&height={height}&crop={crop}\",\"type\":\"image/*\",\"templated\":true,\"attribution\":\"Valais / Wallis Promotion - Pascal Gertschen\",\"attribution_url\":\"https://www.flickr.com/photos/valaiswallis/10138157946/\",\"license\":\"CC BY-NC-ND 2.0\",\"license_url\":\"https://creativecommons.org/licenses/by-nc-nd/2.0/\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/topics/1/images/1\"}},\"_meta\":{\"_isLoaded\":true}}}}],\"page\":{\"_links\":{}},\"location\":{\"type\":\"point\",\"location\":{\"lat\":52.37552185026194,\"lng\":13.542917118347672},\"name\":\"Schönefeld (komoot HQ)\",\"category\":null,\"address_entry\":{\"country\":\"Germany\",\"country_code\":\"DE\",\"region_code\":null,\"state\":\"Brandenburg\",\"city\":\"Potsdam\"},\"searchType\":\"within_radius\",\"searchRadius\":30,\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/points/52.375522,13.542917\"}},\"_embedded\":{\"self\":{\"type\":\"point\",\"location\":{\"lat\":52.37552185026194,\"lng\":13.542917118347672},\"name\":\"Schönefeld (komoot HQ)\",\"category\":null,\"address_entry\":{\"country\":\"Germany\",\"country_code\":\"DE\",\"region_code\":null,\"state\":\"Brandenburg\",\"city\":\"Potsdam\"},\"isFallbackLocation\":true,\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/points/52.375522,13.542917\"}}}}},\"discoverSports\":{\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/\"}},\"_isLoaded\":true,\"page\":{\"size\":12,\"totalElements\":6,\"totalPages\":1,\"number\":0},\"_embedded\":{\"items\":[{\"sport\":\"hike\",\"share_urls\":{\"en\":\"https://www.komoot.com/discover/hiking-trails\",\"de\":\"https://www.komoot.com/de-de/discover/wandern\",\"fr\":\"https://www.komoot.com/fr-fr/discover/randonnees\",\"it\":\"https://www.komoot.com/it-it/discover/escursioni\",\"nl\":\"https://www.komoot.com/nl-nl/discover/wandelroutes\",\"es\":\"https://www.komoot.com/es-es/discover/rutas-senderismo\",\"ko\":\"https://www.komoot.com/ko-kr/discover/%ED%95%98%EC%9D%B4%ED%82%B9-%EC%BD%94%EC%8A%A4-%EB%B0%8F-%EB%A3%A8%ED%8A%B8\",\"ja\":\"https://www.komoot.com/ja-jp/discover/%E3%83%8F%E3%82%A4%E3%82%AD%E3%83%B3%E3%82%B0%E3%82%B3%E3%83%BC%E3%82%B9%E3%81%A8%E3%83%AB%E3%83%BC%E3%83%88\",\"pl\":\"https://www.komoot.com/pl-pl/discover/szlaki-turystyczne-i-trasy\",\"pt\":\"https://www.komoot.com/pt-pt/discover/pistas-e-percursos-pedestres\",\"pt-br\":\"https://www.komoot.com/pt-br/discover/trilhas-%26-rotas-para-caminhadas\",\"sv\":\"https://www.komoot.com/sv-se/discover/vandringsleder\",\"nb\":\"https://www.komoot.com/nb-no/discover/vandreruter\",\"fi\":\"https://www.komoot.com/fi-fi/discover/vaellusreitit\",\"da\":\"https://www.komoot.com/da-dk/discover/vandreruter\",\"hr\":\"https://www.komoot.com/hr-hr/discover/planinarske-staze\",\"cs\":\"https://www.komoot.com/cs-cz/discover/turisticke-trasy\",\"ro\":\"https://www.komoot.com/ro-ro/discover/trasee-drumetie\",\"hu\":\"https://www.komoot.com/hu-hu/discover/turautak\",\"el\":\"https://www.komoot.com/el-gr/discover/monopati-pezoporias\",\"tr\":\"https://www.komoot.com/tr-tr/discover/yuruyus-parkurlari\"},\"name\":\"Hiking trails & Routes\",\"meta_title\":\"The Best Hiking Trails and Routes | Komoot\",\"meta_description\":\"Find the best hiking trails and routes, see maps and take them with you. Discover the top 10 best hikes by region.\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/hike\"},\"images\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/hike/images/\"},\"siblings\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/hike/siblings/\"},\"elements\":{\"href\":\"https://api.komoot.de/v007/discover/elements/?sport=hike\"},\"guides\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/hike/guides/\"},\"seo_guides\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/hike/seo_guides/\"},\"front_image\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/hike/images/1\"}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"front_image\":{\"src\":\"/images/discoversport/hike-header-v004.jpg?width={width}&height={height}&crop={crop}\",\"type\":\"image/*\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/hike/images/1\"}},\"_meta\":{\"_isLoaded\":true}}}},{\"sport\":\"touringbicycle\",\"share_urls\":{\"en\":\"https://www.komoot.com/discover/cycling-routes\",\"de\":\"https://www.komoot.com/de-de/discover/radtouren\",\"fr\":\"https://www.komoot.com/fr-fr/discover/randonnee-a-velo\",\"it\":\"https://www.komoot.com/it-it/discover/percorsi-ciclabili\",\"nl\":\"https://www.komoot.com/nl-nl/discover/fietsroutes\",\"es\":\"https://www.komoot.com/es-es/discover/rutas-bicicleta\",\"ko\":\"https://www.komoot.com/ko-kr/discover/%EC%9E%90%EC%A0%84%EA%B1%B0-%EC%97%AC%ED%96%89-%EA%B2%BD%EB%A1%9C-%EB%B0%8F-%EC%82%B0%EC%B1%85%EB%A1%9C\",\"ja\":\"https://www.komoot.com/ja-jp/discover/%E3%83%90%E3%82%A4%E3%82%AF%E3%83%84%E3%83%BC%E3%83%AA%E3%83%B3%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%88%EF%BC%86%E3%83%88%E3%83%AC%E3%82%A4%E3%83%AB\",\"pl\":\"https://www.komoot.com/pl-pl/discover/trasy-i-szlaki-turystyki-rowerowej\",\"pt\":\"https://www.komoot.com/pt-pt/discover/rotas-e-trilhos-para-passeios-de-bicicleta\",\"pt-br\":\"https://www.komoot.com/pt-br/discover/rotas-e-trilhas-para-passeios-de-bicicleta\",\"sv\":\"https://www.komoot.com/sv-se/discover/cykelrutter\",\"nb\":\"https://www.komoot.com/nb-no/discover/sykkelruter\",\"fi\":\"https://www.komoot.com/fi-fi/discover/pyorailyreitit\",\"da\":\"https://www.komoot.com/da-dk/discover/cykelruter\",\"hr\":\"https://www.komoot.com/hr-hr/discover/biciklisticke-rute\",\"cs\":\"https://www.komoot.com/cs-cz/discover/cyklisticke-trasy\",\"ro\":\"https://www.komoot.com/ro-ro/discover/trasee-ciclism\",\"hu\":\"https://www.komoot.com/hu-hu/discover/kerekparos-utak\",\"el\":\"https://www.komoot.com/el-gr/discover/diadromes-podilasias\",\"tr\":\"https://www.komoot.com/tr-tr/discover/bisiklet-rotalari\"},\"name\":\"Bike touring routes & trails\",\"meta_title\":\"The Best Bike Touring Routes and Trails | Komoot\",\"meta_description\":\"Browse the best bike touring routes by region and see the top 10 most beautiful bike trails with map, photos and insider tips.\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/touringbicycle\"},\"images\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/touringbicycle/images/\"},\"siblings\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/touringbicycle/siblings/\"},\"elements\":{\"href\":\"https://api.komoot.de/v007/discover/elements/?sport=touringbicycle\"},\"guides\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/touringbicycle/guides/\"},\"seo_guides\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/touringbicycle/seo_guides/\"},\"front_image\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/touringbicycle/images/1\"}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"front_image\":{\"src\":\"/images/discoversport/touringbicycle-header-v004.jpg?width={width}&height={height}&crop={crop}\",\"type\":\"image/*\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/touringbicycle/images/1\"}},\"_meta\":{\"_isLoaded\":true}}}},{\"sport\":\"mtb\",\"share_urls\":{\"en\":\"https://www.komoot.com/discover/mountain-bike-trails\",\"de\":\"https://www.komoot.com/de-de/discover/mountainbike-touren\",\"fr\":\"https://www.komoot.com/fr-fr/discover/randonnee-vtt\",\"it\":\"https://www.komoot.com/it-it/discover/sentieri-mtb\",\"nl\":\"https://www.komoot.com/nl-nl/discover/mtb-routes\",\"es\":\"https://www.komoot.com/es-es/discover/rutas-mtb\",\"ko\":\"https://www.komoot.com/ko-kr/discover/%EB%A1%9C%EB%93%9C-%EC%82%AC%EC%9D%B4%ED%81%B4%EB%A7%81-%EB%A3%A8%ED%8A%B8\",\"ja\":\"https://www.komoot.com/ja-jp/discover/%E3%83%AD%E3%83%BC%E3%83%89%E3%82%B5%E3%82%A4%E3%82%AF%E3%83%AA%E3%83%B3%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%88\",\"pl\":\"https://www.komoot.com/pl-pl/discover/drogowe-trasy-rowerowe\",\"pt\":\"https://www.komoot.com/pt-pt/discover/rotas-de-ciclismo-rodovi%C3%A1rio\",\"pt-br\":\"https://www.komoot.com/pt-br/discover/rotas-de-ciclismo-rodovi%C3%A1rio\",\"sv\":\"https://www.komoot.com/sv-se/discover/mountainbikeleder\",\"nb\":\"https://www.komoot.com/nb-no/discover/terrengsykkelstier\",\"fi\":\"https://www.komoot.com/fi-fi/discover/maastopyorailyreitit\",\"da\":\"https://www.komoot.com/da-dk/discover/mountainbikeruter\",\"hr\":\"https://www.komoot.com/hr-hr/discover/brdske-biciklisticke-staze\",\"cs\":\"https://www.komoot.com/cs-cz/discover/horske-cyklisticke-trasy\",\"ro\":\"https://www.komoot.com/ro-ro/discover/trasee-mountain-bike\",\"hu\":\"https://www.komoot.com/hu-hu/discover/hegyi-kerekparos-utak\",\"el\":\"https://www.komoot.com/el-gr/discover/monopati-oreinis-podilasias\",\"tr\":\"https://www.komoot.com/tr-tr/discover/dag-bisikleti-parkurlari\"},\"name\":\"Mountain biking trails\",\"meta_title\":\"The Best Mountain Biking Trails and Routes | Komoot\",\"meta_description\":\"Explore nature on the best mountain bike trails in your region. MTB routes for any level, with photos and tips from other bikers.\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/mtb\"},\"images\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/mtb/images/\"},\"siblings\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/mtb/siblings/\"},\"elements\":{\"href\":\"https://api.komoot.de/v007/discover/elements/?sport=mtb\"},\"guides\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/mtb/guides/\"},\"seo_guides\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/mtb/seo_guides/\"},\"front_image\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/mtb/images/1\"}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"front_image\":{\"src\":\"/images/discoversport/mtb-header-v004.jpg?width={width}&height={height}&crop={crop}\",\"type\":\"image/*\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/mtb/images/1\"}},\"_meta\":{\"_isLoaded\":true}}}},{\"sport\":\"racebike\",\"share_urls\":{\"en\":\"https://www.komoot.com/discover/road-cycling-routes\",\"de\":\"https://www.komoot.com/de-de/discover/rennradtouren\",\"fr\":\"https://www.komoot.com/fr-fr/discover/velo-de-course\",\"it\":\"https://www.komoot.com/it-it/discover/percorsi-bici-da-corsa\",\"nl\":\"https://www.komoot.com/nl-nl/discover/wielrenroutes\",\"es\":\"https://www.komoot.com/es-es/discover/rutas-ciclismo-carretera\",\"ko\":\"https://www.komoot.com/ko-kr/discover/%EC%82%B0%EC%95%85-%EC%9E%90%EC%A0%84%EA%B1%B0-%EB%8F%84%EB%A1%9C\",\"ja\":\"https://www.komoot.com/ja-jp/discover/%E3%83%9E%E3%82%A6%E3%83%B3%E3%83%86%E3%83%B3%E3%83%90%E3%82%A4%E3%82%AF%E3%81%AE%E3%82%B3%E3%83%BC%E3%82%B9\",\"pl\":\"https://www.komoot.com/pl-pl/discover/trasy-do-kolarstwa-gorskiego\",\"pt\":\"https://www.komoot.com/pt-pt/discover/pistas-de-ciclismo-de-montanha\",\"pt-br\":\"https://www.komoot.com/pt-br/discover/trilhas-para-ciclismo-de-montanha\",\"sv\":\"https://www.komoot.com/sv-se/discover/landsvagscykelrutter\",\"nb\":\"https://www.komoot.com/nb-no/discover/landeveissykkelruter\",\"fi\":\"https://www.komoot.com/fi-fi/discover/maantiepyorailyreitit\",\"da\":\"https://www.komoot.com/da-dk/discover/landevejscykelruter\",\"hr\":\"https://www.komoot.com/hr-hr/discover/cestovne-biciklisticke-rute\",\"cs\":\"https://www.komoot.com/cs-cz/discover/silnicni-cyklisticke-trasy\",\"ro\":\"https://www.komoot.com/ro-ro/discover/trasee-ciclism-sosea\",\"hu\":\"https://www.komoot.com/hu-hu/discover/orszaguti-kerekparos-utak\",\"el\":\"https://www.komoot.com/el-gr/discover/diadromes-odikis-podilasias\",\"tr\":\"https://www.komoot.com/tr-tr/discover/yol-bisikleti-rotalari\"},\"name\":\"Road cycling routes\",\"meta_title\":\"The Best Road Cycling Trails and Routes | Komoot\",\"meta_description\":\"The most beautiful road cycling trails and routes in all regions, with turn by turn navigation, photos and road cycling tips.\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/racebike\"},\"images\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/racebike/images/\"},\"siblings\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/racebike/siblings/\"},\"elements\":{\"href\":\"https://api.komoot.de/v007/discover/elements/?sport=racebike\"},\"guides\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/racebike/guides/\"},\"seo_guides\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/racebike/seo_guides/\"},\"front_image\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/racebike/images/1\"}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"front_image\":{\"src\":\"/images/discoversport/racebike-header-v004.jpg?width={width}&height={height}&crop={crop}\",\"type\":\"image/*\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/racebike/images/1\"}},\"_meta\":{\"_isLoaded\":true}}}},{\"sport\":\"jogging\",\"share_urls\":{\"en\":\"https://www.komoot.com/discover/running-trails\",\"de\":\"https://www.komoot.com/de-de/discover/laufstrecken\",\"fr\":\"https://www.komoot.com/fr-fr/discover/course-a-pied\",\"it\":\"https://www.komoot.com/it-it/discover/sentieri-corsa-a-piedi\",\"nl\":\"https://www.komoot.com/nl-nl/discover/hardlooproutes\",\"es\":\"https://www.komoot.com/es-es/discover/senderos-correr\",\"ko\":\"https://www.komoot.com/ko-kr/discover/%EB%9F%AC%EB%8B%9D-%ED%8A%B8%EB%A0%88%EC%9D%BC-%EB%B0%8F-%EB%A3%A8%ED%8A%B8\",\"ja\":\"https://www.komoot.com/ja-jp/discover/%E3%83%A9%E3%83%B3%E3%83%8B%E3%83%B3%E3%82%B0%E3%82%B3%E3%83%BC%E3%82%B9%E3%81%A8%E3%83%AB%E3%83%BC%E3%83%88\",\"pl\":\"https://www.komoot.com/pl-pl/discover/trasy-i-sciezki-biegowe\",\"pt\":\"https://www.komoot.com/pt-pt/discover/pistas-e-rotas-de-corrida\",\"pt-br\":\"https://www.komoot.com/pt-br/discover/trilhas-e-rotas-de-rodagem\",\"sv\":\"https://www.komoot.com/sv-se/discover/loparstigar\",\"nb\":\"https://www.komoot.com/nb-no/discover/loeperuter\",\"fi\":\"https://www.komoot.com/fi-fi/discover/juoksureitit\",\"da\":\"https://www.komoot.com/da-dk/discover/loeberuter\",\"hr\":\"https://www.komoot.com/hr-hr/discover/staze-za-trcanje\",\"cs\":\"https://www.komoot.com/cs-cz/discover/bezecke-trasy\",\"ro\":\"https://www.komoot.com/ro-ro/discover/trasee-alergare\",\"hu\":\"https://www.komoot.com/hu-hu/discover/futopalya\",\"el\":\"https://www.komoot.com/el-gr/discover/diadromes-treximatos\",\"tr\":\"https://www.komoot.com/tr-tr/discover/kosu-parkurlari\"},\"name\":\"Running trails & routes\",\"meta_title\":\"The Best Running Trails and Routes | Komoot\",\"meta_description\":\"Find places to run where you are and across the globe, and see full breakdowns of the best running routes, including topo maps, distance, difficulty & more!\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/jogging\"},\"images\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/jogging/images/\"},\"siblings\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/jogging/siblings/\"},\"elements\":{\"href\":\"https://api.komoot.de/v007/discover/elements/?sport=jogging\"},\"guides\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/jogging/guides/\"},\"seo_guides\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/jogging/seo_guides/\"},\"front_image\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/jogging/images/1\"}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"front_image\":{\"src\":\"/images/discoversport/jogging-header-v004.jpg?width={width}&height={height}&crop={crop}\",\"type\":\"image/*\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/jogging/images/1\"}},\"_meta\":{\"_isLoaded\":true}}}},{\"sport\":\"mountaineering\",\"share_urls\":{\"en\":\"https://www.komoot.com/discover/mountain-hikes\",\"de\":\"https://www.komoot.com/de-de/discover/bergtouren\",\"fr\":\"https://www.komoot.com/fr-fr/discover/randonnee-montagne\",\"it\":\"https://www.komoot.com/it-it/discover/sentieri-montagna\",\"nl\":\"https://www.komoot.com/nl-nl/discover/bergwandelingen\",\"es\":\"https://www.komoot.com/es-es/discover/caminatas-montana\",\"ko\":\"https://www.komoot.com/ko-kr/discover/%EC%82%B0%EC%95%85-%ED%95%98%EC%9D%B4%ED%82%B9-%EB%B0%8F-%EB%A3%A8%ED%8A%B8\",\"ja\":\"https://www.komoot.com/ja-jp/discover/%E5%B1%B1%E7%99%BB%E3%82%8A%EF%BC%86%E3%83%AB%E3%83%BC%E3%83%88\",\"pl\":\"https://www.komoot.com/pl-pl/discover/wedrowki-gorskie-i-trasy\",\"pt\":\"https://www.komoot.com/pt-pt/discover/caminhadas-de-montanha-%26-rotas\",\"pt-br\":\"https://www.komoot.com/pt-br/discover/caminhadas-de-montanha-e-rotas\",\"sv\":\"https://www.komoot.com/sv-se/discover/bergsvandringar\",\"nb\":\"https://www.komoot.com/nb-no/discover/fjellvandringar\",\"fi\":\"https://www.komoot.com/fi-fi/discover/vuorivaellukset\",\"da\":\"https://www.komoot.com/da-dk/discover/bjergvandringer\",\"hr\":\"https://www.komoot.com/hr-hr/discover/planinarski-pohodi\",\"cs\":\"https://www.komoot.com/cs-cz/discover/horska-turistika\",\"ro\":\"https://www.komoot.com/ro-ro/discover/trasee-montane\",\"hu\":\"https://www.komoot.com/hu-hu/discover/hegymaszas\",\"el\":\"https://www.komoot.com/el-gr/discover/oreivasies\",\"tr\":\"https://www.komoot.com/tr-tr/discover/dagcilik\"},\"name\":\"Mountain hikes & routes\",\"meta_title\":\"The Best Mountain Hiking Trails and Routes | Komoot\",\"meta_description\":\"Discover the best mountain hiking trails where you are and across the globe, see full details of the best Tours—and explore more of the great outdoors with komoot!\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/mountaineering\"},\"images\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/mountaineering/images/\"},\"siblings\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/mountaineering/siblings/\"},\"elements\":{\"href\":\"https://api.komoot.de/v007/discover/elements/?sport=mountaineering\"},\"guides\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/mountaineering/guides/\"},\"seo_guides\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/mountaineering/seo_guides/\"},\"front_image\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/mountaineering/images/1\"}},\"_meta\":{\"_isLoaded\":true},\"_embedded\":{\"front_image\":{\"src\":\"/images/discoversport/mountaineering-header-v004.jpg?width={width}&height={height}&crop={crop}\",\"type\":\"image/*\",\"attribution\":\"Marius\",\"attribution_url\":\"/user/rnarius\",\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/discover_sports/mountaineering/images/1\"}},\"_meta\":{\"_isLoaded\":true}}}}]}},\"guideLinks\":{\"hike\":{\"countries\":[{\"countryName\":\"United Kingdom\",\"countryGuide\":{\"id\":72314,\"name\":\"United Kingdom\",\"shareUrl\":\"/guide/72314/hiking-in-the-united-kingdom\"},\"role\":\"primary\",\"tier1Guides\":[{\"id\":22623,\"name\":\"England\",\"shareUrl\":\"/guide/22623/hiking-in-england\"},{\"id\":47647,\"name\":\"Northern Ireland\",\"shareUrl\":\"/guide/47647/hiking-in-northern-ireland\"},{\"id\":58695,\"name\":\"Scotland\",\"shareUrl\":\"/guide/58695/hiking-in-scotland\"},{\"id\":67399,\"name\":\"Wales\",\"shareUrl\":\"/guide/67399/hiking-in-wales\"},{\"id\":12783,\"name\":\"Bath and North East Somerset\",\"shareUrl\":\"/guide/12783/hiking-in-bath-and-north-east-somerset\"},{\"id\":12979,\"name\":\"Bedford\",\"shareUrl\":\"/guide/12979/hiking-around-bedford\"},{\"id\":68883,\"name\":\"Berkshire\",\"shareUrl\":\"/guide/68883/hiking-in-berkshire\"},{\"id\":14291,\"name\":\"Birmingham\",\"shareUrl\":\"/guide/14291/hiking-around-birmingham\"},{\"id\":14483,\"name\":\"Blackpool\",\"shareUrl\":\"/guide/14483/hiking-around-blackpool\"},{\"id\":16067,\"name\":\"Brighton and Hove\",\"shareUrl\":\"/guide/16067/hiking-around-brighton-and-hove\"},{\"id\":16607,\"name\":\"Buckinghamshire\",\"shareUrl\":\"/guide/16607/hiking-in-buckinghamshire\"},{\"id\":17343,\"name\":\"Cambridgeshire\",\"shareUrl\":\"/guide/17343/hiking-in-cambridgeshire\"},{\"id\":3112603,\"name\":\"Canterbury\",\"shareUrl\":\"/guide/3112603/hiking-in-canterbury\"},{\"id\":17855,\"name\":\"Cheshire East\",\"shareUrl\":\"/guide/17855/hiking-in-cheshire-east\"},{\"id\":9015,\"name\":\"City of Bristol\",\"shareUrl\":\"/guide/9015/hiking-around-bristol\"},{\"id\":18007,\"name\":\"City of Leicester\",\"shareUrl\":\"/guide/18007/hiking-around-leicester\"},{\"id\":18483,\"name\":\"Cornwall\",\"shareUrl\":\"/guide/18483/hiking-in-cornwall\"},{\"id\":18567,\"name\":\"County Durham\",\"shareUrl\":\"/guide/18567/hiking-in-county-durham\"},{\"id\":18623,\"name\":\"Coventry\",\"shareUrl\":\"/guide/18623/hiking-around-coventry\"},{\"id\":18651,\"name\":\"Craven\",\"shareUrl\":\"/guide/18651/hiking-in-craven\"},{\"id\":18807,\"name\":\"Cumbria\",\"shareUrl\":\"/guide/18807/hiking-in-cumbria\"},{\"id\":19199,\"name\":\"Darlington\",\"shareUrl\":\"/guide/19199/hiking-around-darlington\"},{\"id\":19559,\"name\":\"Derby\",\"shareUrl\":\"/guide/19559/hiking-around-derby\"},{\"id\":19563,\"name\":\"Derbyshire\",\"shareUrl\":\"/guide/19563/hiking-in-derbyshire\"},{\"id\":19743,\"name\":\"Devon\",\"shareUrl\":\"/guide/19743/hiking-in-devon\"},{\"id\":20611,\"name\":\"Dorset\",\"shareUrl\":\"/guide/20611/hiking-in-dorset\"},{\"id\":20939,\"name\":\"Dudley\",\"shareUrl\":\"/guide/20939/hiking-around-dudley\"},{\"id\":21183,\"name\":\"East Riding of Yorkshire\",\"shareUrl\":\"/guide/21183/hiking-in-east-riding-of-yorkshire\"},{\"id\":21187,\"name\":\"East Sussex\",\"shareUrl\":\"/guide/21187/hiking-in-east-sussex\"},{\"id\":23243,\"name\":\"Essex\",\"shareUrl\":\"/guide/23243/hiking-in-essex\"},{\"id\":26763,\"name\":\"Gloucestershire\",\"shareUrl\":\"/guide/26763/hiking-in-gloucestershire\"},{\"id\":29751,\"name\":\"Halton\",\"shareUrl\":\"/guide/29751/hiking-around-halton\"},{\"id\":29843,\"name\":\"Hampshire\",\"shareUrl\":\"/guide/29843/hiking-in-hampshire\"},{\"id\":30099,\"name\":\"Hartlepool\",\"shareUrl\":\"/guide/30099/hiking-around-hartlepool\"},{\"id\":31291,\"name\":\"Herefordshire\",\"shareUrl\":\"/guide/31291/hiking-in-herefordshire\"},{\"id\":31499,\"name\":\"Hertfordshire\",\"shareUrl\":\"/guide/31499/hiking-in-hertfordshire\"},{\"id\":3112637,\"name\":\"Hinckley And Bosworth\",\"shareUrl\":\"/guide/3112637/hiking-in-hinckley-and-bosworth\"},{\"id\":34143,\"name\":\"Isle of Wight\",\"shareUrl\":\"/guide/34143/hiking-in-the-isle-of-wight\"},{\"id\":34147,\"name\":\"Isles of Scilly\",\"shareUrl\":\"/guide/34147/hiking-on-the-isles-of-scilly\"},{\"id\":35735,\"name\":\"Kent\",\"shareUrl\":\"/guide/35735/hiking-in-kent\"},{\"id\":36195,\"name\":\"Kingston upon Hull\",\"shareUrl\":\"/guide/36195/hiking-around-kingston-upon-hull\"},{\"id\":38835,\"name\":\"Lancashire\",\"shareUrl\":\"/guide/38835/hiking-in-lancashire\"},{\"id\":39719,\"name\":\"Leicestershire\",\"shareUrl\":\"/guide/39719/hiking-in-leicestershire\"},{\"id\":40419,\"name\":\"Lincolnshire\",\"shareUrl\":\"/guide/40419/hiking-in-lincolnshire\"},{\"id\":41483,\"name\":\"Luton\",\"shareUrl\":\"/guide/41483/hiking-around-luton\"},{\"id\":43647,\"name\":\"Middlesbrough\",\"shareUrl\":\"/guide/43647/hiking-around-middlesbrough\"},{\"id\":43755,\"name\":\"Milton Keynes\",\"shareUrl\":\"/guide/43755/hiking-around-milton-keynes\"},{\"id\":47571,\"name\":\"Norfolk\",\"shareUrl\":\"/guide/47571/hiking-in-norfolk\"},{\"id\":47607,\"name\":\"Northamptonshire\",\"shareUrl\":\"/guide/47607/hiking-in-northamptonshire\"},{\"id\":47635,\"name\":\"North East Lincolnshire\",\"shareUrl\":\"/guide/47635/hiking-in-north-east-lincolnshire\"},{\"id\":47671,\"name\":\"North Lincolnshire\",\"shareUrl\":\"/guide/47671/hiking-in-north-lincolnshire\"},{\"id\":47683,\"name\":\"North Somerset\",\"shareUrl\":\"/guide/47683/hiking-around-north-somerset\"},{\"id\":47687,\"name\":\"Northumberland\",\"shareUrl\":\"/guide/47687/hiking-in-northumberland\"},{\"id\":3112620,\"name\":\"North West Leicestershire\",\"shareUrl\":\"/guide/3112620/hiking-in-north-west-leicestershire\"},{\"id\":47703,\"name\":\"North Yorkshire\",\"shareUrl\":\"/guide/47703/hiking-in-north-yorkshire\"},{\"id\":9023,\"name\":\"Nottingham\",\"shareUrl\":\"/guide/9023/hiking-around-nottingham\"},{\"id\":47751,\"name\":\"Nottinghamshire\",\"shareUrl\":\"/guide/47751/hiking-in-nottinghamshire\"},{\"id\":50167,\"name\":\"Oxfordshire\",\"shareUrl\":\"/guide/50167/hiking-in-oxfordshire\"},{\"id\":18015,\"name\":\"Peterborough\",\"shareUrl\":\"/guide/18015/hiking-around-peterborough\"},{\"id\":51555,\"name\":\"Plymouth\",\"shareUrl\":\"/guide/51555/hiking-around-plymouth\"},{\"id\":51807,\"name\":\"Poole\",\"shareUrl\":\"/guide/51807/hiking-around-poole\"},{\"id\":51863,\"name\":\"Portsmouth\",\"shareUrl\":\"/guide/51863/hiking-around-portsmouth\"},{\"id\":53143,\"name\":\"Reading\",\"shareUrl\":\"/guide/53143/hiking-around-reading\"},{\"id\":53235,\"name\":\"Redcar and Cleveland\",\"shareUrl\":\"/guide/53235/hiking-around-redcar-and-cleveland\"},{\"id\":59571,\"name\":\"Shropshire\",\"shareUrl\":\"/guide/59571/hiking-in-shropshire\"},{\"id\":60359,\"name\":\"Solihull\",\"shareUrl\":\"/guide/60359/hiking-around-solihull\"},{\"id\":60407,\"name\":\"Somerset\",\"shareUrl\":\"/guide/60407/hiking-in-somerset\"},{\"id\":60615,\"name\":\"Southampton\",\"shareUrl\":\"/guide/60615/hiking-around-southampton\"},{\"id\":60643,\"name\":\"Southend-on-Sea\",\"shareUrl\":\"/guide/60643/hiking-around-southend-on-sea\"},{\"id\":60663,\"name\":\"South Gloucestershire\",\"shareUrl\":\"/guide/60663/hiking-in-south-gloucestershire\"},{\"id\":61015,\"name\":\"Staffordshire\",\"shareUrl\":\"/guide/61015/hiking-in-staffordshire\"},{\"id\":61847,\"name\":\"Stockton-on-Tees\",\"shareUrl\":\"/guide/61847/hiking-around-stockton-on-tees\"},{\"id\":62427,\"name\":\"Suffolk\",\"shareUrl\":\"/guide/62427/hiking-in-suffolk\"},{\"id\":62603,\"name\":\"Surrey\",\"shareUrl\":\"/guide/62603/hiking-in-surrey\"},{\"id\":62703,\"name\":\"Swindon\",\"shareUrl\":\"/guide/62703/hiking-around-swindon\"},{\"id\":67579,\"name\":\"Walsall\",\"shareUrl\":\"/guide/67579/hiking-around-walsall\"},{\"id\":67807,\"name\":\"Warrington\",\"shareUrl\":\"/guide/67807/hiking-around-warrington\"},{\"id\":67859,\"name\":\"Warwickshire\",\"shareUrl\":\"/guide/67859/hiking-in-warwickshire\"},{\"id\":69043,\"name\":\"West Sussex\",\"shareUrl\":\"/guide/69043/hiking-in-west-sussex\"},{\"id\":69663,\"name\":\"Wiltshire\",\"shareUrl\":\"/guide/69663/hiking-in-wiltshire\"},{\"id\":70455,\"name\":\"Wolverhampton\",\"shareUrl\":\"/guide/70455/hiking-around-wolverhampton\"},{\"id\":70491,\"name\":\"Worcestershire\",\"shareUrl\":\"/guide/70491/hiking-in-worcestershire\"},{\"id\":70915,\"name\":\"York\",\"shareUrl\":\"/guide/70915/hiking-around-york\"}],\"tier2Guides\":[{\"id\":40895,\"name\":\"London\",\"shareUrl\":\"/guide/40895/hiking-around-london\"},{\"id\":504665,\"name\":\"Peak District\",\"shareUrl\":\"/guide/504665/hiking-in-peak-district\"},{\"id\":697887,\"name\":\"Delamere\",\"shareUrl\":\"/guide/697887/hiking-around-delamere-forest\"},{\"id\":693535,\"name\":\"Alderley Edge\",\"shareUrl\":\"/guide/693535/hiking-around-alderley-edge\"},{\"id\":1669522,\"name\":\"Edale\",\"shareUrl\":\"/guide/1669522/hiking-around-edale\"},{\"id\":504699,\"name\":\"Lake District\",\"shareUrl\":\"/guide/504699/hiking-in-lake-district\"},{\"id\":684797,\"name\":\"Thornham\",\"shareUrl\":\"/guide/684797/hiking-around-thornham\"},{\"id\":26639,\"name\":\"Glasgow City\",\"shareUrl\":\"/guide/26639/hiking-around-glasgow\"},{\"id\":1698677,\"name\":\"Castleton\",\"shareUrl\":\"/guide/1698677/hiking-around-castleton\"},{\"id\":752236,\"name\":\"Wales\",\"shareUrl\":\"/guide/752236/hiking-around-wales\"},{\"id\":1763175,\"name\":\"Grassington\",\"shareUrl\":\"/guide/1763175/hiking-around-grassington\"},{\"id\":1686029,\"name\":\"Castleton\",\"shareUrl\":\"/guide/1686029/hiking-around-castleton\"},{\"id\":769032,\"name\":\"Betws-Y-Coed\",\"shareUrl\":\"/guide/769032/hiking-around-betws-y-coed\"},{\"id\":765700,\"name\":\"Stratford Upon Avon\",\"shareUrl\":\"/guide/765700/hiking-around-stratford-upon-avon\"},{\"id\":504648,\"name\":\"North York Moors National Park\",\"shareUrl\":\"/guide/504648/hiking-in-north-york-moors-national-park\"},{\"id\":679697,\"name\":\"Bakewell\",\"shareUrl\":\"/guide/679697/hiking-around-bakewell\"},{\"id\":1763090,\"name\":\"Llangollen\",\"shareUrl\":\"/guide/1763090/hiking-around-llangollen\"},{\"id\":876302,\"name\":\"Shrewsbury\",\"shareUrl\":\"/guide/876302/hiking-around-shrewsbury\"},{\"id\":720718,\"name\":\"Malvern\",\"shareUrl\":\"/guide/720718/hiking-around-malvern\"},{\"id\":27707,\"name\":\"Greater Manchester\",\"shareUrl\":\"/guide/27707/hiking-around-greater-manchester\"}]},{\"countryName\":\"United States\",\"countryGuide\":{\"id\":72318,\"name\":\"United States\",\"shareUrl\":\"/guide/72318/hiking-in-the-united-states-of-america\"},\"role\":\"primary\",\"tier1Guides\":[{\"id\":9707,\"name\":\"Alabama\",\"shareUrl\":\"/guide/9707/hiking-in-alabama\"},{\"id\":9723,\"name\":\"Alaska\",\"shareUrl\":\"/guide/9723/hiking-in-alaska\"},{\"id\":11103,\"name\":\"Arizona\",\"shareUrl\":\"/guide/11103/hiking-in-arizona\"},{\"id\":11107,\"name\":\"Arkansas\",\"shareUrl\":\"/guide/11107/hiking-in-arkansas\"},{\"id\":17303,\"name\":\"California\",\"shareUrl\":\"/guide/17303/hiking-in-california\"},{\"id\":18179,\"name\":\"Colorado\",\"shareUrl\":\"/guide/18179/hiking-in-colorado\"},{\"id\":18235,\"name\":\"Connecticut\",\"shareUrl\":\"/guide/18235/hiking-in-connecticut\"},{\"id\":19427,\"name\":\"Delaware\",\"shareUrl\":\"/guide/19427/hiking-in-delaware\"},{\"id\":24287,\"name\":\"Florida\",\"shareUrl\":\"/guide/24287/hiking-in-florida\"},{\"id\":26055,\"name\":\"Georgia\",\"shareUrl\":\"/guide/26055/hiking-in-georgia\"},{\"id\":33559,\"name\":\"Idaho\",\"shareUrl\":\"/guide/33559/hiking-in-idaho\"},{\"id\":33703,\"name\":\"Illinois\",\"shareUrl\":\"/guide/33703/hiking-in-illinois\"},{\"id\":33843,\"name\":\"Indiana\",\"shareUrl\":\"/guide/33843/hiking-in-indiana\"},{\"id\":34011,\"name\":\"Iowa\",\"shareUrl\":\"/guide/34011/hiking-in-iowa\"},{\"id\":35159,\"name\":\"Kansas\",\"shareUrl\":\"/guide/35159/hiking-in-kansas\"},{\"id\":35739,\"name\":\"Kentucky\",\"shareUrl\":\"/guide/35739/hiking-in-kentucky\"},{\"id\":41055,\"name\":\"Louisiana\",\"shareUrl\":\"/guide/41055/hiking-in-louisiana\"},{\"id\":41791,\"name\":\"Maine\",\"shareUrl\":\"/guide/41791/hiking-in-maine\"},{\"id\":42551,\"name\":\"Maryland\",\"shareUrl\":\"/guide/42551/hiking-in-maryland\"},{\"id\":42591,\"name\":\"Massachusetts\",\"shareUrl\":\"/guide/42591/hiking-in-massachusetts\"},{\"id\":43623,\"name\":\"Michigan\",\"shareUrl\":\"/guide/43623/hiking-in-michigan\"},{\"id\":43807,\"name\":\"Minnesota\",\"shareUrl\":\"/guide/43807/hiking-in-minnesota\"},{\"id\":43867,\"name\":\"Mississippi\",\"shareUrl\":\"/guide/43867/hiking-in-mississippi\"},{\"id\":43875,\"name\":\"Missouri\",\"shareUrl\":\"/guide/43875/hiking-in-missouri\"},{\"id\":44267,\"name\":\"Montana\",\"shareUrl\":\"/guide/44267/hiking-in-montana\"},{\"id\":45635,\"name\":\"Nebraska\",\"shareUrl\":\"/guide/45635/hiking-in-nebraska\"},{\"id\":46575,\"name\":\"Nevada\",\"shareUrl\":\"/guide/46575/hiking-in-nevada\"},{\"id\":46615,\"name\":\"New Hampshire\",\"shareUrl\":\"/guide/46615/hiking-in-new-hampshire\"},{\"id\":46619,\"name\":\"New Jersey\",\"shareUrl\":\"/guide/46619/hiking-in-new-jersey\"},{\"id\":46623,\"name\":\"New Mexico\",\"shareUrl\":\"/guide/46623/hiking-in-new-mexico\"},{\"id\":46635,\"name\":\"New York\",\"shareUrl\":\"/guide/46635/hiking-in-new-york\"},{\"id\":47615,\"name\":\"North Carolina\",\"shareUrl\":\"/guide/47615/hiking-in-north-carolina\"},{\"id\":47619,\"name\":\"North Dakota\",\"shareUrl\":\"/guide/47619/hiking-in-north-dakota\"},{\"id\":49247,\"name\":\"Ohio\",\"shareUrl\":\"/guide/49247/hiking-in-ohio\"},{\"id\":49307,\"name\":\"Oklahoma\",\"shareUrl\":\"/guide/49307/hiking-in-oklahoma\"},{\"id\":49567,\"name\":\"Oregon\",\"shareUrl\":\"/guide/49567/hiking-in-oregon\"},{\"id\":50707,\"name\":\"Pennsylvania\",\"shareUrl\":\"/guide/50707/hiking-in-pennsylvania\"},{\"id\":54007,\"name\":\"Rhode Island\",\"shareUrl\":\"/guide/54007/hiking-in-rhode-island\"},{\"id\":60627,\"name\":\"South Carolina\",\"shareUrl\":\"/guide/60627/hiking-in-south-carolina\"},{\"id\":60631,\"name\":\"South Dakota\",\"shareUrl\":\"/guide/60631/hiking-in-south-dakota\"},{\"id\":63255,\"name\":\"Tennessee\",\"shareUrl\":\"/guide/63255/hiking-in-tennessee\"},{\"id\":63411,\"name\":\"Texas\",\"shareUrl\":\"/guide/63411/hiking-in-texas\"},{\"id\":65119,\"name\":\"United States Virgin Islands\",\"shareUrl\":\"/guide/65119/hiking-in-the-united-states-virgin-islands\"},{\"id\":65563,\"name\":\"Utah\",\"shareUrl\":\"/guide/65563/hiking-in-utah\"},{\"id\":66091,\"name\":\"Vermont\",\"shareUrl\":\"/guide/66091/hiking-in-vermont\"},{\"id\":66455,\"name\":\"Virginia\",\"shareUrl\":\"/guide/66455/hiking-in-virginia\"},{\"id\":67891,\"name\":\"Washington\",\"shareUrl\":\"/guide/67891/hiking-in-washington\"},{\"id\":69051,\"name\":\"West Virginia\",\"shareUrl\":\"/guide/69051/hiking-in-west-virginia\"},{\"id\":69979,\"name\":\"Wisconsin\",\"shareUrl\":\"/guide/69979/hiking-in-wisconsin\"},{\"id\":70791,\"name\":\"Wyoming\",\"shareUrl\":\"/guide/70791/hiking-in-wyoming\"}],\"tier2Guides\":[{\"id\":1915342,\"name\":\"Sedona\",\"shareUrl\":\"/guide/1915342/hiking-around-sedona\"},{\"id\":1844146,\"name\":\"Zion National Park\",\"shareUrl\":\"/guide/1844146/hiking-in-zion-national-park\"},{\"id\":1933753,\"name\":\"San Diego\",\"shareUrl\":\"/guide/1933753/hiking-around-san-diego\"},{\"id\":1844214,\"name\":\"Glacier National Park\",\"shareUrl\":\"/guide/1844214/hiking-in-glacier-national-park\"},{\"id\":1844282,\"name\":\"Olympic National Park\",\"shareUrl\":\"/guide/1844282/hiking-in-olympic-national-park\"},{\"id\":1844163,\"name\":\"Grand Teton National Park\",\"shareUrl\":\"/guide/1844163/hiking-in-grand-teton-national-park\"},{\"id\":1843381,\"name\":\"Rocky Mountain National Park\",\"shareUrl\":\"/guide/1843381/hiking-in-rocky-mountain-national-park\"},{\"id\":2394402,\"name\":\"Seattle\",\"shareUrl\":\"/guide/2394402/hiking-around-seattle\"},{\"id\":1844316,\"name\":\"Shenandoah National Park\",\"shareUrl\":\"/guide/1844316/hiking-in-shenandoah-national-park\"},{\"id\":1935742,\"name\":\"Pacifica\",\"shareUrl\":\"/guide/1935742/hiking-around-pacifica\"},{\"id\":1843568,\"name\":\"Capitol Reef National Park\",\"shareUrl\":\"/guide/1843568/hiking-in-capitol-reef-national-park\"},{\"id\":1843534,\"name\":\"North Cascades National Park\",\"shareUrl\":\"/guide/1843534/hiking-in-north-cascades-national-park\"},{\"id\":1843789,\"name\":\"Arches National Park\",\"shareUrl\":\"/guide/1843789/hiking-in-arches-national-park\"},{\"id\":1934212,\"name\":\"Berkeley\",\"shareUrl\":\"/guide/1934212/hiking-around-berkeley\"},{\"id\":1843602,\"name\":\"Big Bend National Park\",\"shareUrl\":\"/guide/1843602/hiking-in-big-bend-national-park\"},{\"id\":17415,\"name\":\"Capitol Reef National Park\",\"shareUrl\":\"/guide/17415/hiking-in-capitol-reef-national-park\"},{\"id\":3302068,\"name\":\"Waimea Canyon State Park\",\"shareUrl\":\"/guide/3302068/hiking-in-waimea-canyon-state-park\"},{\"id\":1844350,\"name\":\"Great Smoky Mountains National Park\",\"shareUrl\":\"/guide/1844350/hiking-in-great-smoky-mountains-national-park\"},{\"id\":2207368,\"name\":\"Cold Spring\",\"shareUrl\":\"/guide/2207368/hiking-around-cold-spring\"},{\"id\":1844333,\"name\":\"Acadia National Park\",\"shareUrl\":\"/guide/1844333/hiking-in-acadia-national-park\"}]}],\"international\":{\"countries\":[{\"id\":72442,\"name\":\"Norway\",\"shareUrl\":\"/guide/72442/hiking-in-norway\"},{\"id\":71987,\"name\":\"Isle of Man\",\"shareUrl\":\"/guide/71987/hiking-on-the-isle-of-man\"},{\"id\":71967,\"name\":\"Iceland\",\"shareUrl\":\"/guide/71967/hiking-in-iceland\"},{\"id\":71983,\"name\":\"Ireland\",\"shareUrl\":\"/guide/71983/hiking-in-ireland\"},{\"id\":1877,\"name\":\"Malta\",\"shareUrl\":\"/guide/1877/hiking-in-malta\"},{\"id\":533,\"name\":\"France\",\"shareUrl\":\"/guide/533/hiking-in-france\"},{\"id\":525,\"name\":\"Switzerland\",\"shareUrl\":\"/guide/525/hiking-in-switzerland\"},{\"id\":71995,\"name\":\"Japan\",\"shareUrl\":\"/guide/71995/hiking-in-japan\"},{\"id\":541,\"name\":\"Portugal\",\"shareUrl\":\"/guide/541/hiking-in-portugal\"},{\"id\":537,\"name\":\"Italy\",\"shareUrl\":\"/guide/537/hiking-in-italy\"}],\"destinations\":[{\"id\":1885,\"name\":\"Dolomites\",\"shareUrl\":\"/guide/1885/hiking-in-the-dolomites\"},{\"id\":3295863,\"name\":\"Jasper National Park\",\"shareUrl\":\"/guide/3295863/hiking-in-jasper-national-park\"},{\"id\":3284711,\"name\":\"Banff National Park\",\"shareUrl\":\"/guide/3284711/hiking-in-banff-national-park\"},{\"id\":18691,\"name\":\"Crete\",\"shareUrl\":\"/guide/18691/hiking-in-the-crete\"},{\"id\":18031,\"name\":\"Clare\",\"shareUrl\":\"/guide/18031/hiking-in-clare\"},{\"id\":1777,\"name\":\"Pyrenees\",\"shareUrl\":\"/guide/1777/hiking-in-the-pyrenees\"},{\"id\":17327,\"name\":\"Calvados\",\"shareUrl\":\"/guide/17327/hiking-in-calvados\"},{\"id\":17191,\"name\":\"Buttstädt\",\"shareUrl\":\"/guide/17191/hiking-around-buttstaedt\"},{\"id\":69191,\"name\":\"Wicklow Mountains National Park\",\"shareUrl\":\"/guide/69191/hiking-in-the-wicklow-mountains-national-park\"},{\"id\":17471,\"name\":\"Carpathian Mountains\",\"shareUrl\":\"/guide/17471/hiking-in-the-carpathian-mountains\"},{\"id\":3284626,\"name\":\"Kootenay National Park\",\"shareUrl\":\"/guide/3284626/hiking-in-kootenay-national-park\"},{\"id\":661,\"name\":\"Kaiser Mountains\",\"shareUrl\":\"/guide/661/hiking-in-the-kaiser-mountains\"},{\"id\":301,\"name\":\"Landkreis München\",\"shareUrl\":\"/guide/301/hiking-around-landkreis-muenchen\"},{\"id\":3735173,\"name\":\"Sleeping Giant Provincial Park\",\"shareUrl\":\"/guide/3735173/hiking-in-sleeping-giant-provincial-park\"},{\"id\":6151,\"name\":\"Bezirk Bregenz\",\"shareUrl\":\"/guide/6151/hiking-around-bezirk-bregenz\"}]}},\"touringbicycle\":{\"countries\":[{\"countryName\":\"United Kingdom\",\"countryGuide\":{\"id\":72317,\"name\":\"United Kingdom\",\"shareUrl\":\"/guide/72317/cycling-in-the-united-kingdom\"},\"role\":\"primary\",\"tier2Guides\":[{\"id\":18006,\"name\":\"Edinburgh\",\"shareUrl\":\"/guide/18006/cycling-around-edinburgh\"},{\"id\":40898,\"name\":\"London\",\"shareUrl\":\"/guide/40898/cycling-around-london\"},{\"id\":674719,\"name\":\"Harrogate\",\"shareUrl\":\"/guide/674719/cycling-around-harrogate\"},{\"id\":26642,\"name\":\"Glasgow City\",\"shareUrl\":\"/guide/26642/cycling-around-glasgow\"},{\"id\":673903,\"name\":\"Cheltenham\",\"shareUrl\":\"/guide/673903/cycling-around-cheltenham\"},{\"id\":1707333,\"name\":\"Box\",\"shareUrl\":\"/guide/1707333/cycling-around-box\"},{\"id\":673308,\"name\":\"New Forest\",\"shareUrl\":\"/guide/673308/cycling-around-new-forest\"},{\"id\":670707,\"name\":\"Cannock Chase\",\"shareUrl\":\"/guide/670707/cycling-around-cannock-chase\"},{\"id\":504702,\"name\":\"Lake District\",\"shareUrl\":\"/guide/504702/cycling-in-lake-district\"},{\"id\":728558,\"name\":\"Deal\",\"shareUrl\":\"/guide/728558/cycling-around-deal\"},{\"id\":851196,\"name\":\"Cross\",\"shareUrl\":\"/guide/851196/cycling-around-cross\"},{\"id\":750165,\"name\":\"Silverstone\",\"shareUrl\":\"/guide/750165/cycling-around-silverstone\"},{\"id\":672492,\"name\":\"Hastings\",\"shareUrl\":\"/guide/672492/cycling-around-hastings\"},{\"id\":672016,\"name\":\"Norwich\",\"shareUrl\":\"/guide/672016/cycling-around-norwich\"},{\"id\":670928,\"name\":\"Lincoln\",\"shareUrl\":\"/guide/670928/cycling-around-lincoln\"},{\"id\":727113,\"name\":\"Bridge\",\"shareUrl\":\"/guide/727113/cycling-around-bridge\"},{\"id\":721197,\"name\":\"Lake\",\"shareUrl\":\"/guide/721197/cycling-around-lake\"},{\"id\":1707588,\"name\":\"Castle Combe\",\"shareUrl\":\"/guide/1707588/cycling-around-castle-combe\"},{\"id\":750964,\"name\":\"Rise\",\"shareUrl\":\"/guide/750964/cycling-around-rise\"},{\"id\":15474,\"name\":\"Bournemouth\",\"shareUrl\":\"/guide/15474/cycling-around-bournemouth\"}]},{\"countryName\":\"United States\",\"countryGuide\":{\"id\":72321,\"name\":\"United States\",\"shareUrl\":\"/guide/72321/cycling-in-the-united-states-of-america\"},\"role\":\"primary\",\"tier2Guides\":[{\"id\":1961976,\"name\":\"Colorado Springs\",\"shareUrl\":\"/guide/1961976/cycling-around-colorado-springs\"},{\"id\":1935167,\"name\":\"Los Angeles\",\"shareUrl\":\"/guide/1935167/cycling-around-los-angeles\"},{\"id\":2280012,\"name\":\"Portland\",\"shareUrl\":\"/guide/2280012/cycling-around-portland\"},{\"id\":1938346,\"name\":\"Huntington Beach\",\"shareUrl\":\"/guide/1938346/cycling-around-huntington-beach\"},{\"id\":2101784,\"name\":\"Boston\",\"shareUrl\":\"/guide/2101784/cycling-around-boston\"},{\"id\":2394405,\"name\":\"Seattle\",\"shareUrl\":\"/guide/2394405/cycling-around-seattle\"},{\"id\":1935320,\"name\":\"San Jose\",\"shareUrl\":\"/guide/1935320/cycling-around-san-jose\"},{\"id\":1963931,\"name\":\"Denver\",\"shareUrl\":\"/guide/1963931/cycling-around-denver\"},{\"id\":2102532,\"name\":\"Arlington\",\"shareUrl\":\"/guide/2102532/cycling-around-arlington\"},{\"id\":1939009,\"name\":\"Sacramento\",\"shareUrl\":\"/guide/1939009/cycling-around-sacramento\"},{\"id\":1914920,\"name\":\"Tucson\",\"shareUrl\":\"/guide/1914920/cycling-around-tucson\"},{\"id\":1935847,\"name\":\"San Francisco\",\"shareUrl\":\"/guide/1935847/cycling-around-san-francisco\"},{\"id\":44734,\"name\":\"Mount Lemmon\",\"shareUrl\":\"/guide/44734/cycling-around-mount-lemmon\"},{\"id\":2360371,\"name\":\"Austin\",\"shareUrl\":\"/guide/2360371/cycling-around-austin\"},{\"id\":2252829,\"name\":\"Brooklyn\",\"shareUrl\":\"/guide/2252829/cycling-around-brooklyn\"},{\"id\":1939485,\"name\":\"Santa Cruz\",\"shareUrl\":\"/guide/1939485/cycling-around-santa-cruz\"},{\"id\":2414312,\"name\":\"Madison\",\"shareUrl\":\"/guide/2414312/cycling-around-madison\"},{\"id\":1940692,\"name\":\"Santa Barbara\",\"shareUrl\":\"/guide/1940692/cycling-around-santa-barbara\"},{\"id\":1933756,\"name\":\"San Diego\",\"shareUrl\":\"/guide/1933756/cycling-around-san-diego\"},{\"id\":2393470,\"name\":\"Vancouver\",\"shareUrl\":\"/guide/2393470/cycling-around-vancouver\"}]}],\"international\":{\"countries\":[{\"id\":71986,\"name\":\"Ireland\",\"shareUrl\":\"/guide/71986/cycling-in-ireland\"},{\"id\":72437,\"name\":\"Mauritius\",\"shareUrl\":\"/guide/72437/cycling-in-mauritius\"},{\"id\":71838,\"name\":\"Colombia\",\"shareUrl\":\"/guide/71838/cycling-in-colombia\"},{\"id\":552,\"name\":\"Germany\",\"shareUrl\":\"/guide/552/cycling-in-germany\"},{\"id\":1860,\"name\":\"Croatia\",\"shareUrl\":\"/guide/1860/cycling-in-croatia\"},{\"id\":71990,\"name\":\"Isle of Man\",\"shareUrl\":\"/guide/71990/cycling-on-the-isle-of-man\"},{\"id\":72345,\"name\":\"Vietnam\",\"shareUrl\":\"/guide/72345/cycling-in-vietnam\"},{\"id\":71998,\"name\":\"Japan\",\"shareUrl\":\"/guide/71998/cycling-in-japan\"},{\"id\":544,\"name\":\"Portugal\",\"shareUrl\":\"/guide/544/cycling-in-portugal\"},{\"id\":72692,\"name\":\"Australia\",\"shareUrl\":\"/guide/72692/cycling-in-australia\"}],\"destinations\":[{\"id\":1888,\"name\":\"Dolomites\",\"shareUrl\":\"/guide/1888/cycling-in-the-dolomites\"},{\"id\":18266,\"name\":\"Copenhagen\",\"shareUrl\":\"/guide/18266/cycling-in-copenhagen\"},{\"id\":72521,\"name\":\"Basque Country\",\"shareUrl\":\"/guide/72521/cycling-in-basque-country\"},{\"id\":832,\"name\":\"Alps\",\"shareUrl\":\"/guide/832/cycling-in-the-alps\"},{\"id\":800,\"name\":\"Canary Islands\",\"shareUrl\":\"/guide/800/cycling-in-the-canary-islands\"},{\"id\":3270179,\"name\":\"Greenbelt\",\"shareUrl\":\"/guide/3270179/cycling-in-greenbelt\"},{\"id\":47694,\"name\":\"Severozápad\",\"shareUrl\":\"/guide/47694/cycling-in-severozapad\"},{\"id\":65358,\"name\":\"Untersiebenbrunn\",\"shareUrl\":\"/guide/65358/cycling-around-untersiebenbrunn\"},{\"id\":166071,\"name\":\"Park Krajobrazowy Doliny Bobru\",\"shareUrl\":\"/guide/166071/cycling-around-park-krajobrazowy-doliny-bobru\"},{\"id\":49674,\"name\":\"Orth an der Donau\",\"shareUrl\":\"/guide/49674/cycling-around-orth-an-der-donau\"},{\"id\":3227815,\"name\":\"Hell\",\"shareUrl\":\"/guide/3227815/cycling-in-hell\"},{\"id\":3242911,\"name\":\"Monte Antessio - Chiusola\",\"shareUrl\":\"/guide/3242911/cycling-in-monte-antessio-chiusola\"},{\"id\":59210,\"name\":\"Serba\",\"shareUrl\":\"/guide/59210/cycling-around-serba\"},{\"id\":40506,\"name\":\"Lindow (Mark)\",\"shareUrl\":\"/guide/40506/cycling-around-lindow-mark\"},{\"id\":3227832,\"name\":\"Appel\",\"shareUrl\":\"/guide/3227832/cycling-in-appel\"}]}},\"racebike\":{\"countries\":[{\"countryName\":\"United Kingdom\",\"countryGuide\":{\"id\":72316,\"name\":\"United Kingdom\",\"shareUrl\":\"/guide/72316/road-cycling-routes-in-the-united-kingdom\"},\"role\":\"primary\",\"tier2Guides\":[{\"id\":505585,\"name\":\"Dartmoor\",\"shareUrl\":\"/guide/505585/road-cycling-routes-in-dartmoor\"},{\"id\":504701,\"name\":\"Lake District\",\"shareUrl\":\"/guide/504701/road-cycling-routes-in-lake-district\"},{\"id\":504667,\"name\":\"Peak District\",\"shareUrl\":\"/guide/504667/road-cycling-routes-in-peak-district\"},{\"id\":674701,\"name\":\"Leeds\",\"shareUrl\":\"/guide/674701/road-cycling-routes-around-leeds\"},{\"id\":671607,\"name\":\"Manchester\",\"shareUrl\":\"/guide/671607/road-cycling-routes-around-manchester\"},{\"id\":504735,\"name\":\"Snowdonia\",\"shareUrl\":\"/guide/504735/road-cycling-routes-in-snowdonia\"},{\"id\":1763330,\"name\":\"North Wales\",\"shareUrl\":\"/guide/1763330/road-cycling-routes-in-north-wales\"},{\"id\":17613,\"name\":\"Ceredigion\",\"shareUrl\":\"/guide/17613/road-cycling-routes-in-ceredigion\"},{\"id\":63753,\"name\":\"Thurrock\",\"shareUrl\":\"/guide/63753/road-cycling-routes-in-thurrock\"},{\"id\":17461,\"name\":\"Carmarthenshire\",\"shareUrl\":\"/guide/17461/road-cycling-routes-in-carmarthenshire\"},{\"id\":15561,\"name\":\"Bracknell\",\"shareUrl\":\"/guide/15561/road-cycling-routes-in-bracknell\"},{\"id\":70209,\"name\":\"Wokingham\",\"shareUrl\":\"/guide/70209/road-cycling-routes-around-wokingham\"},{\"id\":60265,\"name\":\"Slough\",\"shareUrl\":\"/guide/60265/road-cycling-routes-around-slough\"},{\"id\":15473,\"name\":\"Bournemouth\",\"shareUrl\":\"/guide/15473/road-cycling-routes-around-bournemouth\"},{\"id\":69777,\"name\":\"Windsor and Maidenhead\",\"shareUrl\":\"/guide/69777/road-cycling-routes-in-windsor-and-maidenhead\"},{\"id\":65745,\"name\":\"Vale of Glamorgan\",\"shareUrl\":\"/guide/65745/road-cycling-routes-in-the-vale-of-glamorgan\"},{\"id\":40897,\"name\":\"London\",\"shareUrl\":\"/guide/40897/road-cycling-routes-around-london\"},{\"id\":42901,\"name\":\"Medway\",\"shareUrl\":\"/guide/42901/road-cycling-routes-in-medway\"},{\"id\":17569,\"name\":\"Central Bedfordshire\",\"shareUrl\":\"/guide/17569/road-cycling-routes-in-central-bedfordshire\"},{\"id\":17861,\"name\":\"Cheshire West and Chester\",\"shareUrl\":\"/guide/17861/road-cycling-routes-in-cheshire-west-and-chester\"}]},{\"countryName\":\"United States\",\"countryGuide\":{\"id\":72320,\"name\":\"United States\",\"shareUrl\":\"/guide/72320/road-cycling-routes-in-the-united-states-of-america\"},\"role\":\"primary\",\"tier2Guides\":[{\"id\":29661,\"name\":\"Haleakala\",\"shareUrl\":\"/guide/29661/road-cycling-routes-around-haleakala\"},{\"id\":2363430,\"name\":\"Houston\",\"shareUrl\":\"/guide/2363430/road-cycling-routes-around-houston\"},{\"id\":1959969,\"name\":\"Boulder\",\"shareUrl\":\"/guide/1959969/road-cycling-routes-around-boulder\"},{\"id\":1914919,\"name\":\"Tucson\",\"shareUrl\":\"/guide/1914919/road-cycling-routes-around-tucson\"},{\"id\":1935693,\"name\":\"Half Moon Bay\",\"shareUrl\":\"/guide/1935693/road-cycling-routes-around-half-moon-bay\"},{\"id\":2375415,\"name\":\"Salt Lake City\",\"shareUrl\":\"/guide/2375415/road-cycling-routes-around-salt-lake-city\"},{\"id\":1915174,\"name\":\"Phoenix\",\"shareUrl\":\"/guide/1915174/road-cycling-routes-around-phoenix\"},{\"id\":1961771,\"name\":\"Breckenridge\",\"shareUrl\":\"/guide/1961771/road-cycling-routes-around-breckenridge\"},{\"id\":2419921,\"name\":\"Oregon\",\"shareUrl\":\"/guide/2419921/road-cycling-routes-around-oregon\"},{\"id\":2007671,\"name\":\"Park City\",\"shareUrl\":\"/guide/2007671/road-cycling-routes-around-park-city\"},{\"id\":1939484,\"name\":\"Santa Cruz\",\"shareUrl\":\"/guide/1939484/road-cycling-routes-around-santa-cruz\"},{\"id\":2158257,\"name\":\"St. George\",\"shareUrl\":\"/guide/2158257/road-cycling-routes-around-st-george\"},{\"id\":1939008,\"name\":\"Sacramento\",\"shareUrl\":\"/guide/1939008/road-cycling-routes-around-sacramento\"},{\"id\":1895369,\"name\":\"Medicine Bow-Routt National Forest\",\"shareUrl\":\"/guide/1895369/road-cycling-routes-in-medicine-bow-routt-national-forest\"},{\"id\":1895386,\"name\":\"Shoshone National Forest\",\"shareUrl\":\"/guide/1895386/road-cycling-routes-in-shoshone-national-forest\"},{\"id\":1895267,\"name\":\"Idaho Panhandle National Forests\",\"shareUrl\":\"/guide/1895267/road-cycling-routes-in-idaho-panhandle-national-forests\"},{\"id\":1895437,\"name\":\"Inyo National Forest\",\"shareUrl\":\"/guide/1895437/road-cycling-routes-in-inyo-national-forest\"},{\"id\":1895318,\"name\":\"Dakota Prairie Grasslands\",\"shareUrl\":\"/guide/1895318/road-cycling-routes-in-dakota-prairie-grasslands\"},{\"id\":1895454,\"name\":\"Sequoia National Forest\",\"shareUrl\":\"/guide/1895454/road-cycling-routes-in-sequoia-national-forest\"},{\"id\":1895471,\"name\":\"Santa Fe National Forest\",\"shareUrl\":\"/guide/1895471/road-cycling-routes-in-santa-fe-national-forest\"}]}],\"international\":{\"countries\":[{\"id\":71973,\"name\":\"India\",\"shareUrl\":\"/guide/71973/road-cycling-routes-in-india\"},{\"id\":72244,\"name\":\"Sri Lanka\",\"shareUrl\":\"/guide/72244/road-cycling-routes-in-sri-lanka\"},{\"id\":72080,\"name\":\"Moldova\",\"shareUrl\":\"/guide/72080/road-cycling-routes-in-moldova\"},{\"id\":72408,\"name\":\"Jamaica\",\"shareUrl\":\"/guide/72408/road-cycling-routes-in-jamaica\"},{\"id\":71793,\"name\":\"Brunei\",\"shareUrl\":\"/guide/71793/road-cycling-routes-in-brunei\"},{\"id\":71997,\"name\":\"Japan\",\"shareUrl\":\"/guide/71997/road-cycling-routes-in-japan\"},{\"id\":72013,\"name\":\"Kenya\",\"shareUrl\":\"/guide/72013/road-cycling-routes-in-kenya\"},{\"id\":72005,\"name\":\"Jordan\",\"shareUrl\":\"/guide/72005/road-cycling-routes-in-jordan\"},{\"id\":72196,\"name\":\"Saudi Arabia\",\"shareUrl\":\"/guide/72196/road-cycling-routes-in-saudi-arabia\"},{\"id\":71917,\"name\":\"Georgia\",\"shareUrl\":\"/guide/71917/road-cycling-routes-in-georgia\"}],\"destinations\":[{\"id\":17205,\"name\":\"Butzow\",\"shareUrl\":\"/guide/17205/road-cycling-routes-around-butzow\"},{\"id\":40389,\"name\":\"Limburg\",\"shareUrl\":\"/guide/40389/road-cycling-routes-in-limburg\"},{\"id\":17333,\"name\":\"Calvörde\",\"shareUrl\":\"/guide/17333/road-cycling-routes-around-calvoerde\"},{\"id\":28065,\"name\":\"District du Gros-de-Vaud\",\"shareUrl\":\"/guide/28065/road-cycling-routes-in-district-du-gros-de-vaud\"},{\"id\":2612516,\"name\":\"gmina Ciechanów\",\"shareUrl\":\"/guide/2612516/road-cycling-routes-around-gmina-ciechanow\"},{\"id\":2593595,\"name\":\"Sorkwity\",\"shareUrl\":\"/guide/2593595/road-cycling-routes-around-sorkwity\"},{\"id\":3174672,\"name\":\"Ålfotbreen Landskapsvernområde\",\"shareUrl\":\"/guide/3174672/road-cycling-routes-in-alfotbreen-landskapsvernomrade\"},{\"id\":3212361,\"name\":\"Rezerwat Gązwa\",\"shareUrl\":\"/guide/3212361/road-cycling-routes-in-rezerwat-gazwa\"},{\"id\":31149,\"name\":\"Hengduan Mountains\",\"shareUrl\":\"/guide/31149/road-cycling-routes-in-the-hengduan-mountains\"},{\"id\":3174536,\"name\":\"Ytamo Naturreservat\",\"shareUrl\":\"/guide/3174536/road-cycling-routes-in-ytamo-naturreservat\"},{\"id\":3204898,\"name\":\"Šranecké Piesky\",\"shareUrl\":\"/guide/3204898/road-cycling-routes-in-sranecke-piesky\"},{\"id\":1525925,\"name\":\"Vierzon\",\"shareUrl\":\"/guide/1525925/road-cycling-routes-around-vierzon\"},{\"id\":2513729,\"name\":\"okres Považská Bystrica\",\"shareUrl\":\"/guide/2513729/road-cycling-routes-around-okres-povazska-bystrica\"},{\"id\":3247364,\"name\":\"Gola Di S. Eustachio\",\"shareUrl\":\"/guide/3247364/road-cycling-routes-in-gola-di-s-eustachio\"},{\"id\":1765523,\"name\":\"Los Velez\",\"shareUrl\":\"/guide/1765523/road-cycling-routes-around-los-velez\"}]}},\"mtb\":{\"countries\":[{\"countryName\":\"United Kingdom\",\"countryGuide\":{\"id\":72315,\"name\":\"United Kingdom\",\"shareUrl\":\"/guide/72315/mtb-trails-in-the-united-kingdom\"},\"role\":\"primary\",\"tier2Guides\":[{\"id\":670705,\"name\":\"Cannock Chase\",\"shareUrl\":\"/guide/670705/mtb-trails-around-cannock-chase\"},{\"id\":1686047,\"name\":\"Hope\",\"shareUrl\":\"/guide/1686047/mtb-trails-around-hope\"},{\"id\":752237,\"name\":\"Wales\",\"shareUrl\":\"/guide/752237/mtb-trails-around-wales\"},{\"id\":1702282,\"name\":\"Van\",\"shareUrl\":\"/guide/1702282/mtb-trails-around-van\"},{\"id\":504666,\"name\":\"Peak District\",\"shareUrl\":\"/guide/504666/mtb-trails-in-peak-district\"},{\"id\":9012,\"name\":\"Aberdeen\",\"shareUrl\":\"/guide/9012/mtb-trails-around-aberdeen\"},{\"id\":1688665,\"name\":\"Cam\",\"shareUrl\":\"/guide/1688665/mtb-trails-around-cam\"},{\"id\":505550,\"name\":\"South Downs\",\"shareUrl\":\"/guide/505550/mtb-trails-in-south-downs\"},{\"id\":671606,\"name\":\"Manchester\",\"shareUrl\":\"/guide/671606/mtb-trails-around-manchester\"},{\"id\":674887,\"name\":\"Sheffield\",\"shareUrl\":\"/guide/674887/mtb-trails-around-sheffield\"},{\"id\":504768,\"name\":\"Brecon Beacons\",\"shareUrl\":\"/guide/504768/mtb-trails-in-brecon-beacons\"},{\"id\":504700,\"name\":\"Lake District\",\"shareUrl\":\"/guide/504700/mtb-trails-in-lake-district\"},{\"id\":674700,\"name\":\"Leeds\",\"shareUrl\":\"/guide/674700/mtb-trails-around-leeds\"},{\"id\":1763329,\"name\":\"North Wales\",\"shareUrl\":\"/guide/1763329/mtb-trails-in-north-wales\"},{\"id\":876303,\"name\":\"Shrewsbury\",\"shareUrl\":\"/guide/876303/mtb-trails-around-shrewsbury\"},{\"id\":505584,\"name\":\"Dartmoor\",\"shareUrl\":\"/guide/505584/mtb-trails-in-dartmoor\"},{\"id\":670773,\"name\":\"Bolton\",\"shareUrl\":\"/guide/670773/mtb-trails-around-bolton\"},{\"id\":722572,\"name\":\"Leeds\",\"shareUrl\":\"/guide/722572/mtb-trails-around-leeds\"},{\"id\":505618,\"name\":\"Exmoor\",\"shareUrl\":\"/guide/505618/mtb-trails-in-exmoor\"},{\"id\":751319,\"name\":\"Stock\",\"shareUrl\":\"/guide/751319/mtb-trails-around-stock\"}]},{\"countryName\":\"United States\",\"countryGuide\":{\"id\":72319,\"name\":\"United States\",\"shareUrl\":\"/guide/72319/mtb-trails-in-the-united-states-of-america\"},\"role\":\"primary\",\"tier2Guides\":[{\"id\":1933754,\"name\":\"San Diego\",\"shareUrl\":\"/guide/1933754/mtb-trails-around-san-diego\"},{\"id\":1915343,\"name\":\"Sedona\",\"shareUrl\":\"/guide/1915343/mtb-trails-around-sedona\"},{\"id\":1937613,\"name\":\"Irvine\",\"shareUrl\":\"/guide/1937613/mtb-trails-around-irvine\"},{\"id\":1935539,\"name\":\"Ross\",\"shareUrl\":\"/guide/1935539/mtb-trails-around-ross\"},{\"id\":2374122,\"name\":\"Moab\",\"shareUrl\":\"/guide/2374122/mtb-trails-around-moab\"},{\"id\":1935165,\"name\":\"Los Angeles\",\"shareUrl\":\"/guide/1935165/mtb-trails-around-los-angeles\"},{\"id\":1935318,\"name\":\"San Jose\",\"shareUrl\":\"/guide/1935318/mtb-trails-around-san-jose\"},{\"id\":1914374,\"name\":\"Scottsdale\",\"shareUrl\":\"/guide/1914374/mtb-trails-around-scottsdale\"},{\"id\":1961770,\"name\":\"Breckenridge\",\"shareUrl\":\"/guide/1961770/mtb-trails-around-breckenridge\"},{\"id\":1961328,\"name\":\"Crested Butte\",\"shareUrl\":\"/guide/1961328/mtb-trails-around-crested-butte\"},{\"id\":1935743,\"name\":\"Pacifica\",\"shareUrl\":\"/guide/1935743/mtb-trails-around-pacifica\"},{\"id\":3355449,\"name\":\"Brown County State Park\",\"shareUrl\":\"/guide/3355449/mtb-trails-in-brown-county-state-park\"},{\"id\":1939483,\"name\":\"Santa Cruz\",\"shareUrl\":\"/guide/1939483/mtb-trails-around-santa-cruz\"},{\"id\":1935607,\"name\":\"Atherton\",\"shareUrl\":\"/guide/1935607/mtb-trails-around-atherton\"},{\"id\":1959968,\"name\":\"Boulder\",\"shareUrl\":\"/guide/1959968/mtb-trails-around-boulder\"},{\"id\":1933686,\"name\":\"Oakland\",\"shareUrl\":\"/guide/1933686/mtb-trails-around-oakland\"},{\"id\":1939908,\"name\":\"South Lake Tahoe\",\"shareUrl\":\"/guide/1939908/mtb-trails-around-south-lake-tahoe\"},{\"id\":1763414,\"name\":\"Philadelphia\",\"shareUrl\":\"/guide/1763414/mtb-trails-around-philadelphia\"},{\"id\":2397021,\"name\":\"Bellingham\",\"shareUrl\":\"/guide/2397021/mtb-trails-around-bellingham\"},{\"id\":1941404,\"name\":\"Ashland\",\"shareUrl\":\"/guide/1941404/mtb-trails-around-ashland\"}]}],\"international\":{\"countries\":[{\"id\":72036,\"name\":\"Lebanon\",\"shareUrl\":\"/guide/72036/mtb-trails-in-lebanon\"},{\"id\":71996,\"name\":\"Japan\",\"shareUrl\":\"/guide/71996/mtb-trails-in-japan\"},{\"id\":72435,\"name\":\"Mauritius\",\"shareUrl\":\"/guide/72435/mtb-trails-in-mauritius\"},{\"id\":72075,\"name\":\"Mexico\",\"shareUrl\":\"/guide/72075/mtb-trails-in-mexico\"},{\"id\":71928,\"name\":\"Greece\",\"shareUrl\":\"/guide/71928/mtb-trails-in-greece\"},{\"id\":72111,\"name\":\"Namibia\",\"shareUrl\":\"/guide/72111/mtb-trails-in-namibia\"},{\"id\":72363,\"name\":\"Ecuador\",\"shareUrl\":\"/guide/72363/mtb-trails-in-ecuador\"},{\"id\":71816,\"name\":\"Canada\",\"shareUrl\":\"/guide/71816/mtb-trails-in-canada\"},{\"id\":72275,\"name\":\"Thailand\",\"shareUrl\":\"/guide/72275/mtb-trails-in-thailand\"},{\"id\":538,\"name\":\"Italy\",\"shareUrl\":\"/guide/538/mtb-trails-in-italy\"}],\"destinations\":[{\"id\":1886,\"name\":\"Dolomites\",\"shareUrl\":\"/guide/1886/mtb-trails-in-the-dolomites\"},{\"id\":17284,\"name\":\"Calau\",\"shareUrl\":\"/guide/17284/mtb-trails-around-calau\"},{\"id\":508661,\"name\":\"Picos De Europa\",\"shareUrl\":\"/guide/508661/mtb-trails-in-picos-de-europa\"},{\"id\":17332,\"name\":\"Calvörde\",\"shareUrl\":\"/guide/17332/mtb-trails-around-calvoerde\"},{\"id\":1862,\"name\":\"Provence\",\"shareUrl\":\"/guide/1862/mtb-trails-in-the-provence\"},{\"id\":515478,\"name\":\"Lorraine\",\"shareUrl\":\"/guide/515478/mtb-trails-in-lorraine\"},{\"id\":2652,\"name\":\"Albstadt\",\"shareUrl\":\"/guide/2652/mtb-trails-around-albstadt\"},{\"id\":830,\"name\":\"Alps\",\"shareUrl\":\"/guide/830/mtb-trails-in-the-alps\"},{\"id\":2631232,\"name\":\"Sokółka\",\"shareUrl\":\"/guide/2631232/mtb-trails-around-sokoka\"},{\"id\":61476,\"name\":\"Steinigtwolmsdorf\",\"shareUrl\":\"/guide/61476/mtb-trails-around-steinigtwolmsdorf\"},{\"id\":3227456,\"name\":\"Duinen Den Helder-Callantsoog\",\"shareUrl\":\"/guide/3227456/mtb-trails-in-duinen-den-helder-callantsoog\"},{\"id\":3231944,\"name\":\"Galgenberg\",\"shareUrl\":\"/guide/3231944/mtb-trails-in-galgenberg\"},{\"id\":62636,\"name\":\"Sustrum\",\"shareUrl\":\"/guide/62636/mtb-trails-around-sustrum\"},{\"id\":39908,\"name\":\"Lengede\",\"shareUrl\":\"/guide/39908/mtb-trails-around-lengede\"},{\"id\":20620,\"name\":\"Dorstadt\",\"shareUrl\":\"/guide/20620/mtb-trails-around-dorstadt\"}]}}},\"kmtx\":{\"session\":{\"lang\":\"en\",\"metric\":true,\"_links\":{\"self\":{\"href\":\"https://www.komoot.com/webapi/v007/session\"},\"profile\":{},\"device\":{}},\"_embedded\":{\"profile\":{\"_links\":{\"config\":{},\"config_web\":{}},\"_embedded\":{\"config\":{\"nps\":{\"active\":false,\"delay\":0},\"feature_flags\":[],\"_links\":{},\"_meta\":{\"nps_asked_once\":false}},\"config_web\":{\"_links\":{}}}},\"device\":{\"skip_translation\":false,\"env\":{\"KOMOOT_ENV\":\"live\",\"NODE_ENV\":\"production\"},\"ip\":\"194.26.222.226\",\"user_agent\":{\"deviceType\":\"desktop\",\"raw\":\"InsightBaseBot/2.0 (+https://insightbase.com/bot)\"},\"is_bot\":true,\"is_iframe\":false,\"country\":\"GB\",\"accept_language\":[],\"_links\":{}}}},\"screen\":{\"location\":{\"hash\":\"\",\"host\":\"www.komoot.com\",\"hostname\":\"www.komoot.com\",\"href\":\"https://www.komoot.com/\",\"origin\":\"https://www.komoot.com\",\"pathname\":\"/\",\"port\":\"\",\"protocol\":\"https:\",\"search\":\"\",\"query\":{},\"params\":{}},\"referrer\":null,\"header\":false,\"legacy_styles\":false,\"search_bar_in_header\":false,\"title\":\"Komoot | Find, plan and share your adventures\",\"description\":\"Turn your next ride, hike, or run into an adventure with komoot. Get inspired by tapping into shared community knowledge and recommendations, then bring your adventures to life with the easy route planner.\",\"above_the_fold_type\":\"home\",\"class_name\":\"device-desktop os-undefined\",\"_links\":{}}},\"dehydratedQueryClientState\":{\"mutations\":[],\"queries\":[{\"state\":{\"data\":[{\"id\":1159215,\"type\":\"collection_editorial\",\"date\":\"2021-05-07T07:55:53.846Z\",\"changedAt\":\"2025-11-01T11:40:04.151Z\",\"name\":\"North Coast 500 – Escape to the Highlands\",\"intro\":\"With winter finally feeling like it had come to an end and travel opening up again, I started talking with friends about some trip ideas. In reality flying was still out of the question, so we looked to the mainland UK for some inspiration. The North Coast 500 was something I’d heard about from many friends over the years but not something I’d fully looked in to.\\r\\n\\r\\nBringing together a route of just over 500 miles of stunning coastal scenery, the North Coast 500 naturally follows the main roads along the coastal edges of the North Highlands of Scotland, taking in the regions of Wester Ross, Sutherland, Caithness, Easter Ross, the Black Isle and Inverness-shire.\\r\\n\\r\\nThe route begins and ends at Inverness Castle. Perched on top of a hill it is the perfect starting point to the route and offers unparalleled views over the capital city of the Highlands.\\r\\n\\r\\nTogether with friends Lawrence and Ollie, we decided this would be the perfect route and decided on the dates. Logistics were easy: one train from Kings Cross in London all the way up to Inverness, which was actually pretty cheap. For the savings on a family ticket we needed one extra person to bring our group to four. After some asking around Ollie’s friend Gabe pulled the trigger and that was that. We were going to Scotland! \\r\\n\\r\\nWe had thought about how to document our trip and make the most of what was sure to be an epic adventure, and as Lawrence runs a successful YouTube channel we would have that as a great platform to showcase what we got up to. Having professional photos would be the cherry on the top. \\r\\n\\r\\nI had previously asked my friend and professional photographer Alex Duffill if he would like to join us on the the trip as our fourth rider, although he was very interested in taking on the ride alongside us the opportunity to come and photograph instead became more appealing once I started to tell him the distance and how it would probably snow or rain at least once a day... A warm car was decided upon as his mode of transport and just like that four became five.\",\"shareUrl\":\"https://www.komoot.com/collection/1159215/north-coast-500-escape-to-the-highlands\",\"status\":\"public\",\"sport\":\"racebike\",\"tags\":[\"ambitious\",\"bikepacking\",\"ambassador\",\"long-distance\",\"breathtaking-views\",\"passes\",\"autumn\",\"summer\",\"spring\",\"publictransport\",\"coastal\",\"official\"],\"multiDay\":false,\"creatorNoSubscription\":false,\"introPlain\":\"With winter finally feeling like it had come to an end and travel opening up again, I started talking with friends about some trip ideas. In reality flying was still out of the question, so we looked to the mainland UK for some inspiration. The North Coast 500 was something I’d heard about from many friends over the years but not something I’d fully looked in to.\\r\\n\\r\\nBringing together a route of just over 500 miles of stunning coastal scenery, the North Coast 500 naturally follows the main roads along the coastal edges of the North Highlands of Scotland, taking in the regions of Wester Ross, Sutherland, Caithness, Easter Ross, the Black Isle and Inverness-shire.\\r\\n\\r\\nThe route begins and ends at Inverness Castle. Perched on top of a hill it is the perfect starting point to the route and offers unparalleled views over the capital city of the Highlands.\\r\\n\\r\\nTogether with friends Lawrence and Ollie, we decided this would be the perfect route and decided on the dates. Logistics were easy: one train from Kings Cross in London all the way up to Inverness, which was actually pretty cheap. For the savings on a family ticket we needed one extra person to bring our group to four. After some asking around Ollie’s friend Gabe pulled the trigger and that was that. We were going to Scotland! \\r\\n\\r\\nWe had thought about how to document our trip and make the most of what was sure to be an epic adventure, and as Lawrence runs a successful YouTube channel we would have that as a great platform to showcase what we got up to. Having professional photos would be the cherry on the top. \\r\\n\\r\\nI had previously asked my friend and professional photographer Alex Duffill if he would like to join us on the the trip as our fourth rider, although he was very interested in taking on the ride alongside us the opportunity to come and photograph instead became more appealing once I started to tell him the distance and how it would probably snow or rain at least once a day... A warm car was decided upon as his mode of transport and just like that four became five.\",\"coverImage\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/xq/xqbbwh2tsk3411z85zpv2gk33rkutghb-c1159215-full/19a3f37aab7?width={width}&height={height}&crop={crop}\",\"templated\":true,\"attribution\":\"Liam Yates\",\"attributionUrl\":\"https://www.komoot.com/user/739052563113\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/collections/1159215/cover_image\"}},\"Embedded\":{\"creator\":{\"username\":\"739052563113\",\"avatar\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/13/131hlhbftb4eo7twkffunruq62z2wdvm5-u739052563113-full/1962106b2a1?width={width}&height={height}&crop={crop}\",\"templated\":true,\"type\":\"image/*\"},\"status\":\"public\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/739052563113/profile_embedded\"},\"relation\":{\"href\":\"https://api.komoot.de/v007/users/{username}/relations/739052563113\",\"templated\":true}},\"displayName\":\"Liam Yates\",\"isPremium\":true}}},\"creator\":{\"username\":\"739052563113\",\"avatar\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/13/131hlhbftb4eo7twkffunruq62z2wdvm5-u739052563113-full/1962106b2a1?width={width}&height={height}&crop={crop}\",\"templated\":true,\"type\":\"image/*\"},\"status\":\"public\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/739052563113/profile_embedded\"},\"relation\":{\"href\":\"https://api.komoot.de/v007/users/{username}/relations/739052563113\",\"templated\":true}},\"displayName\":\"Liam Yates\",\"isPremium\":true},\"compilation\":[],\"sponsoredCta\":{\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/collections/1159215/sponsored_cta\"}}}},{\"id\":291,\"type\":\"collection_editorial\",\"date\":\"2017-01-20T14:21:22.655Z\",\"changedAt\":\"2026-10-15T16:38:12.289Z\",\"name\":\"John Muir Trail – Along the legendary trail through the magical Sierra Nevada\",\"intro\":\"From the iconic Half Dome to the highest point in the USA along crystal-clear, turquoise lakes, over challenging passes and through a mountain world that is unparalleled anywhere else in the world - even the explorer and adventurer John Muir could not get away from this sight and laid the foundation for this trail with his pictorial descriptions. Over 350 kilometers this adventurous trail leads you from the famous and popular Yosemite Valley through the summit world of the Sierra Nevada up to the summit of Mount Whitney. On the way you will collect impressions that you will not forget for the rest of your life. \\r\\n\\r\\nThe John Muir Trail is one of the most beautiful long-distance trails in the USA. In addition, it is still quite short compared to the \\\"big ones\\\" such as the 4,200 kilometer Pacific Crest Trail. Nevertheless, you should not underestimate its difficulty: After all, over 27,000 meters of ascent and descent through alpine terrain with virtually no infrastructure await you. In any case, your luggage should include a tent, a warm sleeping bag and a sleeping pad - everything you need for an adventure in the mountains lasting several weeks. In addition, it is mandatory to bring a bear canister, in which you can stow your supplies and cosmetics - this also helps with curious marmots, which are at home high up here. You can borrow the canister on site. Since the Sierra Nevada sometimes has a lot of snow until summer, you should also bring microspikes and an ice axe. Both you need especially for the challenging pass crossings.\\r\\n\\r\\nIn this collection I have divided the John Muir Trail into 22 stages. The ascent of Half Dome right at the beginning is optional, because for this you need a special permit. You also need a permit for the John Muir Trail itself. The permits are in great demand and can be applied for 24 weeks before your start via https://www.pcta.org/discover-the-trail/john-muir-trail/jmt-permits/. Once you've got one, it's time for the detailed planning. In my tour descriptions there are always recommendations where you can replenish your supplies, have a bite to eat and relax for a day or two from the hard life of hiking. You will find information about camping possibilities and water sources in the highlights of the respective tour. The mountains are calling for you - let's go!\",\"shareUrl\":\"https://www.komoot.com/collection/291/john-muir-trail-along-the-legendary-trail-through-the-magical-sierra-nevada\",\"status\":\"public\",\"sport\":\"hike\",\"tags\":[\"ambitious\",\"long-distance\",\"autumn\",\"summer\",\"official\"],\"multiDay\":true,\"creatorNoSubscription\":false,\"introPlain\":\"From the iconic Half Dome to the highest point in the USA along crystal-clear, turquoise lakes, over challenging passes and through a mountain world that is unparalleled anywhere else in the world - even the explorer and adventurer John Muir could not get away from this sight and laid the foundation for this trail with his pictorial descriptions. Over 350 kilometers this adventurous trail leads you from the famous and popular Yosemite Valley through the summit world of the Sierra Nevada up to the summit of Mount Whitney. On the way you will collect impressions that you will not forget for the rest of your life. \\r\\n\\r\\nThe John Muir Trail is one of the most beautiful long-distance trails in the USA. In addition, it is still quite short compared to the \\\"big ones\\\" such as the 4,200 kilometer Pacific Crest Trail. Nevertheless, you should not underestimate its difficulty: After all, over 27,000 meters of ascent and descent through alpine terrain with virtually no infrastructure await you. In any case, your luggage should include a tent, a warm sleeping bag and a sleeping pad - everything you need for an adventure in the mountains lasting several weeks. In addition, it is mandatory to bring a bear canister, in which you can stow your supplies and cosmetics - this also helps with curious marmots, which are at home high up here. You can borrow the canister on site. Since the Sierra Nevada sometimes has a lot of snow until summer, you should also bring microspikes and an ice axe. Both you need especially for the challenging pass crossings.\\r\\n\\r\\nIn this collection I have divided the John Muir Trail into 22 stages. The ascent of Half Dome right at the beginning is optional, because for this you need a special permit. You also need a permit for the John Muir Trail itself. The permits are in great demand and can be applied for 24 weeks before your start via https://www.pcta.org/discover-the-trail/john-muir-trail/jmt-permits/. Once you've got one, it's time for the detailed planning. In my tour descriptions there are always recommendations where you can replenish your supplies, have a bite to eat and relax for a day or two from the hard life of hiking. You will find information about camping possibilities and water sources in the highlights of the respective tour. The mountains are calling for you - let's go!\",\"coverImage\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/collection/291/1PlmOP?width={width}&height={height}&crop={crop}\",\"templated\":true,\"attribution\":\"Carola \\\"Bandit\\\" Kessler\",\"attributionUrl\":\"https://www.komoot.de/user/288559289897\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/collections/291/cover_image\"}}},\"creator\":{\"username\":\"ladyoutdoors\",\"avatar\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/19/19zxqsh15j5qwlti5i9olz9yl1r0poin88971774-full/18d69a63f8b/p?width={width}&height={height}&crop={crop}\",\"templated\":true,\"type\":\"image/*\"},\"status\":\"public\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/ladyoutdoors/profile_embedded\"},\"relation\":{\"href\":\"https://api.komoot.de/v007/users/{username}/relations/ladyoutdoors\",\"templated\":true}},\"displayName\":\"Caro \\\"LadyOutdoors\\\"\",\"isPremium\":true},\"compilation\":[],\"sponsoredCta\":{\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/collections/291/sponsored_cta\"}}}},{\"id\":276,\"type\":\"collection_editorial\",\"date\":\"2017-01-02T18:53:03.019Z\",\"changedAt\":\"2025-11-01T11:51:11.697Z\",\"name\":\"GR20 – Europe's toughest long-distance hiking trail through Corsica\",\"intro\":\"Rough landscapes, loneliness, extreme heat, freezing cold and hardly any drinking water. Every morning at half past five, the alarm rings. Although that may not sound very inviting at first, for many, the GR20 is still a perfect hiking holiday. But, why? The French Grande Randonnée No. 20, or GR20 for short, is one of the toughest and most exciting long-distance trails in Europe. Over the course of 15 stages, it meanders 111 miles (180 kilometers) from northern Corsica through beautiful landscapes to the south of the island. The white and red mark will guide you the entire way from Calenzana via Vizzavona to Conca.\\r\\n\\r\\nAs far as Vizzavona, the northern part of the route is generally a more demanding and beautiful part and is therefore more well-trodden. But, the southern stages 10 to 15 will also make your hiking heart beat faster. Snow-covered cirques, deep valleys and glacial lakes tell tales of the area’s ice age history. The scenery is unbelievable and tough even for experienced mountain goers. As a result, this long-distance trail is one of the hardest and will be one of the best tours you have ever done.\\r\\n\\r\\nSurefootedness, good physical condition and careful planning are crucial for the GR20. You should also have adequate supplies of drinking water and food in your backpack, since you will not be able to find it at many shelters. We recommend reserving spots in huts, rental tents, or bivouac in advance online to make sure you have a space. \\r\\n\\r\\nThe weather on Corsica is very varied. While hot summers and mild winters are the norm along the Mediterranean coast, the Corsican mountains are characterized by climates that range from continental to alpine. You can find snow fields even in the middle of summer. The managed huts on the GR 20 start their season in May and open until October. It is generally not advisable to start hiking before April. Also, bear in mind that many springs have dried up due to the summer heat by September. The months of June and July are therefore optimal for your adventure. However, you have to expect sudden changes in the weather and bad weather conditions all year round. \\r\\n\\r\\nIf that does not scare you off but arouses your interest, then you’ve come to the right place on the GR20!\",\"shareUrl\":\"https://www.komoot.com/collection/276/gr20-europe-s-toughest-long-distance-hiking-trail-through-corsica\",\"status\":\"public\",\"sport\":\"hike\",\"tags\":[\"ambitious\",\"long-distance\",\"summer\",\"mountain-ranges\",\"official\"],\"multiDay\":true,\"creatorNoSubscription\":false,\"introPlain\":\"Rough landscapes, loneliness, extreme heat, freezing cold and hardly any drinking water. Every morning at half past five, the alarm rings. Although that may not sound very inviting at first, for many, the GR20 is still a perfect hiking holiday. But, why? The French Grande Randonnée No. 20, or GR20 for short, is one of the toughest and most exciting long-distance trails in Europe. Over the course of 15 stages, it meanders 111 miles (180 kilometers) from northern Corsica through beautiful landscapes to the south of the island. The white and red mark will guide you the entire way from Calenzana via Vizzavona to Conca.\\r\\n\\r\\nAs far as Vizzavona, the northern part of the route is generally a more demanding and beautiful part and is therefore more well-trodden. But, the southern stages 10 to 15 will also make your hiking heart beat faster. Snow-covered cirques, deep valleys and glacial lakes tell tales of the area’s ice age history. The scenery is unbelievable and tough even for experienced mountain goers. As a result, this long-distance trail is one of the hardest and will be one of the best tours you have ever done.\\r\\n\\r\\nSurefootedness, good physical condition and careful planning are crucial for the GR20. You should also have adequate supplies of drinking water and food in your backpack, since you will not be able to find it at many shelters. We recommend reserving spots in huts, rental tents, or bivouac in advance online to make sure you have a space. \\r\\n\\r\\nThe weather on Corsica is very varied. While hot summers and mild winters are the norm along the Mediterranean coast, the Corsican mountains are characterized by climates that range from continental to alpine. You can find snow fields even in the middle of summer. The managed huts on the GR 20 start their season in May and open until October. It is generally not advisable to start hiking before April. Also, bear in mind that many springs have dried up due to the summer heat by September. The months of June and July are therefore optimal for your adventure. However, you have to expect sudden changes in the weather and bad weather conditions all year round. \\r\\n\\r\\nIf that does not scare you off but arouses your interest, then you’ve come to the right place on the GR20!\",\"coverImage\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/collection/276/1HSQPF?width={width}&height={height}&crop={crop}\",\"templated\":true,\"attribution\":\"kaveman734\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/collections/276/cover_image\"}}},\"creator\":{\"username\":\"737844082095\",\"avatar\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/wo/wobnnneozxkl19bsm94hc6xtq2sekn2xz-u737844082095-full/1918a381dc9/p?width={width}&height={height}&crop={crop}\",\"templated\":true,\"type\":\"image/*\"},\"status\":\"public\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/737844082095/profile_embedded\"},\"relation\":{\"href\":\"https://api.komoot.de/v007/users/{username}/relations/737844082095\",\"templated\":true}},\"displayName\":\"Vanessa\",\"isPremium\":true},\"compilation\":[],\"sponsoredCta\":{\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/collections/276/sponsored_cta\"}}}},{\"id\":683,\"type\":\"collection_editorial\",\"date\":\"2018-06-05T11:41:51.512Z\",\"changedAt\":\"2024-12-13T09:49:24.289Z\",\"name\":\"The Kerry Way — in 9 stages over Ireland's mountains\",\"intro\":\"Ireland's highest mountains rise along the rugged Atlantic coast in County Kerry. The lonely landscapes are characterized by green hills and barren mountains, steep coasts and gentle beaches. The coastline consists of bays, peninsulas and islands, while on the Iveragh Peninsula, Kerry's largest peninsula, you will not only find Ireland's highest peaks, but also one of Europe's most beautiful long-distance hiking trails: the Kerry Way.\\r\\n\\r\\nThe Kerry Way takes you around the Iveragh Peninsula in nine daily stages. The hike begins in the rugged nature of Killarney National Park, from where you hike over sheep pastures, through moors and over mountain passes. It then leads you along narrow roads, country lanes and unspoiled mountain trails. On your nine-day hike, you'll have the chance to discover the scenic diversity of the entire peninsula, as well as that famous Irish hospitality in the small villages and towns that serve as stage destinations. When you arrive back in Killarney satisfied after your hike, you'll have covered over 140 miles (220 kilometers) and climbed around 13,000 feet (4,000 meters) in altitude.\\r\\n\\r\\nThe Kerry Way is well signposted and well developed. The hike does not require any special knowledge and is therefore also suitable for beginners with good physical fitness. Nevertheless, rustic paths await you, which can be muddy and humid, especially after the frequent rains. Thanks to the mild climate, you can plan the long distance hike all year round, although it is particularly beautiful in spring and autumn when there are fewer tourists in Ireland.\\r\\n\\r\\nIn addition to the Kerry Way, we have planned in one of the most challenging hikes in Ireland. From Lough Acoose, follow the Coomloughra Horseshoe trail to the top of Carrantouhill, Ireland's highest mountain. This mountain hike is not part of the official Kerry Way, however, and only recommended for experienced and enduring mountain hikers. If this section proves too intense for you, then just enjoy the view of Carrantouhill from below.\\r\\n\\r\\nDue to the changeable weather, you'll always need good equipment whenever you go. Rainwear, additional rain cover for your backpack (and maybe a drybag or two) and ankle-high, non-slip hiking boots are obligatory at any time of the year. You should also book all accommodation in advance, as there is very little choice in some villages. In fact, even in the low season many of the rooms can be fully booked.\\r\\n\\r\\nRyanair flies directly from many large European cities to Kerry regional airport. From there you can easily take the bus to Killarney. Alternatively, you can fly to Dublin and travel from there by train to the starting point of the hike.\",\"shareUrl\":\"https://www.komoot.com/collection/683/the-kerry-way-in-9-stages-over-ireland-s-mountains\",\"status\":\"public\",\"sport\":\"hike\",\"tags\":[\"long-distance\",\"autumn\",\"summer\",\"spring\",\"mountain-ranges\",\"coastal\"],\"multiDay\":false,\"creatorNoSubscription\":false,\"introPlain\":\"Ireland's highest mountains rise along the rugged Atlantic coast in County Kerry. The lonely landscapes are characterized by green hills and barren mountains, steep coasts and gentle beaches. The coastline consists of bays, peninsulas and islands, while on the Iveragh Peninsula, Kerry's largest peninsula, you will not only find Ireland's highest peaks, but also one of Europe's most beautiful long-distance hiking trails: the Kerry Way.\\r\\n\\r\\nThe Kerry Way takes you around the Iveragh Peninsula in nine daily stages. The hike begins in the rugged nature of Killarney National Park, from where you hike over sheep pastures, through moors and over mountain passes. It then leads you along narrow roads, country lanes and unspoiled mountain trails. On your nine-day hike, you'll have the chance to discover the scenic diversity of the entire peninsula, as well as that famous Irish hospitality in the small villages and towns that serve as stage destinations. When you arrive back in Killarney satisfied after your hike, you'll have covered over 140 miles (220 kilometers) and climbed around 13,000 feet (4,000 meters) in altitude.\\r\\n\\r\\nThe Kerry Way is well signposted and well developed. The hike does not require any special knowledge and is therefore also suitable for beginners with good physical fitness. Nevertheless, rustic paths await you, which can be muddy and humid, especially after the frequent rains. Thanks to the mild climate, you can plan the long distance hike all year round, although it is particularly beautiful in spring and autumn when there are fewer tourists in Ireland.\\r\\n\\r\\nIn addition to the Kerry Way, we have planned in one of the most challenging hikes in Ireland. From Lough Acoose, follow the Coomloughra Horseshoe trail to the top of Carrantouhill, Ireland's highest mountain. This mountain hike is not part of the official Kerry Way, however, and only recommended for experienced and enduring mountain hikers. If this section proves too intense for you, then just enjoy the view of Carrantouhill from below.\\r\\n\\r\\nDue to the changeable weather, you'll always need good equipment whenever you go. Rainwear, additional rain cover for your backpack (and maybe a drybag or two) and ankle-high, non-slip hiking boots are obligatory at any time of the year. You should also book all accommodation in advance, as there is very little choice in some villages. In fact, even in the low season many of the rooms can be fully booked.\\r\\n\\r\\nRyanair flies directly from many large European cities to Kerry regional airport. From there you can easily take the bus to Killarney. Alternatively, you can fly to Dublin and travel from there by train to the starting point of the hike.\",\"coverImage\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/collection/683/1Fq8Fh?width={width}&height={height}&crop={crop}\",\"templated\":true,\"attribution\":\"© Maren Kowalke\",\"attributionUrl\":\"https://www.komoot.de/user/537250495844\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/collections/683/cover_image\"}}},\"creator\":{\"username\":\"komoot\",\"avatar\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/2y/2ybguf62finf10zpa1jz1g3ia6ae4x7f153727-full/19985179009?width={width}&height={height}&crop={crop}\",\"templated\":true,\"type\":\"image/*\"},\"status\":\"public\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/komoot/profile_embedded\"},\"relation\":{\"href\":\"https://api.komoot.de/v007/users/{username}/relations/komoot\",\"templated\":true}},\"displayName\":\"komoot\",\"isPremium\":true},\"compilation\":[],\"sponsoredCta\":{\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/collections/683/sponsored_cta\"}}}},{\"id\":1015999,\"type\":\"collection_editorial\",\"date\":\"2020-08-23T19:42:35.354Z\",\"changedAt\":\"2025-11-01T12:17:06.418Z\",\"name\":\"The Colorado Trail — Ten incredible days in the Rocky Mountains\",\"intro\":\"The Colorado Trail is perhaps the premier MTB bikepacking route in all of North America — it's a 534 mile (860 km) ride with a vast majority of that being high alpine single track, stringing together some of the absolute best trails and mountain ranges across the state. We opted to ride north to south, starting in Denver and finishing in Durango.\\r\\n\\r\\nOur team consisted of myself, my good friend and fellow photographer Thomas Woodson, and friend Josh Conroy, a really strong rider and employee at Yeti Cycles. We set out for a 10 day pace on the trail — not a speed record by any means, but not slow either. This pace would still require some very large days, but not be so fast and strenuous that we wouldn't enjoy it. In my mind, a 10-day pace is perfect for the Colorado Trail. This would allow us to get food every few days, and never have to carry too much. We would also meet up with friends along the way to refuel on supplies and enjoy their company, and we found this to be a really fun and enjoyable way to do the trip.\\r\\n\\r\\nI had done the Colorado Trail in it's entirety in 2016, so it was great to get back out there and get on it again. I forgot how challenging it is and how mega some of the days were! A true backcountry epic, right in our backyard here in Colorado. \\r\\n\\r\\nTake a look at our route, enjoy the images, and don't hesitate to reach out with any questions. This ride is a must do for any Colorado local, and definitely a bucket list ride for anyone who loves high alpine riding and big bikepacking epics!\",\"shareUrl\":\"https://www.komoot.com/collection/1015999/the-colorado-trail-ten-incredible-days-in-the-rocky-mountains\",\"status\":\"public\",\"sport\":\"mtb\",\"tags\":[\"ambitious\",\"bikepacking\",\"self-supported\",\"gravel\",\"high-altitude-trails\",\"long-distance\",\"mountain-range-traverse\",\"peaks\",\"breathtaking-views\",\"passes\",\"summer\",\"autumn\",\"publictransport\",\"mountain-ranges\",\"official\"],\"multiDay\":false,\"creatorNoSubscription\":false,\"introPlain\":\"The Colorado Trail is perhaps the premier MTB bikepacking route in all of North America — it's a 534 mile (860 km) ride with a vast majority of that being high alpine single track, stringing together some of the absolute best trails and mountain ranges across the state. We opted to ride north to south, starting in Denver and finishing in Durango.\\r\\n\\r\\nOur team consisted of myself, my good friend and fellow photographer Thomas Woodson, and friend Josh Conroy, a really strong rider and employee at Yeti Cycles. We set out for a 10 day pace on the trail — not a speed record by any means, but not slow either. This pace would still require some very large days, but not be so fast and strenuous that we wouldn't enjoy it. In my mind, a 10-day pace is perfect for the Colorado Trail. This would allow us to get food every few days, and never have to carry too much. We would also meet up with friends along the way to refuel on supplies and enjoy their company, and we found this to be a really fun and enjoyable way to do the trip.\\r\\n\\r\\nI had done the Colorado Trail in it's entirety in 2016, so it was great to get back out there and get on it again. I forgot how challenging it is and how mega some of the days were! A true backcountry epic, right in our backyard here in Colorado. \\r\\n\\r\\nTake a look at our route, enjoy the images, and don't hesitate to reach out with any questions. This ride is a must do for any Colorado local, and definitely a bucket list ride for anyone who loves high alpine riding and big bikepacking epics!\",\"coverImage\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/1j/1j3lvmadbkjqr1mi8qbgaxkt203ia7ya0r-p99495961-full/1749770e7b6?width={width}&height={height}&crop={crop}\",\"templated\":true,\"clientHash\":\"9aa1c380d1c1ff2bceb696c680df4fcaa83eeffc85e62580f739b47e6252d5f3\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/collections/1015999/cover_image\"}},\"Embedded\":{\"creator\":{\"username\":\"1052328311035\",\"avatar\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/xl/xlc32q1fyara1r92np0mgp3av3amjnn5c-u1052328311035-full/173c074d980/p?width={width}&height={height}&crop={crop}\",\"templated\":true,\"type\":\"image/*\"},\"status\":\"public\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/1052328311035/profile_embedded\"},\"relation\":{\"href\":\"https://api.komoot.de/v007/users/{username}/relations/1052328311035\",\"templated\":true}},\"displayName\":\"Joey\",\"isPremium\":true}}},\"creator\":{\"username\":\"1052328311035\",\"avatar\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/xl/xlc32q1fyara1r92np0mgp3av3amjnn5c-u1052328311035-full/173c074d980/p?width={width}&height={height}&crop={crop}\",\"templated\":true,\"type\":\"image/*\"},\"status\":\"public\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/1052328311035/profile_embedded\"},\"relation\":{\"href\":\"https://api.komoot.de/v007/users/{username}/relations/1052328311035\",\"templated\":true}},\"displayName\":\"Joey\",\"isPremium\":true},\"compilation\":[],\"sponsoredCta\":{\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/collections/1015999/sponsored_cta\"}}}},{\"id\":898918,\"type\":\"collection_editorial\",\"date\":\"2019-11-24T16:39:55.861Z\",\"changedAt\":\"2024-12-16T17:38:17.190Z\",\"name\":\"Second City Divide — Rough Stuff Of The North\",\"intro\":\"The Second City Divide is a 400 mile (638 km) bikepacking route linking two of the UK’s second-biggest cities, Glasgow in Scotland and Manchester in the North West of England. Although the total route itself is relatively new, the tracks, trails and roads that it follows are anything but - dating back to neolithic times or roman roads that carve their signature straight lines across the remote moorland countryside.\\r\\n\\r\\nHeading out of bustling Glasgow, you’ll climb up to the UK’s largest onshore wind farm and follow wide gravel traffic-free tracks heading South East. Make the most of the ‘Right To Roam’ legislation in Scotland and enjoy a wild camp before you cross the border. \\r\\n\\r\\nRather than a direct route from city to city, the Second City Divide meanders across the North of England and Scottish Borderlands to take in the very best off-road areas on offer. From Kielder Forest Park to the Pennine Bridleway, the Yorkshire Dales and Lancashire moorland, expect plentiful helpings of rocky doubletrack, light gravel roads, testing singletrack, grassy moorland, sleepy country villages and bustling, animated cities. \\r\\n\\r\\nDue to the nature of the terrain, you’ll probably find that a gravel bike is best for the Second City Divide as there are a fair amount of linking lanes. Be prepared for some hike-a-bike though, and that the last few days get rather chunky on the Pennine Bridleway — a rigid or lightweight hardtail XC bike could also work here. \\r\\n\\r\\nThis route is perfect for riders with some bikepacking experience over six days. To do it in less would be very ambitious but it has been done, and you could certainly do it in many more! Don’t feel like you have to tackle the whole route in one go either, with brilliant rail access it’s perfect for a few weekend adventures. \\r\\n\\r\\nBoth Manchester and Glasgow have excellent transport links from train stations to airports, as well as many train links along the route. If you’re looking for an even bigger challenge, why not include the Second City Divide as part of a longer tour from Land’s End to John O’Groats off-road, spanning the whole length of the UK?\\r\\n\\r\\nCheck out more about the Second City Divide from the route masters and locals Luke and Christian here: www.secondcitydivide.cc/\",\"shareUrl\":\"https://www.komoot.com/collection/898918/second-city-divide-rough-stuff-of-the-north\",\"status\":\"public\",\"sport\":\"mtb\",\"tags\":[\"ambitious\",\"bikepacking\",\"gravel\",\"long-distance\",\"autumn\",\"summer\",\"spring\",\"publictransport\"],\"multiDay\":true,\"creatorNoSubscription\":false,\"introPlain\":\"The Second City Divide is a 400 mile (638 km) bikepacking route linking two of the UK’s second-biggest cities, Glasgow in Scotland and Manchester in the North West of England. Although the total route itself is relatively new, the tracks, trails and roads that it follows are anything but - dating back to neolithic times or roman roads that carve their signature straight lines across the remote moorland countryside.\\r\\n\\r\\nHeading out of bustling Glasgow, you’ll climb up to the UK’s largest onshore wind farm and follow wide gravel traffic-free tracks heading South East. Make the most of the ‘Right To Roam’ legislation in Scotland and enjoy a wild camp before you cross the border. \\r\\n\\r\\nRather than a direct route from city to city, the Second City Divide meanders across the North of England and Scottish Borderlands to take in the very best off-road areas on offer. From Kielder Forest Park to the Pennine Bridleway, the Yorkshire Dales and Lancashire moorland, expect plentiful helpings of rocky doubletrack, light gravel roads, testing singletrack, grassy moorland, sleepy country villages and bustling, animated cities. \\r\\n\\r\\nDue to the nature of the terrain, you’ll probably find that a gravel bike is best for the Second City Divide as there are a fair amount of linking lanes. Be prepared for some hike-a-bike though, and that the last few days get rather chunky on the Pennine Bridleway — a rigid or lightweight hardtail XC bike could also work here. \\r\\n\\r\\nThis route is perfect for riders with some bikepacking experience over six days. To do it in less would be very ambitious but it has been done, and you could certainly do it in many more! Don’t feel like you have to tackle the whole route in one go either, with brilliant rail access it’s perfect for a few weekend adventures. \\r\\n\\r\\nBoth Manchester and Glasgow have excellent transport links from train stations to airports, as well as many train links along the route. If you’re looking for an even bigger challenge, why not include the Second City Divide as part of a longer tour from Land’s End to John O’Groats off-road, spanning the whole length of the UK?\\r\\n\\r\\nCheck out more about the Second City Divide from the route masters and locals Luke and Christian here: www.secondcitydivide.cc/\",\"coverImage\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/collection/898918/1IAlda?width={width}&height={height}&crop={crop}\",\"templated\":true,\"attribution\":\"For The Hell Of It.cc\",\"attributionUrl\":\"https://www.forthehellofit.cc/\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/collections/898918/cover_image\"}}},\"creator\":{\"username\":\"444811548445\",\"avatar\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/r5/r5zpebwbyy871dmy01d4jb1o326ui59f416188025-full/190a0e860ef/p?width={width}&height={height}&crop={crop}\",\"templated\":true,\"type\":\"image/*\"},\"status\":\"public\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/444811548445/profile_embedded\"},\"relation\":{\"href\":\"https://api.komoot.de/v007/users/{username}/relations/444811548445\",\"templated\":true}},\"displayName\":\"Katherine Moore\",\"isPremium\":true},\"compilation\":[],\"sponsoredCta\":{\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/collections/898918/sponsored_cta\"}}}},{\"id\":1086555,\"type\":\"collection_editorial\",\"date\":\"2021-01-22T12:56:17.062Z\",\"changedAt\":\"2023-12-19T19:39:35.903Z\",\"name\":\"An unforeseen incredible journey – cycling from India to Nepal\",\"intro\":\"I had been dreaming about this journey for years, cycling over beautiful mountain passes and through magnificent landscapes. So, you can imagine how happy I was when the adventure finally began. Together with my friend Sabina, I cycled from the Caucasus mountains in Georgia through the scorching hot desert plains of Azerbaijan and Uzbekistan to the high mountains of Tajikistan and Kyrgyzstan. The original idea to cycle from Almaty to China unfortunately fell through. Winter arrived early in the season and with temperatures of minus 25, my sleeping bag’s comfort limit was far exceeded. Mountain passes were blanketed in heavy snowfall and roads were inaccessible. \\r\\n\\r\\nSuddenly, the adventure took on a whole new direction. There had to be a plan B and the route had to be changed. The Himalayas were also on our wish list, and a flight to India was the quickest way to get there. \\r\\n\\r\\nThe contrast between Central Asia and India could hardly be greater. Within a few hours, I went from the vast Kazakh steppe to the Indian metropolis of New Delhi with its more than 30 million inhabitants. Two tickets to Delhi took me from a secluded beautiful nature reserve to one of the world's largest urban agglomerations. \\r\\n\\r\\nIt turned out to be a wild ride, accompanied by all the necessary adventurous moments, through the crazy traffic of Delhi all the way to the highest peaks of Nepal. , I wrote a story about this part of the journey for Issue 02 of Dropped Magazine, a semi-annual magazine filled with inspiring cycling stories. If I have inspired you, you can find the route I took in this Collection.\\r\\n\\r\\nFor more information about Dropped Magazine, see: https://www.droppedmag.com\",\"shareUrl\":\"https://www.komoot.com/collection/1086555/an-unforeseen-incredible-journey-cycling-from-india-to-nepal\",\"status\":\"public\",\"sport\":\"touringbicycle\",\"tags\":[\"bikepacking\",\"long-distance\"],\"multiDay\":true,\"creatorNoSubscription\":false,\"introPlain\":\"I had been dreaming about this journey for years, cycling over beautiful mountain passes and through magnificent landscapes. So, you can imagine how happy I was when the adventure finally began. Together with my friend Sabina, I cycled from the Caucasus mountains in Georgia through the scorching hot desert plains of Azerbaijan and Uzbekistan to the high mountains of Tajikistan and Kyrgyzstan. The original idea to cycle from Almaty to China unfortunately fell through. Winter arrived early in the season and with temperatures of minus 25, my sleeping bag’s comfort limit was far exceeded. Mountain passes were blanketed in heavy snowfall and roads were inaccessible. \\r\\n\\r\\nSuddenly, the adventure took on a whole new direction. There had to be a plan B and the route had to be changed. The Himalayas were also on our wish list, and a flight to India was the quickest way to get there. \\r\\n\\r\\nThe contrast between Central Asia and India could hardly be greater. Within a few hours, I went from the vast Kazakh steppe to the Indian metropolis of New Delhi with its more than 30 million inhabitants. Two tickets to Delhi took me from a secluded beautiful nature reserve to one of the world's largest urban agglomerations. \\r\\n\\r\\nIt turned out to be a wild ride, accompanied by all the necessary adventurous moments, through the crazy traffic of Delhi all the way to the highest peaks of Nepal. , I wrote a story about this part of the journey for Issue 02 of Dropped Magazine, a semi-annual magazine filled with inspiring cycling stories. If I have inspired you, you can find the route I took in this Collection.\\r\\n\\r\\nFor more information about Dropped Magazine, see: https://www.droppedmag.com\",\"coverImage\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/m4/m460bohby89v1oa5mg6xthj2b3nd1xy6u-c1086555-full/18c83973c5f?width={width}&height={height}&crop={crop}\",\"templated\":true,\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/collections/1086555/cover_image\"}},\"Embedded\":{\"creator\":{\"username\":\"554027964257\",\"avatar\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/1f/1f0vdtqeh6d2z14ounx19eaoln2h6c8h0n-u554027964257-full/17319bd4d87/p?width={width}&height={height}&crop={crop}\",\"templated\":true,\"type\":\"image/*\"},\"status\":\"public\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/554027964257/profile_embedded\"},\"relation\":{\"href\":\"https://api.komoot.de/v007/users/{username}/relations/554027964257\",\"templated\":true}},\"displayName\":\"Robin Patijn - Farawayistan\",\"isPremium\":true}}},\"creator\":{\"username\":\"554027964257\",\"avatar\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/1f/1f0vdtqeh6d2z14ounx19eaoln2h6c8h0n-u554027964257-full/17319bd4d87/p?width={width}&height={height}&crop={crop}\",\"templated\":true,\"type\":\"image/*\"},\"status\":\"public\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/554027964257/profile_embedded\"},\"relation\":{\"href\":\"https://api.komoot.de/v007/users/{username}/relations/554027964257\",\"templated\":true}},\"displayName\":\"Robin Patijn - Farawayistan\",\"isPremium\":true},\"compilation\":[],\"sponsoredCta\":{\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/collections/1086555/sponsored_cta\"}}}},{\"id\":1070173,\"type\":\"collection_editorial\",\"date\":\"2020-12-18T07:25:46.750Z\",\"changedAt\":\"2024-07-04T07:34:55.451Z\",\"name\":\"European Divide Trail — 7,600 km across the continent\",\"intro\":\"From Grense Jakobselv in Norway to Cabo St Vincent in Portugal, this is the longest predominantly off-road bikepacking route in the world, put together by Andy Cox, aka Doubletrackfanatic.\\r\\n\\r\\nThe route passes through the seemingly endless forests, alongside lakes, rivers and on the dirt roads of Scandinavia, through the patchwork of farmland, woodland, heathlands and grasslands of Central Europe, then into the south and eventually the Iberian Peninsula where the diversity of landscapes will surprise you, and the trails are often loose and rocky.\\r\\n\\r\\nThe inspiration for this route came from a need for a dirt road touring route exploring an alternative side of Europe, mostly away from the popular tourist destinations. While more challenging bikepacking routes can be great fun, following them for months on end is perhaps less sustainable. Here, easier tracks and trails have been linked together into a route that's greater than the sum of its parts. The challenges will come from the logistics of finding water, food and accommodation, the weather throughout the multiple seasons it'll doubtless take to ride it, and the act of riding a heavy bike, off-road, more than 7,500 km (4,660 mi) across Europe.\\r\\n\\r\\nWhile this route is called the European Divide Trail (EDT), it's unlike the Great Divide Mountain Bike route in North America, as this route doesn't follow the Continental Divide, rather it crosses many different divides on its journey through Europe. These divides are economic and social, geographic and geologic, historical and cultural, with numerous languages and customs, laws and regulations, but all within the European Union. Some of these divisions are obvious as you'll cross ten international borders, but often less obvious on the ground, as the reality of crossing international borders on a bike is that the landscape rarely changes, and even the language can be somewhat the same cross-border as well.\\r\\n\\r\\nThis is an epic crossing of the European continent, from (almost) the most northeast to the furthest southwest tip of the continent, predominantly off-road or traffic free. So with that in mind, although there are plenty of paved sections, there's often no easy alternative, or there's issues with private land or access to off-road alternatives. That's not to say that there aren't alternatives, so if you're feeling adventurous then by all means go exploring! \\r\\n\\r\\nBike recommendations are more down to comfort and tyre size than anything specific; so most off-road capable bikes would be fine, with a minimum of 40mm wide tyres, and 50mm or larger being a safer and more comfortable option. You could ride most of it on a touring bike with panniers, but it's best tackled on something more focused towards gravel and mountain biking with bikepacking style luggage so you can enjoy the trails more. There's no need to carry more than 3-4 litres of water at any point, and while the longest stretch without grocery stores is 255 km (158 mi), which is in Finland, there's also several sections in Sweden that are around 200 km (124 mi) without any services, and also some surprisingly empty areas of Spain and Portugal.\\r\\n\\r\\nYou could start riding from the north from late May or early June, or from the south in late March or early April. Bear in mind that the highest points are both in Eastern Spain, at around 2,000 m (6,562 ft), and could still have snow or sub-zero temperatures even into May, and there's often still snow close to sea level in the far north throughout the year. Expect to take between two to six months to ride the whole thing. \\r\\n\\r\\nKirkenes airport is the closest to the northern start point (60 km or 37 mi away), and Faro airport in Portugal to the southern point (100 km or 62 mi away). Although 99% of this entire route has been recced at least once, access rights and local laws can change, so if you encounter any issues or private signs etc, then please let us know through the EDT website or in the comments below. Please be courteous to local people you meet on the trails and obey local laws and regulations. If you're local to a part of this route and you know of an alternative or better route then again please let us know in the comments. If you come across sections that don't seem to make sense, there's usually a good reason behind the route choices.\\r\\n\\r\\nBut most of all, enjoy the journey!\\r\\n\\r\\nPlease note, the European Divide Trail was been published in 2021 and is not a constantly maintained and updated trail. It's well worth visiting the EDT Facebook group (https://www.facebook.com/groups/782509809326246) to exchange your experiences, trail information or questions.\",\"shareUrl\":\"https://www.komoot.com/collection/1070173/european-divide-trail-7-600-km-across-the-continent\",\"status\":\"public\",\"sport\":\"mtb\",\"tags\":[\"historic\",\"ambitious\",\"self-supported\",\"gravel\",\"ambassador\",\"high-altitude-trails\",\"long-distance\",\"mountain-range-traverse\",\"gorges\",\"peaks\",\"lakes\",\"huts\",\"swimming-lakes\",\"breathtaking-views\",\"passes\"],\"multiDay\":false,\"creatorNoSubscription\":false,\"introPlain\":\"From Grense Jakobselv in Norway to Cabo St Vincent in Portugal, this is the longest predominantly off-road bikepacking route in the world, put together by Andy Cox, aka Doubletrackfanatic.\\r\\n\\r\\nThe route passes through the seemingly endless forests, alongside lakes, rivers and on the dirt roads of Scandinavia, through the patchwork of farmland, woodland, heathlands and grasslands of Central Europe, then into the south and eventually the Iberian Peninsula where the diversity of landscapes will surprise you, and the trails are often loose and rocky.\\r\\n\\r\\nThe inspiration for this route came from a need for a dirt road touring route exploring an alternative side of Europe, mostly away from the popular tourist destinations. While more challenging bikepacking routes can be great fun, following them for months on end is perhaps less sustainable. Here, easier tracks and trails have been linked together into a route that's greater than the sum of its parts. The challenges will come from the logistics of finding water, food and accommodation, the weather throughout the multiple seasons it'll doubtless take to ride it, and the act of riding a heavy bike, off-road, more than 7,500 km (4,660 mi) across Europe.\\r\\n\\r\\nWhile this route is called the European Divide Trail (EDT), it's unlike the Great Divide Mountain Bike route in North America, as this route doesn't follow the Continental Divide, rather it crosses many different divides on its journey through Europe. These divides are economic and social, geographic and geologic, historical and cultural, with numerous languages and customs, laws and regulations, but all within the European Union. Some of these divisions are obvious as you'll cross ten international borders, but often less obvious on the ground, as the reality of crossing international borders on a bike is that the landscape rarely changes, and even the language can be somewhat the same cross-border as well.\\r\\n\\r\\nThis is an epic crossing of the European continent, from (almost) the most northeast to the furthest southwest tip of the continent, predominantly off-road or traffic free. So with that in mind, although there are plenty of paved sections, there's often no easy alternative, or there's issues with private land or access to off-road alternatives. That's not to say that there aren't alternatives, so if you're feeling adventurous then by all means go exploring! \\r\\n\\r\\nBike recommendations are more down to comfort and tyre size than anything specific; so most off-road capable bikes would be fine, with a minimum of 40mm wide tyres, and 50mm or larger being a safer and more comfortable option. You could ride most of it on a touring bike with panniers, but it's best tackled on something more focused towards gravel and mountain biking with bikepacking style luggage so you can enjoy the trails more. There's no need to carry more than 3-4 litres of water at any point, and while the longest stretch without grocery stores is 255 km (158 mi), which is in Finland, there's also several sections in Sweden that are around 200 km (124 mi) without any services, and also some surprisingly empty areas of Spain and Portugal.\\r\\n\\r\\nYou could start riding from the north from late May or early June, or from the south in late March or early April. Bear in mind that the highest points are both in Eastern Spain, at around 2,000 m (6,562 ft), and could still have snow or sub-zero temperatures even into May, and there's often still snow close to sea level in the far north throughout the year. Expect to take between two to six months to ride the whole thing. \\r\\n\\r\\nKirkenes airport is the closest to the northern start point (60 km or 37 mi away), and Faro airport in Portugal to the southern point (100 km or 62 mi away). Although 99% of this entire route has been recced at least once, access rights and local laws can change, so if you encounter any issues or private signs etc, then please let us know through the EDT website or in the comments below. Please be courteous to local people you meet on the trails and obey local laws and regulations. If you're local to a part of this route and you know of an alternative or better route then again please let us know in the comments. If you come across sections that don't seem to make sense, there's usually a good reason behind the route choices.\\r\\n\\r\\nBut most of all, enjoy the journey!\\r\\n\\r\\nPlease note, the European Divide Trail was been published in 2021 and is not a constantly maintained and updated trail. It's well worth visiting the EDT Facebook group (https://www.facebook.com/groups/782509809326246) to exchange your experiences, trail information or questions.\",\"coverImage\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/1m/1m6jkgc6xuop68nev4w740nif3omhnljq-c1070173-full/1907caaeedb?width={width}&height={height}&crop={crop}\",\"templated\":true,\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/collections/1070173/cover_image\"}},\"Embedded\":{\"creator\":{\"username\":\"europeandividetrail\",\"avatar\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/b9/b9rr53mcu39h13z9q12qx2ail3dvlfp0t-ueuropeandividetrail-full/1725bbe9dd4?width={width}&height={height}&crop={crop}\",\"templated\":true,\"type\":\"image/*\"},\"status\":\"public\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/europeandividetrail/profile_embedded\"},\"relation\":{\"href\":\"https://api.komoot.de/v007/users/{username}/relations/europeandividetrail\",\"templated\":true}},\"displayName\":\"European Divide Trail\",\"isPremium\":true}}},\"creator\":{\"username\":\"europeandividetrail\",\"avatar\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/b9/b9rr53mcu39h13z9q12qx2ail3dvlfp0t-ueuropeandividetrail-full/1725bbe9dd4?width={width}&height={height}&crop={crop}\",\"templated\":true,\"type\":\"image/*\"},\"status\":\"public\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/europeandividetrail/profile_embedded\"},\"relation\":{\"href\":\"https://api.komoot.de/v007/users/{username}/relations/europeandividetrail\",\"templated\":true}},\"displayName\":\"European Divide Trail\",\"isPremium\":true},\"compilation\":[],\"sponsoredCta\":{\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/collections/1070173/sponsored_cta\"}}}},{\"id\":964786,\"type\":\"collection_editorial\",\"date\":\"2020-06-23T14:37:02.911Z\",\"changedAt\":\"2025-11-01T11:39:19.224Z\",\"name\":\"The Pamir Highway – Dushanbe to Osh via the Wakhan Valley\",\"intro\":\"As a cyclist in search of adventure, the famous Pamir Highway, also known as the M41, was a dream journey. Here, the unforgiving landscape is rugged and the high plains demand extreme endurance. The inhospitable high-altitude deserts and valleys, far from anything we had experienced before, were inhabited by the friendliest of people. The Tajiks and Kyrgyz welcomed me and my friend, Sabina, with open arms and shared their love for this unforgiving landscape with us.\\r\\n\\r\\nThe second highest highway in the world, the M41 traverses the entire Pamir region from Dushanbe in Tajikistan to Osh in Kyrgyzstan. We chose to extend the route with a detour through the Wakhan Valley, along the Afghan border. We cycled through majestic mountain landscapes, villages where time stood still and barren, empty wastelands and along centuries-old trade routes.\\r\\n\\r\\nOver 1,400 kilometres (870 miles), we accumulated more than 15,000 altitude metres (49,000 feet) of climbing on roads that, for the most part, had crumbled decades ago. From Dushanbe, we cycled through green valleys and along red gravel roads to Tavildara, one of the highest areas in Tajikistan. From there, we got lost on our way to the first high pass, the Batahampas at over 3,200 metres (10,500 feet). After a beautiful ice-cold descent which put our brake pads to the test, we stocked up on provisions (read: chocolate bars) in Qalai Khumb and Rushan. After a mandatory rest week in the Pamir capital, we followed the Panj River through the Wakhan Valley. To get back to the original Pamir Highway route after the Wakhan, we hiked to the top of the Khargush Pass (4,344 metres/14,251 feet). From here, our limits were tested on the high plains of the Pamir Mountains. The lonely plateaus and extreme conditions demanded a lot of self-reliance. At 4,655 metres (15,272 feet), the Ak Baital Pass was the literal high point of the Pamirs. Gasping for breath due to the lack of oxygen, we pushed our bicycles, as if in slow motion, over the highest point. We cycled along the beautiful azure Karakul Lake and crossed the border from Tajikistan to Kyrgyzstan via the brutal Kyzylart Pass.\\r\\n\\r\\nWe rode the Pamir Highway in September and the passes were still completely snow-free. This was also the harvest season, which means the best chance of getting fresh fruit and vegetables along the way. August and September are the best months for the Pamir Highway. If you cycle the M41 in spring, you'll be treated to beautiful fresh-green valleys, but mountain passes may still be covered in snow. In summer, the scorching hot heat in the valleys is only bearable for some, although the temperatures in the high mountains are more pleasant. In winter, even the hardened locals leave the snow-covered high plains. \\r\\n\\r\\nThe Pamirs are so remote that you are often left to your own devices. We camped most nights and made sure we had enough provisions with us. There are only a few places along the way where you can buy food: Dushanbe, Tavildara, Qalai Khumb, Rushan, Khorog, Ishkoshim, Murghab, Sary-Tash and Osh. Between these places, there are mini-markets, but these shops mainly stock sweets, vodka and soap.\\r\\n\\r\\nWe cycled on steel touring bikes with 50 mm wide tyres for optimal comfort over the bumpy gravel roads. The bikes (and their riders) had a hard time during this adventure. Brake pads wore off completely and bolts vibrated loose due to all the bouncing. Sabina's panniers even fell apart. Fortunately, we had a good toolkit and spare parts with us, so all repairs could be done there and then.\\r\\n\\r\\nThe Pamir Highway is an undertaking that should certainly not be taken lightly. It was also a fantastic adventure, where we met all kinds of travellers. Hitchhikers, hikers, an Italian on a Vespa, (recumbent) cyclists and even monster truckers, and everyone helped each other. For example, we had medicine for someone with the famous 'Pamir belly' and another cyclist rescued us with a spare part for our broken cooker.\\r\\n\\r\\nThis Collection describes our experience on the Pamir Highway adventure. I hope I can take you with me from day to day on this special journey, along the roads that I will remember for a lifetime.\",\"shareUrl\":\"https://www.komoot.com/collection/964786/the-pamir-highway-dushanbe-to-osh-via-the-wakhan-valley\",\"status\":\"public\",\"sport\":\"touringbicycle\",\"tags\":[\"ambitious\",\"bikepacking\",\"long-distance\",\"autumn\",\"summer\",\"spring\",\"cultural\",\"official\"],\"multiDay\":false,\"creatorNoSubscription\":false,\"introPlain\":\"As a cyclist in search of adventure, the famous Pamir Highway, also known as the M41, was a dream journey. Here, the unforgiving landscape is rugged and the high plains demand extreme endurance. The inhospitable high-altitude deserts and valleys, far from anything we had experienced before, were inhabited by the friendliest of people. The Tajiks and Kyrgyz welcomed me and my friend, Sabina, with open arms and shared their love for this unforgiving landscape with us.\\r\\n\\r\\nThe second highest highway in the world, the M41 traverses the entire Pamir region from Dushanbe in Tajikistan to Osh in Kyrgyzstan. We chose to extend the route with a detour through the Wakhan Valley, along the Afghan border. We cycled through majestic mountain landscapes, villages where time stood still and barren, empty wastelands and along centuries-old trade routes.\\r\\n\\r\\nOver 1,400 kilometres (870 miles), we accumulated more than 15,000 altitude metres (49,000 feet) of climbing on roads that, for the most part, had crumbled decades ago. From Dushanbe, we cycled through green valleys and along red gravel roads to Tavildara, one of the highest areas in Tajikistan. From there, we got lost on our way to the first high pass, the Batahampas at over 3,200 metres (10,500 feet). After a beautiful ice-cold descent which put our brake pads to the test, we stocked up on provisions (read: chocolate bars) in Qalai Khumb and Rushan. After a mandatory rest week in the Pamir capital, we followed the Panj River through the Wakhan Valley. To get back to the original Pamir Highway route after the Wakhan, we hiked to the top of the Khargush Pass (4,344 metres/14,251 feet). From here, our limits were tested on the high plains of the Pamir Mountains. The lonely plateaus and extreme conditions demanded a lot of self-reliance. At 4,655 metres (15,272 feet), the Ak Baital Pass was the literal high point of the Pamirs. Gasping for breath due to the lack of oxygen, we pushed our bicycles, as if in slow motion, over the highest point. We cycled along the beautiful azure Karakul Lake and crossed the border from Tajikistan to Kyrgyzstan via the brutal Kyzylart Pass.\\r\\n\\r\\nWe rode the Pamir Highway in September and the passes were still completely snow-free. This was also the harvest season, which means the best chance of getting fresh fruit and vegetables along the way. August and September are the best months for the Pamir Highway. If you cycle the M41 in spring, you'll be treated to beautiful fresh-green valleys, but mountain passes may still be covered in snow. In summer, the scorching hot heat in the valleys is only bearable for some, although the temperatures in the high mountains are more pleasant. In winter, even the hardened locals leave the snow-covered high plains. \\r\\n\\r\\nThe Pamirs are so remote that you are often left to your own devices. We camped most nights and made sure we had enough provisions with us. There are only a few places along the way where you can buy food: Dushanbe, Tavildara, Qalai Khumb, Rushan, Khorog, Ishkoshim, Murghab, Sary-Tash and Osh. Between these places, there are mini-markets, but these shops mainly stock sweets, vodka and soap.\\r\\n\\r\\nWe cycled on steel touring bikes with 50 mm wide tyres for optimal comfort over the bumpy gravel roads. The bikes (and their riders) had a hard time during this adventure. Brake pads wore off completely and bolts vibrated loose due to all the bouncing. Sabina's panniers even fell apart. Fortunately, we had a good toolkit and spare parts with us, so all repairs could be done there and then.\\r\\n\\r\\nThe Pamir Highway is an undertaking that should certainly not be taken lightly. It was also a fantastic adventure, where we met all kinds of travellers. Hitchhikers, hikers, an Italian on a Vespa, (recumbent) cyclists and even monster truckers, and everyone helped each other. For example, we had medicine for someone with the famous 'Pamir belly' and another cyclist rescued us with a spare part for our broken cooker.\\r\\n\\r\\nThis Collection describes our experience on the Pamir Highway adventure. I hope I can take you with me from day to day on this special journey, along the roads that I will remember for a lifetime.\",\"coverImage\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/collection/964786/1LGtfv?width={width}&height={height}&crop={crop}\",\"templated\":true,\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/collections/964786/cover_image\"}},\"Embedded\":{\"creator\":{\"username\":\"554027964257\",\"avatar\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/1f/1f0vdtqeh6d2z14ounx19eaoln2h6c8h0n-u554027964257-full/17319bd4d87/p?width={width}&height={height}&crop={crop}\",\"templated\":true,\"type\":\"image/*\"},\"status\":\"public\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/554027964257/profile_embedded\"},\"relation\":{\"href\":\"https://api.komoot.de/v007/users/{username}/relations/554027964257\",\"templated\":true}},\"displayName\":\"Robin Patijn - Farawayistan\",\"isPremium\":true}}},\"creator\":{\"username\":\"554027964257\",\"avatar\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/1f/1f0vdtqeh6d2z14ounx19eaoln2h6c8h0n-u554027964257-full/17319bd4d87/p?width={width}&height={height}&crop={crop}\",\"templated\":true,\"type\":\"image/*\"},\"status\":\"public\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/554027964257/profile_embedded\"},\"relation\":{\"href\":\"https://api.komoot.de/v007/users/{username}/relations/554027964257\",\"templated\":true}},\"displayName\":\"Robin Patijn - Farawayistan\",\"isPremium\":true},\"compilation\":[],\"sponsoredCta\":{\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/collections/964786/sponsored_cta\"}}}},{\"id\":1005106,\"type\":\"collection_editorial\",\"date\":\"2020-08-10T15:17:24.316Z\",\"changedAt\":\"2025-11-01T12:49:09.188Z\",\"name\":\"Iceland Divide – Lava fields, icy glaciers and river crossings\",\"intro\":\"Exploring the land of fire and ice had been a dream of mine since 2018, when the Iceland Divide featured in a bikepacking film by my friends Montanus. With my sights set on the third edition of the Silk Road Mountain Race, completing this North to South traverse of the island solo would be great training.\\r\\n\\r\\nThen Covid happened. The end-goal of racing the gruelling Silk Road Mountain Race in Kyrgyzstan may have been postponed, but I'd already planned my trip to Iceland. Of course I would go ahead, as my desire was just as much to explore this incredible landscape as it was to train.\\r\\n\\r\\nIceland is a place full of magnificent glaciers, thundering waterfalls and ever-changing landscapes. From flat plains to near-vertical volcanoes, snow to lush green countryside, rock to gushing water, no two days on the island were the same.\\r\\n\\r\\nIn this Collection you'll find my daily rides over the week-long crossing of the island. I stayed in a mixture of campsites and mountain huts, and was blown away by the friendliness and warm hearts of the people there. \\r\\n\\r\\nDays: 7\\r\\nKilometres pedalled: 568 (353 miles)\\r\\nMetres climbed: 4,690 (15387 feet)\\r\\nTime: 40 hours 51 minutes \\r\\nPunctures: 0\\r\\nTechnical issues: 0\",\"shareUrl\":\"https://www.komoot.com/collection/1005106/iceland-divide-lava-fields-icy-glaciers-and-river-crossings\",\"status\":\"public\",\"sport\":\"touringbicycle\",\"tags\":[\"ambitious\",\"bikepacking\",\"self-supported\",\"gravel\",\"long-distance\",\"mountain-range-traverse\",\"huts\",\"breathtaking-views\",\"summer\",\"publictransport\",\"official\"],\"multiDay\":false,\"creatorNoSubscription\":false,\"introPlain\":\"Exploring the land of fire and ice had been a dream of mine since 2018, when the Iceland Divide featured in a bikepacking film by my friends Montanus. With my sights set on the third edition of the Silk Road Mountain Race, completing this North to South traverse of the island solo would be great training.\\r\\n\\r\\nThen Covid happened. The end-goal of racing the gruelling Silk Road Mountain Race in Kyrgyzstan may have been postponed, but I'd already planned my trip to Iceland. Of course I would go ahead, as my desire was just as much to explore this incredible landscape as it was to train.\\r\\n\\r\\nIceland is a place full of magnificent glaciers, thundering waterfalls and ever-changing landscapes. From flat plains to near-vertical volcanoes, snow to lush green countryside, rock to gushing water, no two days on the island were the same.\\r\\n\\r\\nIn this Collection you'll find my daily rides over the week-long crossing of the island. I stayed in a mixture of campsites and mountain huts, and was blown away by the friendliness and warm hearts of the people there. \\r\\n\\r\\nDays: 7\\r\\nKilometres pedalled: 568 (353 miles)\\r\\nMetres climbed: 4,690 (15387 feet)\\r\\nTime: 40 hours 51 minutes \\r\\nPunctures: 0\\r\\nTechnical issues: 0\",\"coverImage\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/gr/grxo0an6skm41r0r6shsj4qqv3gtdxd41-c1005106-full/19a3f76ea44?width={width}&height={height}&crop={crop}\",\"templated\":true,\"attribution\":\"Natt E. Will\",\"attributionUrl\":\"https://www.komoot.com/user/767778032227\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/collections/1005106/cover_image\"}},\"Embedded\":{\"creator\":{\"username\":\"767778032227\",\"avatar\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/58/58imfoziqy7hz8h5eyjqs2oa3131bq5k-u767778032227-full/17eff17a466?width={width}&height={height}&crop={crop}\",\"templated\":true,\"type\":\"image/*\"},\"status\":\"public\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/767778032227/profile_embedded\"},\"relation\":{\"href\":\"https://api.komoot.de/v007/users/{username}/relations/767778032227\",\"templated\":true}},\"displayName\":\"Natt Williams\",\"isPremium\":false}}},\"creator\":{\"username\":\"767778032227\",\"avatar\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/58/58imfoziqy7hz8h5eyjqs2oa3131bq5k-u767778032227-full/17eff17a466?width={width}&height={height}&crop={crop}\",\"templated\":true,\"type\":\"image/*\"},\"status\":\"public\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/767778032227/profile_embedded\"},\"relation\":{\"href\":\"https://api.komoot.de/v007/users/{username}/relations/767778032227\",\"templated\":true}},\"displayName\":\"Natt Williams\",\"isPremium\":false},\"compilation\":[],\"sponsoredCta\":{\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/collections/1005106/sponsored_cta\"}}}},{\"id\":987538,\"type\":\"collection_editorial\",\"date\":\"2020-07-21T08:12:06.739Z\",\"changedAt\":\"2024-12-16T14:50:40.270Z\",\"name\":\"Catalunya Trail — Bikepacking in the Pyrenees\",\"intro\":\"When we turned up to register at the start of the 2019 Catalunya Trail and found ourselves outnumbered by locals on mountain bikes carrying very little equipment, it was clear that we might have misjudged this one! With fully laden drop-bar bikes, we met Jaume, the local behind the bikepacking 'race’, and his little team of volunteers. It was always our intention to simply complete the route, rather than compete to be the fastest.\\r\\n\\r\\nMountain miles in this region are totally different to what we were used to at home, even training in hilly and sometimes mountainous Wales. Some of the climbs are punishingly steep and rocky, so there was a lot of hike-a-bike. Our plan to complete the 202 mile (325 km) route in three days went out the window half-way through the second day, when we realised that 62 miles (100 km) per day was too optimistic. Instead, we finished in four days, but had the most amazing experience along the way.\\r\\n\\r\\nThe Catalunya Trail had actually kicked off the night before in a local's bar in downtown Girona. Jaumé invited all the participants to meet for tapas and beer as a great social event before an early start the next day. For such a low-key local race with only 24 riders signed up for the long course and 23 for the shorter course (137 miles or 220 kilometres), it was incredible to meet riders from literally all over the world. We instantly hit it off with Conor from Canada and Steffan from Germany. Although it was never discussed or decided, my partner John and I ended up riding the duration of the four day bikepacking route with these two, joking about Canadian TV and funny German translations for English phrases.\\r\\n\\r\\nWhat ensued was four long days of rocky mountain passes, clay dirt trails, snow peaked mountaintops, near-solid hot chocolate, endless hike-a-bike and countless baguettes. Although the route was tough — yes, really tough — I'd highly recommend both the route and the annual event.\\r\\n\\r\\nIf you're going to give it a go, I'd suggest taking a leaf out of the locals' book; tiny chainring and huge cassette, and opt to stay in the mountain refuges over camping to keep bike weight down. You'll really appreciate it on the mountain climbs!\",\"shareUrl\":\"https://www.komoot.com/collection/987538/catalunya-trail-bikepacking-in-the-pyrenees\",\"status\":\"public\",\"sport\":\"touringbicycle\",\"tags\":[\"ambitious\",\"bikepacking\",\"self-supported\",\"gravel\",\"high-altitude-trails\",\"long-distance\",\"mountain-range-traverse\",\"breathtaking-views\",\"autumn\",\"summer\",\"spring\",\"mountain-ranges\"],\"multiDay\":false,\"creatorNoSubscription\":false,\"introPlain\":\"When we turned up to register at the start of the 2019 Catalunya Trail and found ourselves outnumbered by locals on mountain bikes carrying very little equipment, it was clear that we might have misjudged this one! With fully laden drop-bar bikes, we met Jaume, the local behind the bikepacking 'race’, and his little team of volunteers. It was always our intention to simply complete the route, rather than compete to be the fastest.\\r\\n\\r\\nMountain miles in this region are totally different to what we were used to at home, even training in hilly and sometimes mountainous Wales. Some of the climbs are punishingly steep and rocky, so there was a lot of hike-a-bike. Our plan to complete the 202 mile (325 km) route in three days went out the window half-way through the second day, when we realised that 62 miles (100 km) per day was too optimistic. Instead, we finished in four days, but had the most amazing experience along the way.\\r\\n\\r\\nThe Catalunya Trail had actually kicked off the night before in a local's bar in downtown Girona. Jaumé invited all the participants to meet for tapas and beer as a great social event before an early start the next day. For such a low-key local race with only 24 riders signed up for the long course and 23 for the shorter course (137 miles or 220 kilometres), it was incredible to meet riders from literally all over the world. We instantly hit it off with Conor from Canada and Steffan from Germany. Although it was never discussed or decided, my partner John and I ended up riding the duration of the four day bikepacking route with these two, joking about Canadian TV and funny German translations for English phrases.\\r\\n\\r\\nWhat ensued was four long days of rocky mountain passes, clay dirt trails, snow peaked mountaintops, near-solid hot chocolate, endless hike-a-bike and countless baguettes. Although the route was tough — yes, really tough — I'd highly recommend both the route and the annual event.\\r\\n\\r\\nIf you're going to give it a go, I'd suggest taking a leaf out of the locals' book; tiny chainring and huge cassette, and opt to stay in the mountain refuges over camping to keep bike weight down. You'll really appreciate it on the mountain climbs!\",\"coverImage\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/collection/987538/1JYDGF?width={width}&height={height}&crop={crop}\",\"templated\":true,\"clientHash\":\"296264f3d4a5711088f58acf76eb782fb00141afd20bb25668c16ddf8009d4a9\",\"attribution\":\"Katherine Moore\",\"attributionUrl\":\"https://www.komoot.com/user/444811548445\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/collections/987538/cover_image\"}}},\"creator\":{\"username\":\"444811548445\",\"avatar\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/r5/r5zpebwbyy871dmy01d4jb1o326ui59f416188025-full/190a0e860ef/p?width={width}&height={height}&crop={crop}\",\"templated\":true,\"type\":\"image/*\"},\"status\":\"public\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/444811548445/profile_embedded\"},\"relation\":{\"href\":\"https://api.komoot.de/v007/users/{username}/relations/444811548445\",\"templated\":true}},\"displayName\":\"Katherine Moore\",\"isPremium\":true},\"compilation\":[],\"sponsoredCta\":{\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/collections/987538/sponsored_cta\"}}}},{\"id\":427,\"type\":\"collection_editorial\",\"date\":\"2017-09-12T18:11:57.661Z\",\"changedAt\":\"2025-11-01T12:52:03.765Z\",\"name\":\"Hebridean hopscotch — cycling along Scotland's magical west coast\",\"intro\":\"Scotland's northwest coast is truly a magical island landscape: endless white sandy beaches, crystal-clear, sky blue water and lush green meadows covered in wildflowers, all splashed across a rugged lunar-like landscape built of rolling moorland and craggy coastlines. Lucky visitors may even spot a few dolphins, whales, otters or eagles, although all who visit will leave with one thing: Everlasting memories of this region’s unique, untouched scenery.\\r\\n\\r\\nAlong this route, thanks to the combination of numerous bike trails and the odd ferry crossing, you’ll hop through the center of Gaelic culture and get to know eleven of the islands. The ride starts on the Western Isles, better known as the Outer Hebrides, where you’ll enjoy tranquil and quiet streets, secluded bays, and the opportunity to visit a gallery or a whiskey distillery. Here, you can immerse yourself in the past and explore Callanish's megalithic stone formations and the traditional black houses of the 18th and 19th centuries.\\r\\n\\r\\nOn the Isle of Skye, you’ll discover the home of Scotland's most renowned landscapes: The Fairly Glen, the Quiraing, the Old Man of Storr and the Cuillin Massif. Here, you’ll have to share Skye’s majestic sights with a fair few tourists, however, or head out onto the islands lonely roads to enjoy the rough beauty of the island undisturbed. Just remember: Flat is not a word that describes anything here.\\r\\n\\r\\nAlong each stage, you’ll find picnic areas, cafés, supermarkets and accommodation, and many of the islands are so small that you can explore them in one day. And if this is not motivating enough, you can also pedal safe in the knowledge that spontaneity is all you need: The islands’ infrastructure is perfect for on-the-fly decision making, and you don’t need to plan ferry-crossings or accommodation in advance. And if you travel with a tent, you can start individual stages more easily and look forward to lonely nights on the beach with a view of wonderful blue water as far as the eye can see. Just keep in mind that you’re in Scotland; the weather here can change at a moment’s notice. Don't forget to bring your windproof rainwear, and cycle in a northerly direction if possible—that way the wind will give you a nice assist from behind. \\r\\n\\r\\nAlthough the Hebrides are often visited by boat, Oban is the most ideal starting point for this Tour, which can be reached comfortably by train. And after you’re done, Harry Potter fans, in particular, are in for an extra treat on the way back: the Hogwarts Express will be departing from Mallaig. \\r\\n\\r\\nFerry timetables can be found here: https://www.aferry.co.uk\",\"shareUrl\":\"https://www.komoot.com/collection/427/hebridean-hopscotch-cycling-along-scotland-s-magical-west-coast\",\"status\":\"public\",\"sport\":\"touringbicycle\",\"tags\":[\"bikepacking\",\"self-supported\",\"long-distance\",\"autumn\",\"summer\",\"spring\",\"publictransport\",\"coastal\",\"official\"],\"multiDay\":true,\"creatorNoSubscription\":false,\"introPlain\":\"Scotland's northwest coast is truly a magical island landscape: endless white sandy beaches, crystal-clear, sky blue water and lush green meadows covered in wildflowers, all splashed across a rugged lunar-like landscape built of rolling moorland and craggy coastlines. Lucky visitors may even spot a few dolphins, whales, otters or eagles, although all who visit will leave with one thing: Everlasting memories of this region’s unique, untouched scenery.\\r\\n\\r\\nAlong this route, thanks to the combination of numerous bike trails and the odd ferry crossing, you’ll hop through the center of Gaelic culture and get to know eleven of the islands. The ride starts on the Western Isles, better known as the Outer Hebrides, where you’ll enjoy tranquil and quiet streets, secluded bays, and the opportunity to visit a gallery or a whiskey distillery. Here, you can immerse yourself in the past and explore Callanish's megalithic stone formations and the traditional black houses of the 18th and 19th centuries.\\r\\n\\r\\nOn the Isle of Skye, you’ll discover the home of Scotland's most renowned landscapes: The Fairly Glen, the Quiraing, the Old Man of Storr and the Cuillin Massif. Here, you’ll have to share Skye’s majestic sights with a fair few tourists, however, or head out onto the islands lonely roads to enjoy the rough beauty of the island undisturbed. Just remember: Flat is not a word that describes anything here.\\r\\n\\r\\nAlong each stage, you’ll find picnic areas, cafés, supermarkets and accommodation, and many of the islands are so small that you can explore them in one day. And if this is not motivating enough, you can also pedal safe in the knowledge that spontaneity is all you need: The islands’ infrastructure is perfect for on-the-fly decision making, and you don’t need to plan ferry-crossings or accommodation in advance. And if you travel with a tent, you can start individual stages more easily and look forward to lonely nights on the beach with a view of wonderful blue water as far as the eye can see. Just keep in mind that you’re in Scotland; the weather here can change at a moment’s notice. Don't forget to bring your windproof rainwear, and cycle in a northerly direction if possible—that way the wind will give you a nice assist from behind. \\r\\n\\r\\nAlthough the Hebrides are often visited by boat, Oban is the most ideal starting point for this Tour, which can be reached comfortably by train. And after you’re done, Harry Potter fans, in particular, are in for an extra treat on the way back: the Hogwarts Express will be departing from Mallaig. \\r\\n\\r\\nFerry timetables can be found here: https://www.aferry.co.uk\",\"coverImage\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/collection/427/1DRNRI?width={width}&height={height}&crop={crop}\",\"templated\":true,\"attribution\":\"Laura Villinger\",\"attributionUrl\":\"https://www.komoot.de/user/255651018952\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/collections/427/cover_image\"}}},\"creator\":{\"username\":\"komoot\",\"avatar\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/2y/2ybguf62finf10zpa1jz1g3ia6ae4x7f153727-full/19985179009?width={width}&height={height}&crop={crop}\",\"templated\":true,\"type\":\"image/*\"},\"status\":\"public\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/komoot/profile_embedded\"},\"relation\":{\"href\":\"https://api.komoot.de/v007/users/{username}/relations/komoot\",\"templated\":true}},\"displayName\":\"komoot\",\"isPremium\":true},\"compilation\":[],\"sponsoredCta\":{\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/collections/427/sponsored_cta\"}}}},{\"id\":1058466,\"type\":\"collection_editorial\",\"date\":\"2020-11-11T10:58:15.052Z\",\"changedAt\":\"2025-11-01T12:52:11.297Z\",\"name\":\"Annapurna Circuit in Nepal – Bikepacking the roof of the world\",\"intro\":\"The Annapurna Circuit is one of the most impressive hiking trails through Nepal’s lofty mountains. Parallel to the hiking trail, slightly above in places, a gravel road lies in the shadow of the world’s highest peaks. The route winds around the Annapurnaberg massif in the Nepalese Himalayas. At 8,091 metres (26,545 feet), the Annapurna I is the highest mountain en route and the ninth tallest mountain in the world. At a dizzying 5,416 metres (17,769 feet) above sea level, the Thorung La Pass is an absolute highlight too.\\r\\n\\r\\nThe route takes you through a wide variety of incredibly beautiful landscapes. The first leg stretches through subtropical lowlands with rice terraces and jungles. Next, the dusty dirt road leads along deep cliffs where a river swirls hundreds of metres below, cutting the valley in half. Slightly higher up, green alpine meadows and pine forests backdrop your ride. Finally, you admire the spectacular Himalayan landscape with impressive rock formations, snow-covered peaks, and brightly coloured prayer flags. Hot springs, glaciers, birds of prey, yaks, Buddhist temples and Tibetan culture – this is the Annapurna Circuit.\\r\\n\\r\\nAlthough the route itself is anything but easy, it is one of the easier mountain Tours to plan in terms of logistics. Along the route, there are many mountain villages where you'll find a comfy bed and a hot meal. Don't expect luxurious hotels; the rooms of the tea houses are very simple. The ice-cold wind sometimes blows right through your room. The higher you get, the lower the comfort level. Hot water, electricity or clean blankets are scarce from 3,000 metres (9,842 feet). The tea houses offer an amazingly extensive menu. The meal is, of course, dal bhat, a dish consisting of rice, lentils and curry. The food is nourishing and helpings are unlimited – important for a hungry cyclist!\\r\\n\\r\\nBecause the route is a round trip around the Annapurna Mountains, you can choose to ride the Annapurna Circuit clockwise or anticlockwise. I chose to ride anticlockwise as this allows you to climb the Thorung La Pass more gradually. With an altitude of 5,416 meters (17,769 feet), you might suffer from altitude sickness but climbing slowly reduces this risk. If you cycle the route the other way around, you'll get a few more stretches of 'flowy single trails' under your wheels on the descents.\\r\\n\\r\\nThe hiking trail officially starts in Besisahar and ends in Jomsom. You can reach these towns by bus, which will even carry your bike on the roof. Of course, you can also choose to cycle the entire Tour from Pokhara. You apply for the required permits for the region in Pokhara and Kathmandu. Enjoy this epic ride on the roof of the world!\",\"shareUrl\":\"https://www.komoot.com/collection/1058466/annapurna-circuit-in-nepal-bikepacking-the-roof-of-the-world\",\"status\":\"public\",\"sport\":\"mtb\",\"tags\":[\"ambitious\",\"bikepacking\",\"high-altitude-trails\",\"long-distance\",\"autumn\",\"spring\",\"summer\",\"cultural\",\"publictransport\",\"mountain-ranges\",\"official\"],\"multiDay\":false,\"creatorNoSubscription\":false,\"introPlain\":\"The Annapurna Circuit is one of the most impressive hiking trails through Nepal’s lofty mountains. Parallel to the hiking trail, slightly above in places, a gravel road lies in the shadow of the world’s highest peaks. The route winds around the Annapurnaberg massif in the Nepalese Himalayas. At 8,091 metres (26,545 feet), the Annapurna I is the highest mountain en route and the ninth tallest mountain in the world. At a dizzying 5,416 metres (17,769 feet) above sea level, the Thorung La Pass is an absolute highlight too.\\r\\n\\r\\nThe route takes you through a wide variety of incredibly beautiful landscapes. The first leg stretches through subtropical lowlands with rice terraces and jungles. Next, the dusty dirt road leads along deep cliffs where a river swirls hundreds of metres below, cutting the valley in half. Slightly higher up, green alpine meadows and pine forests backdrop your ride. Finally, you admire the spectacular Himalayan landscape with impressive rock formations, snow-covered peaks, and brightly coloured prayer flags. Hot springs, glaciers, birds of prey, yaks, Buddhist temples and Tibetan culture – this is the Annapurna Circuit.\\r\\n\\r\\nAlthough the route itself is anything but easy, it is one of the easier mountain Tours to plan in terms of logistics. Along the route, there are many mountain villages where you'll find a comfy bed and a hot meal. Don't expect luxurious hotels; the rooms of the tea houses are very simple. The ice-cold wind sometimes blows right through your room. The higher you get, the lower the comfort level. Hot water, electricity or clean blankets are scarce from 3,000 metres (9,842 feet). The tea houses offer an amazingly extensive menu. The meal is, of course, dal bhat, a dish consisting of rice, lentils and curry. The food is nourishing and helpings are unlimited – important for a hungry cyclist!\\r\\n\\r\\nBecause the route is a round trip around the Annapurna Mountains, you can choose to ride the Annapurna Circuit clockwise or anticlockwise. I chose to ride anticlockwise as this allows you to climb the Thorung La Pass more gradually. With an altitude of 5,416 meters (17,769 feet), you might suffer from altitude sickness but climbing slowly reduces this risk. If you cycle the route the other way around, you'll get a few more stretches of 'flowy single trails' under your wheels on the descents.\\r\\n\\r\\nThe hiking trail officially starts in Besisahar and ends in Jomsom. You can reach these towns by bus, which will even carry your bike on the roof. Of course, you can also choose to cycle the entire Tour from Pokhara. You apply for the required permits for the region in Pokhara and Kathmandu. Enjoy this epic ride on the roof of the world!\",\"coverImage\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/collection/1058466/1KP5Dp?width={width}&height={height}&crop={crop}\",\"templated\":true,\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/collections/1058466/cover_image\"}},\"Embedded\":{\"creator\":{\"username\":\"554027964257\",\"avatar\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/1f/1f0vdtqeh6d2z14ounx19eaoln2h6c8h0n-u554027964257-full/17319bd4d87/p?width={width}&height={height}&crop={crop}\",\"templated\":true,\"type\":\"image/*\"},\"status\":\"public\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/554027964257/profile_embedded\"},\"relation\":{\"href\":\"https://api.komoot.de/v007/users/{username}/relations/554027964257\",\"templated\":true}},\"displayName\":\"Robin Patijn - Farawayistan\",\"isPremium\":true}}},\"creator\":{\"username\":\"554027964257\",\"avatar\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/1f/1f0vdtqeh6d2z14ounx19eaoln2h6c8h0n-u554027964257-full/17319bd4d87/p?width={width}&height={height}&crop={crop}\",\"templated\":true,\"type\":\"image/*\"},\"status\":\"public\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/554027964257/profile_embedded\"},\"relation\":{\"href\":\"https://api.komoot.de/v007/users/{username}/relations/554027964257\",\"templated\":true}},\"displayName\":\"Robin Patijn - Farawayistan\",\"isPremium\":true},\"compilation\":[],\"sponsoredCta\":{\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/collections/1058466/sponsored_cta\"}}}},{\"id\":946212,\"type\":\"collection_editorial\",\"date\":\"2020-05-29T15:54:00.061Z\",\"changedAt\":\"2024-04-17T08:03:04.608Z\",\"name\":\"Traversing the Dinaric Alps — bikepacking from the mountains to the sea\",\"intro\":\"My goal for this adventure was to traverse the Dinaric Alps on my road bike, although as you'll see, a lot of gravel was enjoyed too!\\r\\n\\r\\nI plotted the route on komoot before I left, but had to make some changes in Kosovo when I broke my wheel and had to head to Tirana for a repair. Not all adventures go smoothly and to plan, but that doesn't have to mean the end of the fun.\\r\\n\\r\\nEight countries in ten days was the ride of a lifetime, as I ended up riding through Slovenia, Croatia, Bosnia & Herzegovina, Montenegro, Kosovo, Albania, North Macedonia and Greece. These roads are just incredible and come highly recommended; I would go back in a heartbeat.\",\"shareUrl\":\"https://www.komoot.com/collection/946212/traversing-the-dinaric-alps-bikepacking-from-the-mountains-to-the-sea\",\"status\":\"public\",\"sport\":\"touringbicycle\",\"tags\":[\"self-supported\",\"gravel\",\"high-altitude-trails\",\"long-distance\",\"mountain-range-traverse\",\"peaks\",\"lakes\",\"breathtaking-views\",\"passes\"],\"multiDay\":false,\"creatorNoSubscription\":false,\"introPlain\":\"My goal for this adventure was to traverse the Dinaric Alps on my road bike, although as you'll see, a lot of gravel was enjoyed too!\\r\\n\\r\\nI plotted the route on komoot before I left, but had to make some changes in Kosovo when I broke my wheel and had to head to Tirana for a repair. Not all adventures go smoothly and to plan, but that doesn't have to mean the end of the fun.\\r\\n\\r\\nEight countries in ten days was the ride of a lifetime, as I ended up riding through Slovenia, Croatia, Bosnia & Herzegovina, Montenegro, Kosovo, Albania, North Macedonia and Greece. These roads are just incredible and come highly recommended; I would go back in a heartbeat.\",\"coverImage\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/collection/946212/1KiTwh?width={width}&height={height}&crop={crop}\",\"templated\":true,\"clientHash\":\"edbbef682e1075cea7fce0724307db1f10c358e71d52a1f748b79a2cc5e6c02d\",\"attribution\":\"Jenny Tough\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/collections/946212/cover_image\"}}},\"creator\":{\"username\":\"385673470997\",\"avatar\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/1b/1bzip0pp6q3ji1gcqkqgv3bnng2318mxqz13714665-full/167f3b1bb7f/p?width={width}&height={height}&crop={crop}\",\"templated\":true,\"type\":\"image/*\"},\"status\":\"public\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/385673470997/profile_embedded\"},\"relation\":{\"href\":\"https://api.komoot.de/v007/users/{username}/relations/385673470997\",\"templated\":true}},\"displayName\":\"Jenny Tough\",\"isPremium\":true},\"compilation\":[],\"sponsoredCta\":{\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/collections/946212/sponsored_cta\"}}}},{\"id\":920980,\"type\":\"collection_editorial\",\"date\":\"2020-03-31T20:28:30.722Z\",\"changedAt\":\"2024-12-06T11:27:35.875Z\",\"name\":\"Atlas Mountain Race – One week, one bike, one girl\",\"intro\":\"Months have passed already since I made it to the finish in Sidi Rabat after cycling 1145 kilometres (711 miles) through the enchanted desert landscape of Morocco, part of the inaugural Atlas Mountain Race. There, I did it; my first ultra race with endless curves through the remarkable dusty terrain of the Moroccan mountains.\\r\\n\\r\\nIn preparation for the Atlas Mountain Race I was pretty sure that I had no idea what I’d be throwing myself into. I often found myself dreaming through all possible scenarios; preparing for the worst and thinking the days would be so long, yet in reality learnt the contrary, days felt short, the nights long and overall it was over in a fart! While thinking back to the memories I feel like I never find enough words to describe the experiences.\\r\\n\\r\\nAs the days to the start of the race came more close I found myself becoming hesitant. Did I come prepared enough, had I spent enough hours on the bike and would my skills get me through the rough terrain? Meeting other racers got me all wobbly thinking everyone seemed so cool, well prepared, yet so kind and apparently with similar concerns, how odd! It was easy to make new friends and felt quickly at home in this new community of strangers, that all have one thing in common; riding bikes.\\r\\n\\r\\nTo use Carrie’s phrase from ‘Sex and the City’; “I couldn’t help but wonder… could I have done better?” What if I didn’t have my period? What if I allowed myself to rest longer? What would the race look like if... But then again, isn’t that silly?\\r\\n\\r\\nIn all honesty I prefer to look back and feel nothing but grateful. It’s important to be content with any achievement, to be proud of this accomplishment and finishing within the time. Riding among so many strong other riders, encountering beautiful souls and being surrounded by such magnificent scenery is a treat in itself. Having the chance to do this in the first place is something to feel grateful about.\\r\\n\\r\\nNow, if this Collection gets you so stoked to ride this route, but perhaps at a different pace and enjoy the riding to the fullest, then I do have some additional suggestions to get you the right set-up. For example as we discussed among us riders, would you take a mountain bike next time? Although I might have been stubborn to answer that with a no, because I am so in love with my bike and don’t want to regret that choice, if someone asked me again I’d say, you will be much more comfortable and enjoying the descents even better with a mountain bike! The timing was great as the winter had just passed, sleeping under the stars was great, and had my best night’s rest in the middle of nowhere on the soft sandy ground surrounded by thousands of stars. I’m also really glad I took my down pants. That way when I got so tired and very cold on long descents I could just ride in my sleep system.\",\"shareUrl\":\"https://www.komoot.com/collection/920980/atlas-mountain-race-one-week-one-bike-one-girl\",\"status\":\"public\",\"sport\":\"mtb\",\"tags\":[\"bikepacking\",\"self-supported\",\"events\",\"high-altitude-trails\",\"long-distance\",\"mountain-range-traverse\",\"breathtaking-views\",\"passes\",\"autumn\",\"spring\",\"mountain-ranges\"],\"multiDay\":false,\"creatorNoSubscription\":false,\"introPlain\":\"Months have passed already since I made it to the finish in Sidi Rabat after cycling 1145 kilometres (711 miles) through the enchanted desert landscape of Morocco, part of the inaugural Atlas Mountain Race. There, I did it; my first ultra race with endless curves through the remarkable dusty terrain of the Moroccan mountains.\\r\\n\\r\\nIn preparation for the Atlas Mountain Race I was pretty sure that I had no idea what I’d be throwing myself into. I often found myself dreaming through all possible scenarios; preparing for the worst and thinking the days would be so long, yet in reality learnt the contrary, days felt short, the nights long and overall it was over in a fart! While thinking back to the memories I feel like I never find enough words to describe the experiences.\\r\\n\\r\\nAs the days to the start of the race came more close I found myself becoming hesitant. Did I come prepared enough, had I spent enough hours on the bike and would my skills get me through the rough terrain? Meeting other racers got me all wobbly thinking everyone seemed so cool, well prepared, yet so kind and apparently with similar concerns, how odd! It was easy to make new friends and felt quickly at home in this new community of strangers, that all have one thing in common; riding bikes.\\r\\n\\r\\nTo use Carrie’s phrase from ‘Sex and the City’; “I couldn’t help but wonder… could I have done better?” What if I didn’t have my period? What if I allowed myself to rest longer? What would the race look like if... But then again, isn’t that silly?\\r\\n\\r\\nIn all honesty I prefer to look back and feel nothing but grateful. It’s important to be content with any achievement, to be proud of this accomplishment and finishing within the time. Riding among so many strong other riders, encountering beautiful souls and being surrounded by such magnificent scenery is a treat in itself. Having the chance to do this in the first place is something to feel grateful about.\\r\\n\\r\\nNow, if this Collection gets you so stoked to ride this route, but perhaps at a different pace and enjoy the riding to the fullest, then I do have some additional suggestions to get you the right set-up. For example as we discussed among us riders, would you take a mountain bike next time? Although I might have been stubborn to answer that with a no, because I am so in love with my bike and don’t want to regret that choice, if someone asked me again I’d say, you will be much more comfortable and enjoying the descents even better with a mountain bike! The timing was great as the winter had just passed, sleeping under the stars was great, and had my best night’s rest in the middle of nowhere on the soft sandy ground surrounded by thousands of stars. I’m also really glad I took my down pants. That way when I got so tired and very cold on long descents I could just ride in my sleep system.\",\"coverImage\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/collection/920980/1T6SpT?width={width}&height={height}&crop={crop}\",\"templated\":true,\"clientHash\":\"a7810cc87cf96959ba5c719d4124f1cacf3d8bfd7800a096941aa3f64ab4694e\",\"attribution\":\"Quinda\",\"attributionUrl\":\"https://www.komoot.com/user/778631903966\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/collections/920980/cover_image\"}}},\"creator\":{\"username\":\"778631903966\",\"avatar\":{\"src\":\"https://d2exd72xrrp1s7.cloudfront.net/www/ls/lslfw4xsgc74ev2muyvw4dqe37w1z7we-u778631903966-full/191c6668f89?width={width}&height={height}&crop={crop}\",\"templated\":true,\"type\":\"image/*\"},\"status\":\"public\",\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/users/778631903966/profile_embedded\"},\"relation\":{\"href\":\"https://api.komoot.de/v007/users/{username}/relations/778631903966\",\"templated\":true}},\"displayName\":\"Quinda\",\"isPremium\":true},\"compilation\":[],\"sponsoredCta\":{\"Links\":{\"self\":{\"href\":\"https://api.komoot.de/v007/collections/920980/sponsored_cta\"}}}}],\"dataUpdateCount\":1,\"dataUpdatedAt\":1792215402276,\"error\":null,\"errorUpdateCount\":0,\"errorUpdatedAt\":0,\"fetchFailureCount\":0,\"fetchFailureReason\":null,\"fetchMeta\":null,\"isInvalidated\":false,\"status\":\"success\",\"fetchStatus\":\"idle\"},\"queryKey\":[\"long_distance_by_seo_demand\",\"en\"],\"queryHash\":\"[\\\"long_distance_by_seo_demand\\\",\\\"en\\\"]\"},{\"state\":{\"data\":{\"hike\":{\"countries\":[{\"countryName\":\"United Kingdom\",\"countryGuide\":{\"id\":72314,\"name\":\"United Kingdom\",\"shareUrl\":\"/guide/72314/hiking-in-the-united-kingdom\"},\"role\":\"primary\",\"tier1Guides\":[{\"id\":22623,\"name\":\"England\",\"shareUrl\":\"/guide/22623/hiking-in-england\"},{\"id\":47647,\"name\":\"Northern Ireland\",\"shareUrl\":\"/guide/47647/hiking-in-northern-ireland\"},{\"id\":58695,\"name\":\"Scotland\",\"shareUrl\":\"/guide/58695/hiking-in-scotland\"},{\"id\":67399,\"name\":\"Wales\",\"shareUrl\":\"/guide/67399/hiking-in-wales\"},{\"id\":12783,\"name\":\"Bath and North East Somerset\",\"shareUrl\":\"/guide/12783/hiking-in-bath-and-north-east-somerset\"},{\"id\":12979,\"name\":\"Bedford\",\"shareUrl\":\"/guide/12979/hiking-around-bedford\"},{\"id\":68883,\"name\":\"Berkshire\",\"shareUrl\":\"/guide/68883/hiking-in-berkshire\"},{\"id\":14291,\"name\":\"Birmingham\",\"shareUrl\":\"/guide/14291/hiking-around-birmingham\"},{\"id\":14483,\"name\":\"Blackpool\",\"shareUrl\":\"/guide/14483/hiking-around-blackpool\"},{\"id\":16067,\"name\":\"Brighton and Hove\",\"shareUrl\":\"/guide/16067/hiking-around-brighton-and-hove\"},{\"id\":16607,\"name\":\"Buckinghamshire\",\"shareUrl\":\"/guide/16607/hiking-in-buckinghamshire\"},{\"id\":17343,\"name\":\"Cambridgeshire\",\"shareUrl\":\"/guide/17343/hiking-in-cambridgeshire\"},{\"id\":3112603,\"name\":\"Canterbury\",\"shareUrl\":\"/guide/3112603/hiking-in-canterbury\"},{\"id\":17855,\"name\":\"Cheshire East\",\"shareUrl\":\"/guide/17855/hiking-in-cheshire-east\"},{\"id\":9015,\"name\":\"City of Bristol\",\"shareUrl\":\"/guide/9015/hiking-around-bristol\"},{\"id\":18007,\"name\":\"City of Leicester\",\"shareUrl\":\"/guide/18007/hiking-around-leicester\"},{\"id\":18483,\"name\":\"Cornwall\",\"shareUrl\":\"/guide/18483/hiking-in-cornwall\"},{\"id\":18567,\"name\":\"County Durham\",\"shareUrl\":\"/guide/18567/hiking-in-county-durham\"},{\"id\":18623,\"name\":\"Coventry\",\"shareUrl\":\"/guide/18623/hiking-around-coventry\"},{\"id\":18651,\"name\":\"Craven\",\"shareUrl\":\"/guide/18651/hiking-in-craven\"},{\"id\":18807,\"name\":\"Cumbria\",\"shareUrl\":\"/guide/18807/hiking-in-cumbria\"},{\"id\":19199,\"name\":\"Darlington\",\"shareUrl\":\"/guide/19199/hiking-around-darlington\"},{\"id\":19559,\"name\":\"Derby\",\"shareUrl\":\"/guide/19559/hiking-around-derby\"},{\"id\":19563,\"name\":\"Derbyshire\",\"shareUrl\":\"/guide/19563/hiking-in-derbyshire\"},{\"id\":19743,\"name\":\"Devon\",\"shareUrl\":\"/guide/19743/hiking-in-devon\"},{\"id\":20611,\"name\":\"Dorset\",\"shareUrl\":\"/guide/20611/hiking-in-dorset\"},{\"id\":20939,\"name\":\"Dudley\",\"shareUrl\":\"/guide/20939/hiking-around-dudley\"},{\"id\":21183,\"name\":\"East Riding of Yorkshire\",\"shareUrl\":\"/guide/21183/hiking-in-east-riding-of-yorkshire\"},{\"id\":21187,\"name\":\"East Sussex\",\"shareUrl\":\"/guide/21187/hiking-in-east-sussex\"},{\"id\":23243,\"name\":\"Essex\",\"shareUrl\":\"/guide/23243/hiking-in-essex\"},{\"id\":26763,\"name\":\"Gloucestershire\",\"shareUrl\":\"/guide/26763/hiking-in-gloucestershire\"},{\"id\":29751,\"name\":\"Halton\",\"shareUrl\":\"/guide/29751/hiking-around-halton\"},{\"id\":29843,\"name\":\"Hampshire\",\"shareUrl\":\"/guide/29843/hiking-in-hampshire\"},{\"id\":30099,\"name\":\"Hartlepool\",\"shareUrl\":\"/guide/30099/hiking-around-hartlepool\"},{\"id\":31291,\"name\":\"Herefordshire\",\"shareUrl\":\"/guide/31291/hiking-in-herefordshire\"},{\"id\":31499,\"name\":\"Hertfordshire\",\"shareUrl\":\"/guide/31499/hiking-in-hertfordshire\"},{\"id\":3112637,\"name\":\"Hinckley And Bosworth\",\"shareUrl\":\"/guide/3112637/hiking-in-hinckley-and-bosworth\"},{\"id\":34143,\"name\":\"Isle of Wight\",\"shareUrl\":\"/guide/34143/hiking-in-the-isle-of-wight\"},{\"id\":34147,\"name\":\"Isles of Scilly\",\"shareUrl\":\"/guide/34147/hiking-on-the-isles-of-scilly\"},{\"id\":35735,\"name\":\"Kent\",\"shareUrl\":\"/guide/35735/hiking-in-kent\"},{\"id\":36195,\"name\":\"Kingston upon Hull\",\"shareUrl\":\"/guide/36195/hiking-around-kingston-upon-hull\"},{\"id\":38835,\"name\":\"Lancashire\",\"shareUrl\":\"/guide/38835/hiking-in-lancashire\"},{\"id\":39719,\"name\":\"Leicestershire\",\"shareUrl\":\"/guide/39719/hiking-in-leicestershire\"},{\"id\":40419,\"name\":\"Lincolnshire\",\"shareUrl\":\"/guide/40419/hiking-in-lincolnshire\"},{\"id\":41483,\"name\":\"Luton\",\"shareUrl\":\"/guide/41483/hiking-around-luton\"},{\"id\":43647,\"name\":\"Middlesbrough\",\"shareUrl\":\"/guide/43647/hiking-around-middlesbrough\"},{\"id\":43755,\"name\":\"Milton Keynes\",\"shareUrl\":\"/guide/43755/hiking-around-milton-keynes\"},{\"id\":47571,\"name\":\"Norfolk\",\"shareUrl\":\"/guide/47571/hiking-in-norfolk\"},{\"id\":47607,\"name\":\"Northamptonshire\",\"shareUrl\":\"/guide/47607/hiking-in-northamptonshire\"},{\"id\":47635,\"name\":\"North East Lincolnshire\",\"shareUrl\":\"/guide/47635/hiking-in-north-east-lincolnshire\"},{\"id\":47671,\"name\":\"North Lincolnshire\",\"shareUrl\":\"/guide/47671/hiking-in-north-lincolnshire\"},{\"id\":47683,\"name\":\"North Somerset\",\"shareUrl\":\"/guide/47683/hiking-around-north-somerset\"},{\"id\":47687,\"name\":\"Northumberland\",\"shareUrl\":\"/guide/47687/hiking-in-northumberland\"},{\"id\":3112620,\"name\":\"North West Leicestershire\",\"shareUrl\":\"/guide/3112620/hiking-in-north-west-leicestershire\"},{\"id\":47703,\"name\":\"North Yorkshire\",\"shareUrl\":\"/guide/47703/hiking-in-north-yorkshire\"},{\"id\":9023,\"name\":\"Nottingham\",\"shareUrl\":\"/guide/9023/hiking-around-nottingham\"},{\"id\":47751,\"name\":\"Nottinghamshire\",\"shareUrl\":\"/guide/47751/hiking-in-nottinghamshire\"},{\"id\":50167,\"name\":\"Oxfordshire\",\"shareUrl\":\"/guide/50167/hiking-in-oxfordshire\"},{\"id\":18015,\"name\":\"Peterborough\",\"shareUrl\":\"/guide/18015/hiking-around-peterborough\"},{\"id\":51555,\"name\":\"Plymouth\",\"shareUrl\":\"/guide/51555/hiking-around-plymouth\"},{\"id\":51807,\"name\":\"Poole\",\"shareUrl\":\"/guide/51807/hiking-around-poole\"},{\"id\":51863,\"name\":\"Portsmouth\",\"shareUrl\":\"/guide/51863/hiking-around-portsmouth\"},{\"id\":53143,\"name\":\"Reading\",\"shareUrl\":\"/guide/53143/hiking-around-reading\"},{\"id\":53235,\"name\":\"Redcar and Cleveland\",\"shareUrl\":\"/guide/53235/hiking-around-redcar-and-cleveland\"},{\"id\":59571,\"name\":\"Shropshire\",\"shareUrl\":\"/guide/59571/hiking-in-shropshire\"},{\"id\":60359,\"name\":\"Solihull\",\"shareUrl\":\"/guide/60359/hiking-around-solihull\"},{\"id\":60407,\"name\":\"Somerset\",\"shareUrl\":\"/guide/60407/hiking-in-somerset\"},{\"id\":60615,\"name\":\"Southampton\",\"shareUrl\":\"/guide/60615/hiking-around-southampton\"},{\"id\":60643,\"name\":\"Southend-on-Sea\",\"shareUrl\":\"/guide/60643/hiking-around-southend-on-sea\"},{\"id\":60663,\"name\":\"South Gloucestershire\",\"shareUrl\":\"/guide/60663/hiking-in-south-gloucestershire\"},{\"id\":61015,\"name\":\"Staffordshire\",\"shareUrl\":\"/guide/61015/hiking-in-staffordshire\"},{\"id\":61847,\"name\":\"Stockton-on-Tees\",\"shareUrl\":\"/guide/61847/hiking-around-stockton-on-tees\"},{\"id\":62427,\"name\":\"Suffolk\",\"shareUrl\":\"/guide/62427/hiking-in-suffolk\"},{\"id\":62603,\"name\":\"Surrey\",\"shareUrl\":\"/guide/62603/hiking-in-surrey\"},{\"id\":62703,\"name\":\"Swindon\",\"shareUrl\":\"/guide/62703/hiking-around-swindon\"},{\"id\":67579,\"name\":\"Walsall\",\"shareUrl\":\"/guide/67579/hiking-around-walsall\"},{\"id\":67807,\"name\":\"Warrington\",\"shareUrl\":\"/guide/67807/hiking-around-warrington\"},{\"id\":67859,\"name\":\"Warwickshire\",\"shareUrl\":\"/guide/67859/hiking-in-warwickshire\"},{\"id\":69043,\"name\":\"West Sussex\",\"shareUrl\":\"/guide/69043/hiking-in-west-sussex\"},{\"id\":69663,\"name\":\"Wiltshire\",\"shareUrl\":\"/guide/69663/hiking-in-wiltshire\"},{\"id\":70455,\"name\":\"Wolverhampton\",\"shareUrl\":\"/guide/70455/hiking-around-wolverhampton\"},{\"id\":70491,\"name\":\"Worcestershire\",\"shareUrl\":\"/guide/70491/hiking-in-worcestershire\"},{\"id\":70915,\"name\":\"York\",\"shareUrl\":\"/guide/70915/hiking-around-york\"}],\"tier2Guides\":[{\"id\":40895,\"name\":\"London\",\"shareUrl\":\"/guide/40895/hiking-around-london\"},{\"id\":504665,\"name\":\"Peak District\",\"shareUrl\":\"/guide/504665/hiking-in-peak-district\"},{\"id\":697887,\"name\":\"Delamere\",\"shareUrl\":\"/guide/697887/hiking-around-delamere-forest\"},{\"id\":693535,\"name\":\"Alderley Edge\",\"shareUrl\":\"/guide/693535/hiking-around-alderley-edge\"},{\"id\":1669522,\"name\":\"Edale\",\"shareUrl\":\"/guide/1669522/hiking-around-edale\"},{\"id\":504699,\"name\":\"Lake District\",\"shareUrl\":\"/guide/504699/hiking-in-lake-district\"},{\"id\":684797,\"name\":\"Thornham\",\"shareUrl\":\"/guide/684797/hiking-around-thornham\"},{\"id\":26639,\"name\":\"Glasgow City\",\"shareUrl\":\"/guide/26639/hiking-around-glasgow\"},{\"id\":1698677,\"name\":\"Castleton\",\"shareUrl\":\"/guide/1698677/hiking-around-castleton\"},{\"id\":752236,\"name\":\"Wales\",\"shareUrl\":\"/guide/752236/hiking-around-wales\"},{\"id\":1763175,\"name\":\"Grassington\",\"shareUrl\":\"/guide/1763175/hiking-around-grassington\"},{\"id\":1686029,\"name\":\"Castleton\",\"shareUrl\":\"/guide/1686029/hiking-around-castleton\"},{\"id\":769032,\"name\":\"Betws-Y-Coed\",\"shareUrl\":\"/guide/769032/hiking-around-betws-y-coed\"},{\"id\":765700,\"name\":\"Stratford Upon Avon\",\"shareUrl\":\"/guide/765700/hiking-around-stratford-upon-avon\"},{\"id\":504648,\"name\":\"North York Moors National Park\",\"shareUrl\":\"/guide/504648/hiking-in-north-york-moors-national-park\"},{\"id\":679697,\"name\":\"Bakewell\",\"shareUrl\":\"/guide/679697/hiking-around-bakewell\"},{\"id\":1763090,\"name\":\"Llangollen\",\"shareUrl\":\"/guide/1763090/hiking-around-llangollen\"},{\"id\":876302,\"name\":\"Shrewsbury\",\"shareUrl\":\"/guide/876302/hiking-around-shrewsbury\"},{\"id\":720718,\"name\":\"Malvern\",\"shareUrl\":\"/guide/720718/hiking-around-malvern\"},{\"id\":27707,\"name\":\"Greater Manchester\",\"shareUrl\":\"/guide/27707/hiking-around-greater-manchester\"}]},{\"countryName\":\"United States\",\"countryGuide\":{\"id\":72318,\"name\":\"United States\",\"shareUrl\":\"/guide/72318/hiking-in-the-united-states-of-america\"},\"role\":\"primary\",\"tier1Guides\":[{\"id\":9707,\"name\":\"Alabama\",\"shareUrl\":\"/guide/9707/hiking-in-alabama\"},{\"id\":9723,\"name\":\"Alaska\",\"shareUrl\":\"/guide/9723/hiking-in-alaska\"},{\"id\":11103,\"name\":\"Arizona\",\"shareUrl\":\"/guide/11103/hiking-in-arizona\"},{\"id\":11107,\"name\":\"Arkansas\",\"shareUrl\":\"/guide/11107/hiking-in-arkansas\"},{\"id\":17303,\"name\":\"California\",\"shareUrl\":\"/guide/17303/hiking-in-california\"},{\"id\":18179,\"name\":\"Colorado\",\"shareUrl\":\"/guide/18179/hiking-in-colorado\"},{\"id\":18235,\"name\":\"Connecticut\",\"shareUrl\":\"/guide/18235/hiking-in-connecticut\"},{\"id\":19427,\"name\":\"Delaware\",\"shareUrl\":\"/guide/19427/hiking-in-delaware\"},{\"id\":24287,\"name\":\"Florida\",\"shareUrl\":\"/guide/24287/hiking-in-florida\"},{\"id\":26055,\"name\":\"Georgia\",\"shareUrl\":\"/guide/26055/hiking-in-georgia\"},{\"id\":33559,\"name\":\"Idaho\",\"shareUrl\":\"/guide/33559/hiking-in-idaho\"},{\"id\":33703,\"name\":\"Illinois\",\"shareUrl\":\"/guide/33703/hiking-in-illinois\"},{\"id\":33843,\"name\":\"Indiana\",\"shareUrl\":\"/guide/33843/hiking-in-indiana\"},{\"id\":34011,\"name\":\"Iowa\",\"shareUrl\":\"/guide/34011/hiking-in-iowa\"},{\"id\":35159,\"name\":\"Kansas\",\"shareUrl\":\"/guide/35159/hiking-in-kansas\"},{\"id\":35739,\"name\":\"Kentucky\",\"shareUrl\":\"/guide/35739/hiking-in-kentucky\"},{\"id\":41055,\"name\":\"Louisiana\",\"shareUrl\":\"/guide/41055/hiking-in-louisiana\"},{\"id\":41791,\"name\":\"Maine\",\"shareUrl\":\"/guide/41791/hiking-in-maine\"},{\"id\":42551,\"name\":\"Maryland\",\"shareUrl\":\"/guide/42551/hiking-in-maryland\"},{\"id\":42591,\"name\":\"Massachusetts\",\"shareUrl\":\"/guide/42591/hiking-in-massachusetts\"},{\"id\":43623,\"name\":\"Michigan\",\"shareUrl\":\"/guide/43623/hiking-in-michigan\"},{\"id\":43807,\"name\":\"Minnesota\",\"shareUrl\":\"/guide/43807/hiking-in-minnesota\"},{\"id\":43867,\"name\":\"Mississippi\",\"shareUrl\":\"/guide/43867/hiking-in-mississippi\"},{\"id\":43875,\"name\":\"Missouri\",\"shareUrl\":\"/guide/43875/hiking-in-missouri\"},{\"id\":44267,\"name\":\"Montana\",\"shareUrl\":\"/guide/44267/hiking-in-montana\"},{\"id\":45635,\"name\":\"Nebraska\",\"shareUrl\":\"/guide/45635/hiking-in-nebraska\"},{\"id\":46575,\"name\":\"Nevada\",\"shareUrl\":\"/guide/46575/hiking-in-nevada\"},{\"id\":46615,\"name\":\"New Hampshire\",\"shareUrl\":\"/guide/46615/hiking-in-new-hampshire\"},{\"id\":46619,\"name\":\"New Jersey\",\"shareUrl\":\"/guide/46619/hiking-in-new-jersey\"},{\"id\":46623,\"name\":\"New Mexico\",\"shareUrl\":\"/guide/46623/hiking-in-new-mexico\"},{\"id\":46635,\"name\":\"New York\",\"shareUrl\":\"/guide/46635/hiking-in-new-york\"},{\"id\":47615,\"name\":\"North Carolina\",\"shareUrl\":\"/guide/47615/hiking-in-north-carolina\"},{\"id\":47619,\"name\":\"North Dakota\",\"shareUrl\":\"/guide/47619/hiking-in-north-dakota\"},{\"id\":49247,\"name\":\"Ohio\",\"shareUrl\":\"/guide/49247/hiking-in-ohio\"},{\"id\":49307,\"name\":\"Oklahoma\",\"shareUrl\":\"/guide/49307/hiking-in-oklahoma\"},{\"id\":49567,\"name\":\"Oregon\",\"shareUrl\":\"/guide/49567/hiking-in-oregon\"},{\"id\":50707,\"name\":\"Pennsylvania\",\"shareUrl\":\"/guide/50707/hiking-in-pennsylvania\"},{\"id\":54007,\"name\":\"Rhode Island\",\"shareUrl\":\"/guide/54007/hiking-in-rhode-island\"},{\"id\":60627,\"name\":\"South Carolina\",\"shareUrl\":\"/guide/60627/hiking-in-south-carolina\"},{\"id\":60631,\"name\":\"South Dakota\",\"shareUrl\":\"/guide/60631/hiking-in-south-dakota\"},{\"id\":63255,\"name\":\"Tennessee\",\"shareUrl\":\"/guide/63255/hiking-in-tennessee\"},{\"id\":63411,\"name\":\"Texas\",\"shareUrl\":\"/guide/63411/hiking-in-texas\"},{\"id\":65119,\"name\":\"United States Virgin Islands\",\"shareUrl\":\"/guide/65119/hiking-in-the-united-states-virgin-islands\"},{\"id\":65563,\"name\":\"Utah\",\"shareUrl\":\"/guide/65563/hiking-in-utah\"},{\"id\":66091,\"name\":\"Vermont\",\"shareUrl\":\"/guide/66091/hiking-in-vermont\"},{\"id\":66455,\"name\":\"Virginia\",\"shareUrl\":\"/guide/66455/hiking-in-virginia\"},{\"id\":67891,\"name\":\"Washington\",\"shareUrl\":\"/guide/67891/hiking-in-washington\"},{\"id\":69051,\"name\":\"West Virginia\",\"shareUrl\":\"/guide/69051/hiking-in-west-virginia\"},{\"id\":69979,\"name\":\"Wisconsin\",\"shareUrl\":\"/guide/69979/hiking-in-wisconsin\"},{\"id\":70791,\"name\":\"Wyoming\",\"shareUrl\":\"/guide/70791/hiking-in-wyoming\"}],\"tier2Guides\":[{\"id\":1915342,\"name\":\"Sedona\",\"shareUrl\":\"/guide/1915342/hiking-around-sedona\"},{\"id\":1844146,\"name\":\"Zion National Park\",\"shareUrl\":\"/guide/1844146/hiking-in-zion-national-park\"},{\"id\":1933753,\"name\":\"San Diego\",\"shareUrl\":\"/guide/1933753/hiking-around-san-diego\"},{\"id\":1844214,\"name\":\"Glacier National Park\",\"shareUrl\":\"/guide/1844214/hiking-in-glacier-national-park\"},{\"id\":1844282,\"name\":\"Olympic National Park\",\"shareUrl\":\"/guide/1844282/hiking-in-olympic-national-park\"},{\"id\":1844163,\"name\":\"Grand Teton National Park\",\"shareUrl\":\"/guide/1844163/hiking-in-grand-teton-national-park\"},{\"id\":1843381,\"name\":\"Rocky Mountain National Park\",\"shareUrl\":\"/guide/1843381/hiking-in-rocky-mountain-national-park\"},{\"id\":2394402,\"name\":\"Seattle\",\"shareUrl\":\"/guide/2394402/hiking-around-seattle\"},{\"id\":1844316,\"name\":\"Shenandoah National Park\",\"shareUrl\":\"/guide/1844316/hiking-in-shenandoah-national-park\"},{\"id\":1935742,\"name\":\"Pacifica\",\"shareUrl\":\"/guide/1935742/hiking-around-pacifica\"},{\"id\":1843568,\"name\":\"Capitol Reef National Park\",\"shareUrl\":\"/guide/1843568/hiking-in-capitol-reef-national-park\"},{\"id\":1843534,\"name\":\"North Cascades National Park\",\"shareUrl\":\"/guide/1843534/hiking-in-north-cascades-national-park\"},{\"id\":1843789,\"name\":\"Arches National Park\",\"shareUrl\":\"/guide/1843789/hiking-in-arches-national-park\"},{\"id\":1934212,\"name\":\"Berkeley\",\"shareUrl\":\"/guide/1934212/hiking-around-berkeley\"},{\"id\":1843602,\"name\":\"Big Bend National Park\",\"shareUrl\":\"/guide/1843602/hiking-in-big-bend-national-park\"},{\"id\":17415,\"name\":\"Capitol Reef National Park\",\"shareUrl\":\"/guide/17415/hiking-in-capitol-reef-national-park\"},{\"id\":3302068,\"name\":\"Waimea Canyon State Park\",\"shareUrl\":\"/guide/3302068/hiking-in-waimea-canyon-state-park\"},{\"id\":1844350,\"name\":\"Great Smoky Mountains National Park\",\"shareUrl\":\"/guide/1844350/hiking-in-great-smoky-mountains-national-park\"},{\"id\":2207368,\"name\":\"Cold Spring\",\"shareUrl\":\"/guide/2207368/hiking-around-cold-spring\"},{\"id\":1844333,\"name\":\"Acadia National Park\",\"shareUrl\":\"/guide/1844333/hiking-in-acadia-national-park\"}]}],\"international\":{\"countries\":[{\"id\":72442,\"name\":\"Norway\",\"shareUrl\":\"/guide/72442/hiking-in-norway\"},{\"id\":71987,\"name\":\"Isle of Man\",\"shareUrl\":\"/guide/71987/hiking-on-the-isle-of-man\"},{\"id\":71967,\"name\":\"Iceland\",\"shareUrl\":\"/guide/71967/hiking-in-iceland\"},{\"id\":71983,\"name\":\"Ireland\",\"shareUrl\":\"/guide/71983/hiking-in-ireland\"},{\"id\":1877,\"name\":\"Malta\",\"shareUrl\":\"/guide/1877/hiking-in-malta\"},{\"id\":533,\"name\":\"France\",\"shareUrl\":\"/guide/533/hiking-in-france\"},{\"id\":525,\"name\":\"Switzerland\",\"shareUrl\":\"/guide/525/hiking-in-switzerland\"},{\"id\":71995,\"name\":\"Japan\",\"shareUrl\":\"/guide/71995/hiking-in-japan\"},{\"id\":541,\"name\":\"Portugal\",\"shareUrl\":\"/guide/541/hiking-in-portugal\"},{\"id\":537,\"name\":\"Italy\",\"shareUrl\":\"/guide/537/hiking-in-italy\"}],\"destinations\":[{\"id\":1885,\"name\":\"Dolomites\",\"shareUrl\":\"/guide/1885/hiking-in-the-dolomites\"},{\"id\":3295863,\"name\":\"Jasper National Park\",\"shareUrl\":\"/guide/3295863/hiking-in-jasper-national-park\"},{\"id\":3284711,\"name\":\"Banff National Park\",\"shareUrl\":\"/guide/3284711/hiking-in-banff-national-park\"},{\"id\":18691,\"name\":\"Crete\",\"shareUrl\":\"/guide/18691/hiking-in-the-crete\"},{\"id\":18031,\"name\":\"Clare\",\"shareUrl\":\"/guide/18031/hiking-in-clare\"},{\"id\":1777,\"name\":\"Pyrenees\",\"shareUrl\":\"/guide/1777/hiking-in-the-pyrenees\"},{\"id\":17327,\"name\":\"Calvados\",\"shareUrl\":\"/guide/17327/hiking-in-calvados\"},{\"id\":17191,\"name\":\"Buttstädt\",\"shareUrl\":\"/guide/17191/hiking-around-buttstaedt\"},{\"id\":69191,\"name\":\"Wicklow Mountains National Park\",\"shareUrl\":\"/guide/69191/hiking-in-the-wicklow-mountains-national-park\"},{\"id\":17471,\"name\":\"Carpathian Mountains\",\"shareUrl\":\"/guide/17471/hiking-in-the-carpathian-mountains\"},{\"id\":3284626,\"name\":\"Kootenay National Park\",\"shareUrl\":\"/guide/3284626/hiking-in-kootenay-national-park\"},{\"id\":661,\"name\":\"Kaiser Mountains\",\"shareUrl\":\"/guide/661/hiking-in-the-kaiser-mountains\"},{\"id\":301,\"name\":\"Landkreis München\",\"shareUrl\":\"/guide/301/hiking-around-landkreis-muenchen\"},{\"id\":3735173,\"name\":\"Sleeping Giant Provincial Park\",\"shareUrl\":\"/guide/3735173/hiking-in-sleeping-giant-provincial-park\"},{\"id\":6151,\"name\":\"Bezirk Bregenz\",\"shareUrl\":\"/guide/6151/hiking-around-bezirk-bregenz\"}]}},\"touringbicycle\":{\"countries\":[{\"countryName\":\"United Kingdom\",\"countryGuide\":{\"id\":72317,\"name\":\"United Kingdom\",\"shareUrl\":\"/guide/72317/cycling-in-the-united-kingdom\"},\"role\":\"primary\",\"tier2Guides\":[{\"id\":18006,\"name\":\"Edinburgh\",\"shareUrl\":\"/guide/18006/cycling-around-edinburgh\"},{\"id\":40898,\"name\":\"London\",\"shareUrl\":\"/guide/40898/cycling-around-london\"},{\"id\":674719,\"name\":\"Harrogate\",\"shareUrl\":\"/guide/674719/cycling-around-harrogate\"},{\"id\":26642,\"name\":\"Glasgow City\",\"shareUrl\":\"/guide/26642/cycling-around-glasgow\"},{\"id\":673903,\"name\":\"Cheltenham\",\"shareUrl\":\"/guide/673903/cycling-around-cheltenham\"},{\"id\":1707333,\"name\":\"Box\",\"shareUrl\":\"/guide/1707333/cycling-around-box\"},{\"id\":673308,\"name\":\"New Forest\",\"shareUrl\":\"/guide/673308/cycling-around-new-forest\"},{\"id\":670707,\"name\":\"Cannock Chase\",\"shareUrl\":\"/guide/670707/cycling-around-cannock-chase\"},{\"id\":504702,\"name\":\"Lake District\",\"shareUrl\":\"/guide/504702/cycling-in-lake-district\"},{\"id\":728558,\"name\":\"Deal\",\"shareUrl\":\"/guide/728558/cycling-around-deal\"},{\"id\":851196,\"name\":\"Cross\",\"shareUrl\":\"/guide/851196/cycling-around-cross\"},{\"id\":750165,\"name\":\"Silverstone\",\"shareUrl\":\"/guide/750165/cycling-around-silverstone\"},{\"id\":672492,\"name\":\"Hastings\",\"shareUrl\":\"/guide/672492/cycling-around-hastings\"},{\"id\":672016,\"name\":\"Norwich\",\"shareUrl\":\"/guide/672016/cycling-around-norwich\"},{\"id\":670928,\"name\":\"Lincoln\",\"shareUrl\":\"/guide/670928/cycling-around-lincoln\"},{\"id\":727113,\"name\":\"Bridge\",\"shareUrl\":\"/guide/727113/cycling-around-bridge\"},{\"id\":721197,\"name\":\"Lake\",\"shareUrl\":\"/guide/721197/cycling-around-lake\"},{\"id\":1707588,\"name\":\"Castle Combe\",\"shareUrl\":\"/guide/1707588/cycling-around-castle-combe\"},{\"id\":750964,\"name\":\"Rise\",\"shareUrl\":\"/guide/750964/cycling-around-rise\"},{\"id\":15474,\"name\":\"Bournemouth\",\"shareUrl\":\"/guide/15474/cycling-around-bournemouth\"}]},{\"countryName\":\"United States\",\"countryGuide\":{\"id\":72321,\"name\":\"United States\",\"shareUrl\":\"/guide/72321/cycling-in-the-united-states-of-america\"},\"role\":\"primary\",\"tier2Guides\":[{\"id\":1961976,\"name\":\"Colorado Springs\",\"shareUrl\":\"/guide/1961976/cycling-around-colorado-springs\"},{\"id\":1935167,\"name\":\"Los Angeles\",\"shareUrl\":\"/guide/1935167/cycling-around-los-angeles\"},{\"id\":2280012,\"name\":\"Portland\",\"shareUrl\":\"/guide/2280012/cycling-around-portland\"},{\"id\":1938346,\"name\":\"Huntington Beach\",\"shareUrl\":\"/guide/1938346/cycling-around-huntington-beach\"},{\"id\":2101784,\"name\":\"Boston\",\"shareUrl\":\"/guide/2101784/cycling-around-boston\"},{\"id\":2394405,\"name\":\"Seattle\",\"shareUrl\":\"/guide/2394405/cycling-around-seattle\"},{\"id\":1935320,\"name\":\"San Jose\",\"shareUrl\":\"/guide/1935320/cycling-around-san-jose\"},{\"id\":1963931,\"name\":\"Denver\",\"shareUrl\":\"/guide/1963931/cycling-around-denver\"},{\"id\":2102532,\"name\":\"Arlington\",\"shareUrl\":\"/guide/2102532/cycling-around-arlington\"},{\"id\":1939009,\"name\":\"Sacramento\",\"shareUrl\":\"/guide/1939009/cycling-around-sacramento\"},{\"id\":1914920,\"name\":\"Tucson\",\"shareUrl\":\"/guide/1914920/cycling-around-tucson\"},{\"id\":1935847,\"name\":\"San Francisco\",\"shareUrl\":\"/guide/1935847/cycling-around-san-francisco\"},{\"id\":44734,\"name\":\"Mount Lemmon\",\"shareUrl\":\"/guide/44734/cycling-around-mount-lemmon\"},{\"id\":2360371,\"name\":\"Austin\",\"shareUrl\":\"/guide/2360371/cycling-around-austin\"},{\"id\":2252829,\"name\":\"Brooklyn\",\"shareUrl\":\"/guide/2252829/cycling-around-brooklyn\"},{\"id\":1939485,\"name\":\"Santa Cruz\",\"shareUrl\":\"/guide/1939485/cycling-around-santa-cruz\"},{\"id\":2414312,\"name\":\"Madison\",\"shareUrl\":\"/guide/2414312/cycling-around-madison\"},{\"id\":1940692,\"name\":\"Santa Barbara\",\"shareUrl\":\"/guide/1940692/cycling-around-santa-barbara\"},{\"id\":1933756,\"name\":\"San Diego\",\"shareUrl\":\"/guide/1933756/cycling-around-san-diego\"},{\"id\":2393470,\"name\":\"Vancouver\",\"shareUrl\":\"/guide/2393470/cycling-around-vancouver\"}]}],\"international\":{\"countries\":[{\"id\":71986,\"name\":\"Ireland\",\"shareUrl\":\"/guide/71986/cycling-in-ireland\"},{\"id\":72437,\"name\":\"Mauritius\",\"shareUrl\":\"/guide/72437/cycling-in-mauritius\"},{\"id\":71838,\"name\":\"Colombia\",\"shareUrl\":\"/guide/71838/cycling-in-colombia\"},{\"id\":552,\"name\":\"Germany\",\"shareUrl\":\"/guide/552/cycling-in-germany\"},{\"id\":1860,\"name\":\"Croatia\",\"shareUrl\":\"/guide/1860/cycling-in-croatia\"},{\"id\":71990,\"name\":\"Isle of Man\",\"shareUrl\":\"/guide/71990/cycling-on-the-isle-of-man\"},{\"id\":72345,\"name\":\"Vietnam\",\"shareUrl\":\"/guide/72345/cycling-in-vietnam\"},{\"id\":71998,\"name\":\"Japan\",\"shareUrl\":\"/guide/71998/cycling-in-japan\"},{\"id\":544,\"name\":\"Portugal\",\"shareUrl\":\"/guide/544/cycling-in-portugal\"},{\"id\":72692,\"name\":\"Australia\",\"shareUrl\":\"/guide/72692/cycling-in-australia\"}],\"destinations\":[{\"id\":1888,\"name\":\"Dolomites\",\"shareUrl\":\"/guide/1888/cycling-in-the-dolomites\"},{\"id\":18266,\"name\":\"Copenhagen\",\"shareUrl\":\"/guide/18266/cycling-in-copenhagen\"},{\"id\":72521,\"name\":\"Basque Country\",\"shareUrl\":\"/guide/72521/cycling-in-basque-country\"},{\"id\":832,\"name\":\"Alps\",\"shareUrl\":\"/guide/832/cycling-in-the-alps\"},{\"id\":800,\"name\":\"Canary Islands\",\"shareUrl\":\"/guide/800/cycling-in-the-canary-islands\"},{\"id\":3270179,\"name\":\"Greenbelt\",\"shareUrl\":\"/guide/3270179/cycling-in-greenbelt\"},{\"id\":47694,\"name\":\"Severozápad\",\"shareUrl\":\"/guide/47694/cycling-in-severozapad\"},{\"id\":65358,\"name\":\"Untersiebenbrunn\",\"shareUrl\":\"/guide/65358/cycling-around-untersiebenbrunn\"},{\"id\":166071,\"name\":\"Park Krajobrazowy Doliny Bobru\",\"shareUrl\":\"/guide/166071/cycling-around-park-krajobrazowy-doliny-bobru\"},{\"id\":49674,\"name\":\"Orth an der Donau\",\"shareUrl\":\"/guide/49674/cycling-around-orth-an-der-donau\"},{\"id\":3227815,\"name\":\"Hell\",\"shareUrl\":\"/guide/3227815/cycling-in-hell\"},{\"id\":3242911,\"name\":\"Monte Antessio - Chiusola\",\"shareUrl\":\"/guide/3242911/cycling-in-monte-antessio-chiusola\"},{\"id\":59210,\"name\":\"Serba\",\"shareUrl\":\"/guide/59210/cycling-around-serba\"},{\"id\":40506,\"name\":\"Lindow (Mark)\",\"shareUrl\":\"/guide/40506/cycling-around-lindow-mark\"},{\"id\":3227832,\"name\":\"Appel\",\"shareUrl\":\"/guide/3227832/cycling-in-appel\"}]}},\"racebike\":{\"countries\":[{\"countryName\":\"United Kingdom\",\"countryGuide\":{\"id\":72316,\"name\":\"United Kingdom\",\"shareUrl\":\"/guide/72316/road-cycling-routes-in-the-united-kingdom\"},\"role\":\"primary\",\"tier2Guides\":[{\"id\":505585,\"name\":\"Dartmoor\",\"shareUrl\":\"/guide/505585/road-cycling-routes-in-dartmoor\"},{\"id\":504701,\"name\":\"Lake District\",\"shareUrl\":\"/guide/504701/road-cycling-routes-in-lake-district\"},{\"id\":504667,\"name\":\"Peak District\",\"shareUrl\":\"/guide/504667/road-cycling-routes-in-peak-district\"},{\"id\":674701,\"name\":\"Leeds\",\"shareUrl\":\"/guide/674701/road-cycling-routes-around-leeds\"},{\"id\":671607,\"name\":\"Manchester\",\"shareUrl\":\"/guide/671607/road-cycling-routes-around-manchester\"},{\"id\":504735,\"name\":\"Snowdonia\",\"shareUrl\":\"/guide/504735/road-cycling-routes-in-snowdonia\"},{\"id\":1763330,\"name\":\"North Wales\",\"shareUrl\":\"/guide/1763330/road-cycling-routes-in-north-wales\"},{\"id\":17613,\"name\":\"Ceredigion\",\"shareUrl\":\"/guide/17613/road-cycling-routes-in-ceredigion\"},{\"id\":63753,\"name\":\"Thurrock\",\"shareUrl\":\"/guide/63753/road-cycling-routes-in-thurrock\"},{\"id\":17461,\"name\":\"Carmarthenshire\",\"shareUrl\":\"/guide/17461/road-cycling-routes-in-carmarthenshire\"},{\"id\":15561,\"name\":\"Bracknell\",\"shareUrl\":\"/guide/15561/road-cycling-routes-in-bracknell\"},{\"id\":70209,\"name\":\"Wokingham\",\"shareUrl\":\"/guide/70209/road-cycling-routes-around-wokingham\"},{\"id\":60265,\"name\":\"Slough\",\"shareUrl\":\"/guide/60265/road-cycling-routes-around-slough\"},{\"id\":15473,\"name\":\"Bournemouth\",\"shareUrl\":\"/guide/15473/road-cycling-routes-around-bournemouth\"},{\"id\":69777,\"name\":\"Windsor and Maidenhead\",\"shareUrl\":\"/guide/69777/road-cycling-routes-in-windsor-and-maidenhead\"},{\"id\":65745,\"name\":\"Vale of Glamorgan\",\"shareUrl\":\"/guide/65745/road-cycling-routes-in-the-vale-of-glamorgan\"},{\"id\":40897,\"name\":\"London\",\"shareUrl\":\"/guide/40897/road-cycling-routes-around-london\"},{\"id\":42901,\"name\":\"Medway\",\"shareUrl\":\"/guide/42901/road-cycling-routes-in-medway\"},{\"id\":17569,\"name\":\"Central Bedfordshire\",\"shareUrl\":\"/guide/17569/road-cycling-routes-in-central-bedfordshire\"},{\"id\":17861,\"name\":\"Cheshire West and Chester\",\"shareUrl\":\"/guide/17861/road-cycling-routes-in-cheshire-west-and-chester\"}]},{\"countryName\":\"United States\",\"countryGuide\":{\"id\":72320,\"name\":\"United States\",\"shareUrl\":\"/guide/72320/road-cycling-routes-in-the-united-states-of-america\"},\"role\":\"primary\",\"tier2Guides\":[{\"id\":29661,\"name\":\"Haleakala\",\"shareUrl\":\"/guide/29661/road-cycling-routes-around-haleakala\"},{\"id\":2363430,\"name\":\"Houston\",\"shareUrl\":\"/guide/2363430/road-cycling-routes-around-houston\"},{\"id\":1959969,\"name\":\"Boulder\",\"shareUrl\":\"/guide/1959969/road-cycling-routes-around-boulder\"},{\"id\":1914919,\"name\":\"Tucson\",\"shareUrl\":\"/guide/1914919/road-cycling-routes-around-tucson\"},{\"id\":1935693,\"name\":\"Half Moon Bay\",\"shareUrl\":\"/guide/1935693/road-cycling-routes-around-half-moon-bay\"},{\"id\":2375415,\"name\":\"Salt Lake City\",\"shareUrl\":\"/guide/2375415/road-cycling-routes-around-salt-lake-city\"},{\"id\":1915174,\"name\":\"Phoenix\",\"shareUrl\":\"/guide/1915174/road-cycling-routes-around-phoenix\"},{\"id\":1961771,\"name\":\"Breckenridge\",\"shareUrl\":\"/guide/1961771/road-cycling-routes-around-breckenridge\"},{\"id\":2419921,\"name\":\"Oregon\",\"shareUrl\":\"/guide/2419921/road-cycling-routes-around-oregon\"},{\"id\":2007671,\"name\":\"Park City\",\"shareUrl\":\"/guide/2007671/road-cycling-routes-around-park-city\"},{\"id\":1939484,\"name\":\"Santa Cruz\",\"shareUrl\":\"/guide/1939484/road-cycling-routes-around-santa-cruz\"},{\"id\":2158257,\"name\":\"St. George\",\"shareUrl\":\"/guide/2158257/road-cycling-routes-around-st-george\"},{\"id\":1939008,\"name\":\"Sacramento\",\"shareUrl\":\"/guide/1939008/road-cycling-routes-around-sacramento\"},{\"id\":1895369,\"name\":\"Medicine Bow-Routt National Forest\",\"shareUrl\":\"/guide/1895369/road-cycling-routes-in-medicine-bow-routt-national-forest\"},{\"id\":1895386,\"name\":\"Shoshone National Forest\",\"shareUrl\":\"/guide/1895386/road-cycling-routes-in-shoshone-national-forest\"},{\"id\":1895267,\"name\":\"Idaho Panhandle National Forests\",\"shareUrl\":\"/guide/1895267/road-cycling-routes-in-idaho-panhandle-national-forests\"},{\"id\":1895437,\"name\":\"Inyo National Forest\",\"shareUrl\":\"/guide/1895437/road-cycling-routes-in-inyo-national-forest\"},{\"id\":1895318,\"name\":\"Dakota Prairie Grasslands\",\"shareUrl\":\"/guide/1895318/road-cycling-routes-in-dakota-prairie-grasslands\"},{\"id\":1895454,\"name\":\"Sequoia National Forest\",\"shareUrl\":\"/guide/1895454/road-cycling-routes-in-sequoia-national-forest\"},{\"id\":1895471,\"name\":\"Santa Fe National Forest\",\"shareUrl\":\"/guide/1895471/road-cycling-routes-in-santa-fe-national-forest\"}]}],\"international\":{\"countries\":[{\"id\":71973,\"name\":\"India\",\"shareUrl\":\"/guide/71973/road-cycling-routes-in-india\"},{\"id\":72244,\"name\":\"Sri Lanka\",\"shareUrl\":\"/guide/72244/road-cycling-routes-in-sri-lanka\"},{\"id\":72080,\"name\":\"Moldova\",\"shareUrl\":\"/guide/72080/road-cycling-routes-in-moldova\"},{\"id\":72408,\"name\":\"Jamaica\",\"shareUrl\":\"/guide/72408/road-cycling-routes-in-jamaica\"},{\"id\":71793,\"name\":\"Brunei\",\"shareUrl\":\"/guide/71793/road-cycling-routes-in-brunei\"},{\"id\":71997,\"name\":\"Japan\",\"shareUrl\":\"/guide/71997/road-cycling-routes-in-japan\"},{\"id\":72013,\"name\":\"Kenya\",\"shareUrl\":\"/guide/72013/road-cycling-routes-in-kenya\"},{\"id\":72005,\"name\":\"Jordan\",\"shareUrl\":\"/guide/72005/road-cycling-routes-in-jordan\"},{\"id\":72196,\"name\":\"Saudi Arabia\",\"shareUrl\":\"/guide/72196/road-cycling-routes-in-saudi-arabia\"},{\"id\":71917,\"name\":\"Georgia\",\"shareUrl\":\"/guide/71917/road-cycling-routes-in-georgia\"}],\"destinations\":[{\"id\":17205,\"name\":\"Butzow\",\"shareUrl\":\"/guide/17205/road-cycling-routes-around-butzow\"},{\"id\":40389,\"name\":\"Limburg\",\"shareUrl\":\"/guide/40389/road-cycling-routes-in-limburg\"},{\"id\":17333,\"name\":\"Calvörde\",\"shareUrl\":\"/guide/17333/road-cycling-routes-around-calvoerde\"},{\"id\":28065,\"name\":\"District du Gros-de-Vaud\",\"shareUrl\":\"/guide/28065/road-cycling-routes-in-district-du-gros-de-vaud\"},{\"id\":2612516,\"name\":\"gmina Ciechanów\",\"shareUrl\":\"/guide/2612516/road-cycling-routes-around-gmina-ciechanow\"},{\"id\":2593595,\"name\":\"Sorkwity\",\"shareUrl\":\"/guide/2593595/road-cycling-routes-around-sorkwity\"},{\"id\":3174672,\"name\":\"Ålfotbreen Landskapsvernområde\",\"shareUrl\":\"/guide/3174672/road-cycling-routes-in-alfotbreen-landskapsvernomrade\"},{\"id\":3212361,\"name\":\"Rezerwat Gązwa\",\"shareUrl\":\"/guide/3212361/road-cycling-routes-in-rezerwat-gazwa\"},{\"id\":31149,\"name\":\"Hengduan Mountains\",\"shareUrl\":\"/guide/31149/road-cycling-routes-in-the-hengduan-mountains\"},{\"id\":3174536,\"name\":\"Ytamo Naturreservat\",\"shareUrl\":\"/guide/3174536/road-cycling-routes-in-ytamo-naturreservat\"},{\"id\":3204898,\"name\":\"Šranecké Piesky\",\"shareUrl\":\"/guide/3204898/road-cycling-routes-in-sranecke-piesky\"},{\"id\":1525925,\"name\":\"Vierzon\",\"shareUrl\":\"/guide/1525925/road-cycling-routes-around-vierzon\"},{\"id\":2513729,\"name\":\"okres Považská Bystrica\",\"shareUrl\":\"/guide/2513729/road-cycling-routes-around-okres-povazska-bystrica\"},{\"id\":3247364,\"name\":\"Gola Di S. Eustachio\",\"shareUrl\":\"/guide/3247364/road-cycling-routes-in-gola-di-s-eustachio\"},{\"id\":1765523,\"name\":\"Los Velez\",\"shareUrl\":\"/guide/1765523/road-cycling-routes-around-los-velez\"}]}},\"mtb\":{\"countries\":[{\"countryName\":\"United Kingdom\",\"countryGuide\":{\"id\":72315,\"name\":\"United Kingdom\",\"shareUrl\":\"/guide/72315/mtb-trails-in-the-united-kingdom\"},\"role\":\"primary\",\"tier2Guides\":[{\"id\":670705,\"name\":\"Cannock Chase\",\"shareUrl\":\"/guide/670705/mtb-trails-around-cannock-chase\"},{\"id\":1686047,\"name\":\"Hope\",\"shareUrl\":\"/guide/1686047/mtb-trails-around-hope\"},{\"id\":752237,\"name\":\"Wales\",\"shareUrl\":\"/guide/752237/mtb-trails-around-wales\"},{\"id\":1702282,\"name\":\"Van\",\"shareUrl\":\"/guide/1702282/mtb-trails-around-van\"},{\"id\":504666,\"name\":\"Peak District\",\"shareUrl\":\"/guide/504666/mtb-trails-in-peak-district\"},{\"id\":9012,\"name\":\"Aberdeen\",\"shareUrl\":\"/guide/9012/mtb-trails-around-aberdeen\"},{\"id\":1688665,\"name\":\"Cam\",\"shareUrl\":\"/guide/1688665/mtb-trails-around-cam\"},{\"id\":505550,\"name\":\"South Downs\",\"shareUrl\":\"/guide/505550/mtb-trails-in-south-downs\"},{\"id\":671606,\"name\":\"Manchester\",\"shareUrl\":\"/guide/671606/mtb-trails-around-manchester\"},{\"id\":674887,\"name\":\"Sheffield\",\"shareUrl\":\"/guide/674887/mtb-trails-around-sheffield\"},{\"id\":504768,\"name\":\"Brecon Beacons\",\"shareUrl\":\"/guide/504768/mtb-trails-in-brecon-beacons\"},{\"id\":504700,\"name\":\"Lake District\",\"shareUrl\":\"/guide/504700/mtb-trails-in-lake-district\"},{\"id\":674700,\"name\":\"Leeds\",\"shareUrl\":\"/guide/674700/mtb-trails-around-leeds\"},{\"id\":1763329,\"name\":\"North Wales\",\"shareUrl\":\"/guide/1763329/mtb-trails-in-north-wales\"},{\"id\":876303,\"name\":\"Shrewsbury\",\"shareUrl\":\"/guide/876303/mtb-trails-around-shrewsbury\"},{\"id\":505584,\"name\":\"Dartmoor\",\"shareUrl\":\"/guide/505584/mtb-trails-in-dartmoor\"},{\"id\":670773,\"name\":\"Bolton\",\"shareUrl\":\"/guide/670773/mtb-trails-around-bolton\"},{\"id\":722572,\"name\":\"Leeds\",\"shareUrl\":\"/guide/722572/mtb-trails-around-leeds\"},{\"id\":505618,\"name\":\"Exmoor\",\"shareUrl\":\"/guide/505618/mtb-trails-in-exmoor\"},{\"id\":751319,\"name\":\"Stock\",\"shareUrl\":\"/guide/751319/mtb-trails-around-stock\"}]},{\"countryName\":\"United States\",\"countryGuide\":{\"id\":72319,\"name\":\"United States\",\"shareUrl\":\"/guide/72319/mtb-trails-in-the-united-states-of-america\"},\"role\":\"primary\",\"tier2Guides\":[{\"id\":1933754,\"name\":\"San Diego\",\"shareUrl\":\"/guide/1933754/mtb-trails-around-san-diego\"},{\"id\":1915343,\"name\":\"Sedona\",\"shareUrl\":\"/guide/1915343/mtb-trails-around-sedona\"},{\"id\":1937613,\"name\":\"Irvine\",\"shareUrl\":\"/guide/1937613/mtb-trails-around-irvine\"},{\"id\":1935539,\"name\":\"Ross\",\"shareUrl\":\"/guide/1935539/mtb-trails-around-ross\"},{\"id\":2374122,\"name\":\"Moab\",\"shareUrl\":\"/guide/2374122/mtb-trails-around-moab\"},{\"id\":1935165,\"name\":\"Los Angeles\",\"shareUrl\":\"/guide/1935165/mtb-trails-around-los-angeles\"},{\"id\":1935318,\"name\":\"San Jose\",\"shareUrl\":\"/guide/1935318/mtb-trails-around-san-jose\"},{\"id\":1914374,\"name\":\"Scottsdale\",\"shareUrl\":\"/guide/1914374/mtb-trails-around-scottsdale\"},{\"id\":1961770,\"name\":\"Breckenridge\",\"shareUrl\":\"/guide/1961770/mtb-trails-around-breckenridge\"},{\"id\":1961328,\"name\":\"Crested Butte\",\"shareUrl\":\"/guide/1961328/mtb-trails-around-crested-butte\"},{\"id\":1935743,\"name\":\"Pacifica\",\"shareUrl\":\"/guide/1935743/mtb-trails-around-pacifica\"},{\"id\":3355449,\"name\":\"Brown County State Park\",\"shareUrl\":\"/guide/3355449/mtb-trails-in-brown-county-state-park\"},{\"id\":1939483,\"name\":\"Santa Cruz\",\"shareUrl\":\"/guide/1939483/mtb-trails-around-santa-cruz\"},{\"id\":1935607,\"name\":\"Atherton\",\"shareUrl\":\"/guide/1935607/mtb-trails-around-atherton\"},{\"id\":1959968,\"name\":\"Boulder\",\"shareUrl\":\"/guide/1959968/mtb-trails-around-boulder\"},{\"id\":1933686,\"name\":\"Oakland\",\"shareUrl\":\"/guide/1933686/mtb-trails-around-oakland\"},{\"id\":1939908,\"name\":\"South Lake Tahoe\",\"shareUrl\":\"/guide/1939908/mtb-trails-around-south-lake-tahoe\"},{\"id\":1763414,\"name\":\"Philadelphia\",\"shareUrl\":\"/guide/1763414/mtb-trails-around-philadelphia\"},{\"id\":2397021,\"name\":\"Bellingham\",\"shareUrl\":\"/guide/2397021/mtb-trails-around-bellingham\"},{\"id\":1941404,\"name\":\"Ashland\",\"shareUrl\":\"/guide/1941404/mtb-trails-around-ashland\"}]}],\"international\":{\"countries\":[{\"id\":72036,\"name\":\"Lebanon\",\"shareUrl\":\"/guide/72036/mtb-trails-in-lebanon\"},{\"id\":71996,\"name\":\"Japan\",\"shareUrl\":\"/guide/71996/mtb-trails-in-japan\"},{\"id\":72435,\"name\":\"Mauritius\",\"shareUrl\":\"/guide/72435/mtb-trails-in-mauritius\"},{\"id\":72075,\"name\":\"Mexico\",\"shareUrl\":\"/guide/72075/mtb-trails-in-mexico\"},{\"id\":71928,\"name\":\"Greece\",\"shareUrl\":\"/guide/71928/mtb-trails-in-greece\"},{\"id\":72111,\"name\":\"Namibia\",\"shareUrl\":\"/guide/72111/mtb-trails-in-namibia\"},{\"id\":72363,\"name\":\"Ecuador\",\"shareUrl\":\"/guide/72363/mtb-trails-in-ecuador\"},{\"id\":71816,\"name\":\"Canada\",\"shareUrl\":\"/guide/71816/mtb-trails-in-canada\"},{\"id\":72275,\"name\":\"Thailand\",\"shareUrl\":\"/guide/72275/mtb-trails-in-thailand\"},{\"id\":538,\"name\":\"Italy\",\"shareUrl\":\"/guide/538/mtb-trails-in-italy\"}],\"destinations\":[{\"id\":1886,\"name\":\"Dolomites\",\"shareUrl\":\"/guide/1886/mtb-trails-in-the-dolomites\"},{\"id\":17284,\"name\":\"Calau\",\"shareUrl\":\"/guide/17284/mtb-trails-around-calau\"},{\"id\":508661,\"name\":\"Picos De Europa\",\"shareUrl\":\"/guide/508661/mtb-trails-in-picos-de-europa\"},{\"id\":17332,\"name\":\"Calvörde\",\"shareUrl\":\"/guide/17332/mtb-trails-around-calvoerde\"},{\"id\":1862,\"name\":\"Provence\",\"shareUrl\":\"/guide/1862/mtb-trails-in-the-provence\"},{\"id\":515478,\"name\":\"Lorraine\",\"shareUrl\":\"/guide/515478/mtb-trails-in-lorraine\"},{\"id\":2652,\"name\":\"Albstadt\",\"shareUrl\":\"/guide/2652/mtb-trails-around-albstadt\"},{\"id\":830,\"name\":\"Alps\",\"shareUrl\":\"/guide/830/mtb-trails-in-the-alps\"},{\"id\":2631232,\"name\":\"Sokółka\",\"shareUrl\":\"/guide/2631232/mtb-trails-around-sokoka\"},{\"id\":61476,\"name\":\"Steinigtwolmsdorf\",\"shareUrl\":\"/guide/61476/mtb-trails-around-steinigtwolmsdorf\"},{\"id\":3227456,\"name\":\"Duinen Den Helder-Callantsoog\",\"shareUrl\":\"/guide/3227456/mtb-trails-in-duinen-den-helder-callantsoog\"},{\"id\":3231944,\"name\":\"Galgenberg\",\"shareUrl\":\"/guide/3231944/mtb-trails-in-galgenberg\"},{\"id\":62636,\"name\":\"Sustrum\",\"shareUrl\":\"/guide/62636/mtb-trails-around-sustrum\"},{\"id\":39908,\"name\":\"Lengede\",\"shareUrl\":\"/guide/39908/mtb-trails-around-lengede\"},{\"id\":20620,\"name\":\"Dorstadt\",\"shareUrl\":\"/guide/20620/mtb-trails-around-dorstadt\"}]}}},\"dataUpdateCount\":1,\"dataUpdatedAt\":1792215404517,\"error\":null,\"errorUpdateCount\":0,\"errorUpdatedAt\":0,\"fetchFailureCount\":0,\"fetchFailureReason\":null,\"fetchMeta\":null,\"isInvalidated\":false,\"status\":\"success\",\"fetchStatus\":\"idle\"},\"queryKey\":[\"homepageGuideLinks\",\"en\"],\"queryHash\":\"[\\\"homepageGuideLinks\\\",\\\"en\\\"]\"},{\"state\":{\"data\":{\"DD_TRACE_ENABLED\":\"true\",\"DD_VERSION\":\"bc7e432d8b12fde892f56c1db96ed7300798ae1b\",\"KOMOOT_ENV\":\"live\",\"VERSION\":\"bc7e432d8b12fde892f56c1db96ed7300798ae1b\",\"STRIPE_PUBLIC_KEY\":\"pk_live_CayeTKdFkBw6WF3cac0MWsJ2\",\"APPLE_STORE_ID\":\"447374873\",\"FACEBOOK_APP_ID\":\"216222385104691\",\"GOOGLE_PLAY_ID\":\"de.komoot.android\",\"HOT_JAR_SITE_ID\":\"5024555\",\"KOMOOT_GA_ID\":\"G-R7DCLCR1RB\",\"KOMOOT_DDB_DEBUG\":\"false\",\"KOMOOT_KVSTORE_DEBUG\":\"false\",\"LOG_WHITELIST\":\"startup,exit,requests-from-bot\"},\"dataUpdateCount\":1,\"dataUpdatedAt\":1792215404518,\"error\":null,\"errorUpdateCount\":0,\"errorUpdatedAt\":0,\"fetchFailureCount\":0,\"fetchFailureReason\":null,\"fetchMeta\":null,\"isInvalidated\":false,\"status\":\"success\",\"fetchStatus\":\"idle\"},\"queryKey\":[\"env\"],\"queryHash\":\"[\\\"env\\\"]\"}]}}");
        </script>
    </body>
</html>

Latest requests

# Url Url Source Date
1 https://www.komoot.com/ 2026-10-17 07:52:15
2 https://www.texarkanatwins.com/%25… 2026-10-17 07:52:14
3 https://www.av-lueneburg.de/ 2026-10-17 07:52:14
4 https://www.thebolditalic.com/?gi=… 2026-10-17 07:52:14
5 https://www.thebolditalic.com/?gi=… 2026-10-17 07:52:13
6 https://reddyannaloginid.com/cgi-s… 2026-10-17 07:52:13
7 https://www.texarkanatwins.com/%25… 2026-10-17 07:52:13
8 https://www.texarkanatwins.com/%25… 2026-10-17 07:52:12
9 https://shveynaya.ru/ 2026-10-17 07:52:12
10 https://www.thebolditalic.com/?gi=… 2026-10-17 07:52:12
11 https://auth.mediacorp.sg/u/login?… 2026-10-17 07:52:12
12 https://www.texarkanatwins.com/%25… 2026-10-17 07:52:12
13 https://www.texarkanatwins.com/%25… 2026-10-17 07:52:11
14 https://www.texarkanatwins.com/%25… 2026-10-17 07:52:11
15 https://substack.com/ 2026-10-17 07:52:11
16 https://www.thebolditalic.com/?gi=… 2026-10-17 07:52:11
17 https://www.thebolditalic.com/?gi=… 2026-10-17 07:52:11
18 https://www.texarkanatwins.com/%25… 2026-10-17 07:52:10
19 https://www.thebolditalic.com/?gi=… 2026-10-17 07:52:10
20 https://onefootball.com/en/home 2026-10-17 07:52:09