---
root:
  items:
    -
      bounds: [0, 0, 200, 200]
      "clip-rect": [0, 0, 200, 200]
      type: clip
      id: 2
      "content-size": [200, 200]
    -
      bounds: [10, 10, 80, 80]
      clip-chain: [2]
      type: "stacking-context"
      transform: [0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]
      items:
        -
          bounds: [0, 0, 80, 80]
          "clip-rect": [0, 0, 80, 80]
          type: rect
          color: black
    -
      bounds: [0, 100, 100, 100]
      "clip-rect": [0, 100, 100, 100]
      clip-chain: [2]
      type: rect
      color: blue
    -
      bounds: [100, 0, 100, 100]
      "clip-rect": [100, 0, 100, 100]
      clip-chain: [2]
      type: rect
      color: green
    -
      bounds: [100, 100, 100, 100]
      "clip-rect": [100, 100, 100, 100]
      clip-chain: [2]
      type: rect
      color: red