.carousel{aspect-ratio:4/3;content-visibility:auto;border-radius:var(--space-3xs);background-color:color-mix(in srgb, var(--color-fg-primary) 30%, transparent);width:100%;overflow:clip}.loader{font-size:2rem;display:inline-block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.loader-wrapper{aspect-ratio:4;clip-path:inset(0 100% 0 0);animation:.75s steps(4,end) infinite l1}@keyframes l1{to{clip-path:inset(0 -34% 0 0)}}.splide.carousel{& .splide__arrow{opacity:1;top:auto;border-radius:var(--space-3xs);background:var(--color-accent);width:1.75rem;height:1.75rem;inset-block-end:0;&[disabled]{opacity:0;pointer-events:none}&:hover:not([disabled]),&:focus-visible:not([disabled]){opacity:1;background:color-mix(in srgb, var(--color-accent) 80%, #000)}&:active{transform-origin:50%;scale:.97}}& .splide__pagination{bottom:1rem}& .splide__arrow--prev svg{transform:none}& .splide__pagination__page{background:var(--color-accent);&.is-active{opacity:1}}}.splide__spinner{display:none!important}.share-button[data-astro-cid-p5payz7x]{& svg{margin-block-start:-.25em}}.directory-container{@media screen and (width>=768px){height:100%;padding-block-end:var(--space-xs)}&.map-full{@media screen and (width>=768px){height:auto;& .map-container,& .directory-list-wrapper{grid-column:1/-1}& .directory-inner{height:auto;position:relative}& .directory-bottom{height:auto}& .directory-list-outer{max-height:700px;padding-inline:var(--space-m);order:2;grid-column:1/-1}& .directory-list-wrapper{height:100%;margin-block-start:var(--space-xs);position:relative;inset-inline:auto}& .map-wrapper{order:1}& .directory-list{grid-template-columns:repeat(3,1fr);display:grid;position:relative;&:before{content:"";pointer-events:none;background:repeating-linear-gradient(to right, var(--color-fg-secondary), var(--color-fg-secondary) 1px, transparent 1px, transparent 33.3333%);height:100%;position:absolute;inset:0}}& .map-container{aspect-ratio:16/9;width:100%}& #map{border-radius:0}& #map .maplibregl-ctrl-expand .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M9.00008 4.00008H11.0001V11.0001H4.00008V9.00008H7.58586L3.29297 4.70718L4.70718 3.29297L9.00008 7.58586V4.00008ZM20 15H16.4142L20.7071 19.2929L19.2929 20.7071L15 16.4142V20H13V13H20V15Z'%3E%3C/path%3E%3C/svg%3E")}}}}.directory-inner{@media screen and (width>=768px){flex-direction:column;height:100%;display:flex}}.filters{z-index:20;width:100%;padding-block:var(--space-s);background-color:var(--color-bg-primary);grid-column:1/-1;position:relative}.directory-bottom{flex-grow:1;display:grid;@media screen and (width>=768px){column-gap:var(--space-2xs);grid-template-columns:repeat(12,1fr)}}.directory-list-outer{height:90vh;position:relative;@media screen and (width>=768px){grid-column:1/5;height:100%}}.listing-count-container{height:var(--space-m);padding:0 var(--space-xs);color:var(--color-bg-primary);background-color:var(--color-fg-primary);align-items:center;display:flex;position:sticky;top:0;& #listing-count-text{margin-inline-start:1ch}}.directory-list-wrapper{border-radius:var(--space-3xs);margin:var(--space-l) var(--space-l) 0;border:1px solid var(--color-fg-primary);position:absolute;inset-block:0;overflow:hidden;@media screen and (width>=768px){inset-inline:var(--space-xs) 0;margin:0;padding:0}}.directory-list{scrollbar-gutter:stable;height:calc(100% - var(--space-m));scrollbar-color:var(--sb-thumb-color) var(--sb-track-color);margin:0;margin-block-start:-1px;padding:0;list-style:none;overflow-y:auto;&::-webkit-scrollbar{width:12px}&:-webkit-scrollbar-track{background:var(--color-bg-primary);border-radius:10px}&::-webkit-scrollbar-thumb{background:var(--color-fg-primary);border:2px solid var(--color-bg-primary);border-radius:10px}& .directory-list-item{scroll-margin-top:var(--space-s);border-top:1px solid var(--color-fg-secondary);&:last-child{border-bottom:1px solid var(--color-fg-secondary)}& .favorite-icon,& .remove-from-favorites{display:none}&.favorite{& .favorite-icon{display:inline-block}& .add-to-favorites{display:none}& .remove-from-favorites{display:inline-flex}}& details{&[open]{background-color:color-mix(in srgb, var(--color-fg-primary) 10%, transparent);& .summary-icon svg{transform:rotate(180deg)}}}& summary{cursor:pointer;align-items:start;gap:var(--space-2xs);padding:var(--space-xs) var(--space-xs);justify-content:space-between;display:flex;&:hover,&:focus-visible{background-color:color-mix(in srgb, var(--color-fg-primary) 10%, transparent)}& .favorite-icon{width:.7em;height:.7em;margin-inline-start:var(--space-3xs)}}& .directory-list-item-header{gap:var(--space-3xs);flex-direction:column;display:flex}& .directory-list-item-content{text-wrap:pretty;gap:var(--space-xs);font-size:var(--step--1);margin-top:var(--space-2xs);padding-inline:var(--space-xs);flex-direction:column;padding-block-end:var(--space-m);display:flex}& .photos{display:flex}}}.empty-state{padding-inline:var(--space-xs);padding-block-start:var(--space-l)}.map-container{height:500px;position:relative;@media screen and (width>=768px){order:2;grid-column:5/-1;height:100%}}#map{width:100%;height:100%;overflow:hidden;&.maplibregl-map{font-family:var(--font-sans)}& .maplibregl-ctrl-attrib{visibility:hidden}& .maplibregl-ctrl-geolocate{width:auto;& .maplibregl-ctrl-icon{background-position:100%;align-items:center;display:flex;&:before{content:"Find my location";color:var(--color-bg-primary);margin-inline-end:28px;padding-inline-start:var(--space-3xs);font-weight:600}}}& .maplibregl-user-location-dot,& .maplibregl-user-location-dot:before{background-color:var(--color-accent)!important}& .maplibregl-user-location-accuracy-circle{background-color:var(--color-accent-light)!important}& .maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2229%22%20fill%3D%22%2311b835%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1m0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E)}& .gesture-handling-help-overlay{font-weight:500;font-size:var(--step-0);color:var(--color-bg-primary);z-index:10!important}& .maplibregl-popup-content{gap:var(--space-3xs);padding:var(--space-2xs);font-size:var(--step--2);font-family:var(--font-mono);color:var(--color-bg-primary);flex-direction:column;display:flex;& .popup-title{padding-inline-end:calc(var(--space-2xs) + 24px)}& [data-popup-info-link]{margin-block-start:var(--space-3xs)}}& .maplibregl-popup-close-button{width:24px;height:24px}& .maplibregl-ctrl-group button{outline:revert;box-shadow:none;outline-offset:.35rem;justify-content:center;align-items:center;display:flex;&.maplibregl-ctrl-expand{display:none;@media screen and (width>=768px){display:flex}& .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M6.41421 5H10V3H3V10H5V6.41421L9.29289 10.7071L10.7071 9.29289L6.41421 5ZM21 14H19V17.5858L14.7071 13.2929L13.2929 14.7071L17.5858 19H14V21H21V14Z'%3E%3C/path%3E%3C/svg%3E");background-size:70% 70%}}}@media screen and (width>=768px){border-radius:var(--space-3xs) 0 0 var(--space-3xs)}}.site-top-container{@media screen and (width>=768px){flex-direction:column;height:100vh;min-height:800px;display:flex;& main{flex-grow:1}&:has(.directory-container.map-full){height:auto}}}