@charset "utf-8";

.PingingDot_target_point_button__un6hw { position: absolute; z-index: 2; background: none; border: none; padding: 0px; cursor: pointer; transition: transform 0.2s; width: 12px; height: 12px; }

.PingingDot_target_point_button__un6hw:focus, .PingingDot_target_point_button__un6hw:hover { transform: translate(0px) scale(1.15); transform-origin: center center; outline: none; }

@media (max-width: 599px) {
  .PingingDot_target_point_button__un6hw { width: 8px; height: 8px; }
}

.PingingDot_visible__2jh_F { opacity: 1; visibility: visible; transition: transform 0.2s ease-in-out, opacity 0.5s ease-in-out, visibility linear; }

.PingingDot_hidden__MZ_Qx { opacity: 0; visibility: hidden; transition: transform 0.2s ease-in-out, opacity 0.5s ease-in-out, visibility linear 0.3s; }

.PingingDot_pinging_dot_container__cCBsq { position: relative; width: 16px; height: 16px; transform: translate(-50%, -50%); }

.PingingDot_pinging_dot_selected__TprvE .PingingDot_dot_core__XlXbk { background-color: rgb(110, 154, 248); }

.PingingDot_pinging_dot_selected__TprvE .PingingDot_ring_effect__qbIZi { opacity: 0.5; border: 0.5px solid rgb(110, 154, 248); }

.PingingDot_dot_core__XlXbk { position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; background-color: rgb(255, 255, 255); border-radius: 50%; transform: translate(-50%, -50%); z-index: 3; animation: 2s ease-out 0s infinite normal none running PingingDot_dotGrow__mV_Ji; transition: background-color 0.2s ease-in-out; }

@media (max-width: 599px) {
  .PingingDot_dot_core__XlXbk { width: 8px; height: 8px; }
}

.PingingDot_ring_effect__qbIZi { position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; background-color: rgba(0, 0, 0, 0); border: 0.5px solid rgb(255, 255, 255); border-radius: 50%; transform: translate(-50%, -50%); opacity: 0; z-index: 2; animation: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s infinite normal none running PingingDot_pingRing__IieAU; transition: background-color 0.2s ease-in-out; }

@media (max-width: 599px) {
  .PingingDot_ring_effect__qbIZi { width: 12px; height: 12px; }
}

.PingingDot_wave_effect__gRKcu { position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; transform: translate(-50%, -50%); z-index: 1; opacity: 1; }

@media (max-width: 599px) {
  .PingingDot_wave_effect__gRKcu { width: 20px; height: 20px; }
}

@keyframes PingingDot_dotGrow__mV_Ji { 
  0% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  70% { transform: translate(-50%, -50%) scale(1.4); }
  100% { transform: translate(-50%, -50%) scale(1); }
}

@keyframes PingingDot_pingRing__IieAU { 
  0% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  70% { opacity: 0; transform: translate(-50%, -50%) scale(3); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(3); }
}

@keyframes PingingDot_pingWave__mimrW { 
  0% { opacity: 0.5; transform: translate(-50%, -50%) scale(1); }
  70% { opacity: 0; transform: translate(-50%, -50%) scale(6); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(6); }
}