/* Green Pi Interactive City V6.0
 * Tek parça çıktı görselinden ayrıştırılmış gerçek nesne katmanları.
 */
.gp-motion-layer{z-index:3}
.gp-motion-item{
  overflow:visible;
  filter:none;
  opacity:1;
  pointer-events:none;
}
.gp-motion-symbol{transform:rotate(var(--gp-motion-angle,0deg));transform-origin:center}
.gp-motion-symbol img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  image-rendering:auto;
  filter:drop-shadow(0 .12rem .18rem rgba(12,40,48,.16));
}
.gp-motion-truck .gp-motion-symbol img{filter:drop-shadow(0 .14rem .2rem rgba(42,37,24,.22))}
.gp-motion-metro .gp-motion-symbol img{filter:drop-shadow(0 .1rem .16rem rgba(20,44,52,.18))}
.gp-motion-ship .gp-motion-symbol img{
  animation:gpRealYachtFloat 5.2s ease-in-out infinite;
  filter:drop-shadow(0 .18rem .28rem rgba(0,72,91,.22));
}
.gp-motion-wind{
  opacity:.96;
  filter:none;
}
.gp-motion-wind .gp-motion-symbol{transform:none}
.gp-motion-wind .gp-motion-symbol img{
  animation:gpRealRotorSpin var(--gp-rotor-duration,6.5s) linear infinite;
  transform-origin:50% 50%;
  filter:drop-shadow(0 .06rem .08rem rgba(60,88,94,.18));
}
.gp-motion-wind.is-motion-paused .gp-motion-symbol img{animation-play-state:paused}
.gp-map-viewport.is-focused .gp-motion-item{opacity:1}
@keyframes gpRealRotorSpin{to{transform:rotate(360deg)}}
@keyframes gpRealYachtFloat{
  0%,100%{translate:0 0;rotate:-.2deg}
  50%{translate:0 -1.5%;rotate:.25deg}
}
@media(max-width:782px){
  .gp-motion-item{opacity:.96}
}
@media(prefers-reduced-motion:reduce){
  .gp-motion-symbol img{animation:none!important}
}
/* V6.0 wind-only exact object alignment */
.gp-motion-metro .gp-motion-symbol{transform:none!important;transform-origin:center}
.gp-motion-metro .gp-motion-symbol img{filter:drop-shadow(0 .06rem .1rem rgba(20,44,52,.12))}
.gp-motion-wind{opacity:.88}
.gp-motion-wind .gp-motion-symbol img{filter:drop-shadow(0 .015rem .025rem rgba(70,90,92,.10))}