{
 "ranAt": "2026-11-08T21:13:29.940Z",
 "platform": "Windows_NT 10.0.26200",
 "playwright": "1.56.1",
 "viewport": {
  "width": 1000,
  "height": 800
 },
 "triggers": [
  {
   "id": "none",
   "label": "Plain block",
   "css": ""
  },
  {
   "id": "flow-root",
   "label": "display: flow-root",
   "css": "display:flow-root"
  },
  {
   "id": "overflow-hidden",
   "label": "overflow: hidden",
   "css": "overflow:hidden"
  },
  {
   "id": "overflow-auto",
   "label": "overflow: auto",
   "css": "overflow:auto"
  },
  {
   "id": "overflow-scroll",
   "label": "overflow: scroll",
   "css": "overflow:scroll"
  },
  {
   "id": "overflow-clip",
   "label": "overflow: clip",
   "css": "overflow:clip"
  },
  {
   "id": "flow-root-clip",
   "label": "display: flow-root with overflow: clip",
   "css": "display:flow-root;overflow:clip"
  },
  {
   "id": "float",
   "label": "float: left",
   "css": "float:left"
  },
  {
   "id": "absolute",
   "label": "position: absolute",
   "css": "position:absolute"
  },
  {
   "id": "fixed",
   "label": "position: fixed",
   "css": "position:fixed"
  },
  {
   "id": "inline-block",
   "label": "display: inline-block",
   "css": "display:inline-block"
  },
  {
   "id": "flex-item",
   "label": "Flex item",
   "css": "",
   "scaffold": "flex"
  },
  {
   "id": "grid-item",
   "label": "Grid item",
   "css": "",
   "scaffold": "grid"
  },
  {
   "id": "flex-container",
   "label": "display: flex",
   "css": "display:flex"
  },
  {
   "id": "grid-container",
   "label": "display: grid",
   "css": "display:grid"
  },
  {
   "id": "table-cell",
   "label": "display: table-cell",
   "css": "display:table-cell"
  },
  {
   "id": "contain-layout",
   "label": "contain: layout",
   "css": "contain:layout"
  },
  {
   "id": "contain-paint",
   "label": "contain: paint",
   "css": "contain:paint"
  },
  {
   "id": "contain-content",
   "label": "contain: content",
   "css": "contain:content"
  },
  {
   "id": "align-content",
   "label": "align-content: center",
   "css": "align-content:center"
  },
  {
   "id": "container-inline",
   "label": "container-type: inline-size",
   "css": "container-type:inline-size"
  },
  {
   "id": "clearfix",
   "label": "Clearfix (::after with clear: both)",
   "css": "",
   "sheet": "#b::after{content:\"\";display:table;clear:both}"
  },
  {
   "id": "relative",
   "label": "position: relative",
   "css": "position:relative"
  },
  {
   "id": "transform",
   "label": "transform: translateX(0)",
   "css": "transform:translateX(0)"
  },
  {
   "id": "opacity",
   "label": "opacity: 0.99",
   "css": "opacity:.99"
  },
  {
   "id": "padding",
   "label": "padding: 1px 0",
   "css": "padding:1px 0"
  },
  {
   "id": "width",
   "label": "width: 300px",
   "css": "width:300px"
  },
  {
   "id": "zoom",
   "label": "zoom: 1",
   "css": "zoom:1"
  }
 ],
 "runs": [
  {
   "browser": "Chrome",
   "version": "156.0.8078.80",
   "cases": {
    "none": {
     "contain": {
      "height": 0
     },
     "margin": {
      "keptTop": 0,
      "keptBottom": 0,
      "height": 10
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 400,
      "height": 20
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 100
     }
    },
    "flow-root": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "overflow-hidden": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "overflow-auto": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "overflow-scroll": {
     "contain": {
      "height": 115
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 45,
      "height": 85
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 35
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "overflow-clip": {
     "contain": {
      "height": 0
     },
     "margin": {
      "keptTop": 0,
      "keptBottom": 0,
      "height": 10
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 400,
      "height": 20
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 100
     }
    },
    "flow-root-clip": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "float": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 50,
      "below": -20
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 50,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "absolute": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 50,
      "below": -20
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 50,
      "height": 20
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 0
     }
    },
    "fixed": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 50,
      "below": -20
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 50,
      "height": 20
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 0
     }
    },
    "inline-block": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 50,
      "below": 54
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 50,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 4
     }
    },
    "flex-item": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 50,
      "below": 50
     },
     "beside": null,
     "drop": null,
     "clear": null
    },
    "grid-item": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 50,
      "below": 50
     },
     "beside": null,
     "drop": null,
     "clear": null
    },
    "flex-container": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 20
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "grid-container": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 50
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "table-cell": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 20,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 50,
      "height": 20
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 0
     }
    },
    "contain-layout": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "contain-paint": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "contain-content": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "align-content": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "container-inline": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "clearfix": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 0,
      "keptBottom": 30,
      "height": 40
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 400,
      "height": 100
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 100
     }
    },
    "relative": {
     "contain": {
      "height": 0
     },
     "margin": {
      "keptTop": 0,
      "keptBottom": 0,
      "height": 10
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 400,
      "height": 20
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 100
     }
    },
    "transform": {
     "contain": {
      "height": 0
     },
     "margin": {
      "keptTop": 0,
      "keptBottom": 0,
      "height": 10
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 400,
      "height": 20
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 100
     }
    },
    "opacity": {
     "contain": {
      "height": 0
     },
     "margin": {
      "keptTop": 0,
      "keptBottom": 0,
      "height": 10
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 400,
      "height": 20
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 100
     }
    },
    "padding": {
     "contain": {
      "height": 2
     },
     "margin": {
      "keptTop": 31,
      "keptBottom": 31,
      "height": 72
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 400,
      "height": 22
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 100
     }
    },
    "width": {
     "contain": {
      "height": 0
     },
     "margin": {
      "keptTop": 0,
      "keptBottom": 0,
      "height": 10
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 100
     }
    },
    "zoom": {
     "contain": {
      "height": 0
     },
     "margin": {
      "keptTop": 0,
      "keptBottom": 0,
      "height": 10
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 400,
      "height": 20
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 100
     }
    }
   },
   "side": {
    "none": {
     "flow": {
      "width": 400,
      "wrapperHeight": 20
     },
     "sticky": {
      "childTop": 0
     },
     "clipPositioned": {
      "visible": true
     },
     "clipStatic": {
      "visible": true
     },
     "fixedChild": {
      "childTop": 0
     },
     "absChild": {
      "childTop": 0
     },
     "stacking": {
      "childOnTop": true
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 0,
      "inputFocused": true,
      "afterScrollIntoView": 0,
      "afterSetScrollTop": 0
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     },
     "shadow": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     }
    },
    "flow-root": {
     "flow": {
      "width": 400,
      "wrapperHeight": 20
     },
     "sticky": {
      "childTop": 0
     },
     "clipPositioned": {
      "visible": true
     },
     "clipStatic": {
      "visible": true
     },
     "fixedChild": {
      "childTop": 0
     },
     "absChild": {
      "childTop": 0
     },
     "stacking": {
      "childOnTop": true
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 0,
      "inputFocused": true,
      "afterScrollIntoView": 0,
      "afterSetScrollTop": 0
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     },
     "shadow": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     }
    },
    "overflow-hidden": {
     "flow": {
      "width": 400,
      "wrapperHeight": 20
     },
     "sticky": {
      "childTop": -500
     },
     "clipPositioned": {
      "visible": false
     },
     "clipStatic": {
      "visible": true
     },
     "fixedChild": {
      "childTop": 0
     },
     "absChild": {
      "childTop": 0
     },
     "stacking": {
      "childOnTop": true
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 221,
      "inputFocused": true,
      "afterScrollIntoView": 221,
      "afterSetScrollTop": 50
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": false,
      "rgb": [
       255,
       255,
       255
      ]
     },
     "shadow": {
      "painted": false,
      "rgb": [
       255,
       255,
       255
      ]
     }
    },
    "overflow-auto": {
     "flow": {
      "width": 400,
      "wrapperHeight": 20
     },
     "sticky": {
      "childTop": -500
     },
     "clipPositioned": {
      "visible": false
     },
     "clipStatic": {
      "visible": true
     },
     "fixedChild": {
      "childTop": 0
     },
     "absChild": {
      "childTop": 0
     },
     "stacking": {
      "childOnTop": true
     },
     "spill": {
      "scrollbarHeight": 15,
      "height": 35
     },
     "focusScroll": {
      "afterFocus": 221,
      "inputFocused": true,
      "afterScrollIntoView": 221,
      "afterSetScrollTop": 50
     },
     "tabStop": {
      "focused": true,
      "controlInputFocused": true
     },
     "outline": {
      "painted": false,
      "rgb": [
       255,
       255,
       255
      ]
     },
     "shadow": {
      "painted": false,
      "rgb": [
       255,
       255,
       255
      ]
     }
    },
    "overflow-clip": {
     "flow": {
      "width": 400,
      "wrapperHeight": 20
     },
     "sticky": {
      "childTop": 0
     },
     "clipPositioned": {
      "visible": false
     },
     "clipStatic": {
      "visible": true
     },
     "fixedChild": {
      "childTop": 0
     },
     "absChild": {
      "childTop": 0
     },
     "stacking": {
      "childOnTop": true
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 0,
      "inputFocused": true,
      "afterScrollIntoView": 0,
      "afterSetScrollTop": 0
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": false,
      "rgb": [
       255,
       255,
       255
      ]
     },
     "shadow": {
      "painted": false,
      "rgb": [
       255,
       255,
       255
      ]
     }
    },
    "flow-root-clip": {
     "flow": {
      "width": 400,
      "wrapperHeight": 20
     },
     "sticky": {
      "childTop": 0
     },
     "clipPositioned": {
      "visible": false
     },
     "clipStatic": {
      "visible": true
     },
     "fixedChild": {
      "childTop": 0
     },
     "absChild": {
      "childTop": 0
     },
     "stacking": {
      "childOnTop": true
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 0,
      "inputFocused": true,
      "afterScrollIntoView": 0,
      "afterSetScrollTop": 0
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": false,
      "rgb": [
       255,
       255,
       255
      ]
     },
     "shadow": {
      "painted": false,
      "rgb": [
       255,
       255,
       255
      ]
     }
    },
    "float": {
     "flow": {
      "width": 50,
      "wrapperHeight": 20
     },
     "sticky": {
      "childTop": 0
     },
     "clipPositioned": {
      "visible": true
     },
     "clipStatic": {
      "visible": true
     },
     "fixedChild": {
      "childTop": 0
     },
     "absChild": {
      "childTop": 0
     },
     "stacking": {
      "childOnTop": true
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 0,
      "inputFocused": true,
      "afterScrollIntoView": 0,
      "afterSetScrollTop": 0
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     },
     "shadow": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     }
    },
    "absolute": {
     "flow": {
      "width": 50,
      "wrapperHeight": 0
     },
     "sticky": {
      "childTop": 0
     },
     "clipPositioned": {
      "visible": true
     },
     "clipStatic": {
      "visible": true
     },
     "fixedChild": {
      "childTop": 0
     },
     "absChild": {
      "childTop": 100
     },
     "stacking": {
      "childOnTop": true
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 0,
      "inputFocused": true,
      "afterScrollIntoView": 0,
      "afterSetScrollTop": 0
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     },
     "shadow": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     }
    },
    "inline-block": {
     "flow": {
      "width": 50,
      "wrapperHeight": 24
     },
     "sticky": {
      "childTop": 0
     },
     "clipPositioned": {
      "visible": true
     },
     "clipStatic": {
      "visible": true
     },
     "fixedChild": {
      "childTop": 0
     },
     "absChild": {
      "childTop": 0
     },
     "stacking": {
      "childOnTop": true
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 0,
      "inputFocused": true,
      "afterScrollIntoView": 0,
      "afterSetScrollTop": 0
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     },
     "shadow": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     }
    },
    "contain-layout": {
     "flow": {
      "width": 400,
      "wrapperHeight": 20
     },
     "sticky": {
      "childTop": 0
     },
     "clipPositioned": {
      "visible": true
     },
     "clipStatic": {
      "visible": true
     },
     "fixedChild": {
      "childTop": 100
     },
     "absChild": {
      "childTop": 100
     },
     "stacking": {
      "childOnTop": false
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 0,
      "inputFocused": true,
      "afterScrollIntoView": 0,
      "afterSetScrollTop": 0
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     },
     "shadow": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     }
    },
    "contain-paint": {
     "flow": {
      "width": 400,
      "wrapperHeight": 20
     },
     "sticky": {
      "childTop": 0
     },
     "clipPositioned": {
      "visible": false
     },
     "clipStatic": {
      "visible": false
     },
     "fixedChild": {
      "childTop": 100
     },
     "absChild": {
      "childTop": 100
     },
     "stacking": {
      "childOnTop": false
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 0,
      "inputFocused": true,
      "afterScrollIntoView": 0,
      "afterSetScrollTop": 0
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": false,
      "rgb": [
       255,
       255,
       255
      ]
     },
     "shadow": {
      "painted": false,
      "rgb": [
       255,
       255,
       255
      ]
     }
    }
   },
   "body": {
    "overflow:hidden on body": {
     "bodyHeight": 0
    },
    "overflow:hidden on body, overflow:auto on html": {
     "bodyHeight": 100
    },
    "display:flow-root on body": {
     "bodyHeight": 100
    }
   }
  },
  {
   "browser": "Firefox",
   "version": "159.0.1",
   "cases": {
    "none": {
     "contain": {
      "height": 0
     },
     "margin": {
      "keptTop": 0,
      "keptBottom": 0,
      "height": 10
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 400,
      "height": 20
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 100
     }
    },
    "flow-root": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "overflow-hidden": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "overflow-auto": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "overflow-scroll": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "overflow-clip": {
     "contain": {
      "height": 0
     },
     "margin": {
      "keptTop": 0,
      "keptBottom": 0,
      "height": 10
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 400,
      "height": 20
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 100
     }
    },
    "flow-root-clip": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "float": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 50,
      "below": -20
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 50,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "absolute": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 50,
      "below": -20
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 50,
      "height": 20
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 0
     }
    },
    "fixed": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 50,
      "below": -20
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 50,
      "height": 20
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 0
     }
    },
    "inline-block": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 50,
      "below": 53.5
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 50,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 4.5
     }
    },
    "flex-item": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 50,
      "below": 50
     },
     "beside": null,
     "drop": null,
     "clear": null
    },
    "grid-item": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 50,
      "below": 50
     },
     "beside": null,
     "drop": null,
     "clear": null
    },
    "flex-container": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 20
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "grid-container": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 50
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "table-cell": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 20,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 50,
      "height": 20
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 0
     }
    },
    "contain-layout": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "contain-paint": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "contain-content": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "align-content": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "container-inline": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "clearfix": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 0,
      "keptBottom": 30,
      "height": 40
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 400,
      "height": 100
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 100
     }
    },
    "relative": {
     "contain": {
      "height": 0
     },
     "margin": {
      "keptTop": 0,
      "keptBottom": 0,
      "height": 10
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 400,
      "height": 20
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 100
     }
    },
    "transform": {
     "contain": {
      "height": 0
     },
     "margin": {
      "keptTop": 0,
      "keptBottom": 0,
      "height": 10
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 400,
      "height": 20
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 100
     }
    },
    "opacity": {
     "contain": {
      "height": 0
     },
     "margin": {
      "keptTop": 0,
      "keptBottom": 0,
      "height": 10
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 400,
      "height": 20
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 100
     }
    },
    "padding": {
     "contain": {
      "height": 2
     },
     "margin": {
      "keptTop": 31,
      "keptBottom": 31,
      "height": 72
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 400,
      "height": 22
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 100
     }
    },
    "width": {
     "contain": {
      "height": 0
     },
     "margin": {
      "keptTop": 0,
      "keptBottom": 0,
      "height": 10
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 100
     }
    },
    "zoom": {
     "contain": {
      "height": 0
     },
     "margin": {
      "keptTop": 0,
      "keptBottom": 0,
      "height": 10
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 400,
      "height": 20
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 100
     }
    }
   },
   "side": {
    "none": {
     "flow": {
      "width": 400,
      "wrapperHeight": 20
     },
     "sticky": {
      "childTop": 0
     },
     "clipPositioned": {
      "visible": true
     },
     "clipStatic": {
      "visible": true
     },
     "fixedChild": {
      "childTop": 0
     },
     "absChild": {
      "childTop": 0
     },
     "stacking": {
      "childOnTop": true
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 0,
      "inputFocused": true,
      "afterScrollIntoView": 0,
      "afterSetScrollTop": 0
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     },
     "shadow": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     }
    },
    "flow-root": {
     "flow": {
      "width": 400,
      "wrapperHeight": 20
     },
     "sticky": {
      "childTop": 0
     },
     "clipPositioned": {
      "visible": true
     },
     "clipStatic": {
      "visible": true
     },
     "fixedChild": {
      "childTop": 0
     },
     "absChild": {
      "childTop": 0
     },
     "stacking": {
      "childOnTop": true
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 0,
      "inputFocused": true,
      "afterScrollIntoView": 0,
      "afterSetScrollTop": 0
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     },
     "shadow": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     }
    },
    "overflow-hidden": {
     "flow": {
      "width": 400,
      "wrapperHeight": 20
     },
     "sticky": {
      "childTop": -500
     },
     "clipPositioned": {
      "visible": false
     },
     "clipStatic": {
      "visible": true
     },
     "fixedChild": {
      "childTop": 0
     },
     "absChild": {
      "childTop": 0
     },
     "stacking": {
      "childOnTop": true
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 222,
      "inputFocused": true,
      "afterScrollIntoView": 222,
      "afterSetScrollTop": 50
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": false,
      "rgb": [
       28,
       27,
       34
      ]
     },
     "shadow": {
      "painted": false,
      "rgb": [
       28,
       27,
       34
      ]
     }
    },
    "overflow-auto": {
     "flow": {
      "width": 400,
      "wrapperHeight": 20
     },
     "sticky": {
      "childTop": -500
     },
     "clipPositioned": {
      "visible": false
     },
     "clipStatic": {
      "visible": true
     },
     "fixedChild": {
      "childTop": 0
     },
     "absChild": {
      "childTop": 0
     },
     "stacking": {
      "childOnTop": true
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 222,
      "inputFocused": true,
      "afterScrollIntoView": 222,
      "afterSetScrollTop": 50
     },
     "tabStop": {
      "focused": true,
      "controlInputFocused": true
     },
     "outline": {
      "painted": false,
      "rgb": [
       28,
       27,
       34
      ]
     },
     "shadow": {
      "painted": false,
      "rgb": [
       28,
       27,
       34
      ]
     }
    },
    "overflow-clip": {
     "flow": {
      "width": 400,
      "wrapperHeight": 20
     },
     "sticky": {
      "childTop": 0
     },
     "clipPositioned": {
      "visible": false
     },
     "clipStatic": {
      "visible": true
     },
     "fixedChild": {
      "childTop": 0
     },
     "absChild": {
      "childTop": 0
     },
     "stacking": {
      "childOnTop": true
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 0,
      "inputFocused": true,
      "afterScrollIntoView": 0,
      "afterSetScrollTop": 0
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": false,
      "rgb": [
       28,
       27,
       34
      ]
     },
     "shadow": {
      "painted": false,
      "rgb": [
       28,
       27,
       34
      ]
     }
    },
    "flow-root-clip": {
     "flow": {
      "width": 400,
      "wrapperHeight": 20
     },
     "sticky": {
      "childTop": 0
     },
     "clipPositioned": {
      "visible": false
     },
     "clipStatic": {
      "visible": true
     },
     "fixedChild": {
      "childTop": 0
     },
     "absChild": {
      "childTop": 0
     },
     "stacking": {
      "childOnTop": true
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 0,
      "inputFocused": true,
      "afterScrollIntoView": 0,
      "afterSetScrollTop": 0
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": false,
      "rgb": [
       28,
       27,
       34
      ]
     },
     "shadow": {
      "painted": false,
      "rgb": [
       28,
       27,
       34
      ]
     }
    },
    "float": {
     "flow": {
      "width": 50,
      "wrapperHeight": 20
     },
     "sticky": {
      "childTop": 0
     },
     "clipPositioned": {
      "visible": true
     },
     "clipStatic": {
      "visible": true
     },
     "fixedChild": {
      "childTop": 0
     },
     "absChild": {
      "childTop": 0
     },
     "stacking": {
      "childOnTop": true
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 0,
      "inputFocused": true,
      "afterScrollIntoView": 0,
      "afterSetScrollTop": 0
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     },
     "shadow": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     }
    },
    "absolute": {
     "flow": {
      "width": 50,
      "wrapperHeight": 0
     },
     "sticky": {
      "childTop": 0
     },
     "clipPositioned": {
      "visible": true
     },
     "clipStatic": {
      "visible": true
     },
     "fixedChild": {
      "childTop": 0
     },
     "absChild": {
      "childTop": 100
     },
     "stacking": {
      "childOnTop": true
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 0,
      "inputFocused": true,
      "afterScrollIntoView": 0,
      "afterSetScrollTop": 0
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     },
     "shadow": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     }
    },
    "inline-block": {
     "flow": {
      "width": 50,
      "wrapperHeight": 23.5
     },
     "sticky": {
      "childTop": 0
     },
     "clipPositioned": {
      "visible": true
     },
     "clipStatic": {
      "visible": true
     },
     "fixedChild": {
      "childTop": 0
     },
     "absChild": {
      "childTop": 0
     },
     "stacking": {
      "childOnTop": true
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 0,
      "inputFocused": true,
      "afterScrollIntoView": 0,
      "afterSetScrollTop": 0
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     },
     "shadow": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     }
    },
    "contain-layout": {
     "flow": {
      "width": 400,
      "wrapperHeight": 20
     },
     "sticky": {
      "childTop": 0
     },
     "clipPositioned": {
      "visible": true
     },
     "clipStatic": {
      "visible": true
     },
     "fixedChild": {
      "childTop": 100
     },
     "absChild": {
      "childTop": 100
     },
     "stacking": {
      "childOnTop": false
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 0,
      "inputFocused": true,
      "afterScrollIntoView": 0,
      "afterSetScrollTop": 0
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     },
     "shadow": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     }
    },
    "contain-paint": {
     "flow": {
      "width": 400,
      "wrapperHeight": 20
     },
     "sticky": {
      "childTop": 0
     },
     "clipPositioned": {
      "visible": false
     },
     "clipStatic": {
      "visible": false
     },
     "fixedChild": {
      "childTop": 100
     },
     "absChild": {
      "childTop": 100
     },
     "stacking": {
      "childOnTop": false
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 0,
      "inputFocused": true,
      "afterScrollIntoView": 0,
      "afterSetScrollTop": 0
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": false,
      "rgb": [
       28,
       27,
       34
      ]
     },
     "shadow": {
      "painted": false,
      "rgb": [
       28,
       27,
       34
      ]
     }
    }
   },
   "body": {
    "overflow:hidden on body": {
     "bodyHeight": 0
    },
    "overflow:hidden on body, overflow:auto on html": {
     "bodyHeight": 100
    },
    "display:flow-root on body": {
     "bodyHeight": 100
    }
   }
  },
  {
   "browser": "WebKit",
   "version": "26.0",
   "cases": {
    "none": {
     "contain": {
      "height": 0
     },
     "margin": {
      "keptTop": 0,
      "keptBottom": 0,
      "height": 10
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 400,
      "height": 20
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 100
     }
    },
    "flow-root": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "overflow-hidden": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "overflow-auto": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "overflow-scroll": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "overflow-clip": {
     "contain": {
      "height": 0
     },
     "margin": {
      "keptTop": 0,
      "keptBottom": 0,
      "height": 10
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 400,
      "height": 20
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 100
     }
    },
    "flow-root-clip": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "float": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 50,
      "below": -20
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 50,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "absolute": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 50,
      "below": -20
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 50,
      "height": 20
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 0
     }
    },
    "fixed": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 50,
      "below": -20
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 50,
      "height": 20
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 0
     }
    },
    "inline-block": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 50,
      "below": 54
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 50,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 4
     }
    },
    "flex-item": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 50,
      "below": 50
     },
     "beside": null,
     "drop": null,
     "clear": null
    },
    "grid-item": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 50,
      "below": 50
     },
     "beside": null,
     "drop": null,
     "clear": null
    },
    "flex-container": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 20
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "grid-container": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 50
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "table-cell": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 20,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 50,
      "height": 20
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 0
     }
    },
    "contain-layout": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "contain-paint": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "contain-content": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "align-content": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "container-inline": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 30,
      "keptBottom": 30,
      "height": 70
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 100,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 100
     },
     "clear": {
      "childTop": 0
     }
    },
    "clearfix": {
     "contain": {
      "height": 100
     },
     "margin": {
      "keptTop": 0,
      "keptBottom": 30,
      "height": 40
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 400,
      "height": 100
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 100
     }
    },
    "relative": {
     "contain": {
      "height": 0
     },
     "margin": {
      "keptTop": 0,
      "keptBottom": 0,
      "height": 10
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 400,
      "height": 20
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 100
     }
    },
    "transform": {
     "contain": {
      "height": 0
     },
     "margin": {
      "keptTop": 0,
      "keptBottom": 0,
      "height": 10
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 400,
      "height": 20
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 100
     }
    },
    "opacity": {
     "contain": {
      "height": 0
     },
     "margin": {
      "keptTop": 0,
      "keptBottom": 0,
      "height": 10
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 400,
      "height": 20
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 100
     }
    },
    "padding": {
     "contain": {
      "height": 2
     },
     "margin": {
      "keptTop": 31,
      "keptBottom": 31,
      "height": 72
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 400,
      "height": 22
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 100
     }
    },
    "width": {
     "contain": {
      "height": 0
     },
     "margin": {
      "keptTop": 0,
      "keptBottom": 0,
      "height": 10
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 300,
      "height": 20
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 100
     }
    },
    "zoom": {
     "contain": {
      "height": 0
     },
     "margin": {
      "keptTop": 0,
      "keptBottom": 0,
      "height": 10
     },
     "inner": {
      "gap": 30
     },
     "sibling": {
      "above": 30,
      "below": 40
     },
     "beside": {
      "left": 0,
      "top": 0,
      "width": 400,
      "height": 20
     },
     "drop": {
      "top": 0
     },
     "clear": {
      "childTop": 100
     }
    }
   },
   "side": {
    "none": {
     "flow": {
      "width": 400,
      "wrapperHeight": 20
     },
     "sticky": {
      "childTop": 0
     },
     "clipPositioned": {
      "visible": true
     },
     "clipStatic": {
      "visible": true
     },
     "fixedChild": {
      "childTop": 0
     },
     "absChild": {
      "childTop": 0
     },
     "stacking": {
      "childOnTop": true
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 0,
      "inputFocused": true,
      "afterScrollIntoView": 0,
      "afterSetScrollTop": 0
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     },
     "shadow": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     }
    },
    "flow-root": {
     "flow": {
      "width": 400,
      "wrapperHeight": 20
     },
     "sticky": {
      "childTop": 0
     },
     "clipPositioned": {
      "visible": true
     },
     "clipStatic": {
      "visible": true
     },
     "fixedChild": {
      "childTop": 0
     },
     "absChild": {
      "childTop": 0
     },
     "stacking": {
      "childOnTop": true
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 0,
      "inputFocused": true,
      "afterScrollIntoView": 0,
      "afterSetScrollTop": 0
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     },
     "shadow": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     }
    },
    "overflow-hidden": {
     "flow": {
      "width": 400,
      "wrapperHeight": 20
     },
     "sticky": {
      "childTop": -500
     },
     "clipPositioned": {
      "visible": false
     },
     "clipStatic": {
      "visible": true
     },
     "fixedChild": {
      "childTop": 0
     },
     "absChild": {
      "childTop": 0
     },
     "stacking": {
      "childOnTop": true
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 219,
      "inputFocused": true,
      "afterScrollIntoView": 222,
      "afterSetScrollTop": 50
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": false,
      "rgb": [
       255,
       255,
       255
      ]
     },
     "shadow": {
      "painted": false,
      "rgb": [
       255,
       255,
       255
      ]
     }
    },
    "overflow-auto": {
     "flow": {
      "width": 400,
      "wrapperHeight": 20
     },
     "sticky": {
      "childTop": -500
     },
     "clipPositioned": {
      "visible": false
     },
     "clipStatic": {
      "visible": true
     },
     "fixedChild": {
      "childTop": 0
     },
     "absChild": {
      "childTop": 0
     },
     "stacking": {
      "childOnTop": true
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 219,
      "inputFocused": true,
      "afterScrollIntoView": 222,
      "afterSetScrollTop": 50
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": false,
      "rgb": [
       255,
       255,
       255
      ]
     },
     "shadow": {
      "painted": false,
      "rgb": [
       255,
       255,
       255
      ]
     }
    },
    "overflow-clip": {
     "flow": {
      "width": 400,
      "wrapperHeight": 20
     },
     "sticky": {
      "childTop": 0
     },
     "clipPositioned": {
      "visible": false
     },
     "clipStatic": {
      "visible": true
     },
     "fixedChild": {
      "childTop": 0
     },
     "absChild": {
      "childTop": 0
     },
     "stacking": {
      "childOnTop": true
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 0,
      "inputFocused": true,
      "afterScrollIntoView": 0,
      "afterSetScrollTop": 0
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": false,
      "rgb": [
       255,
       255,
       255
      ]
     },
     "shadow": {
      "painted": false,
      "rgb": [
       255,
       255,
       255
      ]
     }
    },
    "flow-root-clip": {
     "flow": {
      "width": 400,
      "wrapperHeight": 20
     },
     "sticky": {
      "childTop": 0
     },
     "clipPositioned": {
      "visible": false
     },
     "clipStatic": {
      "visible": true
     },
     "fixedChild": {
      "childTop": 0
     },
     "absChild": {
      "childTop": 0
     },
     "stacking": {
      "childOnTop": true
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 0,
      "inputFocused": true,
      "afterScrollIntoView": 0,
      "afterSetScrollTop": 0
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": false,
      "rgb": [
       255,
       255,
       255
      ]
     },
     "shadow": {
      "painted": false,
      "rgb": [
       255,
       255,
       255
      ]
     }
    },
    "float": {
     "flow": {
      "width": 50,
      "wrapperHeight": 20
     },
     "sticky": {
      "childTop": 0
     },
     "clipPositioned": {
      "visible": true
     },
     "clipStatic": {
      "visible": true
     },
     "fixedChild": {
      "childTop": 0
     },
     "absChild": {
      "childTop": 0
     },
     "stacking": {
      "childOnTop": true
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 0,
      "inputFocused": true,
      "afterScrollIntoView": 0,
      "afterSetScrollTop": 0
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     },
     "shadow": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     }
    },
    "absolute": {
     "flow": {
      "width": 50,
      "wrapperHeight": 0
     },
     "sticky": {
      "childTop": 0
     },
     "clipPositioned": {
      "visible": true
     },
     "clipStatic": {
      "visible": true
     },
     "fixedChild": {
      "childTop": 0
     },
     "absChild": {
      "childTop": 100
     },
     "stacking": {
      "childOnTop": true
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 0,
      "inputFocused": true,
      "afterScrollIntoView": 0,
      "afterSetScrollTop": 0
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     },
     "shadow": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     }
    },
    "inline-block": {
     "flow": {
      "width": 50,
      "wrapperHeight": 24
     },
     "sticky": {
      "childTop": 0
     },
     "clipPositioned": {
      "visible": true
     },
     "clipStatic": {
      "visible": true
     },
     "fixedChild": {
      "childTop": 0
     },
     "absChild": {
      "childTop": 0
     },
     "stacking": {
      "childOnTop": true
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 0,
      "inputFocused": true,
      "afterScrollIntoView": 0,
      "afterSetScrollTop": 0
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     },
     "shadow": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     }
    },
    "contain-layout": {
     "flow": {
      "width": 400,
      "wrapperHeight": 20
     },
     "sticky": {
      "childTop": 0
     },
     "clipPositioned": {
      "visible": true
     },
     "clipStatic": {
      "visible": true
     },
     "fixedChild": {
      "childTop": 100
     },
     "absChild": {
      "childTop": 100
     },
     "stacking": {
      "childOnTop": false
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 0,
      "inputFocused": true,
      "afterScrollIntoView": 0,
      "afterSetScrollTop": 0
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     },
     "shadow": {
      "painted": true,
      "rgb": [
       255,
       0,
       0
      ]
     }
    },
    "contain-paint": {
     "flow": {
      "width": 400,
      "wrapperHeight": 20
     },
     "sticky": {
      "childTop": 0
     },
     "clipPositioned": {
      "visible": false
     },
     "clipStatic": {
      "visible": false
     },
     "fixedChild": {
      "childTop": 100
     },
     "absChild": {
      "childTop": 100
     },
     "stacking": {
      "childOnTop": false
     },
     "spill": {
      "scrollbarHeight": 0,
      "height": 20
     },
     "focusScroll": {
      "afterFocus": 0,
      "inputFocused": true,
      "afterScrollIntoView": 0,
      "afterSetScrollTop": 0
     },
     "tabStop": {
      "focused": false,
      "controlInputFocused": true
     },
     "outline": {
      "painted": false,
      "rgb": [
       255,
       255,
       255
      ]
     },
     "shadow": {
      "painted": false,
      "rgb": [
       255,
       255,
       255
      ]
     }
    }
   },
   "body": {
    "overflow:hidden on body": {
     "bodyHeight": 0
    },
    "overflow:hidden on body, overflow:auto on html": {
     "bodyHeight": 100
    },
    "display:flow-root on body": {
     "bodyHeight": 100
    }
   }
  }
 ]
}