.asl-cont .asl-maplibre-marker { background-color: transparent; border: 0; cursor: pointer; height: auto; line-height: 0; overflow: visible; padding: 0; position: absolute; width: auto; } .asl-common-map-marker { background: transparent; border: 0; cursor: pointer; line-height: 0; padding: 0; } .asl-common-map-marker img { display: block; height: auto; max-width: none; } .asl-cont .asl-maplibre-marker-image { display: block; height: auto; max-width: none; pointer-events: none; width: auto; } .asl-cont .asl-maplibre-marker.asl-maplibre-marker-bounce .asl-maplibre-marker-image { animation: asl-maplibre-marker-bounce 700ms ease-in-out infinite; transform-origin: center bottom; will-change: transform; } @keyframes asl-maplibre-marker-bounce { 0%, 100% { transform: translateY(0); } 45% { transform: translateY(-16px); } 65% { transform: translateY(-7px); } } @media (prefers-reduced-motion: reduce) { .asl-cont .asl-maplibre-marker.asl-maplibre-marker-bounce .asl-maplibre-marker-image { animation: none; } } .asl-cont .asl-maplibre-marker > span { display: block; font-size: 12px; font-weight: 700; left: 50%; position: absolute; top: 8px; transform: translateX(-50%); } .asl-cont .maplibregl-popup { max-width: min(var(--asl-infobox-width, 320px), calc(100vw - 32px)) !important; width: var(--asl-infobox-width, 320px); } .asl-cont .asl-maplibre-infobox .maplibregl-popup-content { background: transparent; border-radius: 0; box-shadow: none; overflow: visible; padding: 0; width: 100%; } .asl-cont .asl-maplibre-infobox .infoWindow, .asl-cont .asl-maplibre-infobox .infowindowContent { max-width: 100%; width: 100% !important; } .asl-cont .asl-maplibre-infobox .arrow-down { display: none !important; } .asl-cont .asl-maplibre-infobox.maplibregl-popup-anchor-bottom .maplibregl-popup-tip, .asl-cont .asl-maplibre-infobox.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip, .asl-cont .asl-maplibre-infobox.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip { border-top-color: var(--sl-infobox-bg, #fff); } .asl-cont .asl-maplibre-infobox .maplibregl-popup-close-button { align-items: center; background-color: transparent; border: 0; display: flex; font-size: 12px; height: 32px; justify-content: center; line-height: 1; padding: 0; pointer-events: auto; position: absolute; right: 0; top: 0; width: 32px; z-index: 10; } .asl-cont .asl-maplibre-custom-control { position: absolute; right: 10px; top: 10px; z-index: 5; } .asl-cont .maplibregl-ctrl-attrib.maplibregl-compact:not(.maplibregl-compact-show) .maplibregl-ctrl-attrib-inner { display: none; } .asl-cont .maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-button { display: block; list-style: none; margin: 0; } .asl-cont .maplibregl-ctrl-attrib-inner { line-height: 18px; max-width: min(360px, calc(100vw - 44px)); padding: 2px 6px; white-space: normal; } .asl-cont .maplibregl-ctrl-attrib-inner a { display: inline; font-size: 10px; line-height: 18px; }