motionrender 0.0.0-stage → 0.2.0

package/blocks/fx-timeline.json

@@ -0,0 +1,1287 @@
+{
+  "id": "fx-timeline",
+  "name": "Editing timeline",
+  "category": "effect",
+  "kind": "overlay",
+  "durationFrames": 180,
+  "description": "A video-editor panel that builds itself low in the frame: tracks for footage, graphics, effects and audio, clips that light up as a playhead moves across, and a timecode.",
+  "params": {
+    "heading": {
+      "type": "string",
+      "default": "ONE COMPOSITION. COMPLETE CONTROL."
+    }
+  },
+  "layers": [
+    {
+      "id": "heading",
+      "type": "text",
+      "content": "{{heading}}",
+      "fontSize": "{{round(min(canvas.width, canvas.height) * 0.05)}}",
+      "color": "#ffffff",
+      "x": "{{round(canvas.width * 0.06)}}",
+      "y": "{{round(canvas.height * 0.1)}}",
+      "fontWeight": 900,
+      "lineHeight": 1.05,
+      "maxWidth": "{{round(canvas.width * 0.88)}}",
+      "maxLines": 2,
+      "minFontSize": "{{round(min(canvas.width, canvas.height) * 0.03)}}",
+      "startFrame": 0,
+      "animations": [
+        {
+          "property": "opacity",
+          "keyframes": [
+            {
+              "frame": 0,
+              "value": 0
+            },
+            {
+              "frame": 14,
+              "value": 1,
+              "easing": "glide"
+            }
+          ]
+        },
+        {
+          "property": "y",
+          "keyframes": [
+            {
+              "frame": 0,
+              "value": "{{round(canvas.height * 0.1) + 26}}",
+              "easing": "land"
+            },
+            {
+              "frame": 18,
+              "value": "{{round(canvas.height * 0.1)}}"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "id": "editor",
+      "type": "group",
+      "x": "{{round(canvas.width * 0.05)}}",
+      "y": "{{round(canvas.height * 0.58)}}",
+      "width": "{{round(canvas.width * 0.9)}}",
+      "height": "{{round(min(canvas.width, canvas.height) * 0.56)}}",
+      "animations": [
+        {
+          "property": "opacity",
+          "keyframes": [
+            {
+              "frame": 0,
+              "value": 0
+            },
+            {
+              "frame": 12,
+              "value": 1
+            }
+          ]
+        },
+        {
+          "property": "y",
+          "keyframes": [
+            {
+              "frame": 0,
+              "value": "{{round(canvas.height * 0.66)}}",
+              "easing": "land"
+            },
+            {
+              "frame": 22,
+              "value": "{{round(canvas.height * 0.58)}}"
+            }
+          ]
+        }
+      ],
+      "children": [
+        {
+          "id": "editor-bg",
+          "type": "rect",
+          "x": 0,
+          "y": 0,
+          "width": "{{round(canvas.width * 0.9)}}",
+          "height": "{{round(min(canvas.width, canvas.height) * 0.56)}}",
+          "radius": "{{round(min(canvas.width, canvas.height) * 0.025)}}",
+          "fill": "#0d1428",
+          "stroke": "rgba(255,255,255,0.18)",
+          "strokeWidth": 2,
+          "shadow": {
+            "color": "#000000aa",
+            "blur": 30,
+            "offsetX": 0,
+            "offsetY": 12
+          }
+        },
+        {
+          "id": "lab-0",
+          "type": "text",
+          "content": "FOOTAGE",
+          "fontSize": "{{round(min(canvas.width, canvas.height) * 0.02)}}",
+          "color": "{{muted}}",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.03)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 0 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.025)}}",
+          "fontWeight": 700,
+          "letterSpacing": "{{round(min(canvas.width, canvas.height) * 0.002)}}",
+          "startFrame": 16,
+          "animations": [
+            {
+              "property": "opacity",
+              "keyframes": [
+                {
+                  "frame": 0,
+                  "value": 0
+                },
+                {
+                  "frame": 8,
+                  "value": 1
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "id": "lane-0",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 0 * round(min(canvas.width, canvas.height) * 0.1)}}",
+          "width": "{{round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)}}",
+          "height": "{{round(min(canvas.width, canvas.height) * 0.082)}}",
+          "radius": "{{round(min(canvas.width, canvas.height) * 0.012)}}",
+          "fill": "rgba(255,255,255,0.06)",
+          "startFrame": 16,
+          "animations": [
+            {
+              "property": "opacity",
+              "keyframes": [
+                {
+                  "frame": 0,
+                  "value": 0
+                },
+                {
+                  "frame": 8,
+                  "value": 1
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "id": "lab-1",
+          "type": "text",
+          "content": "GRAPHICS",
+          "fontSize": "{{round(min(canvas.width, canvas.height) * 0.02)}}",
+          "color": "{{muted}}",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.03)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 1 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.025)}}",
+          "fontWeight": 700,
+          "letterSpacing": "{{round(min(canvas.width, canvas.height) * 0.002)}}",
+          "startFrame": 24,
+          "animations": [
+            {
+              "property": "opacity",
+              "keyframes": [
+                {
+                  "frame": 0,
+                  "value": 0
+                },
+                {
+                  "frame": 8,
+                  "value": 1
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "id": "lane-1",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 1 * round(min(canvas.width, canvas.height) * 0.1)}}",
+          "width": "{{round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)}}",
+          "height": "{{round(min(canvas.width, canvas.height) * 0.082)}}",
+          "radius": "{{round(min(canvas.width, canvas.height) * 0.012)}}",
+          "fill": "rgba(255,255,255,0.06)",
+          "startFrame": 24,
+          "animations": [
+            {
+              "property": "opacity",
+              "keyframes": [
+                {
+                  "frame": 0,
+                  "value": 0
+                },
+                {
+                  "frame": 8,
+                  "value": 1
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "id": "lab-2",
+          "type": "text",
+          "content": "EFFECTS",
+          "fontSize": "{{round(min(canvas.width, canvas.height) * 0.02)}}",
+          "color": "{{muted}}",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.03)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 2 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.025)}}",
+          "fontWeight": 700,
+          "letterSpacing": "{{round(min(canvas.width, canvas.height) * 0.002)}}",
+          "startFrame": 32,
+          "animations": [
+            {
+              "property": "opacity",
+              "keyframes": [
+                {
+                  "frame": 0,
+                  "value": 0
+                },
+                {
+                  "frame": 8,
+                  "value": 1
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "id": "lane-2",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 2 * round(min(canvas.width, canvas.height) * 0.1)}}",
+          "width": "{{round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)}}",
+          "height": "{{round(min(canvas.width, canvas.height) * 0.082)}}",
+          "radius": "{{round(min(canvas.width, canvas.height) * 0.012)}}",
+          "fill": "rgba(255,255,255,0.06)",
+          "startFrame": 32,
+          "animations": [
+            {
+              "property": "opacity",
+              "keyframes": [
+                {
+                  "frame": 0,
+                  "value": 0
+                },
+                {
+                  "frame": 8,
+                  "value": 1
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "id": "lab-3",
+          "type": "text",
+          "content": "AUDIO",
+          "fontSize": "{{round(min(canvas.width, canvas.height) * 0.02)}}",
+          "color": "{{muted}}",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.03)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.025)}}",
+          "fontWeight": 700,
+          "letterSpacing": "{{round(min(canvas.width, canvas.height) * 0.002)}}",
+          "startFrame": 40,
+          "animations": [
+            {
+              "property": "opacity",
+              "keyframes": [
+                {
+                  "frame": 0,
+                  "value": 0
+                },
+                {
+                  "frame": 8,
+                  "value": 1
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "id": "lane-3",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1)}}",
+          "width": "{{round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)}}",
+          "height": "{{round(min(canvas.width, canvas.height) * 0.082)}}",
+          "radius": "{{round(min(canvas.width, canvas.height) * 0.012)}}",
+          "fill": "rgba(255,255,255,0.06)",
+          "startFrame": 40,
+          "animations": [
+            {
+              "property": "opacity",
+              "keyframes": [
+                {
+                  "frame": 0,
+                  "value": 0
+                },
+                {
+                  "frame": 8,
+                  "value": 1
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "id": "film-0",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 0 * ((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 6)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 0 * round(min(canvas.width, canvas.height) * 0.1)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 6) - 4}}",
+          "height": "{{round(min(canvas.width, canvas.height) * 0.082)}}",
+          "radius": "{{round(min(canvas.width, canvas.height) * 0.01)}}",
+          "fill": "#2a3a66",
+          "startFrame": 24,
+          "animations": [
+            {
+              "property": "opacity",
+              "keyframes": [
+                {
+                  "frame": 0,
+                  "value": 0
+                },
+                {
+                  "frame": 10,
+                  "value": 1
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "id": "film-1",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 1 * ((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 6)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 0 * round(min(canvas.width, canvas.height) * 0.1)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 6) - 4}}",
+          "height": "{{round(min(canvas.width, canvas.height) * 0.082)}}",
+          "radius": "{{round(min(canvas.width, canvas.height) * 0.01)}}",
+          "fill": "#33477d",
+          "startFrame": 24,
+          "animations": [
+            {
+              "property": "opacity",
+              "keyframes": [
+                {
+                  "frame": 0,
+                  "value": 0
+                },
+                {
+                  "frame": 13,
+                  "value": 1
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "id": "film-2",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 2 * ((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 6)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 0 * round(min(canvas.width, canvas.height) * 0.1)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 6) - 4}}",
+          "height": "{{round(min(canvas.width, canvas.height) * 0.082)}}",
+          "radius": "{{round(min(canvas.width, canvas.height) * 0.01)}}",
+          "fill": "#27355e",
+          "startFrame": 24,
+          "animations": [
+            {
+              "property": "opacity",
+              "keyframes": [
+                {
+                  "frame": 0,
+                  "value": 0
+                },
+                {
+                  "frame": 16,
+                  "value": 1
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "id": "film-3",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 3 * ((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 6)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 0 * round(min(canvas.width, canvas.height) * 0.1)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 6) - 4}}",
+          "height": "{{round(min(canvas.width, canvas.height) * 0.082)}}",
+          "radius": "{{round(min(canvas.width, canvas.height) * 0.01)}}",
+          "fill": "#3a4f8a",
+          "startFrame": 24,
+          "animations": [
+            {
+              "property": "opacity",
+              "keyframes": [
+                {
+                  "frame": 0,
+                  "value": 0
+                },
+                {
+                  "frame": 19,
+                  "value": 1
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "id": "film-4",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 4 * ((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 6)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 0 * round(min(canvas.width, canvas.height) * 0.1)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 6) - 4}}",
+          "height": "{{round(min(canvas.width, canvas.height) * 0.082)}}",
+          "radius": "{{round(min(canvas.width, canvas.height) * 0.01)}}",
+          "fill": "#2d3d6d",
+          "startFrame": 24,
+          "animations": [
+            {
+              "property": "opacity",
+              "keyframes": [
+                {
+                  "frame": 0,
+                  "value": 0
+                },
+                {
+                  "frame": 22,
+                  "value": 1
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "id": "film-5",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 5 * ((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 6)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 0 * round(min(canvas.width, canvas.height) * 0.1)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 6) - 4}}",
+          "height": "{{round(min(canvas.width, canvas.height) * 0.082)}}",
+          "radius": "{{round(min(canvas.width, canvas.height) * 0.01)}}",
+          "fill": "#36497f",
+          "startFrame": 24,
+          "animations": [
+            {
+              "property": "opacity",
+              "keyframes": [
+                {
+                  "frame": 0,
+                  "value": 0
+                },
+                {
+                  "frame": 25,
+                  "value": 1
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "id": "gfx-0",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) * 0.08)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 1 * round(min(canvas.width, canvas.height) * 0.1)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) * 0.3)}}",
+          "height": "{{round(min(canvas.width, canvas.height) * 0.082)}}",
+          "radius": "{{round(min(canvas.width, canvas.height) * 0.01)}}",
+          "fill": "{{accent}}",
+          "opacity": 0.45,
+          "startFrame": 32,
+          "animations": [
+            {
+              "property": "opacity",
+              "keyframes": [
+                {
+                  "frame": 0,
+                  "value": 0
+                },
+                {
+                  "frame": 12,
+                  "value": 0.45
+                },
+                {
+                  "frame": 40,
+                  "value": 0.45
+                },
+                {
+                  "frame": 52,
+                  "value": 1
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "id": "gfx-1",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) * 0.4)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 1 * round(min(canvas.width, canvas.height) * 0.1)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) * 0.28)}}",
+          "height": "{{round(min(canvas.width, canvas.height) * 0.082)}}",
+          "radius": "{{round(min(canvas.width, canvas.height) * 0.01)}}",
+          "fill": "{{accent2}}",
+          "opacity": 0.45,
+          "startFrame": 32,
+          "animations": [
+            {
+              "property": "opacity",
+              "keyframes": [
+                {
+                  "frame": 0,
+                  "value": 0
+                },
+                {
+                  "frame": 12,
+                  "value": 0.45
+                },
+                {
+                  "frame": 80,
+                  "value": 0.45
+                },
+                {
+                  "frame": 92,
+                  "value": 1
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "id": "gfx-2",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) * 0.7)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 1 * round(min(canvas.width, canvas.height) * 0.1)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) * 0.26)}}",
+          "height": "{{round(min(canvas.width, canvas.height) * 0.082)}}",
+          "radius": "{{round(min(canvas.width, canvas.height) * 0.01)}}",
+          "fill": "{{accent}}",
+          "opacity": 0.45,
+          "startFrame": 32,
+          "animations": [
+            {
+              "property": "opacity",
+              "keyframes": [
+                {
+                  "frame": 0,
+                  "value": 0
+                },
+                {
+                  "frame": 12,
+                  "value": 0.45
+                },
+                {
+                  "frame": 120,
+                  "value": 0.45
+                },
+                {
+                  "frame": 132,
+                  "value": 1
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "id": "fxc-0",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) * 0.2)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 2 * round(min(canvas.width, canvas.height) * 0.1)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) * 0.25)}}",
+          "height": "{{round(min(canvas.width, canvas.height) * 0.082)}}",
+          "radius": "{{round(min(canvas.width, canvas.height) * 0.01)}}",
+          "fill": "{{accent2}}",
+          "opacity": 0.45,
+          "startFrame": 40,
+          "animations": [
+            {
+              "property": "opacity",
+              "keyframes": [
+                {
+                  "frame": 0,
+                  "value": 0
+                },
+                {
+                  "frame": 12,
+                  "value": 0.45
+                },
+                {
+                  "frame": 50,
+                  "value": 0.45
+                },
+                {
+                  "frame": 62,
+                  "value": 1
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "id": "fxc-1",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) * 0.55)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 2 * round(min(canvas.width, canvas.height) * 0.1)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) * 0.3)}}",
+          "height": "{{round(min(canvas.width, canvas.height) * 0.082)}}",
+          "radius": "{{round(min(canvas.width, canvas.height) * 0.01)}}",
+          "fill": "{{accent}}",
+          "opacity": 0.45,
+          "startFrame": 40,
+          "animations": [
+            {
+              "property": "opacity",
+              "keyframes": [
+                {
+                  "frame": 0,
+                  "value": 0
+                },
+                {
+                  "frame": 12,
+                  "value": 0.45
+                },
+                {
+                  "frame": 100,
+                  "value": 0.45
+                },
+                {
+                  "frame": 112,
+                  "value": 1
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "id": "wave-0",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 0 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.671)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.337)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-1",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 1 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.433)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.582)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-2",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 2 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.630)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.309)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-3",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 3 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.909)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.692)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-4",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 4 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.558)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.463)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-5",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 5 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.836)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.743)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-6",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 6 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.307)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.624)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-7",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 7 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.426)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.754)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-8",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 8 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.368)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.670)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-9",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 9 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.615)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.382)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-10",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 10 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.288)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.954)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-11",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 11 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.977)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.341)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-12",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 12 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.583)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.967)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-13",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 13 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.392)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.564)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-14",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 14 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.663)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.754)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-15",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 15 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.461)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.378)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-16",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 16 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.989)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.584)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-17",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 17 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.424)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.660)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-18",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 18 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.498)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.365)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-19",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 19 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.830)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.514)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-20",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 20 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.513)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.310)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-21",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 21 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.945)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.429)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-22",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 22 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.913)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.603)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-23",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 23 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.427)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.702)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-24",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 24 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.551)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.819)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-25",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 25 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.740)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.352)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-26",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 26 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.418)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.588)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-27",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 27 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.318)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.286)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-28",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 28 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.559)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.761)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-29",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 29 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.735)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.966)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-30",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 30 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.494)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.579)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-31",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 31 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.622)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.579)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-32",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 32 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.879)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.588)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-33",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 33 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.579)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.448)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-34",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 34 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.428)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.807)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-35",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 35 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.349)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.453)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-36",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 36 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.825)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.894)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-37",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 37 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.976)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.945)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-38",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 38 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.895)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.811)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-39",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 39 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.730)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.666)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-40",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 40 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.268)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.493)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-41",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 41 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.518)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.411)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-42",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 42 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.545)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.764)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-43",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 43 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.803)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.450)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-44",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 44 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.967)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.255)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "wave-45",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2) + 45 * round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.1) + 3 * round(min(canvas.width, canvas.height) * 0.1) + round(min(canvas.width, canvas.height) * 0.041) - round(round(min(canvas.width, canvas.height) * 0.038) * 0.520)}}",
+          "width": "{{round((round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)) / 46) - 3}}",
+          "height": "{{2 * round(round(min(canvas.width, canvas.height) * 0.038) * 0.689)}}",
+          "radius": 2,
+          "fill": "#7FA3FF",
+          "opacity": 0.8,
+          "startFrame": 48
+        },
+        {
+          "id": "playhead",
+          "type": "rect",
+          "x": "{{round(min(canvas.width, canvas.height) * 0.2)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.075)}}",
+          "width": 4,
+          "height": "{{round(min(canvas.width, canvas.height) * 0.43)}}",
+          "radius": 2,
+          "fill": "#ffffff",
+          "shadow": {
+            "color": "#ffffff",
+            "blur": 14,
+            "offsetX": 0,
+            "offsetY": 0
+          },
+          "startFrame": 56,
+          "animations": [
+            {
+              "property": "x",
+              "keyframes": [
+                {
+                  "frame": 0,
+                  "value": "{{round(min(canvas.width, canvas.height) * 0.2)}}"
+                },
+                {
+                  "frame": 112,
+                  "value": "{{round(min(canvas.width, canvas.height) * 0.2) + round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.26)}}"
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "id": "timecode",
+          "type": "html",
+          "html": "<div class='t'></div>",
+          "css": ".t{font:700 {{round(min(canvas.width, canvas.height) * 0.028)}}px Inter;color:#fff;letter-spacing:.04em}.t::before{counter-reset:n round(var(--n));content:'00:0' counter(n)}",
+          "vars": {
+            "--n": 0
+          },
+          "animations": [
+            {
+              "property": "--n",
+              "keyframes": [
+                {
+                  "frame": 56,
+                  "value": 0
+                },
+                {
+                  "frame": 168,
+                  "value": 5
+                }
+              ]
+            }
+          ],
+          "x": "{{round(canvas.width * 0.9) - round(min(canvas.width, canvas.height) * 0.16)}}",
+          "y": "{{round(min(canvas.width, canvas.height) * 0.02)}}",
+          "width": "{{round(min(canvas.width, canvas.height) * 0.14)}}",
+          "height": "{{round(min(canvas.width, canvas.height) * 0.05)}}"
+        }
+      ]
+    },
+    {
+      "id": "sfx-1",
+      "type": "audio",
+      "src": "sfx:whoosh",
+      "startFrame": 4,
+      "volume": 0.3
+    },
+    {
+      "id": "sfx-2",
+      "type": "audio",
+      "src": "sfx:tick",
+      "startFrame": 56,
+      "volume": 0.3
+    }
+  ]
+}