@charset "UTF-8";/*!
 * Ontmoet Anderen - Routekaart voor Suppen
 * Koen Ahn 2023
 */:root{--search-height: 120px;--map-ui-inset: 1.4rem;--list-view-display: flex;--quickview-display: none;--list-view-position: static;--quickview-position: static;--spacer-3: 1rem}.gap-min{gap:.3rem!important}.me-min{margin-inline-end:.3rem!important}.mb-min{margin-block-end:.3rem!important}.pb-map-ui-inset{padding-bottom:var(--map-ui-inset)}.z-1{z-index:1}.z-2{z-index:2}.accordion-custom-btn :is(.fa-regular,.fa-solid){transition:transform .2s}.accordion-custom-btn:not(.collapsed) :is(.fa-regular,.fa-solid){transform:rotate(180deg)}.accordion-custom-btn:after{display:none!important}.btn:not(.inline-space-compact,.btn-sm),.form-control{padding-inline:var(--spacer-3)}.window-height-100{height:100dvh}.inset-0{top:0;left:0;right:0;bottom:0}.bg-light-gray{background-color:#dee2e6}.bg-blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mos-hover-shadow.shadow-sm:hover{box-shadow:0 3px 10.5px #00000017!important}.badge-fixed-width{width:1.7185em}.text-landscape-urban{color:#d35400}.text-landscape-mix{color:#6e8547}.text-landscape-nature{color:#629012}.text-landscape-lake{color:#4f96ff}.bg-difficulty-easy{background-color:#254291}.bg-difficulty-medium{background-color:#9b2a70}.bg-difficulty-hard{background-color:#c76a2c}#legend{min-width:14rem}#legend .dot{width:1.25rem;height:1.25rem;border-radius:50%}#legend label:has(input[type=checkbox]:not(:checked)){opacity:.75}#mobile-view-switch-button{position:fixed;bottom:var(--map-ui-inset);z-index:3;left:var(--map-ui-inset);transform:translate(0);transition:left .2s ease-in-out,transform .2s ease-in-out}body:not(.map-only-view) #mobile-view-switch-button{left:50%;transform:translate(-50%);box-shadow:0 .4rem .9rem #00000024;border-color:#00000017}#terrain-map{background-color:var(--bs-success);transition:width .5s ease-in-out;width:100%;float:right}#side-panel{transition:transform .5s ease-in-out}#side-panel a:not(.btn){text-decoration:underline}#side-panel a:not(button):not(.btn):hover{color:#1a4396}.sidebar-height-corrector{height:var(--search-height);transition:height .2s ease-in-out}#search-wrapper{z-index:3}.sidebar-toggle-button-wrapper{width:2.888em}div.dropdown-menu{left:-20rem}.backdrop-blur-lg{position:absolute;left:0;z-index:1;width:100%;height:100vh}#filter-dropdown-menu{width:82vw;max-height:20rem!important}@media (min-width: 768px){#filter-dropdown-menu{width:auto;min-width:22rem;max-height:20rem!important}}@media (min-width: 576px){#filter-dropdown-menu{width:auto;margin:0!important;min-width:22rem;max-height:20rem!important}div.dropdown-menu{left:-20rem}}@media (max-width: 765px){#filter-dropdown-menu{margin:0!important}}#legend-and-button-container{position:absolute;display:flex;bottom:var(--map-ui-inset);right:var(--map-ui-inset);flex-direction:column;gap:1rem;width:0;overflow:visible;align-items:flex-end}#route-status[data-status=none] .status-want,#route-status[data-status=none] .status-done,#route-status[data-status=done] .status-want,#route-status[data-status=done] .status-none,#route-status[data-status=want] .status-done,#route-status[data-status=want] .status-none{display:none}#route-status.animate,#route-saved.animate{animation:fa-beat .3s ease 1}#route-saved[data-saved=false] .saved-true,#route-saved[data-saved=true] .saved-false{display:none}.route-points{counter-reset:route-points-counter;padding-left:3rem}.route-points li{counter-increment:route-points-counter;position:relative}.route-points{li {&.counter::before {content: counter(route-points-counter);} &::before {background: var(--bs-primary); width: 2rem; height: 2rem; border-radius: 50%; display: inline-block; line-height: 2rem; color: white; text-align: center; z-index: 1; position: absolute; top: 1rem; left: -3rem;} > div {font-family: Roboto,Noto sans,sans-serif;}}}.route-points-footer{padding-left:3rem;position:relative;min-height:48px}#attribution{margin-left:3rem}.route-points-footer:before{content:"";background:var(--bs-primary);width:1rem;height:1rem;border-radius:50%;display:inline-block;line-height:2rem;color:#fff;text-align:center;position:relative;z-index:1;position:absolute;top:1rem;left:.5rem}.route-points li:after{content:"";width:4px;background-color:var(--bs-primary);opacity:.6;position:absolute;left:-2rem;margin-left:-2px;top:3rem;height:100%}.route-points .accordion-header img{height:220px}.star-rating{display:flex;align-items:center;gap:.15em}.star-rating[data-score] i{display:none}.star-rating[data-score="0"] .score-empty{display:block}.star-rating[data-score="0.5"] :is(.score-1 .score-half,.score-2 .score-empty,.score-3 .score-empty,.score-4 .score-empty,.score-5 .score-empty){display:block}.star-rating[data-score="1"] :is(.score-1 .score-full,.score-2 .score-empty,.score-3 .score-empty,.score-4 .score-empty,.score-5 .score-empty){display:block}.star-rating[data-score="1.5"] :is(.score-1 .score-full,.score-2 .score-half,.score-3 .score-empty,.score-4 .score-empty,.score-5 .score-empty){display:block}.star-rating[data-score="2"] :is(.score-1 .score-full,.score-2 .score-full,.score-3 .score-empty,.score-4 .score-empty,.score-5 .score-empty){display:block}.star-rating[data-score="2.5"] :is(.score-1 .score-full,.score-2 .score-full,.score-3 .score-half,.score-4 .score-empty,.score-5 .score-empty){display:block}.star-rating[data-score="3"] :is(.score-1 .score-full,.score-2 .score-full,.score-3 .score-full,.score-4 .score-empty,.score-5 .score-empty){display:block}.star-rating[data-score="3.5"] :is(.score-1 .score-full,.score-2 .score-full,.score-3 .score-full,.score-4 .score-half,.score-5 .score-empty){display:block}.star-rating[data-score="4"] :is(.score-1 .score-full,.score-2 .score-full,.score-3 .score-full,.score-4 .score-full,.score-5 .score-empty){display:block}.star-rating[data-score="4.5"] :is(.score-1 .score-full,.score-2 .score-full,.score-3 .score-full,.score-4 .score-full,.score-5 .score-half){display:block}.star-rating[data-score="5"] .score-full{display:block}.star-rating-interactive .btn{color:var(--bs-primary)}.star-rating-interactive{transition:transform .15s ease-in-out;gap:0}.star-rating-interactive:hover{transform:scale(1.05)}.star-rating-interactive:has(.btn:hover) .btn i{display:none}.star-rating-interactive:has(.btn:nth-child(1):hover) .btn:not(:nth-child(1)) i.score-empty{display:block}.star-rating-interactive:has(.btn:nth-child(1):hover) .btn:nth-child(1) i.score-full{display:block}.star-rating-interactive:has(.btn:nth-child(2):hover) .btn:is(:nth-child(3),:nth-child(4),:nth-child(5)) i.score-empty{display:block}.star-rating-interactive:has(.btn:nth-child(2):hover) .btn:is(:nth-child(1),:nth-child(2)) i.score-full{display:block}.star-rating-interactive:has(.btn:nth-child(3):hover) .btn:is(:nth-child(4),:nth-child(5)) i.score-empty{display:block}.star-rating-interactive:has(.btn:nth-child(3):hover) .btn:is(:nth-child(1),:nth-child(2),:nth-child(3)) i.score-full{display:block}.star-rating-interactive:has(.btn:nth-child(4):hover) .btn:nth-child(5) i.score-empty{display:block}.star-rating-interactive:has(.btn:nth-child(4):hover) .btn:not(:nth-child(5)) i.score-full{display:block}.star-rating-interactive:has(.btn:nth-child(5):hover) .btn i.score-full{display:block}.route-preview img{height:8rem;-o-object-fit:cover;object-fit:cover}.route-preview :is(.badge,.star-rating){transition:opacity .2s;opacity:.75}.route-preview:is(:hover,:active) :is(.badge,.star-rating){opacity:1}body.map-only-view{overflow:hidden}body.map-only-view .d-map-only-view-block{display:block!important}body:not(.map-only-view) .d-map-only-view-block.animate-map-toggle,body.map-only-view .d-map-only-view-none.animate-map-toggle{opacity:0}body:not(.map-only-view) .d-map-only-view-block:not(.animate-map-toggle),body.map-only-view .d-map-only-view-none:not(.animate-map-toggle){display:none}.animate-map-toggle:is(.d-map-only-view-block,.d-map-only-view-none){transition:opacity .3s .3s}body.map-only-view .animate-map-toggle.d-map-only-view-block{transition:opacity .3s 0s}@media (max-width: 767px){body.map-only-view #side-panel{display:none}body:not(.map-only-view) #terrain-map{display:none}body.route-quickview #terrain-map{display:block;height:36vh}body.route-quickview #legend-and-button-container,body.route-quickview #mobile-view-switch-button{display:none}#route-quickview{margin-top:-1.9rem;border-radius:1.9rem 1.9rem 0 0}}@media (min-width: 768px){body.map-only-view #side-panel{transform:translate(-100%)}body.map-only-view #terrain-map{width:100dvw}}#route-quickview{display:var(--quickview-display);position:var(--quickview-position)}#list-view{display:var(--list-view-display);position:var(--list-view-position)}#route-quickview,#list-view{top:0;left:0;right:0;bottom:0;overflow:hidden;flex-direction:column;gap:0;transition:gap .35s ease-in-out,margin-top .3s ease-in-out,opacity .3s;transition-delay:.36s}body:not(.route-quickview) #route-quickview,body.route-quickview #list-view{opacity:1;gap:2rem;margin-top:0rem;transition:top .35s ease-out,opacity .2s}#search-wrapper,#quickview-top-menu-wrapper{position:relative;transition:top .35s ease-out,opacity .2s}body:not(.route-quickview) #search-wrapper,body.route-quickview #quickview-top-menu-wrapper{top:0;opacity:1}body.route-quickview #search-wrapper,body:not(.route-quickview) #quickview-top-menu-wrapper{top:calc(-1 * var(--search-height));opacity:0;transition:top .5s ease-in,opacity .2s}@-moz-document url-prefix(){html{scrollbar-width:none}}body{margin:0;scrollbar-width:none;-ms-overflow-style:none;overflow-y:scroll}body::-webkit-scrollbar{width:0px;background:transparent}html{overflow:-moz-scrollbars-none}body,div{-ms-overflow-style:none;scrollbar-width:none}