---
root:
  items:
    - type: reference-frame
      transform: scale(4)
      items:
      - type: stacking-context
        bounds: [50, 50, 100, 100]
        transform: rotate(-30)
        items:
          - type: border
            bounds: [ 10, 10, 100, 100 ]
            width: [ 10, 10, 10, 10 ]
            border-type: normal
            style: solid
            color: [ red, green, blue, black ]
            radius: {
              top-left: [20, 20],
              top-right: [10, 10],
              bottom-left: [25, 25],
              bottom-right: [0, 0],
            }