/* コンデル？ v1.8.4.5 - shared place marker highlight
   IMPORTANT: Never animate transform on .place-marker itself.
   MapLibre uses the marker element's transform for map positioning. */

.place-marker.shared-target{
  z-index:999!important;
}

.place-marker.shared-target::before,
.place-marker.shared-target::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:34px;
  height:34px;
  border-radius:50%;
  pointer-events:none;
  box-sizing:border-box;
  transform:translate(-50%,-50%);
}

.place-marker.shared-target::before{
  border:3px solid rgba(255,255,255,.96);
  animation:konderuSharedMarkerPulse .78s ease-out 5;
}

.place-marker.shared-target::after{
  width:42px;
  height:42px;
  border:2px solid rgba(103,190,255,.90);
  animation:konderuSharedMarkerPulseOuter .78s ease-out 5;
}

@keyframes konderuSharedMarkerPulse{
  0%{
    width:30px;
    height:30px;
    opacity:1;
    box-shadow:0 0 0 0 rgba(255,255,255,.88),0 0 18px rgba(100,195,255,.95);
  }
  55%{
    opacity:.95;
  }
  100%{
    width:62px;
    height:62px;
    opacity:0;
    box-shadow:0 0 0 10px rgba(255,255,255,0),0 0 30px rgba(100,195,255,0);
  }
}

@keyframes konderuSharedMarkerPulseOuter{
  0%{
    width:36px;
    height:36px;
    opacity:.95;
  }
  100%{
    width:78px;
    height:78px;
    opacity:0;
  }
}

@media (prefers-reduced-motion:reduce){
  .place-marker.shared-target::before,
  .place-marker.shared-target::after{
    animation:none;
  }
  .place-marker.shared-target::before{
    width:50px;
    height:50px;
    opacity:1;
    border-width:4px;
    box-shadow:0 0 0 5px rgba(103,190,255,.35),0 0 22px rgba(103,190,255,.9);
  }
}