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 316 0+0+0] [BFC] children: not-inline
    BlockContainer <body> at [8,8] [8+0+0 500 0+0+292] [8+0+0 300 0+0+8] children: inline
      TextNode <#text> (not painted)
      Box <div.button> at [10,8] positioned flex-container(row) [0+0+0 40 0+0+0] [0+0+0 70 0+0+0] [FFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
        Box <div.icon-wrapper> at [20,33] flex-container(row) flex-item [0+0+10 20 10+0+0] [0+0+10 20 10+0+0] [FFC] children: not-inline
          BlockContainer <(anonymous)> (not painted) [BFC] children: inline
            TextNode <#text> (not painted)
          SVGSVGBox <svg> at [20,33] flex-item [0+0+0 20 0+0+0] [0+0+0 20 0+0+0] [SVG] children: inline
            TextNode <#text> (not painted)
            SVGGeometryBox <path> at [23.625,34.125] [0+0+0 10.25 0+0+0] [0+0+0 17.75 0+0+0] children: not-inline
            TextNode <#text> (not painted)
          BlockContainer <(anonymous)> (not painted) [BFC] children: inline
            TextNode <#text> (not painted)
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
      TextNode <#text> (not painted)

ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x316]
    PaintableWithLines (BlockContainer<BODY>) [8,8 500x300]
      Paintable (Box<DIV>.button) [10,8 40x70]
        Paintable (Box<DIV>.icon-wrapper) [10,23 40x40]
          SVGSVGPaintable (SVGSVGBox<svg>) [20,33 20x20]
            SVGPathPaintable (SVGGeometryBox<path>) [23.625,34.125 10.25x17.75]

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