Viewport <#document> at [0,0] [0+0+0 800 0+0+0] [0+0+0 600 0+0+0] [BFC] children: not-inline
  BlockContainer <html> at [0,0] [0+0+0 800 0+0+0] [0+0+0 246 0+0+0] [BFC] children: not-inline
    BlockContainer <body> at [8,8] [8+0+0 784 0+0+8] [8+0+0 230 0+0+8] children: not-inline
      BlockContainer <(anonymous)> at [8,8] [0+0+0 784 0+0+0] [0+0+0 50 0+0+0] children: inline
        InlineNode <span.inline> at [8,18] [0+0+0 26.0625 0+0+0] [0+0+0 30 0+0+0]
          frag 0 from BlockContainer start: 0, length: 0, rect: [18,18 6.0625x30] baseline: 28
          BlockContainer <button> at [18,18] inline-block [0+5+5 6.0625 5+5+0] [0+5+5 30 5+5+0] [BFC] children: not-inline
            BlockContainer <(anonymous)> at [18,18] flex-container(column) [0+0+0 6.0625 0+0+0] [0+0+0 30 0+0+0] [FFC] children: not-inline
              BlockContainer <(anonymous)> at [18,28] flex-item [0+0+0 6.0625 0+0+0] [0+0+0 10 0+0+0] [BFC] children: inline
                frag 0 from TextNode start: 0, length: 1, rect: [18,28 6.0625x10] baseline: 8
                    "x"
                TextNode <#text> (not painted)
      BlockContainer <div.block> at [8,58] [0+0+0 784 0+0+0] [0+0+0 50 0+0+0] children: not-inline
        BlockContainer <button> at [18,68] [0+5+5 6.0625 5+5+757.9375] [0+5+5 30 5+5+0] [BFC] children: not-inline
          BlockContainer <(anonymous)> at [18,68] flex-container(column) [0+0+0 6.0625 0+0+0] [0+0+0 30 0+0+0] [FFC] children: not-inline
            BlockContainer <(anonymous)> at [18,78] flex-item [0+0+0 6.0625 0+0+0] [0+0+0 10 0+0+0] [BFC] children: inline
              frag 0 from TextNode start: 0, length: 1, rect: [18,78 6.0625x10] baseline: 8
                  "x"
              TextNode <#text> (not painted)
      Box <div.flex> at [8,108] flex-container(row) [0+0+0 784 0+0+0] [0+0+0 50 0+0+0] [FFC] children: not-inline
        BlockContainer <button> at [18,118] flex-item [0+5+5 6.0625 5+5+0] [0+5+5 30 5+5+0] [BFC] children: not-inline
          BlockContainer <(anonymous)> at [18,118] flex-container(column) [0+0+0 6.0625 0+0+0] [0+0+0 30 0+0+0] [FFC] children: not-inline
            BlockContainer <(anonymous)> at [18,128] flex-item [0+0+0 6.0625 0+0+0] [0+0+0 10 0+0+0] [BFC] children: inline
              frag 0 from TextNode start: 0, length: 1, rect: [18,128 6.0625x10] baseline: 8
                  "x"
              TextNode <#text> (not painted)
      BlockContainer <div.intrinsic> at [8,158] [0+0+0 784 0+0+0] [0+0+0 50 0+0+0] children: inline
        frag 0 from BlockContainer start: 0, length: 0, rect: [18,168 6.0625x30] baseline: 28
        BlockContainer <button> at [18,168] inline-block [0+5+5 6.0625 5+5+0] [0+5+5 30 5+5+0] [BFC] children: not-inline
          BlockContainer <(anonymous)> at [18,168] flex-container(column) [0+0+0 6.0625 0+0+0] [0+0+0 30 0+0+0] [FFC] children: not-inline
            BlockContainer <(anonymous)> at [18,178] flex-item [0+0+0 6.0625 0+0+0] [0+0+0 10 0+0+0] [BFC] children: inline
              frag 0 from TextNode start: 0, length: 1, rect: [18,178 6.0625x10] baseline: 8
                  "x"
              TextNode <#text> (not painted)
      BlockContainer <div.abs> at [8,208] [0+0+0 784 0+0+0] [0+0+0 0 0+0+0] children: not-inline
        BlockContainer <button> at [18,260] positioned [0+5+5 6.0625 5+5+0] [0+5+5 30 5+5+0] [BFC] children: not-inline
          BlockContainer <(anonymous)> at [18,260] flex-container(column) [0+0+0 6.0625 0+0+0] [0+0+0 30 0+0+0] [FFC] children: not-inline
            BlockContainer <(anonymous)> at [18,270] flex-item [0+0+0 6.0625 0+0+0] [0+0+0 10 0+0+0] [BFC] children: inline
              frag 0 from TextNode start: 0, length: 1, rect: [18,270 6.0625x10] baseline: 8
                  "x"
              TextNode <#text> (not painted)
      BlockContainer <div.indefinite> at [8,208] [0+0+0 784 0+0+0] [0+0+0 30 0+0+0] children: inline
        frag 0 from BlockContainer start: 0, length: 0, rect: [18,218 6.0625x10] baseline: 18
        BlockContainer <button> at [18,218] inline-block [0+5+5 6.0625 5+5+0] [0+5+5 10 5+5+0] [BFC] children: not-inline
          BlockContainer <(anonymous)> at [18,218] flex-container(column) [0+0+0 6.0625 0+0+0] [0+0+0 10 0+0+0] [FFC] children: not-inline
            BlockContainer <(anonymous)> at [18,218] flex-item [0+0+0 6.0625 0+0+0] [0+0+0 10 0+0+0] [BFC] children: not-inline
              BlockContainer <div.pct> at [18,218] [0+0+0 6.0625 0+0+0] [0+0+0 0 0+0+0] children: not-inline
              BlockContainer <div> at [18,218] [0+0+0 6.0625 0+0+0] [0+0+0 10 0+0+0] children: inline
                frag 0 from TextNode start: 0, length: 1, rect: [18,218 6.0625x10] baseline: 8
                    "x"
                TextNode <#text> (not painted)
      BlockContainer <(anonymous)> at [8,238] [0+0+0 784 0+0+0] [0+0+0 0 0+0+0] children: inline
        TextNode <#text> (not painted)

ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x246]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x230]
      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x50]
        InlinePaintable (InlineNode<SPAN>.inline) [8,18 26.0625x30]
          PaintableWithLines (BlockContainer<BUTTON>) [8,8 26.0625x50]
            PaintableWithLines (BlockContainer(anonymous)) [18,18 6.0625x30]
              PaintableWithLines (BlockContainer(anonymous)) [18,28 6.0625x10]
      PaintableWithLines (BlockContainer<DIV>.block) [8,58 784x50]
        PaintableWithLines (BlockContainer<BUTTON>) [8,58 26.0625x50]
          PaintableWithLines (BlockContainer(anonymous)) [18,68 6.0625x30]
            PaintableWithLines (BlockContainer(anonymous)) [18,78 6.0625x10]
      Paintable (Box<DIV>.flex) [8,108 784x50]
        PaintableWithLines (BlockContainer<BUTTON>) [8,108 26.0625x50]
          PaintableWithLines (BlockContainer(anonymous)) [18,118 6.0625x30]
            PaintableWithLines (BlockContainer(anonymous)) [18,128 6.0625x10]
      PaintableWithLines (BlockContainer<DIV>.intrinsic) [8,158 784x50]
        PaintableWithLines (BlockContainer<BUTTON>) [8,158 26.0625x50]
          PaintableWithLines (BlockContainer(anonymous)) [18,168 6.0625x30]
            PaintableWithLines (BlockContainer(anonymous)) [18,178 6.0625x10]
      PaintableWithLines (BlockContainer<DIV>.abs) [8,208 784x0]
        PaintableWithLines (BlockContainer<BUTTON>) [8,250 26.0625x50]
          PaintableWithLines (BlockContainer(anonymous)) [18,260 6.0625x30]
            PaintableWithLines (BlockContainer(anonymous)) [18,270 6.0625x10]
      PaintableWithLines (BlockContainer<DIV>.indefinite) [8,208 784x30]
        PaintableWithLines (BlockContainer<BUTTON>) [8,208 26.0625x30]
          PaintableWithLines (BlockContainer(anonymous)) [18,218 6.0625x10]
            PaintableWithLines (BlockContainer(anonymous)) [18,218 6.0625x10]
              PaintableWithLines (BlockContainer<DIV>.pct) [18,218 6.0625x0]
              PaintableWithLines (BlockContainer<DIV>) [18,218 6.0625x10]
      PaintableWithLines (BlockContainer(anonymous)) [8,238 784x0]

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