:root{--marker-color: var(--bs-primary)}.map-marker-1{position:relative;border-radius:50% 50% 50% 0;border:4px solid var(--marker-color);width:20px;height:20px;transform:rotate(-45deg)}.map-marker-1::after{position:absolute;content:"";width:10px;height:10px;border-radius:50%;top:50%;left:50%;margin-left:-5px;margin-top:-5px;background-color:var(--marker-color)}.map-marker-2{position:relative;border-radius:50%;border:8px solid var(--marker-color);width:8px;height:8px}.map-marker-2::after{position:absolute;content:"";width:0;height:0;bottom:-30px;left:-6px;border:10px solid transparent;border-top:17px solid var(--marker-color)}.map-marker{background-image:url("https://maplibre.org/maplibre-gl-js/docs/assets/washington-monument.jpg");background-size:cover;width:50px;height:50px;border-radius:50%;cursor:pointer}.map-marker-tag{background-color:var(--bs-primary);border-radius:8px;color:#fff;font-size:14px;padding:10px 15px;position:relative;transform:translateY(-8px);display:inline-block}.map-marker-tag::after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%, 0);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--bs-primary)}.maplibregl-popup{max-width:200px}.map{position:absolute;top:0;left:0;right:0;bottom:0}.map .maplibregl-canvas-container:not(.maplibregl-touch-drag-pan){cursor:default}