.demo-map{background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 50%,#f0fdfa 100%);border-radius:8px;height:140px;position:relative;overflow:hidden}.demo-map-grid{background-image:linear-gradient(#00000008 1px,#0000 1px),linear-gradient(90deg,#00000008 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.demo-map-routes{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.demo-map-marker{animation:.3s ease-out backwards demo-map-marker-appear;animation-delay:calc(var(--marker-index,0)*.1s);flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;transform:translate(-50%,-50%)}@keyframes demo-map-marker-appear{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.demo-map-marker-pin{background:var(--marker-color,#16a34a);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;box-shadow:0 2px 4px #0003}.demo-map-marker-label{color:#374151;white-space:nowrap;background:#fff;border-radius:2px;padding:1px 4px;font-size:9px;font-weight:600;box-shadow:0 1px 2px #0000001a}