---
root:
  items:
  - type: stacking-context
    bounds: [10, 10, 200, 200]
    filters: drop-shadow([0, 0], 10, black)
    items:
      - type: rect
        bounds: [10, 10, 80, 80]
        color: [0, 150, 0]
      - type: rect
        bounds: [5, 5, 40, 40]
        color: [200, 0, 0]

  - type: stacking-context
    bounds: [110, 10, 200, 200]
    filters: drop-shadow([5, 5], 0, red)
    items:
      - type: rect
        bounds: [10, 10, 80, 80]
        color: [0, 150, 0]
      - type: rect
        bounds: [5, 5, 40, 40]
        color: [200, 0, 0]

  - type: stacking-context
    bounds: [210, 10, 200, 200]
    filters:
      - drop-shadow([4, 4], 4, red)
      - drop-shadow([6, 6], 4, green)
      - drop-shadow([8, 8], 4, blue)
    items:
      - type: rect
        bounds: [10, 10, 80, 80]
        color: [0, 150, 0]
      - type: rect
        bounds: [5, 5, 40, 40]
        color: [200, 0, 0]




  - type: stacking-context
    bounds: [10, 110, 200, 200]
    filters: drop-shadow([0, 0], 10, black)
    items:
      - type: rect
        bounds: [10, 10, 80, 80]
        color: [0, 150, 0]
      - type: rect
        bounds: [5, 5, 40, 40]
        color: [200, 0, 0]

  - type: stacking-context
    bounds: [110, 110, 200, 200]
    filters: drop-shadow([5, 5], 0, red)
    items:
      - type: rect
        bounds: [10, 10, 80, 80]
        color: [0, 150, 0]
      - type: rect
        bounds: [5, 5, 40, 40]
        color: [200, 0, 0]

  - type: stacking-context
    bounds: [210, 110, 200, 200]
    filters:
      - drop-shadow([4, 4], 4, red)
      - drop-shadow([6, 6], 4, green)
      - drop-shadow([8, 8], 4, blue)
    items:
      - type: rect
        bounds: [10, 10, 80, 80]
        color: [0, 150, 0]
      - type: rect
        bounds: [5, 5, 40, 40]
        color: [200, 0, 0]
