#app{position:relative;background-color:var(--color-background);display:flex}#map{height:100%}.map{position:absolute;width:100%;top:0;bottom:0;z-index:1;height:calc(100vh - var(--header-height))}.sidebar{width:40%;height:calc(100vh - var(--header-height));display:flex;flex-direction:column;max-width:400px}.heading{background:var(--color-background);border-bottom:1px solid var(--color-base-outline-button-labels);padding-top:1.5rem;text-align:center;position:relative}.map-and-pin-title{font-size:2.8rem;font-family:var(--font-heading-family);margin:0}.map-and-pin-title--mobile{display:none}.listings{width:100%;text-decoration:none;overflow-y:scroll;padding:20px;background:#8080801c}.listings--simple::-webkit-scrollbar{width:6px;height:6px}.listings--simple::-webkit-scrollbar-track{border-radius:10px;background:#0000001a}.listings--simple::-webkit-scrollbar-thumb{border-radius:10px;background:#0003}.listings--simple::-webkit-scrollbar-thumb:hover{background:#0006}.listings--simple::-webkit-scrollbar-thumb:active{background:#000000e6}.listings .item{display:flex;flex-direction:column;text-decoration:none;padding:1rem 2rem;cursor:pointer;border-radius:5px;margin-bottom:20px;box-shadow:0 5px 10px 5px #0000000a;background-color:#fff}.listings .item p{margin:1rem 0}.listings .item:hover{border-bottom:1px solid rgb(var(--color-base-accent-1))}.listings .item .listing__heading{display:flex;align-items:center}.listings .item .listing__heading h2,.listings .item .listing__heading h3,.listings .item .listing__heading h4,.listings .item .listing__heading h5,.listings .item .listing__heading h6{margin:0}.listings .item .listing-img{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:1rem}.listings .item .pop-up-title{display:none}.sidebar .listing.item.active{border-bottom:10px solid #8b2332;background-color:#242423;color:#ffffffbf}.sidebar .listing.item.active h2,.sidebar .listing.item.active h3,.sidebar .listing.item.active h4,.sidebar .listing.item.active h5,.sidebar .listing.item.active h6{color:#fff}.listings .item .title{color:#000;font-weight:400;margin:0}.listings .item .title small{font-weight:400}.leaflet-container .leaflet-marker-icon{cursor:pointer}.leaflet-control-attribution{display:none}.title-container{display:flex;justify-content:space-between;align-items:center}.listing-website,.listing-telephone{text-decoration:underline;color:var(--color-foreground)}.listing-name{font-weight:700}.title{display:flex;flex-direction:column;justify-content:center}.title>*{margin:0}.listing-info{display:flex;flex-direction:column;justify-content:center}.listing-info>*{margin:.25rem 0!important}.map-container{position:relative;width:100%}@media screen and (max-width:700px){#app{flex-direction:column-reverse}.sidebar{width:100%}.map-container{width:100%;height:40rem}.map-and-pin-title{font-size:2.5rem}}.field{margin-bottom:1rem}.no-data{display:none}.leaflet-popup-content{margin:0!important}.leaflet-popup-content .listing.item{display:flex;gap:2rem;width:max-content;background:#fff;padding-right:2rem;border-radius:12px}@media screen and (max-width:750px){.leaflet-popup-content .listing.item{padding-right:0;flex-direction:column;gap:1rem}}.leaflet-popup-content .listing-title{display:none}@media screen and (max-width:750px){.leaflet-popup-content h2,.leaflet-popup-content h3,.leaflet-popup-content h4,.leaflet-popup-content h5,.leaflet-popup-content h6{padding:0 2rem;margin:0}}@media screen and (max-width:750px){.leaflet-popup-content p{margin:10px 2rem!important}}.leaflet-popup-content img{max-width:200px;width:100%;height:100%;object-fit:cover;border-top-left-radius:12px;border-bottom-left-radius:12px}@media screen and (max-width:750px){.leaflet-popup-content img{border-top-left-radius:12px;border-bottom-left-radius:0;border-top-right-radius:12px}}.leaflet-popup-content-wrapper{padding:0!important}.leaflet-popup-close-button{display:none}.map-and-pin__tabs{display:flex;justify-content:center;padding:0 .5rem;gap:.5rem;position:relative}.map-and-pin__tab{padding:0 1rem .5rem}.map-and-pin__tab.map-and-pin__tab--active{color:#000;font-weight:600}.map-and-pin__tab:hover{cursor:pointer}.underline{position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#000;transition-property:width,transform;transition-duration:.3s;transition-timing-function:ease-in-out}
/*# sourceMappingURL=/cdn/shop/t/50/assets/map-and-pin.compiled.scss.css.map */