@exponential_app/eui 0.3.0 → 0.4.0

package/fixtures/motion-frames.json

@@ -0,0 +1,2618 @@
+{
+  "$comment": "EXP-1602: eUI Motion display lists, the contract every painter replays (apps/desktop/crates/eui-motion/src/display.rs; packed encoding = README.md › Packed frames). AUTO-GENERATED expected values: `UPDATE_MOTION_FIXTURES=1 cargo test -p eui-motion --test frames` (inputs kept). Each case: `id`, `covers` (what it exercises), `lottie` (a small inline Lottie document; load it as UTF-8 JSON with the default limits), `frames`: per sampled composition frame `frame` (Motion.sample(frame)) the expected `list` and `packed`. `list` = the DisplayList as serde JSON: {width, height, ops}; every op is an object tagged by `op`: `layer` {blend, alpha, transform, clip, filters?} opens an isolated group composited on its `pop` with `alpha` and `blend`, clipped to `clip` (empty = unclipped); `clip` {transform, path} intersects the clip until its `pop`; `pop` closes the innermost layer or clip; `fill` {transform, rule: nonzero|evenodd, brush, path}; `stroke` {transform, style: {width, cap: butt|round|square, join: miter|round|bevel, miter, dashes? (omitted when solid), dash_offset}, brush, path}; `image` {transform, asset (index into the motion's image assets), alpha, width, height} draws the asset into the rect 0,0,width,height. `transform` = [a, b, c, d, e, f] (x' = a·x + c·y + e, y' = b·x + d·y + f), in composition units, never inherited: there is no ambient transform. `path` = verbs tagged by `v`: {v:m,x,y} | {v:l,x,y} | {v:c,x1,y1,x2,y2,x,y} | {v:z}. `brush` tagged by `kind`: solid {color} | linear {start, end, stops} | radial {center, focal, radius, stops}; colours are straight sRGB RGBA in 0..1, stops {offset, color}. `blend` (kebab-case): normal, multiply, screen, overlay, darken, lighten, color-dodge, color-burn, hard-light, soft-light, difference, exclusion, hue, saturation, color, luminosity, then the compositing operators dst-in, dst-out (alpha mattes, masks), luma-in, luma-out (luma mattes), xor (merge paths); `filters` (omitted when empty) tagged by `kind`: blur {sigma_x, sigma_y} | color-matrix {m[20]} | gradient-map {stops, amount} | drop-shadow {color, dx, dy, sigma}. `packed` = the same frame as the f32 stream [VERSION=1, width, height, op…] (README.md › Packed frames; layer = 1, blend code, alpha, t[6], clip path, filter count, filters). Replays compare `list` structurally (same keys, same array lengths, same strings) and `packed` element by element; numbers match within 1e-4 × max(1, |expected|).",
+  "cases": [
+    {
+      "id": "rect-solid-fill",
+      "covers": "clip (layer bounds) + fill + pop; solid brush; rect path (M L L L Z)",
+      "lottie": {"v":"5.7.0","fr":10,"ip":0,"op":20,"w":100,"h":100,"layers":[{"ddd":0,"ind":1,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"rc","p":{"a":0,"k":[50,40]},"s":{"a":0,"k":[40,20]},"r":{"a":0,"k":0}},{"ty":"fl","c":{"a":0,"k":[0.2,0.4,0.6,1]},"o":{"a":0,"k":100},"r":1}]}]},
+      "frames": [
+        {
+          "frame": 0,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [0.2,0.4,0.6,1.0]
+                },
+                "path": [
+                  {"v":"m","x":70.0,"y":30.0},
+                  {"v":"l","x":30.0,"y":30.0},
+                  {"v":"l","x":30.0,"y":50.0},
+                  {"v":"l","x":70.0,"y":50.0},
+                  {"v":"l","x":70.0,"y":30.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,4.0,1.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,0.2,0.4,0.6,1.0,6.0,0.0,70.0,30.0,1.0,30.0,30.0,1.0,30.0,50.0,1.0,70.0,50.0,1.0,70.0,30.0,3.0,3.0]
+        }
+      ]
+    },
+    {
+      "id": "rounded-rect-ellipse",
+      "covers": "rounded rect and ellipse as cubics (C); one fill applied to two shapes",
+      "lottie": {"v":"5.7.0","fr":10,"ip":0,"op":20,"w":100,"h":100,"layers":[{"ddd":0,"ind":1,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"rc","p":{"a":0,"k":[30,30]},"s":{"a":0,"k":[40,30]},"r":{"a":0,"k":8}},{"ty":"el","p":{"a":0,"k":[70,70]},"s":{"a":0,"k":[40,20]}},{"ty":"fl","c":{"a":0,"k":[1,0,0,1]},"o":{"a":0,"k":50},"r":1}]}]},
+      "frames": [
+        {
+          "frame": 0,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,0.0,0.0,0.5]
+                },
+                "path": [
+                  {"v":"m","x":50.0,"y":23.0},
+                  {"v":"c","x1":50.0,"y1":18.5848,"x2":46.4152,"y2":15.0,"x":42.0,"y":15.0},
+                  {"v":"l","x":18.0,"y":15.0},
+                  {"v":"c","x1":13.5848,"y1":15.0,"x2":10.0,"y2":18.5848,"x":10.0,"y":23.0},
+                  {"v":"l","x":10.0,"y":37.0},
+                  {"v":"c","x1":10.0,"y1":41.4152,"x2":13.5848,"y2":45.0,"x":18.0,"y":45.0},
+                  {"v":"l","x":42.0,"y":45.0},
+                  {"v":"c","x1":46.4152,"y1":45.0,"x2":50.0,"y2":41.4152,"x":50.0,"y":37.0},
+                  {"v":"l","x":50.0,"y":23.0},
+                  {"v":"z"},
+                  {"v":"m","x":70.0,"y":60.0},
+                  {"v":"c","x1":81.038,"y1":60.0,"x2":90.0,"y2":64.481,"x":90.0,"y":70.0},
+                  {"v":"c","x1":90.0,"y1":75.519,"x2":81.038,"y2":80.0,"x":70.0,"y":80.0},
+                  {"v":"c","x1":58.962,"y1":80.0,"x2":50.0,"y2":75.519,"x":50.0,"y":70.0},
+                  {"v":"c","x1":50.0,"y1":64.481,"x2":58.962,"y2":60.0,"x":70.0,"y":60.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,4.0,1.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,1.0,0.0,0.0,0.5,16.0,0.0,50.0,23.0,2.0,50.0,18.5848,46.4152,15.0,42.0,15.0,1.0,18.0,15.0,2.0,13.5848,15.0,10.0,18.5848,10.0,23.0,1.0,10.0,37.0,2.0,10.0,41.4152,13.5848,45.0,18.0,45.0,1.0,42.0,45.0,2.0,46.4152,45.0,50.0,41.4152,50.0,37.0,1.0,50.0,23.0,3.0,0.0,70.0,60.0,2.0,81.038,60.0,90.0,64.481,90.0,70.0,2.0,90.0,75.519,81.038,80.0,70.0,80.0,2.0,58.962,80.0,50.0,75.519,50.0,70.0,2.0,50.0,64.481,58.962,60.0,70.0,60.0,3.0,3.0]
+        }
+      ]
+    },
+    {
+      "id": "path-evenodd",
+      "covers": "bezier path (sh), two subpaths, fill rule evenodd (r 2)",
+      "lottie": {"v":"5.7.0","fr":10,"ip":0,"op":20,"w":100,"h":100,"layers":[{"ddd":0,"ind":1,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"sh","ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[10,10],[90,10],[90,90],[10,90]],"c":true}}},{"ty":"sh","ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[30,30],[70,30],[70,70],[30,70]],"c":true}}},{"ty":"fl","c":{"a":0,"k":[0,0,1,1]},"o":{"a":0,"k":100},"r":2}]}]},
+      "frames": [
+        {
+          "frame": 0,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "rule": "evenodd",
+                "brush": {
+                  "kind": "solid",
+                  "color": [0.0,0.0,1.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":10.0,"y":10.0},
+                  {"v":"l","x":90.0,"y":10.0},
+                  {"v":"l","x":90.0,"y":90.0},
+                  {"v":"l","x":10.0,"y":90.0},
+                  {"v":"l","x":10.0,"y":10.0},
+                  {"v":"z"},
+                  {"v":"m","x":30.0,"y":30.0},
+                  {"v":"l","x":70.0,"y":30.0},
+                  {"v":"l","x":70.0,"y":70.0},
+                  {"v":"l","x":30.0,"y":70.0},
+                  {"v":"l","x":30.0,"y":30.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,4.0,1.0,0.0,0.0,1.0,0.0,0.0,1.0,0.0,0.0,0.0,1.0,1.0,12.0,0.0,10.0,10.0,1.0,90.0,10.0,1.0,90.0,90.0,1.0,10.0,90.0,1.0,10.0,10.0,3.0,0.0,30.0,30.0,1.0,70.0,30.0,1.0,70.0,70.0,1.0,30.0,70.0,1.0,30.0,30.0,3.0,3.0]
+        }
+      ]
+    },
+    {
+      "id": "star-polygon",
+      "covers": "star (sy 1) and polygon (sy 2) with roundness",
+      "lottie": {"v":"5.7.0","fr":10,"ip":0,"op":20,"w":100,"h":100,"layers":[{"ddd":0,"ind":1,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"gr","it":[{"ty":"sr","sy":1,"d":1,"p":{"a":0,"k":[30,50]},"r":{"a":0,"k":0},"pt":{"a":0,"k":5},"ir":{"a":0,"k":10},"is":{"a":0,"k":0},"or":{"a":0,"k":25},"os":{"a":0,"k":0}},{"ty":"fl","c":{"a":0,"k":[1,0,0,1]},"o":{"a":0,"k":100},"r":1},{"ty":"tr","o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}}]},{"ty":"gr","it":[{"ty":"sr","sy":2,"d":1,"p":{"a":0,"k":[75,50]},"r":{"a":0,"k":30},"pt":{"a":0,"k":6},"or":{"a":0,"k":20},"os":{"a":0,"k":50}},{"ty":"fl","c":{"a":0,"k":[0,0.5,0,1]},"o":{"a":0,"k":100},"r":1},{"ty":"tr","o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}}]}]}]},
+      "frames": [
+        {
+          "frame": 0,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [0.0,0.5,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":85.0,"y":32.679493},
+                  {"v":"c","x1":87.26725,"y1":33.988487,"x2":95.0,"y2":47.382008,"x":95.0,"y":50.0},
+                  {"v":"c","x1":95.0,"y1":52.617992,"x2":87.26725,"y2":66.01151,"x":85.0,"y":67.32051},
+                  {"v":"c","x1":82.73275,"y1":68.6295,"x2":67.26725,"y2":68.6295,"x":65.0,"y":67.32051},
+                  {"v":"c","x1":62.73275,"y1":66.01151,"x2":55.0,"y2":52.617992,"x":55.0,"y":50.0},
+                  {"v":"c","x1":55.0,"y1":47.382008,"x2":62.73275,"y2":33.988487,"x":65.0,"y":32.679493},
+                  {"v":"c","x1":67.26725,"y1":31.370495,"x2":82.73275,"y2":31.370495,"x":85.0,"y":32.679493},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,0.0,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":30.0,"y":25.0},
+                  {"v":"l","x":35.877853,"y":41.90983},
+                  {"v":"l","x":53.776413,"y":42.274574},
+                  {"v":"l","x":39.510567,"y":53.09017},
+                  {"v":"l","x":44.69463,"y":70.225426},
+                  {"v":"l","x":30.0,"y":60.0},
+                  {"v":"l","x":15.305368,"y":70.225426},
+                  {"v":"l","x":20.489435,"y":53.09017},
+                  {"v":"l","x":6.223587,"y":42.274574},
+                  {"v":"l","x":24.122147,"y":41.90983},
+                  {"v":"l","x":30.0,"y":25.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,4.0,1.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,0.0,0.5,0.0,1.0,8.0,0.0,85.0,32.679493,2.0,87.26725,33.988487,95.0,47.382008,95.0,50.0,2.0,95.0,52.617992,87.26725,66.01151,85.0,67.32051,2.0,82.73275,68.6295,67.26725,68.6295,65.0,67.32051,2.0,62.73275,66.01151,55.0,52.617992,55.0,50.0,2.0,55.0,47.382008,62.73275,33.988487,65.0,32.679493,2.0,67.26725,31.370495,82.73275,31.370495,85.0,32.679493,3.0,4.0,1.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,1.0,0.0,0.0,1.0,12.0,0.0,30.0,25.0,1.0,35.877853,41.90983,1.0,53.776413,42.274574,1.0,39.510567,53.09017,1.0,44.69463,70.225426,1.0,30.0,60.0,1.0,15.305368,70.225426,1.0,20.489435,53.09017,1.0,6.223587,42.274574,1.0,24.122147,41.90983,1.0,30.0,25.0,3.0,3.0]
+        }
+      ]
+    },
+    {
+      "id": "stroke-caps-joins",
+      "covers": "stroke: width, round cap/join (lc 2, lj 2), miter join with limit (lj 1), bevel (lj 3), square cap (lc 3)",
+      "lottie": {"v":"5.7.0","fr":10,"ip":0,"op":20,"w":100,"h":100,"layers":[{"ddd":0,"ind":1,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"gr","it":[{"ty":"sh","ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[10,80],[30,20],[50,80]],"c":false}}},{"ty":"st","c":{"a":0,"k":[1,0,0,1]},"o":{"a":0,"k":100},"w":{"a":0,"k":6},"lc":2,"lj":2,"ml":4},{"ty":"tr","o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}}]},{"ty":"gr","it":[{"ty":"sh","ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[55,80],[70,20],[85,80]],"c":false}}},{"ty":"st","c":{"a":0,"k":[0,0,1,1]},"o":{"a":0,"k":100},"w":{"a":0,"k":4},"lc":3,"lj":1,"ml":10},{"ty":"tr","o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}}]},{"ty":"gr","it":[{"ty":"rc","p":{"a":0,"k":[50,90]},"s":{"a":0,"k":[80,6]},"r":{"a":0,"k":0}},{"ty":"st","c":{"a":0,"k":[0,0.5,0,1]},"o":{"a":0,"k":100},"w":{"a":0,"k":2},"lc":1,"lj":3,"ml":4},{"ty":"tr","o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}}]}]}]},
+      "frames": [
+        {
+          "frame": 0,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "stroke",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "style": {"width":2.0,"cap":"butt","join":"bevel","miter":4.0,"dash_offset":0.0},
+                "brush": {
+                  "kind": "solid",
+                  "color": [0.0,0.5,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":90.0,"y":87.0},
+                  {"v":"l","x":10.0,"y":87.0},
+                  {"v":"l","x":10.0,"y":93.0},
+                  {"v":"l","x":90.0,"y":93.0},
+                  {"v":"l","x":90.0,"y":87.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "stroke",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "style": {"width":4.0,"cap":"square","join":"miter","miter":10.0,"dash_offset":0.0},
+                "brush": {
+                  "kind": "solid",
+                  "color": [0.0,0.0,1.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":55.0,"y":80.0},
+                  {"v":"l","x":70.0,"y":20.0},
+                  {"v":"l","x":85.0,"y":80.0}
+                ]
+              },
+              {
+                "op": "stroke",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "style": {"width":6.0,"cap":"round","join":"round","miter":4.0,"dash_offset":0.0},
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,0.0,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":10.0,"y":80.0},
+                  {"v":"l","x":30.0,"y":20.0},
+                  {"v":"l","x":50.0,"y":80.0}
+                ]
+              },
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,5.0,1.0,0.0,0.0,1.0,0.0,0.0,2.0,0.0,2.0,4.0,0.0,0.0,0.0,0.0,0.5,0.0,1.0,6.0,0.0,90.0,87.0,1.0,10.0,87.0,1.0,10.0,93.0,1.0,90.0,93.0,1.0,90.0,87.0,3.0,5.0,1.0,0.0,0.0,1.0,0.0,0.0,4.0,2.0,0.0,10.0,0.0,0.0,0.0,0.0,0.0,1.0,1.0,3.0,0.0,55.0,80.0,1.0,70.0,20.0,1.0,85.0,80.0,5.0,1.0,0.0,0.0,1.0,0.0,0.0,6.0,1.0,1.0,4.0,0.0,0.0,0.0,1.0,0.0,0.0,1.0,3.0,0.0,10.0,80.0,1.0,30.0,20.0,1.0,50.0,80.0,3.0]
+        }
+      ]
+    },
+    {
+      "id": "stroke-dashes",
+      "covers": "dashes (d: d/g/o) with an animated offset",
+      "lottie": {"v":"5.7.0","fr":10,"ip":0,"op":20,"w":100,"h":100,"layers":[{"ddd":0,"ind":1,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"el","p":{"a":0,"k":[50,50]},"s":{"a":0,"k":[70,70]}},{"ty":"st","c":{"a":0,"k":[0,0,0,1]},"o":{"a":0,"k":100},"w":{"a":0,"k":4},"lc":2,"lj":2,"ml":4,"d":[{"n":"d","nm":"dash","v":{"a":0,"k":10}},{"n":"g","nm":"gap","v":{"a":0,"k":5}},{"n":"o","nm":"offset","v":{"a":1,"k":[{"t":0,"s":[0],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.6],"y":[1]}},{"t":20,"s":[30]}]}}]}]}]},
+      "frames": [
+        {
+          "frame": 0,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "stroke",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "style": {
+                  "width": 4.0,
+                  "cap": "round",
+                  "join": "round",
+                  "miter": 4.0,
+                  "dashes": [10.0,5.0],
+                  "dash_offset": 0.0
+                },
+                "brush": {
+                  "kind": "solid",
+                  "color": [0.0,0.0,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":50.0,"y":15.0},
+                  {"v":"c","x1":69.3165,"y1":15.0,"x2":85.0,"y2":30.6835,"x":85.0,"y":50.0},
+                  {"v":"c","x1":85.0,"y1":69.3165,"x2":69.3165,"y2":85.0,"x":50.0,"y":85.0},
+                  {"v":"c","x1":30.6835,"y1":85.0,"x2":15.0,"y2":69.3165,"x":15.0,"y":50.0},
+                  {"v":"c","x1":15.0,"y1":30.6835,"x2":30.6835,"y2":15.0,"x":50.0,"y":15.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,5.0,1.0,0.0,0.0,1.0,0.0,0.0,4.0,1.0,1.0,4.0,0.0,2.0,10.0,5.0,0.0,0.0,0.0,0.0,1.0,6.0,0.0,50.0,15.0,2.0,69.3165,15.0,85.0,30.6835,85.0,50.0,2.0,85.0,69.3165,69.3165,85.0,50.0,85.0,2.0,30.6835,85.0,15.0,69.3165,15.0,50.0,2.0,15.0,30.6835,30.6835,15.0,50.0,15.0,3.0,3.0]
+        },
+        {
+          "frame": 10,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "stroke",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "style": {
+                  "width": 4.0,
+                  "cap": "round",
+                  "join": "round",
+                  "miter": 4.0,
+                  "dashes": [10.0,5.0],
+                  "dash_offset": 15.0
+                },
+                "brush": {
+                  "kind": "solid",
+                  "color": [0.0,0.0,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":50.0,"y":15.0},
+                  {"v":"c","x1":69.3165,"y1":15.0,"x2":85.0,"y2":30.6835,"x":85.0,"y":50.0},
+                  {"v":"c","x1":85.0,"y1":69.3165,"x2":69.3165,"y2":85.0,"x":50.0,"y":85.0},
+                  {"v":"c","x1":30.6835,"y1":85.0,"x2":15.0,"y2":69.3165,"x":15.0,"y":50.0},
+                  {"v":"c","x1":15.0,"y1":30.6835,"x2":30.6835,"y2":15.0,"x":50.0,"y":15.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,5.0,1.0,0.0,0.0,1.0,0.0,0.0,4.0,1.0,1.0,4.0,15.0,2.0,10.0,5.0,0.0,0.0,0.0,0.0,1.0,6.0,0.0,50.0,15.0,2.0,69.3165,15.0,85.0,30.6835,85.0,50.0,2.0,85.0,69.3165,69.3165,85.0,50.0,85.0,2.0,30.6835,85.0,15.0,69.3165,15.0,50.0,2.0,15.0,30.6835,30.6835,15.0,50.0,15.0,3.0,3.0]
+        }
+      ]
+    },
+    {
+      "id": "linear-gradient",
+      "covers": "gradient fill (gf t 1): linear brush, colour stops + opacity stops",
+      "lottie": {"v":"5.7.0","fr":10,"ip":0,"op":20,"w":100,"h":100,"layers":[{"ddd":0,"ind":1,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"rc","p":{"a":0,"k":[50,50]},"s":{"a":0,"k":[80,80]},"r":{"a":0,"k":0}},{"ty":"gf","t":1,"o":{"a":0,"k":100},"r":1,"s":{"a":0,"k":[10,50]},"e":{"a":0,"k":[90,50]},"g":{"p":3,"k":{"a":0,"k":[0,1,0,0,0.5,0,1,0,1,0,0,1,0,1,1,0.2]}}}]}]},
+      "frames": [
+        {
+          "frame": 0,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "linear",
+                  "start": [10.0,50.0],
+                  "end": [90.0,50.0],
+                  "stops": [
+                    {
+                      "offset": 0.0,
+                      "color": [1.0,0.0,0.0,1.0]
+                    },
+                    {
+                      "offset": 0.5,
+                      "color": [0.0,1.0,0.0,0.6]
+                    },
+                    {
+                      "offset": 1.0,
+                      "color": [0.0,0.0,1.0,0.2]
+                    }
+                  ]
+                },
+                "path": [
+                  {"v":"m","x":90.0,"y":10.0},
+                  {"v":"l","x":10.0,"y":10.0},
+                  {"v":"l","x":10.0,"y":90.0},
+                  {"v":"l","x":90.0,"y":90.0},
+                  {"v":"l","x":90.0,"y":10.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,4.0,1.0,0.0,0.0,1.0,0.0,0.0,0.0,1.0,10.0,50.0,90.0,50.0,3.0,0.0,1.0,0.0,0.0,1.0,0.5,0.0,1.0,0.0,0.6,1.0,0.0,0.0,1.0,0.2,6.0,0.0,90.0,10.0,1.0,10.0,10.0,1.0,10.0,90.0,1.0,90.0,90.0,1.0,90.0,10.0,3.0,3.0]
+        }
+      ]
+    },
+    {
+      "id": "radial-gradient-highlight",
+      "covers": "radial gradient (gf t 2) with highlight length/angle (focal point), gradient stroke (gs)",
+      "lottie": {"v":"5.7.0","fr":10,"ip":0,"op":20,"w":100,"h":100,"layers":[{"ddd":0,"ind":1,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"el","p":{"a":0,"k":[50,50]},"s":{"a":0,"k":[80,80]}},{"ty":"gf","t":2,"o":{"a":0,"k":100},"r":1,"s":{"a":0,"k":[50,50]},"e":{"a":0,"k":[90,50]},"h":{"a":0,"k":50},"a":{"a":0,"k":45},"g":{"p":2,"k":{"a":0,"k":[0,1,1,1,1,0,0,0.5]}}},{"ty":"gs","t":1,"o":{"a":0,"k":100},"w":{"a":0,"k":4},"lc":1,"lj":1,"ml":4,"s":{"a":0,"k":[10,10]},"e":{"a":0,"k":[90,90]},"g":{"p":2,"k":{"a":0,"k":[0,1,0,0,1,0,0,1]}}}]}]},
+      "frames": [
+        {
+          "frame": 0,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "stroke",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "style": {"width":4.0,"cap":"butt","join":"miter","miter":4.0,"dash_offset":0.0},
+                "brush": {
+                  "kind": "linear",
+                  "start": [10.0,10.0],
+                  "end": [90.0,90.0],
+                  "stops": [
+                    {
+                      "offset": 0.0,
+                      "color": [1.0,0.0,0.0,1.0]
+                    },
+                    {
+                      "offset": 1.0,
+                      "color": [0.0,0.0,1.0,1.0]
+                    }
+                  ]
+                },
+                "path": [
+                  {"v":"m","x":50.0,"y":10.0},
+                  {"v":"c","x1":72.076,"y1":10.0,"x2":90.0,"y2":27.924,"x":90.0,"y":50.0},
+                  {"v":"c","x1":90.0,"y1":72.076,"x2":72.076,"y2":90.0,"x":50.0,"y":90.0},
+                  {"v":"c","x1":27.924,"y1":90.0,"x2":10.0,"y2":72.076,"x":10.0,"y":50.0},
+                  {"v":"c","x1":10.0,"y1":27.924,"x2":27.924,"y2":10.0,"x":50.0,"y":10.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "radial",
+                  "center": [50.0,50.0],
+                  "focal": [64.142136,64.142136],
+                  "radius": 40.0,
+                  "stops": [
+                    {
+                      "offset": 0.0,
+                      "color": [1.0,1.0,1.0,1.0]
+                    },
+                    {
+                      "offset": 1.0,
+                      "color": [0.0,0.0,0.5,1.0]
+                    }
+                  ]
+                },
+                "path": [
+                  {"v":"m","x":50.0,"y":10.0},
+                  {"v":"c","x1":72.076,"y1":10.0,"x2":90.0,"y2":27.924,"x":90.0,"y":50.0},
+                  {"v":"c","x1":90.0,"y1":72.076,"x2":72.076,"y2":90.0,"x":50.0,"y":90.0},
+                  {"v":"c","x1":27.924,"y1":90.0,"x2":10.0,"y2":72.076,"x":10.0,"y":50.0},
+                  {"v":"c","x1":10.0,"y1":27.924,"x2":27.924,"y2":10.0,"x":50.0,"y":10.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,5.0,1.0,0.0,0.0,1.0,0.0,0.0,4.0,0.0,0.0,4.0,0.0,0.0,1.0,10.0,10.0,90.0,90.0,2.0,0.0,1.0,0.0,0.0,1.0,1.0,0.0,0.0,1.0,1.0,6.0,0.0,50.0,10.0,2.0,72.076,10.0,90.0,27.924,90.0,50.0,2.0,90.0,72.076,72.076,90.0,50.0,90.0,2.0,27.924,90.0,10.0,72.076,10.0,50.0,2.0,10.0,27.924,27.924,10.0,50.0,10.0,3.0,4.0,1.0,0.0,0.0,1.0,0.0,0.0,0.0,2.0,50.0,50.0,64.142136,64.142136,40.0,2.0,0.0,1.0,1.0,1.0,1.0,1.0,0.0,0.0,0.5,1.0,6.0,0.0,50.0,10.0,2.0,72.076,10.0,90.0,27.924,90.0,50.0,2.0,90.0,72.076,72.076,90.0,50.0,90.0,2.0,27.924,90.0,10.0,72.076,10.0,50.0,2.0,10.0,27.924,27.924,10.0,50.0,10.0,3.0,3.0]
+        }
+      ]
+    },
+    {
+      "id": "keyframes-transform",
+      "covers": "animated position, scale, rotation, anchor and opacity with easing; hold keyframe (h 1)",
+      "lottie": {"v":"5.7.0","fr":10,"ip":0,"op":20,"w":100,"h":100,"layers":[{"ddd":0,"ind":1,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":1,"k":[{"t":0,"s":[100],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.6],"y":[1]}},{"t":20,"s":[20]}]},"r":{"a":1,"k":[{"t":0,"s":[0],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.6],"y":[1]}},{"t":20,"s":[90]}]},"p":{"a":1,"k":[{"t":0,"s":[20,20],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.6],"y":[1]}},{"t":20,"s":[80,80]}]},"a":{"a":0,"k":[5,5]},"s":{"a":1,"k":[{"t":0,"s":[100,100],"h":1},{"t":10,"s":[200,50]}]}},"shapes":[{"ty":"rc","p":{"a":0,"k":[0,0]},"s":{"a":0,"k":[20,20]},"r":{"a":0,"k":0}},{"ty":"fl","c":{"a":0,"k":[1,0,0,1]},"o":{"a":0,"k":100},"r":1}]}]},
+      "frames": [
+        {
+          "frame": 0,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,15.0,15.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,0.0,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":10.0,"y":-10.0},
+                  {"v":"l","x":-10.0,"y":-10.0},
+                  {"v":"l","x":-10.0,"y":10.0},
+                  {"v":"l","x":10.0,"y":10.0},
+                  {"v":"l","x":10.0,"y":-10.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,4.0,1.0,0.0,0.0,1.0,15.0,15.0,0.0,0.0,1.0,0.0,0.0,1.0,6.0,0.0,10.0,-10.0,1.0,-10.0,-10.0,1.0,-10.0,10.0,1.0,10.0,10.0,1.0,10.0,-10.0,3.0,3.0]
+        },
+        {
+          "frame": 5,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "layer",
+                "blend": "normal",
+                "alpha": 0.89175427,
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "clip": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [0.9774983,0.21094342,-0.21094342,0.9774983,24.285656,22.176222],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,0.0,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":10.0,"y":-10.0},
+                  {"v":"l","x":-10.0,"y":-10.0},
+                  {"v":"l","x":-10.0,"y":10.0},
+                  {"v":"l","x":10.0,"y":10.0},
+                  {"v":"l","x":10.0,"y":-10.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"},
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,1.0,0.0,0.89175427,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,0.0,4.0,0.9774983,0.21094342,-0.21094342,0.9774983,24.285656,22.176222,0.0,0.0,1.0,0.0,0.0,1.0,6.0,0.0,10.0,-10.0,1.0,-10.0,-10.0,1.0,-10.0,10.0,1.0,10.0,10.0,1.0,10.0,-10.0,3.0,3.0,3.0]
+        },
+        {
+          "frame": 10,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "layer",
+                "blend": "normal",
+                "alpha": 0.6,
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "clip": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.4142135,1.4142135,-0.35355338,0.35355338,44.696697,41.161163],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,0.0,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":10.0,"y":-10.0},
+                  {"v":"l","x":-10.0,"y":-10.0},
+                  {"v":"l","x":-10.0,"y":10.0},
+                  {"v":"l","x":10.0,"y":10.0},
+                  {"v":"l","x":10.0,"y":-10.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"},
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,1.0,0.0,0.6,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,0.0,4.0,1.4142135,1.4142135,-0.35355338,0.35355338,44.696697,41.161163,0.0,0.0,1.0,0.0,0.0,1.0,6.0,0.0,10.0,-10.0,1.0,-10.0,-10.0,1.0,-10.0,10.0,1.0,10.0,10.0,1.0,10.0,-10.0,3.0,3.0,3.0]
+        },
+        {
+          "frame": 15,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "layer",
+                "blend": "normal",
+                "alpha": 0.30824572,
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "clip": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [0.42188683,1.9549966,-0.48874915,0.10547171,72.21588,61.579227],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,0.0,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":10.0,"y":-10.0},
+                  {"v":"l","x":-10.0,"y":-10.0},
+                  {"v":"l","x":-10.0,"y":10.0},
+                  {"v":"l","x":10.0,"y":10.0},
+                  {"v":"l","x":10.0,"y":-10.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"},
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,1.0,0.0,0.30824572,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,0.0,4.0,0.42188683,1.9549966,-0.48874915,0.10547171,72.21588,61.579227,0.0,0.0,1.0,0.0,0.0,1.0,6.0,0.0,10.0,-10.0,1.0,-10.0,-10.0,1.0,-10.0,10.0,1.0,10.0,10.0,1.0,10.0,-10.0,3.0,3.0,3.0]
+        }
+      ]
+    },
+    {
+      "id": "split-position-skew",
+      "covers": "split position (p.s with x/y), skew + skew axis",
+      "lottie": {"v":"5.7.0","fr":10,"ip":0,"op":20,"w":100,"h":100,"layers":[{"ddd":0,"ind":1,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"s":true,"x":{"a":1,"k":[{"t":0,"s":[20],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.6],"y":[1]}},{"t":20,"s":[80]}]},"y":{"a":0,"k":50}},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":20},"sa":{"a":0,"k":30}},"shapes":[{"ty":"rc","p":{"a":0,"k":[0,0]},"s":{"a":0,"k":[30,30]},"r":{"a":0,"k":0}},{"ty":"fl","c":{"a":0,"k":[0,0,1,1]},"o":{"a":0,"k":100},"r":1}]}]},
+      "frames": [
+        {
+          "frame": 0,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [0.84239626,0.090992555,-0.27297768,1.1576037,20.0,50.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [0.0,0.0,1.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":15.0,"y":-15.0},
+                  {"v":"l","x":-15.0,"y":-15.0},
+                  {"v":"l","x":-15.0,"y":15.0},
+                  {"v":"l","x":15.0,"y":15.0},
+                  {"v":"l","x":15.0,"y":-15.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,4.0,0.84239626,0.090992555,-0.27297768,1.1576037,20.0,50.0,0.0,0.0,0.0,0.0,1.0,1.0,6.0,0.0,15.0,-15.0,1.0,-15.0,-15.0,1.0,-15.0,15.0,1.0,15.0,15.0,1.0,15.0,-15.0,3.0,3.0]
+        },
+        {
+          "frame": 10,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [0.84239626,0.090992555,-0.27297768,1.1576037,50.0,50.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [0.0,0.0,1.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":15.0,"y":-15.0},
+                  {"v":"l","x":-15.0,"y":-15.0},
+                  {"v":"l","x":-15.0,"y":15.0},
+                  {"v":"l","x":15.0,"y":15.0},
+                  {"v":"l","x":15.0,"y":-15.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,4.0,0.84239626,0.090992555,-0.27297768,1.1576037,50.0,50.0,0.0,0.0,0.0,0.0,1.0,1.0,6.0,0.0,15.0,-15.0,1.0,-15.0,-15.0,1.0,-15.0,15.0,1.0,15.0,15.0,1.0,15.0,-15.0,3.0,3.0]
+        }
+      ]
+    },
+    {
+      "id": "group-transforms-parenting",
+      "covers": "nested groups with their own transforms and opacity; layer parenting through a null (ty 3)",
+      "lottie": {"v":"5.7.0","fr":10,"ip":0,"op":20,"w":100,"h":100,"layers":[{"ddd":0,"ind":1,"ty":3,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":1,"k":[{"t":0,"s":[0],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.6],"y":[1]}},{"t":20,"s":[45]}]},"p":{"a":0,"k":[50,50]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}}},{"ddd":0,"ind":2,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ty":"rc","p":{"a":0,"k":[0,0]},"s":{"a":0,"k":[10,10]},"r":{"a":0,"k":0}},{"ty":"fl","c":{"a":0,"k":[1,0,0,1]},"o":{"a":0,"k":100},"r":1},{"ty":"tr","o":{"a":0,"k":50},"r":{"a":0,"k":0},"p":{"a":0,"k":[10,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}}]},{"ty":"rc","p":{"a":0,"k":[0,0]},"s":{"a":0,"k":[20,20]},"r":{"a":0,"k":0}},{"ty":"fl","c":{"a":0,"k":[0,0,1,1]},"o":{"a":0,"k":100},"r":1},{"ty":"tr","o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[-10,-10]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[150,150]}}]}],"parent":1}]},
+      "frames": [
+        {
+          "frame": 0,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.5,0.0,0.0,1.5,40.0,40.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [0.0,0.0,1.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":15.0,"y":-5.0},
+                  {"v":"l","x":5.0,"y":-5.0},
+                  {"v":"l","x":5.0,"y":5.0},
+                  {"v":"l","x":15.0,"y":5.0},
+                  {"v":"l","x":15.0,"y":-5.0},
+                  {"v":"z"},
+                  {"v":"m","x":10.0,"y":-10.0},
+                  {"v":"l","x":-10.0,"y":-10.0},
+                  {"v":"l","x":-10.0,"y":10.0},
+                  {"v":"l","x":10.0,"y":10.0},
+                  {"v":"l","x":10.0,"y":-10.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "layer",
+                "blend": "normal",
+                "alpha": 0.5,
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "clip": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.5,0.0,0.0,1.5,55.0,40.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,0.0,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":5.0,"y":-5.0},
+                  {"v":"l","x":-5.0,"y":-5.0},
+                  {"v":"l","x":-5.0,"y":5.0},
+                  {"v":"l","x":5.0,"y":5.0},
+                  {"v":"l","x":5.0,"y":-5.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"},
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,4.0,1.5,0.0,0.0,1.5,40.0,40.0,0.0,0.0,0.0,0.0,1.0,1.0,12.0,0.0,15.0,-5.0,1.0,5.0,-5.0,1.0,5.0,5.0,1.0,15.0,5.0,1.0,15.0,-5.0,3.0,0.0,10.0,-10.0,1.0,-10.0,-10.0,1.0,-10.0,10.0,1.0,10.0,10.0,1.0,10.0,-10.0,3.0,1.0,0.0,0.5,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,0.0,4.0,1.5,0.0,0.0,1.5,55.0,40.0,0.0,0.0,1.0,0.0,0.0,1.0,6.0,0.0,5.0,-5.0,1.0,-5.0,-5.0,1.0,-5.0,5.0,1.0,5.0,5.0,1.0,5.0,-5.0,3.0,3.0,3.0]
+        },
+        {
+          "frame": 10,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.3858193,0.57402515,-0.57402515,1.3858193,44.58804,36.934372],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [0.0,0.0,1.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":15.0,"y":-5.0},
+                  {"v":"l","x":5.0,"y":-5.0},
+                  {"v":"l","x":5.0,"y":5.0},
+                  {"v":"l","x":15.0,"y":5.0},
+                  {"v":"l","x":15.0,"y":-5.0},
+                  {"v":"z"},
+                  {"v":"m","x":10.0,"y":-10.0},
+                  {"v":"l","x":-10.0,"y":-10.0},
+                  {"v":"l","x":-10.0,"y":10.0},
+                  {"v":"l","x":10.0,"y":10.0},
+                  {"v":"l","x":10.0,"y":-10.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "layer",
+                "blend": "normal",
+                "alpha": 0.5,
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "clip": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.3858193,0.57402515,-0.57402515,1.3858193,58.44623,42.67462],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,0.0,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":5.0,"y":-5.0},
+                  {"v":"l","x":-5.0,"y":-5.0},
+                  {"v":"l","x":-5.0,"y":5.0},
+                  {"v":"l","x":5.0,"y":5.0},
+                  {"v":"l","x":5.0,"y":-5.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"},
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,4.0,1.3858193,0.57402515,-0.57402515,1.3858193,44.58804,36.934372,0.0,0.0,0.0,0.0,1.0,1.0,12.0,0.0,15.0,-5.0,1.0,5.0,-5.0,1.0,5.0,5.0,1.0,15.0,5.0,1.0,15.0,-5.0,3.0,0.0,10.0,-10.0,1.0,-10.0,-10.0,1.0,-10.0,10.0,1.0,10.0,10.0,1.0,10.0,-10.0,3.0,1.0,0.0,0.5,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,0.0,4.0,1.3858193,0.57402515,-0.57402515,1.3858193,58.44623,42.67462,0.0,0.0,1.0,0.0,0.0,1.0,6.0,0.0,5.0,-5.0,1.0,-5.0,-5.0,1.0,-5.0,5.0,1.0,5.0,5.0,1.0,5.0,-5.0,3.0,3.0,3.0]
+        }
+      ]
+    },
+    {
+      "id": "layer-opacity-blend",
+      "covers": "layer op (isolated group): opacity < 100 and blend modes multiply (bm 1), difference (bm 10)",
+      "lottie": {"v":"5.7.0","fr":10,"ip":0,"op":20,"w":100,"h":100,"layers":[{"ddd":0,"ind":1,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"rc","p":{"a":0,"k":[50,50]},"s":{"a":0,"k":[60,60]},"r":{"a":0,"k":0}},{"ty":"fl","c":{"a":0,"k":[1,0,0,1]},"o":{"a":0,"k":100},"r":1}],"bm":1},{"ddd":0,"ind":2,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":60},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"rc","p":{"a":0,"k":[40,40]},"s":{"a":0,"k":[40,40]},"r":{"a":0,"k":0}},{"ty":"fl","c":{"a":0,"k":[0,0,1,1]},"o":{"a":0,"k":100},"r":1}],"bm":10},{"ddd":0,"ind":3,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":50},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"rc","p":{"a":0,"k":[50,50]},"s":{"a":0,"k":[60,60]},"r":{"a":0,"k":0}},{"ty":"fl","c":{"a":0,"k":[0,0.5,0,1]},"o":{"a":0,"k":100},"r":1}]}]},
+      "frames": [
+        {
+          "frame": 0,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "layer",
+                "blend": "normal",
+                "alpha": 0.5,
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "clip": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [0.0,0.5,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":80.0,"y":20.0},
+                  {"v":"l","x":20.0,"y":20.0},
+                  {"v":"l","x":20.0,"y":80.0},
+                  {"v":"l","x":80.0,"y":80.0},
+                  {"v":"l","x":80.0,"y":20.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"},
+              {
+                "op": "layer",
+                "blend": "difference",
+                "alpha": 0.6,
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "clip": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [0.0,0.0,1.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":60.0,"y":20.0},
+                  {"v":"l","x":20.0,"y":20.0},
+                  {"v":"l","x":20.0,"y":60.0},
+                  {"v":"l","x":60.0,"y":60.0},
+                  {"v":"l","x":60.0,"y":20.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"},
+              {
+                "op": "layer",
+                "blend": "multiply",
+                "alpha": 1.0,
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "clip": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,0.0,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":80.0,"y":20.0},
+                  {"v":"l","x":20.0,"y":20.0},
+                  {"v":"l","x":20.0,"y":80.0},
+                  {"v":"l","x":80.0,"y":80.0},
+                  {"v":"l","x":80.0,"y":20.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"},
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,1.0,0.0,0.5,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,0.0,4.0,1.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,0.0,0.5,0.0,1.0,6.0,0.0,80.0,20.0,1.0,20.0,20.0,1.0,20.0,80.0,1.0,80.0,80.0,1.0,80.0,20.0,3.0,3.0,1.0,10.0,0.6,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,0.0,4.0,1.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,0.0,0.0,1.0,1.0,6.0,0.0,60.0,20.0,1.0,20.0,20.0,1.0,20.0,60.0,1.0,60.0,60.0,1.0,60.0,20.0,3.0,3.0,1.0,1.0,1.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,0.0,4.0,1.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,1.0,0.0,0.0,1.0,6.0,0.0,80.0,20.0,1.0,20.0,20.0,1.0,20.0,80.0,1.0,80.0,80.0,1.0,80.0,20.0,3.0,3.0,3.0]
+        }
+      ]
+    },
+    {
+      "id": "masks-modes",
+      "covers": "masks: add (a), subtract (s), intersect (i), inverted, mask opacity",
+      "lottie": {"v":"5.7.0","fr":10,"ip":0,"op":20,"w":100,"h":100,"layers":[{"ddd":0,"ind":1,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"rc","p":{"a":0,"k":[50,50]},"s":{"a":0,"k":[60,60]},"r":{"a":0,"k":0}},{"ty":"fl","c":{"a":0,"k":[1,0,0,1]},"o":{"a":0,"k":100},"r":1}],"hasMask":true,"masksProperties":[{"mode":"a","inv":false,"pt":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[20,20],[80,20],[80,80],[20,80]],"c":true}},"o":{"a":0,"k":100}},{"mode":"s","inv":false,"pt":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[30,30],[50,30],[50,50],[30,50]],"c":true}},"o":{"a":0,"k":100}},{"mode":"i","inv":false,"pt":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[10,10],[60,10],[60,60],[10,60]],"c":true}},"o":{"a":0,"k":80}}]},{"ddd":0,"ind":2,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"rc","p":{"a":0,"k":[50,50]},"s":{"a":0,"k":[60,60]},"r":{"a":0,"k":0}},{"ty":"fl","c":{"a":0,"k":[0,0,1,1]},"o":{"a":0,"k":100},"r":1}],"hasMask":true,"masksProperties":[{"mode":"a","inv":true,"pt":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[0,0],[70,0],[70,70],[0,70]],"c":true}},"o":{"a":0,"k":100}}]}]},
+      "frames": [
+        {
+          "frame": 0,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "layer",
+                "blend": "normal",
+                "alpha": 1.0,
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "clip": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [0.0,0.0,1.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":80.0,"y":20.0},
+                  {"v":"l","x":20.0,"y":20.0},
+                  {"v":"l","x":20.0,"y":80.0},
+                  {"v":"l","x":80.0,"y":80.0},
+                  {"v":"l","x":80.0,"y":20.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "layer",
+                "blend": "dst-in",
+                "alpha": 1.0,
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "clip": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "layer",
+                "blend": "normal",
+                "alpha": 1.0,
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "clip": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,1.0,1.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "layer",
+                "blend": "dst-out",
+                "alpha": 1.0,
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "clip": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,1.0,1.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":70.0,"y":0.0},
+                  {"v":"l","x":70.0,"y":70.0},
+                  {"v":"l","x":0.0,"y":70.0},
+                  {"v":"l","x":0.0,"y":0.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"},
+              {"op":"pop"},
+              {"op":"pop"},
+              {"op":"pop"},
+              {
+                "op": "layer",
+                "blend": "normal",
+                "alpha": 1.0,
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "clip": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,0.0,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":80.0,"y":20.0},
+                  {"v":"l","x":20.0,"y":20.0},
+                  {"v":"l","x":20.0,"y":80.0},
+                  {"v":"l","x":80.0,"y":80.0},
+                  {"v":"l","x":80.0,"y":20.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "layer",
+                "blend": "dst-in",
+                "alpha": 1.0,
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "clip": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "layer",
+                "blend": "normal",
+                "alpha": 1.0,
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "clip": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,1.0,1.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":20.0,"y":20.0},
+                  {"v":"l","x":80.0,"y":20.0},
+                  {"v":"l","x":80.0,"y":80.0},
+                  {"v":"l","x":20.0,"y":80.0},
+                  {"v":"l","x":20.0,"y":20.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"},
+              {
+                "op": "layer",
+                "blend": "dst-out",
+                "alpha": 1.0,
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "clip": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,1.0,1.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":30.0,"y":30.0},
+                  {"v":"l","x":50.0,"y":30.0},
+                  {"v":"l","x":50.0,"y":50.0},
+                  {"v":"l","x":30.0,"y":50.0},
+                  {"v":"l","x":30.0,"y":30.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"},
+              {
+                "op": "layer",
+                "blend": "dst-in",
+                "alpha": 0.8,
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "clip": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,1.0,1.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":10.0,"y":10.0},
+                  {"v":"l","x":60.0,"y":10.0},
+                  {"v":"l","x":60.0,"y":60.0},
+                  {"v":"l","x":10.0,"y":60.0},
+                  {"v":"l","x":10.0,"y":10.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"},
+              {"op":"pop"},
+              {"op":"pop"},
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,1.0,0.0,1.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,0.0,4.0,1.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,0.0,0.0,1.0,1.0,6.0,0.0,80.0,20.0,1.0,20.0,20.0,1.0,20.0,80.0,1.0,80.0,80.0,1.0,80.0,20.0,3.0,1.0,16.0,1.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,0.0,1.0,0.0,1.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,0.0,4.0,1.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,1.0,1.0,1.0,1.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,1.0,17.0,1.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,0.0,4.0,1.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,1.0,1.0,1.0,1.0,6.0,0.0,0.0,0.0,1.0,70.0,0.0,1.0,70.0,70.0,1.0,0.0,70.0,1.0,0.0,0.0,3.0,3.0,3.0,3.0,3.0,1.0,0.0,1.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,0.0,4.0,1.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,1.0,0.0,0.0,1.0,6.0,0.0,80.0,20.0,1.0,20.0,20.0,1.0,20.0,80.0,1.0,80.0,80.0,1.0,80.0,20.0,3.0,1.0,16.0,1.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,0.0,1.0,0.0,1.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,0.0,4.0,1.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,1.0,1.0,1.0,1.0,6.0,0.0,20.0,20.0,1.0,80.0,20.0,1.0,80.0,80.0,1.0,20.0,80.0,1.0,20.0,20.0,3.0,3.0,1.0,17.0,1.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,0.0,4.0,1.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,1.0,1.0,1.0,1.0,6.0,0.0,30.0,30.0,1.0,50.0,30.0,1.0,50.0,50.0,1.0,30.0,50.0,1.0,30.0,30.0,3.0,3.0,1.0,16.0,0.8,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,0.0,4.0,1.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,1.0,1.0,1.0,1.0,6.0,0.0,10.0,10.0,1.0,60.0,10.0,1.0,60.0,60.0,1.0,10.0,60.0,1.0,10.0,10.0,3.0,3.0,3.0,3.0,3.0]
+        }
+      ]
+    },
+    {
+      "id": "matte-alpha",
+      "covers": "alpha matte (td 1 + tt 1) and inverted alpha matte (tt 2)",
+      "lottie": {"v":"5.7.0","fr":10,"ip":0,"op":20,"w":100,"h":100,"layers":[{"ddd":0,"ind":1,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"el","p":{"a":0,"k":[30,50]},"s":{"a":0,"k":[40,40]}},{"ty":"fl","c":{"a":0,"k":[0,0,0,1]},"o":{"a":0,"k":50},"r":1}],"td":1},{"ddd":0,"ind":2,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"rc","p":{"a":0,"k":[50,50]},"s":{"a":0,"k":[60,60]},"r":{"a":0,"k":0}},{"ty":"fl","c":{"a":0,"k":[1,0,0,1]},"o":{"a":0,"k":100},"r":1}],"tt":1},{"ddd":0,"ind":3,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"el","p":{"a":0,"k":[70,50]},"s":{"a":0,"k":[40,40]}},{"ty":"fl","c":{"a":0,"k":[0,0,0,1]},"o":{"a":0,"k":100},"r":1}],"td":1},{"ddd":0,"ind":4,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"rc","p":{"a":0,"k":[50,50]},"s":{"a":0,"k":[60,60]},"r":{"a":0,"k":0}},{"ty":"fl","c":{"a":0,"k":[0,0,1,1]},"o":{"a":0,"k":100},"r":1}],"tt":2}]},
+      "frames": [
+        {
+          "frame": 0,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "layer",
+                "blend": "normal",
+                "alpha": 1.0,
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "clip": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [0.0,0.0,1.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":80.0,"y":20.0},
+                  {"v":"l","x":20.0,"y":20.0},
+                  {"v":"l","x":20.0,"y":80.0},
+                  {"v":"l","x":80.0,"y":80.0},
+                  {"v":"l","x":80.0,"y":20.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "layer",
+                "blend": "dst-out",
+                "alpha": 1.0,
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "clip": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [0.0,0.0,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":70.0,"y":30.0},
+                  {"v":"c","x1":81.038,"y1":30.0,"x2":90.0,"y2":38.962,"x":90.0,"y":50.0},
+                  {"v":"c","x1":90.0,"y1":61.038,"x2":81.038,"y2":70.0,"x":70.0,"y":70.0},
+                  {"v":"c","x1":58.962,"y1":70.0,"x2":50.0,"y2":61.038,"x":50.0,"y":50.0},
+                  {"v":"c","x1":50.0,"y1":38.962,"x2":58.962,"y2":30.0,"x":70.0,"y":30.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"},
+              {"op":"pop"},
+              {
+                "op": "layer",
+                "blend": "normal",
+                "alpha": 1.0,
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "clip": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,0.0,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":80.0,"y":20.0},
+                  {"v":"l","x":20.0,"y":20.0},
+                  {"v":"l","x":20.0,"y":80.0},
+                  {"v":"l","x":80.0,"y":80.0},
+                  {"v":"l","x":80.0,"y":20.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "layer",
+                "blend": "dst-in",
+                "alpha": 1.0,
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "clip": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [0.0,0.0,0.0,0.5]
+                },
+                "path": [
+                  {"v":"m","x":30.0,"y":30.0},
+                  {"v":"c","x1":41.038,"y1":30.0,"x2":50.0,"y2":38.962,"x":50.0,"y":50.0},
+                  {"v":"c","x1":50.0,"y1":61.038,"x2":41.038,"y2":70.0,"x":30.0,"y":70.0},
+                  {"v":"c","x1":18.962,"y1":70.0,"x2":10.0,"y2":61.038,"x":10.0,"y":50.0},
+                  {"v":"c","x1":10.0,"y1":38.962,"x2":18.962,"y2":30.0,"x":30.0,"y":30.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"},
+              {"op":"pop"},
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,1.0,0.0,1.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,0.0,4.0,1.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,0.0,0.0,1.0,1.0,6.0,0.0,80.0,20.0,1.0,20.0,20.0,1.0,20.0,80.0,1.0,80.0,80.0,1.0,80.0,20.0,3.0,1.0,17.0,1.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,0.0,4.0,1.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,1.0,6.0,0.0,70.0,30.0,2.0,81.038,30.0,90.0,38.962,90.0,50.0,2.0,90.0,61.038,81.038,70.0,70.0,70.0,2.0,58.962,70.0,50.0,61.038,50.0,50.0,2.0,50.0,38.962,58.962,30.0,70.0,30.0,3.0,3.0,3.0,1.0,0.0,1.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,0.0,4.0,1.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,1.0,0.0,0.0,1.0,6.0,0.0,80.0,20.0,1.0,20.0,20.0,1.0,20.0,80.0,1.0,80.0,80.0,1.0,80.0,20.0,3.0,1.0,16.0,1.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,0.0,4.0,1.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.5,6.0,0.0,30.0,30.0,2.0,41.038,30.0,50.0,38.962,50.0,50.0,2.0,50.0,61.038,41.038,70.0,30.0,70.0,2.0,18.962,70.0,10.0,61.038,10.0,50.0,2.0,10.0,38.962,18.962,30.0,30.0,30.0,3.0,3.0,3.0,3.0]
+        }
+      ]
+    },
+    {
+      "id": "matte-luma",
+      "covers": "luma matte (tt 3) and inverted luma matte (tt 4)",
+      "lottie": {"v":"5.7.0","fr":10,"ip":0,"op":20,"w":100,"h":100,"layers":[{"ddd":0,"ind":1,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"el","p":{"a":0,"k":[30,50]},"s":{"a":0,"k":[40,40]}},{"ty":"fl","c":{"a":0,"k":[0.5,0.5,0.5,1]},"o":{"a":0,"k":100},"r":1}],"td":1},{"ddd":0,"ind":2,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"rc","p":{"a":0,"k":[50,50]},"s":{"a":0,"k":[60,60]},"r":{"a":0,"k":0}},{"ty":"fl","c":{"a":0,"k":[1,0,0,1]},"o":{"a":0,"k":100},"r":1}],"tt":3},{"ddd":0,"ind":3,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"el","p":{"a":0,"k":[70,50]},"s":{"a":0,"k":[40,40]}},{"ty":"fl","c":{"a":0,"k":[1,1,1,1]},"o":{"a":0,"k":100},"r":1}],"td":1},{"ddd":0,"ind":4,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"rc","p":{"a":0,"k":[50,50]},"s":{"a":0,"k":[60,60]},"r":{"a":0,"k":0}},{"ty":"fl","c":{"a":0,"k":[0,0,1,1]},"o":{"a":0,"k":100},"r":1}],"tt":4}]},
+      "frames": [
+        {
+          "frame": 0,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "layer",
+                "blend": "normal",
+                "alpha": 1.0,
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "clip": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [0.0,0.0,1.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":80.0,"y":20.0},
+                  {"v":"l","x":20.0,"y":20.0},
+                  {"v":"l","x":20.0,"y":80.0},
+                  {"v":"l","x":80.0,"y":80.0},
+                  {"v":"l","x":80.0,"y":20.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "layer",
+                "blend": "luma-out",
+                "alpha": 1.0,
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "clip": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,1.0,1.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":70.0,"y":30.0},
+                  {"v":"c","x1":81.038,"y1":30.0,"x2":90.0,"y2":38.962,"x":90.0,"y":50.0},
+                  {"v":"c","x1":90.0,"y1":61.038,"x2":81.038,"y2":70.0,"x":70.0,"y":70.0},
+                  {"v":"c","x1":58.962,"y1":70.0,"x2":50.0,"y2":61.038,"x":50.0,"y":50.0},
+                  {"v":"c","x1":50.0,"y1":38.962,"x2":58.962,"y2":30.0,"x":70.0,"y":30.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"},
+              {"op":"pop"},
+              {
+                "op": "layer",
+                "blend": "normal",
+                "alpha": 1.0,
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "clip": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,0.0,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":80.0,"y":20.0},
+                  {"v":"l","x":20.0,"y":20.0},
+                  {"v":"l","x":20.0,"y":80.0},
+                  {"v":"l","x":80.0,"y":80.0},
+                  {"v":"l","x":80.0,"y":20.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "layer",
+                "blend": "luma-in",
+                "alpha": 1.0,
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "clip": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [0.5,0.5,0.5,1.0]
+                },
+                "path": [
+                  {"v":"m","x":30.0,"y":30.0},
+                  {"v":"c","x1":41.038,"y1":30.0,"x2":50.0,"y2":38.962,"x":50.0,"y":50.0},
+                  {"v":"c","x1":50.0,"y1":61.038,"x2":41.038,"y2":70.0,"x":30.0,"y":70.0},
+                  {"v":"c","x1":18.962,"y1":70.0,"x2":10.0,"y2":61.038,"x":10.0,"y":50.0},
+                  {"v":"c","x1":10.0,"y1":38.962,"x2":18.962,"y2":30.0,"x":30.0,"y":30.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"},
+              {"op":"pop"},
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,1.0,0.0,1.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,0.0,4.0,1.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,0.0,0.0,1.0,1.0,6.0,0.0,80.0,20.0,1.0,20.0,20.0,1.0,20.0,80.0,1.0,80.0,80.0,1.0,80.0,20.0,3.0,1.0,19.0,1.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,0.0,4.0,1.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,1.0,1.0,1.0,1.0,6.0,0.0,70.0,30.0,2.0,81.038,30.0,90.0,38.962,90.0,50.0,2.0,90.0,61.038,81.038,70.0,70.0,70.0,2.0,58.962,70.0,50.0,61.038,50.0,50.0,2.0,50.0,38.962,58.962,30.0,70.0,30.0,3.0,3.0,3.0,1.0,0.0,1.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,0.0,4.0,1.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,1.0,0.0,0.0,1.0,6.0,0.0,80.0,20.0,1.0,20.0,20.0,1.0,20.0,80.0,1.0,80.0,80.0,1.0,80.0,20.0,3.0,1.0,18.0,1.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,0.0,4.0,1.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,0.5,0.5,0.5,1.0,6.0,0.0,30.0,30.0,2.0,41.038,30.0,50.0,38.962,50.0,50.0,2.0,50.0,61.038,41.038,70.0,30.0,70.0,2.0,18.962,70.0,10.0,61.038,10.0,50.0,2.0,10.0,38.962,18.962,30.0,30.0,30.0,3.0,3.0,3.0,3.0]
+        }
+      ]
+    },
+    {
+      "id": "matte-parent-tp",
+      "covers": "matte by reference (tp: the matte layer's ind, not adjacent)",
+      "lottie": {"v":"5.7.0","fr":10,"ip":0,"op":20,"w":100,"h":100,"layers":[{"ddd":0,"ind":1,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"rc","p":{"a":0,"k":[50,50]},"s":{"a":0,"k":[40,80]},"r":{"a":0,"k":0}},{"ty":"fl","c":{"a":0,"k":[0,0,0,1]},"o":{"a":0,"k":100},"r":1}],"td":1},{"ddd":0,"ind":2,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"rc","p":{"a":0,"k":[50,50]},"s":{"a":0,"k":[60,60]},"r":{"a":0,"k":0}},{"ty":"fl","c":{"a":0,"k":[0,0.5,0,1]},"o":{"a":0,"k":100},"r":1}]},{"ddd":0,"ind":3,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[10,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"rc","p":{"a":0,"k":[50,50]},"s":{"a":0,"k":[60,60]},"r":{"a":0,"k":0}},{"ty":"fl","c":{"a":0,"k":[1,0,0,1]},"o":{"a":0,"k":100},"r":1}],"tt":1,"tp":1}]},
+      "frames": [
+        {
+          "frame": 0,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "layer",
+                "blend": "normal",
+                "alpha": 1.0,
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "clip": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,10.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,0.0,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":80.0,"y":20.0},
+                  {"v":"l","x":20.0,"y":20.0},
+                  {"v":"l","x":20.0,"y":80.0},
+                  {"v":"l","x":80.0,"y":80.0},
+                  {"v":"l","x":80.0,"y":20.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "layer",
+                "blend": "dst-in",
+                "alpha": 1.0,
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "clip": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [0.0,0.0,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":70.0,"y":10.0},
+                  {"v":"l","x":30.0,"y":10.0},
+                  {"v":"l","x":30.0,"y":90.0},
+                  {"v":"l","x":70.0,"y":90.0},
+                  {"v":"l","x":70.0,"y":10.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"},
+              {"op":"pop"},
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [0.0,0.5,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":80.0,"y":20.0},
+                  {"v":"l","x":20.0,"y":20.0},
+                  {"v":"l","x":20.0,"y":80.0},
+                  {"v":"l","x":80.0,"y":80.0},
+                  {"v":"l","x":80.0,"y":20.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,1.0,0.0,1.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,0.0,4.0,1.0,0.0,0.0,1.0,10.0,0.0,0.0,0.0,1.0,0.0,0.0,1.0,6.0,0.0,80.0,20.0,1.0,20.0,20.0,1.0,20.0,80.0,1.0,80.0,80.0,1.0,80.0,20.0,3.0,1.0,16.0,1.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,0.0,4.0,1.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,1.0,6.0,0.0,70.0,10.0,1.0,30.0,10.0,1.0,30.0,90.0,1.0,70.0,90.0,1.0,70.0,10.0,3.0,3.0,3.0,4.0,1.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,0.0,0.5,0.0,1.0,6.0,0.0,80.0,20.0,1.0,20.0,20.0,1.0,20.0,80.0,1.0,80.0,80.0,1.0,80.0,20.0,3.0,3.0]
+        }
+      ]
+    },
+    {
+      "id": "precomp-clip-offset",
+      "covers": "precomp layer (ty 0): clipped to its w × h, start time offset (st), in/out points",
+      "lottie": {"v":"5.7.0","fr":10,"ip":0,"op":20,"w":100,"h":100,"layers":[{"ddd":0,"ind":1,"ty":0,"refId":"pc","w":50,"h":50,"ip":0,"op":20,"st":5,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[25,25]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}}}],"assets":[{"id":"pc","layers":[{"ddd":0,"ind":1,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":1,"k":[{"t":0,"s":[0],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.6],"y":[1]}},{"t":20,"s":[90]}]},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"rc","p":{"a":0,"k":[25,25]},"s":{"a":0,"k":[80,80]},"r":{"a":0,"k":0}},{"ty":"fl","c":{"a":0,"k":[1,0,0,1]},"o":{"a":0,"k":100},"r":1}]},{"ddd":0,"ind":2,"ty":4,"ip":10,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"el","p":{"a":0,"k":[25,25]},"s":{"a":0,"k":[20,20]}},{"ty":"fl","c":{"a":0,"k":[0,0,1,1]},"o":{"a":0,"k":100},"r":1}]}]}]},
+      "frames": [
+        {
+          "frame": 0,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,25.0,25.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":50.0,"y":0.0},
+                  {"v":"l","x":50.0,"y":50.0},
+                  {"v":"l","x":0.0,"y":50.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"},
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,2.0,1.0,0.0,0.0,1.0,25.0,25.0,5.0,0.0,0.0,0.0,1.0,50.0,0.0,1.0,50.0,50.0,1.0,0.0,50.0,3.0,3.0,3.0]
+        },
+        {
+          "frame": 5,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,25.0,25.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":50.0,"y":0.0},
+                  {"v":"l","x":50.0,"y":50.0},
+                  {"v":"l","x":0.0,"y":50.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,25.0,25.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,0.0,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":65.0,"y":-15.0},
+                  {"v":"l","x":-15.0,"y":-15.0},
+                  {"v":"l","x":-15.0,"y":65.0},
+                  {"v":"l","x":65.0,"y":65.0},
+                  {"v":"l","x":65.0,"y":-15.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"},
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,2.0,1.0,0.0,0.0,1.0,25.0,25.0,5.0,0.0,0.0,0.0,1.0,50.0,0.0,1.0,50.0,50.0,1.0,0.0,50.0,3.0,4.0,1.0,0.0,0.0,1.0,25.0,25.0,0.0,0.0,1.0,0.0,0.0,1.0,6.0,0.0,65.0,-15.0,1.0,-15.0,-15.0,1.0,-15.0,65.0,1.0,65.0,65.0,1.0,65.0,-15.0,3.0,3.0,3.0]
+        },
+        {
+          "frame": 15,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,25.0,25.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":50.0,"y":0.0},
+                  {"v":"l","x":50.0,"y":50.0},
+                  {"v":"l","x":0.0,"y":50.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,25.0,25.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [0.0,0.0,1.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":25.0,"y":15.0},
+                  {"v":"c","x1":30.519,"y1":15.0,"x2":35.0,"y2":19.481,"x":35.0,"y":25.0},
+                  {"v":"c","x1":35.0,"y1":30.519,"x2":30.519,"y2":35.0,"x":25.0,"y":35.0},
+                  {"v":"c","x1":19.481,"y1":35.0,"x2":15.0,"y2":30.519,"x":15.0,"y":25.0},
+                  {"v":"c","x1":15.0,"y1":19.481,"x2":19.481,"y2":15.0,"x":25.0,"y":15.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [0.70710677,0.70710677,-0.70710677,0.70710677,25.0,25.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,0.0,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":65.0,"y":-15.0},
+                  {"v":"l","x":-15.0,"y":-15.0},
+                  {"v":"l","x":-15.0,"y":65.0},
+                  {"v":"l","x":65.0,"y":65.0},
+                  {"v":"l","x":65.0,"y":-15.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"},
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,2.0,1.0,0.0,0.0,1.0,25.0,25.0,5.0,0.0,0.0,0.0,1.0,50.0,0.0,1.0,50.0,50.0,1.0,0.0,50.0,3.0,4.0,1.0,0.0,0.0,1.0,25.0,25.0,0.0,0.0,0.0,0.0,1.0,1.0,6.0,0.0,25.0,15.0,2.0,30.519,15.0,35.0,19.481,35.0,25.0,2.0,35.0,30.519,30.519,35.0,25.0,35.0,2.0,19.481,35.0,15.0,30.519,15.0,25.0,2.0,15.0,19.481,19.481,15.0,25.0,15.0,3.0,4.0,0.70710677,0.70710677,-0.70710677,0.70710677,25.0,25.0,0.0,0.0,1.0,0.0,0.0,1.0,6.0,0.0,65.0,-15.0,1.0,-15.0,-15.0,1.0,-15.0,65.0,1.0,65.0,65.0,1.0,65.0,-15.0,3.0,3.0,3.0]
+        }
+      ]
+    },
+    {
+      "id": "time-remap",
+      "covers": "time remap (tm, seconds) on a precomp",
+      "lottie": {"v":"5.7.0","fr":10,"ip":0,"op":20,"w":100,"h":100,"layers":[{"ddd":0,"ind":1,"ty":0,"refId":"pc","w":100,"h":100,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"tm":{"a":1,"k":[{"t":0,"s":[1.5],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.6],"y":[1]}},{"t":20,"s":[0]}]}}],"assets":[{"id":"pc","layers":[{"ddd":0,"ind":1,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":1,"k":[{"t":0,"s":[10,50],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.6],"y":[1]}},{"t":20,"s":[90,50]}]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"rc","p":{"a":0,"k":[0,0]},"s":{"a":0,"k":[20,20]},"r":{"a":0,"k":0}},{"ty":"fl","c":{"a":0,"k":[1,0,0,1]},"o":{"a":0,"k":100},"r":1}]}]}]},
+      "frames": [
+        {
+          "frame": 0,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,79.17543,50.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,0.0,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":10.0,"y":-10.0},
+                  {"v":"l","x":-10.0,"y":-10.0},
+                  {"v":"l","x":-10.0,"y":10.0},
+                  {"v":"l","x":10.0,"y":10.0},
+                  {"v":"l","x":10.0,"y":-10.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"},
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,4.0,1.0,0.0,0.0,1.0,79.17543,50.0,0.0,0.0,1.0,0.0,0.0,1.0,6.0,0.0,10.0,-10.0,1.0,-10.0,-10.0,1.0,-10.0,10.0,1.0,10.0,10.0,1.0,10.0,-10.0,3.0,3.0,3.0]
+        },
+        {
+          "frame": 10,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,33.89068,50.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,0.0,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":10.0,"y":-10.0},
+                  {"v":"l","x":-10.0,"y":-10.0},
+                  {"v":"l","x":-10.0,"y":10.0},
+                  {"v":"l","x":10.0,"y":10.0},
+                  {"v":"l","x":10.0,"y":-10.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"},
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,4.0,1.0,0.0,0.0,1.0,33.89068,50.0,0.0,0.0,1.0,0.0,0.0,1.0,6.0,0.0,10.0,-10.0,1.0,-10.0,-10.0,1.0,-10.0,10.0,1.0,10.0,10.0,1.0,10.0,-10.0,3.0,3.0,3.0]
+        },
+        {
+          "frame": 19,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,10.002613,50.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,0.0,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":10.0,"y":-10.0},
+                  {"v":"l","x":-10.0,"y":-10.0},
+                  {"v":"l","x":-10.0,"y":10.0},
+                  {"v":"l","x":10.0,"y":10.0},
+                  {"v":"l","x":10.0,"y":-10.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"},
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,4.0,1.0,0.0,0.0,1.0,10.002613,50.0,0.0,0.0,1.0,0.0,0.0,1.0,6.0,0.0,10.0,-10.0,1.0,-10.0,-10.0,1.0,-10.0,10.0,1.0,10.0,10.0,1.0,10.0,-10.0,3.0,3.0,3.0]
+        }
+      ]
+    },
+    {
+      "id": "time-stretch",
+      "covers": "time stretch (sr 2) on a precomp",
+      "lottie": {"v":"5.7.0","fr":10,"ip":0,"op":20,"w":100,"h":100,"layers":[{"ddd":0,"ind":1,"ty":0,"refId":"pc","w":100,"h":100,"ip":0,"op":20,"st":0,"sr":2,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}}}],"assets":[{"id":"pc","layers":[{"ddd":0,"ind":1,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":1,"k":[{"t":0,"s":[10,50],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.6],"y":[1]}},{"t":20,"s":[90,50]}]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"rc","p":{"a":0,"k":[0,0]},"s":{"a":0,"k":[20,20]},"r":{"a":0,"k":0}},{"ty":"fl","c":{"a":0,"k":[1,0,0,1]},"o":{"a":0,"k":100},"r":1}]}]}]},
+      "frames": [
+        {
+          "frame": 0,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,10.0,50.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,0.0,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":10.0,"y":-10.0},
+                  {"v":"l","x":-10.0,"y":-10.0},
+                  {"v":"l","x":-10.0,"y":10.0},
+                  {"v":"l","x":10.0,"y":10.0},
+                  {"v":"l","x":10.0,"y":-10.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"},
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,4.0,1.0,0.0,0.0,1.0,10.0,50.0,0.0,0.0,1.0,0.0,0.0,1.0,6.0,0.0,10.0,-10.0,1.0,-10.0,-10.0,1.0,-10.0,10.0,1.0,10.0,10.0,1.0,10.0,-10.0,3.0,3.0,3.0]
+        },
+        {
+          "frame": 10,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,20.824574,50.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,0.0,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":10.0,"y":-10.0},
+                  {"v":"l","x":-10.0,"y":-10.0},
+                  {"v":"l","x":-10.0,"y":10.0},
+                  {"v":"l","x":10.0,"y":10.0},
+                  {"v":"l","x":10.0,"y":-10.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"},
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,4.0,1.0,0.0,0.0,1.0,20.824574,50.0,0.0,0.0,1.0,0.0,0.0,1.0,6.0,0.0,10.0,-10.0,1.0,-10.0,-10.0,1.0,-10.0,10.0,1.0,10.0,10.0,1.0,10.0,-10.0,3.0,3.0,3.0]
+        }
+      ]
+    },
+    {
+      "id": "trim-path",
+      "covers": "trim path (tm): start/end/offset, simultaneous (m 1)",
+      "lottie": {"v":"5.7.0","fr":10,"ip":0,"op":20,"w":100,"h":100,"layers":[{"ddd":0,"ind":1,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"el","p":{"a":0,"k":[50,50]},"s":{"a":0,"k":[60,60]}},{"ty":"rc","p":{"a":0,"k":[50,50]},"s":{"a":0,"k":[80,20]},"r":{"a":0,"k":0}},{"ty":"tm","s":{"a":1,"k":[{"t":0,"s":[0],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.6],"y":[1]}},{"t":20,"s":[50]}]},"e":{"a":1,"k":[{"t":0,"s":[30],"o":{"x":[0.4],"y":[0]},"i":{"x":[0.6],"y":[1]}},{"t":20,"s":[100]}]},"o":{"a":0,"k":45},"m":1},{"ty":"st","c":{"a":0,"k":[1,0,0,1]},"o":{"a":0,"k":100},"w":{"a":0,"k":3},"lc":2,"lj":2,"ml":4}]}]},
+      "frames": [
+        {
+          "frame": 0,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "stroke",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "style": {"width":3.0,"cap":"round","join":"round","miter":4.0,"dash_offset":0.0},
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,0.0,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":71.209,"y":28.791},
+                  {"v":"c","x1":76.639,"y1":34.221,"x2":80.0,"y2":41.721,"x":80.0,"y":50.0},
+                  {"v":"c","x1":80.0,"y1":61.655,"x2":73.339,"y2":71.767,"x":63.62,"y":76.733},
+                  {"v":"m","x":65.001,"y":40.0},
+                  {"v":"c","x1":41.529,"y1":40.0,"x2":10.0,"y2":40.0,"x":10.0,"y":40.0},
+                  {"v":"c","x1":10.0,"y1":40.0,"x2":10.0,"y2":42.13,"x":10.0,"y":45.0}
+                ]
+              },
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,5.0,1.0,0.0,0.0,1.0,0.0,0.0,3.0,1.0,1.0,4.0,0.0,0.0,0.0,1.0,0.0,0.0,1.0,6.0,0.0,71.209,28.791,2.0,76.639,34.221,80.0,41.721,80.0,50.0,2.0,80.0,61.655,73.339,71.767,63.62,76.733,0.0,65.001,40.0,2.0,41.529,40.0,10.0,40.0,10.0,40.0,2.0,10.0,40.0,10.0,42.13,10.0,45.0,3.0]
+        },
+        {
+          "frame": 10,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "stroke",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "style": {"width":3.0,"cap":"round","join":"round","miter":4.0,"dash_offset":0.0},
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,0.0,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":71.209,"y":71.209},
+                  {"v":"c","x1":65.779,"y1":76.639,"x2":58.279,"y2":80.0,"x":50.0,"y":80.0},
+                  {"v":"c","x1":33.443,"y1":80.0,"x2":20.0,"y2":66.557,"x":20.0,"y":50.0},
+                  {"v":"c","x1":20.0,"y1":48.403,"x2":20.125,"y2":46.836,"x":20.366,"y":45.306},
+                  {"v":"m","x":14.998,"y":40.0},
+                  {"v":"c","x1":11.854,"y1":40.0,"x2":10.0,"y2":40.0,"x":10.0,"y":40.0},
+                  {"v":"l","x":10.0,"y":60.0},
+                  {"v":"c","x1":10.0,"y1":60.0,"x2":41.529,"y2":60.0,"x":65.001,"y":60.0}
+                ]
+              },
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,5.0,1.0,0.0,0.0,1.0,0.0,0.0,3.0,1.0,1.0,4.0,0.0,0.0,0.0,1.0,0.0,0.0,1.0,8.0,0.0,71.209,71.209,2.0,65.779,76.639,58.279,80.0,50.0,80.0,2.0,33.443,80.0,20.0,66.557,20.0,50.0,2.0,20.0,48.403,20.125,46.836,20.366,45.306,0.0,14.998,40.0,2.0,11.854,40.0,10.0,40.0,10.0,40.0,1.0,10.0,60.0,2.0,10.0,60.0,41.529,60.0,65.001,60.0,3.0]
+        }
+      ]
+    },
+    {
+      "id": "trim-individually",
+      "covers": "trim path, individually (m 2) across two shapes",
+      "lottie": {"v":"5.7.0","fr":10,"ip":0,"op":20,"w":100,"h":100,"layers":[{"ddd":0,"ind":1,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"sh","ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[10,30],[90,30]],"c":false}}},{"ty":"sh","ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[10,70],[90,70]],"c":false}}},{"ty":"tm","s":{"a":0,"k":25},"e":{"a":0,"k":75},"o":{"a":0,"k":0},"m":2},{"ty":"st","c":{"a":0,"k":[0,0,1,1]},"o":{"a":0,"k":100},"w":{"a":0,"k":4},"lc":2,"lj":2,"ml":4}]}]},
+      "frames": [
+        {
+          "frame": 0,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "stroke",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "style": {"width":4.0,"cap":"round","join":"round","miter":4.0,"dash_offset":0.0},
+                "brush": {
+                  "kind": "solid",
+                  "color": [0.0,0.0,1.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":50.0,"y":30.0},
+                  {"v":"c","x1":70.0,"y1":30.0,"x2":90.0,"y2":30.0,"x":90.0,"y":30.0},
+                  {"v":"m","x":10.0,"y":70.0},
+                  {"v":"c","x1":10.0,"y1":70.0,"x2":30.0,"y2":70.0,"x":50.0,"y":70.0}
+                ]
+              },
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,5.0,1.0,0.0,0.0,1.0,0.0,0.0,4.0,1.0,1.0,4.0,0.0,0.0,0.0,0.0,0.0,1.0,1.0,4.0,0.0,50.0,30.0,2.0,70.0,30.0,90.0,30.0,90.0,30.0,0.0,10.0,70.0,2.0,10.0,70.0,30.0,70.0,50.0,70.0,3.0]
+        }
+      ]
+    },
+    {
+      "id": "repeater",
+      "covers": "repeater (rp): 3 copies, offset, per-copy transform and start/end opacity",
+      "lottie": {"v":"5.7.0","fr":10,"ip":0,"op":20,"w":100,"h":100,"layers":[{"ddd":0,"ind":1,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"rc","p":{"a":0,"k":[15,50]},"s":{"a":0,"k":[10,10]},"r":{"a":0,"k":0}},{"ty":"fl","c":{"a":0,"k":[1,0,0,1]},"o":{"a":0,"k":100},"r":1},{"ty":"rp","c":{"a":0,"k":3},"o":{"a":0,"k":0},"m":1,"tr":{"ty":"tr","o":{"a":0,"k":100},"r":{"a":0,"k":15},"p":{"a":0,"k":[25,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"so":{"a":0,"k":100},"eo":{"a":0,"k":30}}}]}]},
+      "frames": [
+        {
+          "frame": 0,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "layer",
+                "blend": "normal",
+                "alpha": 0.3,
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "clip": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [0.8660254,0.5,-0.5,0.8660254,50.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,0.0,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":20.0,"y":45.0},
+                  {"v":"l","x":10.0,"y":45.0},
+                  {"v":"l","x":10.0,"y":55.0},
+                  {"v":"l","x":20.0,"y":55.0},
+                  {"v":"l","x":20.0,"y":45.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"},
+              {
+                "op": "layer",
+                "blend": "normal",
+                "alpha": 0.65,
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "clip": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [0.9659258,0.25881904,-0.25881904,0.9659258,25.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,0.0,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":20.0,"y":45.0},
+                  {"v":"l","x":10.0,"y":45.0},
+                  {"v":"l","x":10.0,"y":55.0},
+                  {"v":"l","x":20.0,"y":55.0},
+                  {"v":"l","x":20.0,"y":45.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"},
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,0.0,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":20.0,"y":45.0},
+                  {"v":"l","x":10.0,"y":45.0},
+                  {"v":"l","x":10.0,"y":55.0},
+                  {"v":"l","x":20.0,"y":55.0},
+                  {"v":"l","x":20.0,"y":45.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,1.0,0.0,0.3,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,0.0,4.0,0.8660254,0.5,-0.5,0.8660254,50.0,0.0,0.0,0.0,1.0,0.0,0.0,1.0,6.0,0.0,20.0,45.0,1.0,10.0,45.0,1.0,10.0,55.0,1.0,20.0,55.0,1.0,20.0,45.0,3.0,3.0,1.0,0.0,0.65,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,0.0,4.0,0.9659258,0.25881904,-0.25881904,0.9659258,25.0,0.0,0.0,0.0,1.0,0.0,0.0,1.0,6.0,0.0,20.0,45.0,1.0,10.0,45.0,1.0,10.0,55.0,1.0,20.0,55.0,1.0,20.0,45.0,3.0,3.0,4.0,1.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,1.0,0.0,0.0,1.0,6.0,0.0,20.0,45.0,1.0,10.0,45.0,1.0,10.0,55.0,1.0,20.0,55.0,1.0,20.0,45.0,3.0,3.0]
+        }
+      ]
+    },
+    {
+      "id": "solid-and-image",
+      "covers": "solid layer (ty 1, sc), image layer (ty 2 → image op, asset index into images())",
+      "lottie": {"v":"5.7.0","fr":10,"ip":0,"op":20,"w":100,"h":100,"layers":[{"ddd":0,"ind":1,"ty":2,"refId":"img","ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[60,60]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[1000,1000]}}},{"ddd":0,"ind":2,"ty":1,"sc":"#ff8800","sw":50,"sh":40,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":80},"r":{"a":0,"k":0},"p":{"a":0,"k":[10,10]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}}}],"assets":[{"id":"img","w":2,"h":2,"u":"","p":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFklEQVR42gXBAQEAAACAEP9PFyIJBQM/0gX7Pk0ZHwAAAABJRU5ErkJggg==","e":1}]},
+      "frames": [
+        {
+          "frame": 0,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "layer",
+                "blend": "normal",
+                "alpha": 0.8,
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "clip": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,10.0,10.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,0.53333336,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":50.0,"y":0.0},
+                  {"v":"l","x":50.0,"y":40.0},
+                  {"v":"l","x":0.0,"y":40.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"},
+              {
+                "op": "clip",
+                "transform": [10.0,0.0,0.0,10.0,60.0,60.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":2.0,"y":0.0},
+                  {"v":"l","x":2.0,"y":2.0},
+                  {"v":"l","x":0.0,"y":2.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "image",
+                "transform": [10.0,0.0,0.0,10.0,60.0,60.0],
+                "asset": 0,
+                "alpha": 1.0,
+                "width": 2.0,
+                "height": 2.0
+              },
+              {"op":"pop"},
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,1.0,0.0,0.8,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,0.0,4.0,1.0,0.0,0.0,1.0,10.0,10.0,0.0,0.0,1.0,0.53333336,0.0,1.0,5.0,0.0,0.0,0.0,1.0,50.0,0.0,1.0,50.0,40.0,1.0,0.0,40.0,3.0,3.0,2.0,10.0,0.0,0.0,10.0,60.0,60.0,5.0,0.0,0.0,0.0,1.0,2.0,0.0,1.0,2.0,2.0,1.0,0.0,2.0,3.0,6.0,10.0,0.0,0.0,10.0,60.0,60.0,0.0,1.0,2.0,2.0,3.0,3.0]
+        }
+      ]
+    },
+    {
+      "id": "hidden-unknown-inactive",
+      "covers": "skipped: hidden shape (hd), hidden layer, unknown layer type, unknown shape type, layer outside its in/out points; draw order (later layers first)",
+      "lottie": {"v":"5.7.0","fr":10,"ip":0,"op":20,"w":100,"h":100,"layers":[{"ddd":0,"ind":1,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"rc","p":{"a":0,"k":[50,50]},"s":{"a":0,"k":[10,10]},"r":{"a":0,"k":0}},{"ty":"fl","c":{"a":0,"k":[1,0,0,1]},"o":{"a":0,"k":100},"r":1}]},{"ddd":0,"ind":2,"ty":137,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}}},{"ddd":0,"ind":3,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"zz-unknown"},{"ty":"rc","p":{"a":0,"k":[50,50]},"s":{"a":0,"k":[90,90]},"r":{"a":0,"k":0},"hd":true},{"ty":"rc","p":{"a":0,"k":[50,50]},"s":{"a":0,"k":[30,30]},"r":{"a":0,"k":0}},{"ty":"fl","c":{"a":0,"k":[0,0,1,1]},"o":{"a":0,"k":100},"r":1}]},{"ddd":0,"ind":4,"ty":4,"ip":0,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"rc","p":{"a":0,"k":[50,50]},"s":{"a":0,"k":[60,60]},"r":{"a":0,"k":0}},{"ty":"fl","c":{"a":0,"k":[0,0.5,0,1]},"o":{"a":0,"k":100},"r":1}],"hd":true},{"ddd":0,"ind":5,"ty":4,"ip":10,"op":20,"st":0,"ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[0,0]},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]}},"shapes":[{"ty":"rc","p":{"a":0,"k":[50,50]},"s":{"a":0,"k":[60,60]},"r":{"a":0,"k":0}},{"ty":"fl","c":{"a":0,"k":[0,0,0,1]},"o":{"a":0,"k":100},"r":1}]}]},
+      "frames": [
+        {
+          "frame": 0,
+          "list": {
+            "width": 100.0,
+            "height": 100.0,
+            "ops": [
+              {
+                "op": "clip",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "path": [
+                  {"v":"m","x":0.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":0.0},
+                  {"v":"l","x":100.0,"y":100.0},
+                  {"v":"l","x":0.0,"y":100.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [0.0,0.0,1.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":65.0,"y":35.0},
+                  {"v":"l","x":35.0,"y":35.0},
+                  {"v":"l","x":35.0,"y":65.0},
+                  {"v":"l","x":65.0,"y":65.0},
+                  {"v":"l","x":65.0,"y":35.0},
+                  {"v":"z"}
+                ]
+              },
+              {
+                "op": "fill",
+                "transform": [1.0,0.0,0.0,1.0,0.0,0.0],
+                "rule": "nonzero",
+                "brush": {
+                  "kind": "solid",
+                  "color": [1.0,0.0,0.0,1.0]
+                },
+                "path": [
+                  {"v":"m","x":55.0,"y":45.0},
+                  {"v":"l","x":45.0,"y":45.0},
+                  {"v":"l","x":45.0,"y":55.0},
+                  {"v":"l","x":55.0,"y":55.0},
+                  {"v":"l","x":55.0,"y":45.0},
+                  {"v":"z"}
+                ]
+              },
+              {"op":"pop"}
+            ]
+          },
+          "packed": [1.0,100.0,100.0,2.0,1.0,0.0,0.0,1.0,0.0,0.0,5.0,0.0,0.0,0.0,1.0,100.0,0.0,1.0,100.0,100.0,1.0,0.0,100.0,3.0,4.0,1.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,0.0,0.0,1.0,1.0,6.0,0.0,65.0,35.0,1.0,35.0,35.0,1.0,35.0,65.0,1.0,65.0,65.0,1.0,65.0,35.0,3.0,4.0,1.0,0.0,0.0,1.0,0.0,0.0,0.0,0.0,1.0,0.0,0.0,1.0,6.0,0.0,55.0,45.0,1.0,45.0,45.0,1.0,45.0,55.0,1.0,55.0,55.0,1.0,55.0,45.0,3.0,3.0]
+        }
+      ]
+    }
+  ]
+}