---
root:
  items:
    - type: stacking-context
      bounds: [0, 0, 1000, 1000]
      items:
        - type: box-shadow
          bounds: [ 20, 20, 200, 80 ]
          clip-rect: [0, 0, 100, 200]
          color: blue
          offset: [10, 20]
          clip-mode: outset
        - type: box-shadow
          bounds: [ 220, 20, 200, 80 ]
          clip-rect: [200, 0, 100, 200]
          color: red
          offset: [10, 20]
          blur-radius: 10
          clip-mode: outset
        - type: box-shadow
          bounds: [ 20, 220, 200, 80 ]
          clip-rect: [0, 200, 100, 200]
          color: green
          offset: [10, 20]
          clip-mode: inset
        - type: box-shadow
          bounds: [ 220, 220, 200, 80 ]
          clip-rect: [200, 200, 100, 200]
          color: yellow
          offset: [10, 20]
          blur-radius: 10
          clip-mode: inset