---
root:
  items:
    - type: clip
      id: 2
      complex:
        - rect: [20, 20, 100, 100]
          radius: 32
    - type: gradient
      bounds: 20 20 100 100
      start: 50 0
      end: 50 100
      stops: [0.0, red, 1.0, yellow]
      clip-chain: [2]

    - type: rect
      bounds: [130, 10, 120, 120]
      color: blue

    - type: clip
      id: 3
      complex:
        - rect: [140, 20, 100, 100]
          radius: 32
    - type: gradient
      bounds: 140 20 100 100
      start: 50 0
      end: 50 100
      stops: [0.0, red, 1.0, yellow]
      clip-chain: [3]

    - type: rect
      bounds: [260, 10, 120, 120]
      color: black

    - type: clip
      id: 4
      complex:
        - rect: [270, 20, 100, 100]
          radius: 32
    - type: gradient
      bounds: 270 20 100 100
      start: 50 0
      end: 50 100
      stops: [0.0, red, 1.0, yellow]
      clip-chain: [4]
