# This test ensures that we flatten the trasformations (i.e. zero out Z coordinates)
# at the boundaries of preserve-3d hierarchies.
# If the stacking context isn't flattened at the preserve-3d boundary here,
# it's non-zero Z component starts affecting the screen space position
# due to the "rotate-x" transform at the top level.
---
root:
  items:
    -
      bounds: [100, 100, 0, 0]
      type: stacking-context
      transform: rotate-x(60)
      transform-style: flat
      items:
        -
          type: "stacking-context"
          transform: translate(0, 0, 200)
          transform-style: preserve-3d
          items:
            -
              bounds: [0, 0, 150, 150]
              type: rect
              color: green