---
root:
  items:
    - type: stacking-context
      bounds: [ 0, 0, 320, 320 ]
      items:
        - type: rect
          bounds: [ 0, 0, 320, 320 ]
          color: black
        - type: border
          bounds: [ 20, 20, 280, 280 ]
          width: [ 16, 2, 8, 20 ]
          border-type: normal
          style: solid
          color: white
          radius: [ 24, 12, 120, [80, 20], 0.2, 0.0, -Inf, -0.7 ]
          inset: [ 0, 0, 0, 0 ]
        - type: border
          bounds: [ 12, 12, 296, 296 ]
          width: [ 2, 2, 2, 2 ]
          border-type: normal
          style: solid
          color: yellow
          radius: [ 32, 20, 128, [88, 28], 0.2, 0.0, -Inf, -0.7 ]
          inset: [ -8, -8, -8, -8 ]
        - type: border
          bounds: [ 24.8, 40, 251.2, 248 ]
          width: [ 2, 2, 2, 2 ]
          border-type: normal
          style: solid
          color: magenta
          radius: {
            top-left: [19.2, 4],
            top-right: [0, 0],
            bottom-left: [115, 108],
            bottom-right: [56, 8],
            shape-top-left: 0.2,
            shape-top-right: 0.0,
            shape-bottom-left: -Inf,
            shape-bottom-right: -0.7,
          }
          inset: [ 20, 24, 12, 4.8 ]