/* Green Pi Interactive City V5.5
 * JSON tabanlı hotspot/rota kurulumu ve haritayla birlikte ölçeklenen gerçekçi SVG hareket katmanları.
 */
.gp-motion-item{
  width:var(--gp-motion-size,1.5%);
  min-width:0;
  height:auto;
  opacity:.96;
  filter:drop-shadow(0 .22rem .32rem rgba(0,35,48,.35));
  z-index:2;
}
.gp-motion-symbol,.gp-motion-symbol img,.gp-motion-symbol svg{display:block;width:100%;height:auto}
.gp-motion-symbol img{object-fit:contain;user-select:none;-webkit-user-drag:none;transform-origin:center}
.gp-motion-ship .gp-motion-symbol img,.gp-motion-boat .gp-motion-symbol img{animation:gpWaterBob 3.4s ease-in-out infinite}
.gp-motion-wind{width:var(--gp-motion-size,2%);opacity:.88;filter:drop-shadow(0 .12rem .18rem rgba(0,50,62,.24))}
.gp-motion-wind .gp-motion-symbol{transform:none}
@keyframes gpWaterBob{0%,100%{translate:0 0;rotate:-.5deg}50%{translate:0 -3%;rotate:.6deg}}
.gp-map-viewport.is-focused .gp-motion-item{opacity:.88}
@media(max-width:782px){
  .gp-motion-item{filter:drop-shadow(0 .15rem .22rem rgba(0,35,48,.28))}
  .gp-motion-car:nth-of-type(even),.gp-motion-truck:nth-of-type(even){display:none}
}
@media(prefers-reduced-motion:reduce){.gp-motion-symbol img{animation:none!important}}