Loop iteration (length comparison variations) + Set (v7)

Revision 7 of this benchmark created on


Preparation HTML

<script>
  var list = [
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 0,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 200,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 200,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 400,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 400,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 600,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 600,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 800,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 800,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 1000,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 1000,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 1200,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 1200,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 1400,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 1400,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 1600,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 1600,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 1800,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 1800,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 2000,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 2000,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 2200,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 2200,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 2400,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 2400,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 2600,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 2600,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 2800,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 2800,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 3000,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 3000,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 3200,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 3200,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 3400,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 3400,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 3600,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 3600,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 3800,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 3800,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 4000,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 4000,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 4200,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 4200,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 4400,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 4400,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 4600,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 4600,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 4800,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 4800,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 5000,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 5000,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 5200,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 5200,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 5400,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 5400,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 5600,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 5600,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 5800,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 5800,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 6000,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 6000,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 6200,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 6200,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 6400,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 6400,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 6600,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 200,
        "lastDistance": 200,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 6600,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 6800,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 20.7998046875,
        "lastDistance": 20.7998046875,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 6800,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 7000,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 7000,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 7200,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 7200,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 7400,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 7400,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 7600,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 7600,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 7800,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 7800,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 8000,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 8000,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 8200,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 8200,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 8400,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 8400,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 8600,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 8600,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 8800,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 8800,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 9000,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 9000,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 9200,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 9200,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 9400,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 9400,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 9600,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 9600,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 9800,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 9800,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 10000,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 10000,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 10200,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 10200,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 10400,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 10400,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 10600,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 10600,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 10800,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 10800,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 11000,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 11000,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 11200,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 11200,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 11400,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 11400,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 11600,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 11600,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 11800,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 11800,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 12000,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 12000,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 12200,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 12200,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 12400,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 12400,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 12600,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 12600,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 12800,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 12800,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 13000,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 13000,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 13200,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 13200,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 13400,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 13400,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 13600,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 13600,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 13800,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 13800,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 14000,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 14000,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 14200,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 14200,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 14400,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 14400,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 14600,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 14600,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 14800,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 14800,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 15000,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 15000,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 15200,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 15200,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 15400,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 15400,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 15600,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 15600,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 15800,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 15800,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 16000,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 16000,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 16200,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 16200,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 16400,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 16400,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 16600,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 16600,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 16800,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 16800,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 17000,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 17000,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 17200,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 17200,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 17400,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 17400,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 17600,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 17600,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 17800,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 17800,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 18000,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 18000,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 18200,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 18200,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 18400,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 18400,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 18600,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 18600,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 18800,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 18800,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 19000,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 19000,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 19200,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 19200,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 19400,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 19400,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 19600,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 19600,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 19800,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 19800,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 20000,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 20000,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 20200,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 20200,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 20400,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 20400,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 20600,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 20600,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 20800,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 20800,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 21000,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 21000,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 21200,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 21200,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 21400,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 21400,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 21600,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 21600,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 21800,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 21800,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 22000,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 22000,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 22200,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 22200,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 22400,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 22400,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 22600,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 22600,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 22800,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 22800,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 23000,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 23000,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 23200,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 23200,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 23400,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 23400,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 23600,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 23600,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 23800,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 23800,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 24000,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 24000,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 24200,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 24200,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 24400,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 24400,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 24600,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 24600,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 24800,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 24800,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 25000,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 25000,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 25200,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 25200,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 25400,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 25400,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 25600,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 25600,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 25800,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 25800,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 26000,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 26000,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 26200,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 26200,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 26400,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 26400,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 26600,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    },
    {
        "callbackIndex": 0,
        "interpolation": [
            {
                "interpolate": true,
                "type": 1,
                "typeName": "transform",
                "propertyName": "rotate",
                "keyframes": [
                    {
                        "keyframe": 0,
                        "value": [
                            0
                        ]
                    },
                    {
                        "keyframe": 1,
                        "value": [
                            360
                        ]
                    }
                ],
                "unit": "deg",
                "valueLength": 1,
                "keyframesLength": 2
            }
        ],
        "interpolationLength": 1,
        "markers": false,
        "trigger": {
            "start": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 26600,
                "unit": "%",
                "marker": null
            },
            "end": {
                "element": {},
                "boolean": true,
                "value": 0,
                "converted": 26800,
                "unit": "%",
                "marker": null
            }
        },
        "indicator": {
            "start": {
                "boolean": true,
                "value": 0
            },
            "end": {
                "boolean": true,
                "value": 0
            }
        },
        "distance": 200,
        "currentDistance": 0,
        "lastDistance": 0,
        "start": false,
        "ratio": 0,
        "sync": 0.05,
        "originalCssText": ""
    }
]
const a = new Set(list);
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
list.length
for (var i = 0; i < list.length; i++) {
    const fruit = list[i];
}
ready
pop
    while (list.length) {
        const fruit = list.pop();
         }
ready
while--
let i = list.length;
while (i--) {
        const fruit = list[i];
         }
ready
splice
let i = list.length;
while (i--) {
        const fruit = list.splice(i, 1);
    
}
ready
shift
while (list.length) {
     const fruit = list.shift();
    
}
ready
while++
let i = -1;
while (i++ < list.length -1) {
const fruit =list[i];
}
ready
while++ static
let i = -1;
let length = list.length;
while (i++ < length -1) {
const fruit = list[i];
}
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.