Viewport <#document> at [0,0] [0+0+0 800 0+0+0] [0+0+0 600 0+0+0] children: not-inline
  BlockContainer <html> at [0,0] [0+0+0 800 0+0+0] [0+0+0 252 0+0+0] [BFC] children: not-inline
    Box <body> at [28,28] flex-container(row) [8+0+20 744 20+0+8] [8+0+20 196 20+0+8] [FFC] children: not-inline
      Box <div.container> at [30,30] flex-item [0+2+0 300 0+2+0] [0+2+0 30 0+2+0] [GFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
        BlockContainer <div.item> at [30,30] [0+0+0 90 0+0+0] [0+0+0 30 0+0+0] [BFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
        BlockContainer <div.item> at [135,30] [0+0+0 90 0+0+0] [0+0+0 30 0+0+0] [BFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
        BlockContainer <div.item> at [240,30] [0+0+0 90 0+0+0] [0+0+0 30 0+0+0] [BFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
      BlockContainer <(anonymous)> (not painted) [BFC] children: inline
        TextNode <#text> (not painted)
      Box <div.container> at [354,30] flex-item [0+2+0 300 0+2+0] [0+2+0 30 0+2+0] [GFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
        BlockContainer <div.item> at [354,30] [0+0+0 90 0+0+0] [0+0+0 30 0+0+0] [BFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
        BlockContainer <div.item> at [459,30] [0+0+0 90 0+0+0] [0+0+0 30 0+0+0] [BFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
        BlockContainer <div.item> at [564,30] [0+0+0 90 0+0+0] [0+0+0 30 0+0+0] [BFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
      BlockContainer <(anonymous)> (not painted) [BFC] children: inline
        TextNode <#text> (not painted)
      Box <div.container> at [30,84] flex-item [0+2+0 300 0+2+0] [0+2+0 30 0+2+0] [GFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
        BlockContainer <div.item> at [30,84] [0+0+0 90 0+0+0] [0+0+0 30 0+0+0] [BFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
        BlockContainer <div.item> at [135,84] [0+0+0 90 0+0+0] [0+0+0 30 0+0+0] [BFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
        BlockContainer <div.item> at [240,84] [0+0+0 90 0+0+0] [0+0+0 30 0+0+0] [BFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
      BlockContainer <(anonymous)> (not painted) [BFC] children: inline
        TextNode <#text> (not painted)
      Box <div.container> at [354,84] flex-item [0+2+0 300 0+2+0] [0+2+0 30 0+2+0] [GFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
        BlockContainer <div.item> at [354,84] [0+0+0 90 0+0+0] [0+0+0 30 0+0+0] [BFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
        BlockContainer <div.item> at [459,84] [0+0+0 90 0+0+0] [0+0+0 30 0+0+0] [BFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
        BlockContainer <div.item> at [564,84] [0+0+0 90 0+0+0] [0+0+0 30 0+0+0] [BFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
      BlockContainer <(anonymous)> (not painted) [BFC] children: inline
        TextNode <#text> (not painted)
      Box <div.container> at [30,138] flex-item [0+2+0 300 0+2+0] [0+2+0 30 0+2+0] [GFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
        BlockContainer <div.item> at [30,138] [0+0+0 90 0+0+0] [0+0+0 30 0+0+0] [BFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
        BlockContainer <div.item> at [135,138] [0+0+0 90 0+0+0] [0+0+0 30 0+0+0] [BFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
        BlockContainer <div.item> at [240,138] [0+0+0 90 0+0+0] [0+0+0 30 0+0+0] [BFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
      BlockContainer <(anonymous)> (not painted) [BFC] children: inline
        TextNode <#text> (not painted)
      Box <div.container> at [354,138] flex-item [0+2+0 300 0+2+0] [0+2+0 30 0+2+0] [GFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
        BlockContainer <div.item> at [354,138] [0+0+0 90 0+0+0] [0+0+0 30 0+0+0] [BFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
        BlockContainer <div.item> at [459,138] [0+0+0 90 0+0+0] [0+0+0 30 0+0+0] [BFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
        BlockContainer <div.item> at [564,138] [0+0+0 90 0+0+0] [0+0+0 30 0+0+0] [BFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
      BlockContainer <(anonymous)> (not painted) [BFC] children: inline
        TextNode <#text> (not painted)
      Box <div.container> at [30,192] flex-item [0+2+0 300 0+2+0] [0+2+0 30 0+2+0] [GFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
        BlockContainer <div.item> at [30,192] [0+0+0 90 0+0+0] [0+0+0 30 0+0+0] [BFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
        BlockContainer <div.item> at [135,192] [0+0+0 90 0+0+0] [0+0+0 30 0+0+0] [BFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
        BlockContainer <div.item> at [240,192] [0+0+0 90 0+0+0] [0+0+0 30 0+0+0] [BFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
      BlockContainer <(anonymous)> (not painted) [BFC] children: inline
        TextNode <#text> (not painted)

ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x252]
    PaintableBox (Box<BODY>) [8,8 784x236]
      PaintableBox (Box<DIV>.container) [28,28 304x34]
        PaintableWithLines (BlockContainer<DIV>.item) [30,30 90x30]
        PaintableWithLines (BlockContainer<DIV>.item) [135,30 90x30]
        PaintableWithLines (BlockContainer<DIV>.item) [240,30 90x30]
      PaintableBox (Box<DIV>.container) [352,28 304x34]
        PaintableWithLines (BlockContainer<DIV>.item) [354,30 90x30]
        PaintableWithLines (BlockContainer<DIV>.item) [459,30 90x30]
        PaintableWithLines (BlockContainer<DIV>.item) [564,30 90x30]
      PaintableBox (Box<DIV>.container) [28,82 304x34]
        PaintableWithLines (BlockContainer<DIV>.item) [30,84 90x30]
        PaintableWithLines (BlockContainer<DIV>.item) [135,84 90x30]
        PaintableWithLines (BlockContainer<DIV>.item) [240,84 90x30]
      PaintableBox (Box<DIV>.container) [352,82 304x34]
        PaintableWithLines (BlockContainer<DIV>.item) [354,84 90x30]
        PaintableWithLines (BlockContainer<DIV>.item) [459,84 90x30]
        PaintableWithLines (BlockContainer<DIV>.item) [564,84 90x30]
      PaintableBox (Box<DIV>.container) [28,136 304x34]
        PaintableWithLines (BlockContainer<DIV>.item) [30,138 90x30]
        PaintableWithLines (BlockContainer<DIV>.item) [135,138 90x30]
        PaintableWithLines (BlockContainer<DIV>.item) [240,138 90x30]
      PaintableBox (Box<DIV>.container) [352,136 304x34]
        PaintableWithLines (BlockContainer<DIV>.item) [354,138 90x30]
        PaintableWithLines (BlockContainer<DIV>.item) [459,138 90x30]
        PaintableWithLines (BlockContainer<DIV>.item) [564,138 90x30]
      PaintableBox (Box<DIV>.container) [28,190 304x34]
        PaintableWithLines (BlockContainer<DIV>.item) [30,192 90x30]
        PaintableWithLines (BlockContainer<DIV>.item) [135,192 90x30]
        PaintableWithLines (BlockContainer<DIV>.item) [240,192 90x30]

SC for Viewport<#document> [0,0 800x600] [children: 1] (z-index: auto)
 SC for BlockContainer<HTML> [0,0 800x252] [children: 0] (z-index: auto)
