.mapContainer{width:100%;height:100%;min-height:400px;position:relative;overflow:hidden;z-index:0}.controlsContainer{display:flex;flex-direction:column;gap:8px;padding:8px;background:white;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.button{width:32px;height:32px;border:none;border-radius:4px;background:#f3f4f6;color:#1f2937;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.button:hover{background:#e5e7eb}.button:active{background:#d1d5db}.customMarker{position:absolute;width:50px;height:50px;left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer;transition:all .2s ease;z-index:10;opacity:.75}.customMarker:hover{transform:translate(-50%,-50%) scale(1.1)}.markerImage{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:all .2s ease;z-index:0}.activeMarker,.selectedMarker{transform:translate(-50%,-50%) scale(1.2);z-index:99;opacity:1}.activeMarker .markerImage,.selectedMarker .markerImage{filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.itineraryPin{width:28px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--itinerary-pin-fill,linear-gradient(135deg,#FF5212 0,#FFA674 100%));color:var(--itinerary-pin-text,#ffffff);font-family:var(--font-primary,"Comfortaa",sans-serif);font-weight:700;font-size:11px;letter-spacing:.2px;text-align:center;line-height:1;padding-bottom:2px;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-position:center;mask-size:contain;box-shadow:0 0 0 3px var(--itinerary-pin-border,#ffffff),0 6px 14px rgba(0,0,0,.25);transition:transform .2s ease,box-shadow .2s ease}.itineraryPin--plain{font-weight:600;font-size:9px;padding-bottom:3px}.itineraryPin__label{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:0 6px}.customMarker:hover .itineraryPin{transform:scale(1.08);box-shadow:0 10px 22px rgba(0,0,0,.28)}.activeMarker .itineraryPin,.selectedMarker .itineraryPin{transform:scale(1.12);box-shadow:0 12px 28px rgba(0,0,0,.32)}.recCardOuterContainer{position:absolute;inset:0;width:500px}.recCardContainer{transform:translate(-50%,-112%);z-index:999;top:50%;left:50%}@media screen and (max-width:767px){.recCardOuterContainer{width:400px}.recCardContainer{width:90%;transform:translate(-67%,-110%)}}