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 36 0+0+0] [BFC] children: not-inline
    BlockContainer <body> at [8,8] [8+0+0 784 0+0+8] [8+0+0 20 0+0+8] children: inline
      frag 0 from TextInputBox start: 0, length: 0, rect: [11,10 200x16] baseline: 19
      TextInputBox <input> at [11,10] inline-block [0+1+2 200 2+1+0] [0+1+1 16 1+1+0] [BFC] children: not-inline
        Box <div> at [11,10] flex-container(row) [0+0+0 200 0+0+0] [0+0+0 18 0+0+0] [FFC] children: not-inline
          Box <div> at [11,11] flex-container(row) flex-item [0+0+0 164 0+0+0] [0+0+0 16 0+0+0] [FFC] children: not-inline
            BlockContainer <div> at [11,11] flex-item [0+0+0 164 0+0+0] [0+0+0 16 0+0+0] [BFC] children: inline
              frag 0 from TextNode start: 0, length: 0, rect: [11,11 0x16] baseline: 12.796875
              TextNode <#text> (not painted)
            BlockContainer <div> at [11,11] flex-item [-164+0+0 164 0+0+0] [0+0+0 16 0+0+0] [BFC] children: inline
              frag 0 from TextNode start: 0, length: 6, rect: [11,11 63.0625x16] baseline: 12.796875
                  "Amount"
              TextNode <#text> (not painted)
          BlockContainer <button> at [176,11] flex-item [0+1+0 16 0+1+0] [0+1+0 16 0+1+0] [BFC] children: not-inline
            BlockContainer <(anonymous)> at [176,11] flex-container(column) [0+0+0 16 0+0+0] [0+0+0 16 0+0+0] [FFC] children: not-inline
              BlockContainer <(anonymous)> at [176,11] flex-item [0+0+0 16 0+0+0] [0+0+0 16 0+0+0] [BFC] children: inline
                frag 0 from SVGSVGBox start: 0, length: 0, rect: [176,11 16x16] baseline: 16
                SVGSVGBox <svg> at [176,11] [0+0+0 16 0+0+0] [0+0+0 16 0+0+0] [SVG] children: not-inline
                  SVGGeometryBox <path> at [180,16.328125] [0+0+0 8 0+0+0] [0+0+0 4.9375 0+0+0] children: not-inline
          BlockContainer <button> at [194,11] flex-item [0+1+0 16 0+1+0] [0+1+0 16 0+1+0] [BFC] children: not-inline
            BlockContainer <(anonymous)> at [194,11] flex-container(column) [0+0+0 16 0+0+0] [0+0+0 16 0+0+0] [FFC] children: not-inline
              BlockContainer <(anonymous)> at [194,11] flex-item [0+0+0 16 0+0+0] [0+0+0 16 0+0+0] [BFC] children: inline
                frag 0 from SVGSVGBox start: 0, length: 0, rect: [194,11 16x16] baseline: 16
                SVGSVGBox <svg> at [194,11] [0+0+0 16 0+0+0] [0+0+0 16 0+0+0] [SVG] children: not-inline
                  SVGGeometryBox <path> at [198,16.71875] [0+0+0 8 0+0+0] [0+0+0 4.953125 0+0+0] children: not-inline
      TextNode <#text> (not painted)

ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x36]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x20]
      PaintableWithLines (TextInputBox<INPUT>) [8,8 206x20]
        Paintable (Box<DIV>) [11,10 200x18]
          Paintable (Box<DIV>) [11,11 164x16]
            PaintableWithLines (BlockContainer<DIV>) [11,11 164x16]
            PaintableWithLines (BlockContainer<DIV>) [11,11 164x16]
          PaintableWithLines (BlockContainer<BUTTON>) [175,10 18x18]
            PaintableWithLines (BlockContainer(anonymous)) [176,11 16x16]
              PaintableWithLines (BlockContainer(anonymous)) [176,11 16x16]
                SVGSVGPaintable (SVGSVGBox<svg>) [176,11 16x16]
                  SVGPathPaintable (SVGGeometryBox<path>) [180,16.328125 8x4.9375]
          PaintableWithLines (BlockContainer<BUTTON>) [193,10 18x18]
            PaintableWithLines (BlockContainer(anonymous)) [194,11 16x16]
              PaintableWithLines (BlockContainer(anonymous)) [194,11 16x16]
                SVGSVGPaintable (SVGSVGBox<svg>) [194,11 16x16]
                  SVGPathPaintable (SVGGeometryBox<path>) [198,16.71875 8x4.953125]

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