#amaSvg {
  width: 100% !important;
  height: auto !important;
}

#amaSvg .fromCenter {
  opacity: 0;
  transform: translate(var(--from-x, 0), var(--from-y, 0));
  transition: transform var(--fly-duration, 700ms)
      var(--fly-ease, cubic-bezier(0.2, 0.7, 0.2, 1)),
    opacity var(--fly-duration, 700ms) ease;
  will-change: transform, opacity;
}

/* Когда в кадре — разлёт на свои места и проявление */
#amaSvg .in.fromCenter {
  opacity: 1;
  transform: translate(0, 0);
}

/* Временное отключение анимаций во время пересчёта смещений */
#amaSvg .no-anim {
  transition: none !important;
}

/* Доступность */
@media (prefers-reduced-motion: reduce) {
  #amaSvg .fromCenter {
    transition: none;
  }
}
