/* Shared by the actual Leaflet markers and the admin style samples. */
.dh-map-bubble{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:40px;min-height:38px;box-sizing:border-box;padding:8px 12px;background:#800f32;border:2px solid #fff;border-radius:18px;color:#fff;font:700 13px/1.3 'Plus Jakarta Sans',sans-serif;white-space:nowrap;box-shadow:0 3px 10px #31051240;transform-origin:50% 100%;transition:transform .16s ease}
.dh-map-bubble:after{content:"";position:absolute;bottom:-10px;left:50%;margin-left:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #800f32;filter:drop-shadow(0 2px 1px #31051230)}
.dh-map-bubble i{font-size:17px}.dh-marker{border:0;background:transparent}.dh-marker>.dh-map-bubble{translate:-50% calc(-100% - 10px)}
.dh-marker:hover .dh-map-bubble,.dh-marker:focus-visible .dh-map-bubble,.dh-marker-example:hover .dh-map-bubble{transform:scale(1.08);background:#690a28}
.dh-marker:hover .dh-map-bubble:after,.dh-marker:focus-visible .dh-map-bubble:after,.dh-marker-example:hover .dh-map-bubble:after{border-top-color:#690a28}
.dh-marker:focus-visible{outline:none}.dh-marker:focus-visible .dh-map-bubble{outline:3px solid #b392f1;outline-offset:3px}
.dh-marker-samples{display:flex;gap:24px;flex-wrap:wrap;margin:20px 0}.dh-marker-samples>div{flex:1 1 190px;text-align:center;background:#f5f2f5;border:1px solid #e1d8dc;border-radius:8px;padding:18px}.dh-marker-samples>div>span:first-child{display:block;font-size:14px;font-weight:600}.dh-marker-example{display:inline-block;padding:24px 10px 12px}
@media(prefers-reduced-motion:reduce){.dh-map-bubble{transition:none}}