---
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]
      repeat: true
      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.2, 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: 51 100
      stops: [0.0, red, 1.0, yellow]
      clip-chain: [4]

    - type: clip
      id: 5
      complex:
        - rect: [20, 160, 100, 100]
          radius: 32
    - type: radial-gradient
      bounds: 20 160 100 100
      center: 50 50
      radius: 25 25
      stops: [0.0, red, 1.0, yellow]
      clip-chain: [5]

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

    - type: clip
      id: 6
      complex:
        - rect: [140, 160, 100, 100]
          radius: 32
    - type: radial-gradient
      bounds: 140 160 100 100
      center: 50 50
      radius: 25 25
      stops: [0.0, red, 1.0, yellow]
      clip-chain: [6]

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

    - type: clip
      id: 7
      complex:
        - rect: [270, 160, 100, 100]
          radius: 32
    - type: radial-gradient
      bounds: 270 160 100 100
      center: 50 50
      radius: 25 25
      stops: [0.0, red, 1.0, yellow]
      clip-chain: [7]

    - type: clip
      id: 8
      complex:
        - rect: [20, 300, 100, 100]
          radius: 32
    - type: conic-gradient
      bounds: 20 300 100 100
      angle: 0.0
      center: 50 50
      stops: [0.0, red, 1.0, yellow]
      repeat: true
      clip-chain: [8]

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

    - type: clip
      id: 9
      complex:
        - rect: [140, 300, 100, 100]
          radius: 32
    - type: conic-gradient
      bounds: 140 300 100 100
      angle: 0.0
      center: 50 50
      stops: [0.0, red, 1.0, yellow]
      clip-chain: [9]

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

    - type: clip
      id: 10
      complex:
        - rect: [270, 300, 100, 100]
          radius: 32
    - type: conic-gradient
      bounds: 270 300 100 100
      angle: 0.0
      center: 50 50
      stops: [0.0, red, 1.0, yellow]
      clip-chain: [10]