---
root:
  items:
    - type: stacking-context
      bounds: [0, 0, 120, 170]
      items:
        - type: rect
          bounds: [0, 0, 120, 170]
          color: [0, 0, 0, 1]
        - type: stacking-context
          bounds: [10, 10, 50, 50]
          filters: color-matrix( 0.393, 0.686, 0.534, 0,
                                 0.189, 0.168, 0.131, 0,
                                 0.349, 0.272, 0, 0,
                                 0, 0, 0, 1,
                                 0, 0, 0, 0 )
          items:
            - type: rect
              bounds: [0, 0, 50, 50]
              color: [255, 0, 0, 1]
        - type: stacking-context
          bounds: [10, 60, 50, 50]
          filters: color-matrix( -1, 0, 0, 0,
                                 0, -1, 0, 0,
                                 0, 0, -1, 0,
                                 0, 0, 0, 1,
                                 1, 1, 1, 0 )
          items:
            - type: rect
              bounds: [0, 0, 50, 50]
              color: [0, 255, 0, 1]
        - type: stacking-context
          bounds: [60, 10, 50, 50]
          filters: color-matrix( 0, 0, 1, 0,
                                 0, 1, 0, 0,
                                 1, 0, 0, 0,
                                 0, 0, 0, 1,
                                 0, 0, 0, 0 )
          items:
            - type: rect
              bounds: [0, 0, 50, 50]
              color: [0, 0, 255, 1]
        - type: stacking-context
          bounds: [10, 110, 50, 50]
          filters: color-matrix( 1, 0, 0, 0,
                                 0, 1, 0, 0,
                                 0, 0, 1, 0.5,
                                 0, 0, 0, 0,
                                 0, 0, 0, 0 )
          items:
            - type: rect
              bounds: [0, 0, 50, 50]
              color: [0, 0, 255, 1]