---
root:
  items:
    -
      bounds: 0 0 1000 1000
      type: stacking-context
      items:
        - type: clip
          id: 3
          complex:
            - rect: [50, 50, 200, 200]
              radius: 8
        -
          type: "clip-chain"
          id: 10
          clips: [3]

        - type: rect
          bounds: 50 50 200 200
          color: red
          clip-chain: 10

        - type: clip
          id: 4
          complex:
            - rect: [270, 50, 200, 200]
              radius: [16, 32, 48, 64]
        -
          type: "clip-chain"
          id: 11
          clips: [4]

        - type: rect
          bounds: 270 50 200 200
          color: green
          clip-chain: 11

        - type: clip
          id: 5
          complex:
            - rect: [490, 50, 500, 500]
              radius: {
                top-left: [32, 16],
                top-right: [40, 24],
                bottom-left: [48, 64],
                bottom-right: [52, 80],
              }
        -
          type: "clip-chain"
          id: 12
          clips: [5]

        - type: rect
          bounds: 490 50 500 500
          color: blue
          clip-chain: 12