---
root:
  items:
        - type: stacking-context
          bounds: [0, 0, 1000, 1000]
          items:
            - type: box-shadow
              bounds: [ 50, 50, 100, 100 ]
              color: red
              clip-mode: outset
              blur-radius: 10
              border-radius: {
                top-left: [20, 30],
                top-right: [10, 30],
                bottom-left: [50, 25],
                bottom-right: [0, 0],
                shape-top-left: 1.3,
                shape-top-right: 0,
                shape-bottom-left: -Inf,
                shape-bottom-right: -0.2,
              }

            - type: box-shadow
              bounds: [ 200, 50, 100, 100 ]
              color: green
              clip-mode: inset
              blur-radius: 10
              border-radius: {
                top-left: [20, 30],
                top-right: [10, 30],
                bottom-left: [50, 25],
                bottom-right: [0, 0],
                shape-top-left: 1.3,
                shape-top-right: 0,
                shape-bottom-left: -Inf,
                shape-bottom-right: -0.2,
              }

            - type: box-shadow
              bounds: [ 350, 50, 100, 100 ]
              color: blue
              clip-mode: outset
              blur-radius: 10
              border-radius: [ 10, 20, 30, 40, -0.2, -0.4, -0.6, -0.8 ]