{
  "generatedAt": "2026-07-28T21:46:51.337Z",
  "beforeBaseline": {
    "source": "Chromium computed-style audit captured immediately before Shell-UX.2 changes",
    "scrollOwner": "HTML",
    "bodyOverflowY": "auto",
    "module": {
      "1920x1080": {
        "sidebarWidth": 280,
        "mainLeftEdge": 31.67,
        "mainRightEdge": 1608.33,
        "sidebarLeftEdge": 1640,
        "sidebarRightEdge": 1920,
        "intendedContentGap": 31.67,
        "topbarHeight": 68,
        "topbarWidth": 1640,
        "contentMaxInlineSize": "none",
        "horizontalOverflow": 0,
        "bodyScrollHeight": 1080,
        "viewportHeight": 1080
      },
      "1440x900": {
        "sidebarWidth": 280,
        "mainLeftEdge": 23.75,
        "mainRightEdge": 1136.25,
        "sidebarLeftEdge": 1160,
        "sidebarRightEdge": 1440,
        "intendedContentGap": 23.75,
        "topbarHeight": 68,
        "topbarWidth": 1160,
        "contentMaxInlineSize": "none",
        "horizontalOverflow": 0,
        "bodyScrollHeight": 900,
        "viewportHeight": 900
      },
      "1366x768": {
        "sidebarWidth": 280,
        "mainLeftEdge": 22.53,
        "mainRightEdge": 1063.47,
        "sidebarLeftEdge": 1086,
        "sidebarRightEdge": 1366,
        "intendedContentGap": 22.53,
        "topbarHeight": 68,
        "topbarWidth": 1086,
        "contentMaxInlineSize": "none",
        "horizontalOverflow": 0,
        "bodyScrollHeight": 768,
        "viewportHeight": 768
      }
    },
    "dashboard": {
      "1920x1080": {
        "sidebarWidth": 280,
        "intendedContentGap": 31.67,
        "topbarHeight": 80,
        "topbarWidth": 1640
      },
      "1440x900": {
        "sidebarWidth": 280,
        "intendedContentGap": 23.75,
        "topbarHeight": 80,
        "topbarWidth": 1160
      },
      "1366x768": {
        "sidebarWidth": 280,
        "intendedContentGap": 22.53,
        "topbarHeight": 80,
        "topbarWidth": 1086
      }
    }
  },
  "qa": {
    "hugeRightGap": 0,
    "contentDriftingLeft": 0,
    "sidebarFeelsTooSmall": 0,
    "topbarWeakMisaligned": 0,
    "mouseWheelDeadAreas": 0,
    "horizontalOverflow": 0,
    "excessiveBottomWhitespace": 0,
    "sidebarHorizontalOverflow": 0,
    "clippedSidebarText": 0,
    "consoleErrors": 0,
    "collapsedHorizontalOverflow": 0,
    "mobileDrawerScrollFailures": 0
  },
  "consoleErrors": [],
  "results": [
    {
      "label": "clients-1920-short",
      "dashboard": false,
      "longContent": false,
      "metrics": {
        "viewport": {
          "width": 1920,
          "height": 1080
        },
        "sidebar": {
          "top": 0,
          "right": 1920,
          "bottom": 1080,
          "left": 1628,
          "width": 292,
          "height": 1080
        },
        "page": {
          "top": 0,
          "right": 1628,
          "bottom": 1080,
          "left": 0,
          "width": 1628,
          "height": 1080
        },
        "content": {
          "top": 80,
          "right": 1628,
          "bottom": 1079,
          "left": 0,
          "width": 1628,
          "height": 999
        },
        "main": {
          "top": 104,
          "right": 1616,
          "bottom": 953.69,
          "left": 24,
          "width": 1592,
          "height": 849.69
        },
        "navbar": {
          "top": 0,
          "right": 1628,
          "bottom": 80,
          "left": 0,
          "width": 1628,
          "height": 80
        },
        "navbarContent": {
          "top": 12.5,
          "right": 1616,
          "bottom": 66.5,
          "left": 24,
          "width": 1592,
          "height": 54
        },
        "card": {
          "top": 104,
          "right": 1616,
          "bottom": 953.69,
          "left": 24,
          "width": 1592,
          "height": 849.69
        },
        "moduleRoot": {
          "top": 104,
          "right": 1616,
          "bottom": 953.69,
          "left": 24,
          "width": 1592,
          "height": 849.69
        },
        "sidebarWidth": "292px",
        "pagePaddingInlineStart": "0px",
        "pagePaddingInlineEnd": "0px",
        "pagePaddingRight": "0px",
        "pagePaddingLeft": "0px",
        "pagePaddingBlockStart": "80px",
        "pagePaddingTop": "80px",
        "pageDuplicateSidebarReservation": 0,
        "contentBoundaryGap": 0,
        "contentMaxInlineSize": "none",
        "contentMarginInline": "0px",
        "contentPaddingInline": "12px 24px",
        "contentMarginInlineStart": "0px",
        "contentMarginInlineEnd": "0px",
        "mainMinBlockSize": "0px",
        "mainLeftEdge": 24,
        "mainRightEdge": 1616,
        "sidebarLeftEdge": 1628,
        "sidebarRightEdge": 1920,
        "topbarHeight": 80,
        "topbarBlockSize": "80px",
        "topbarMinBlockSize": "80px",
        "topbarWidth": 1628,
        "topbarInsetInlineStart": "292px",
        "topbarInsetInlineEnd": "0px",
        "topbarSidebarBoundaryGap": 0,
        "topbarContentRightEdge": 1616,
        "topbarContentMainAlignmentDelta": 0,
        "bottomReservedWhitespace": 0,
        "intendedContentGap": 12,
        "bodyScrollHeight": 1080,
        "bodyClientWidth": 1920,
        "documentClientWidth": 1920,
        "mainScrollHeight": 850,
        "scrollRoot": "HTML",
        "rootScroll": {
          "scrollHeight": 1080,
          "clientHeight": 1080,
          "overflowY": "visible"
        },
        "bodyOverflowY": "auto",
        "horizontalOverflow": 0,
        "backdrop": {
          "display": "none",
          "opacity": "0",
          "pointerEvents": "none",
          "zIndex": "-1"
        },
        "blankPoint": {
          "x": 8,
          "y": 1074
        },
        "blankHit": {
          "tag": "DIV",
          "className": "container-xxl flex-grow-1 container-p-y kt-shell__content",
          "id": ""
        },
        "sidebarScroll": {
          "scrollHeight": 1869,
          "clientHeight": 993,
          "overflowY": "auto",
          "horizontalOverflow": 0
        },
        "clippedSidebarText": 0,
        "contentWheel": null,
        "sidebarWheel": {
          "windowScrollY": 0,
          "sidebarScrollTop": 420
        }
      }
    },
    {
      "label": "clients-1920-long",
      "dashboard": false,
      "longContent": true,
      "metrics": {
        "viewport": {
          "width": 1920,
          "height": 1080
        },
        "sidebar": {
          "top": 0,
          "right": 1920,
          "bottom": 1080,
          "left": 1628,
          "width": 292,
          "height": 1080
        },
        "page": {
          "top": 0,
          "right": 1628,
          "bottom": 2358,
          "left": 0,
          "width": 1628,
          "height": 2358
        },
        "content": {
          "top": 80,
          "right": 1628,
          "bottom": 2357,
          "left": 0,
          "width": 1628,
          "height": 2277
        },
        "main": {
          "top": 104,
          "right": 1616,
          "bottom": 2333,
          "left": 24,
          "width": 1592,
          "height": 2229
        },
        "navbar": {
          "top": 0,
          "right": 1628,
          "bottom": 80,
          "left": 0,
          "width": 1628,
          "height": 80
        },
        "navbarContent": {
          "top": 12.5,
          "right": 1616,
          "bottom": 66.5,
          "left": 24,
          "width": 1592,
          "height": 54
        },
        "card": {
          "top": 104,
          "right": 1616,
          "bottom": 953.69,
          "left": 24,
          "width": 1592,
          "height": 849.69
        },
        "moduleRoot": {
          "top": 104,
          "right": 1616,
          "bottom": 953.69,
          "left": 24,
          "width": 1592,
          "height": 849.69
        },
        "sidebarWidth": "292px",
        "pagePaddingInlineStart": "0px",
        "pagePaddingInlineEnd": "0px",
        "pagePaddingRight": "0px",
        "pagePaddingLeft": "0px",
        "pagePaddingBlockStart": "80px",
        "pagePaddingTop": "80px",
        "pageDuplicateSidebarReservation": 0,
        "contentBoundaryGap": 0,
        "contentMaxInlineSize": "none",
        "contentMarginInline": "0px",
        "contentPaddingInline": "12px 24px",
        "contentMarginInlineStart": "0px",
        "contentMarginInlineEnd": "0px",
        "mainMinBlockSize": "0px",
        "mainLeftEdge": 24,
        "mainRightEdge": 1616,
        "sidebarLeftEdge": 1628,
        "sidebarRightEdge": 1920,
        "topbarHeight": 80,
        "topbarBlockSize": "80px",
        "topbarMinBlockSize": "80px",
        "topbarWidth": 1628,
        "topbarInsetInlineStart": "292px",
        "topbarInsetInlineEnd": "0px",
        "topbarSidebarBoundaryGap": 0,
        "topbarContentRightEdge": 1616,
        "topbarContentMainAlignmentDelta": 0,
        "bottomReservedWhitespace": 1379.31,
        "intendedContentGap": 12,
        "bodyScrollHeight": 2358,
        "bodyClientWidth": 1920,
        "documentClientWidth": 1920,
        "mainScrollHeight": 2229,
        "scrollRoot": "HTML",
        "rootScroll": {
          "scrollHeight": 2358,
          "clientHeight": 1080,
          "overflowY": "visible"
        },
        "bodyOverflowY": "auto",
        "horizontalOverflow": 0,
        "backdrop": {
          "display": "none",
          "opacity": "0",
          "pointerEvents": "none",
          "zIndex": "-1"
        },
        "blankPoint": {
          "x": 8,
          "y": 1074
        },
        "blankHit": {
          "tag": "DIV",
          "className": "container-xxl flex-grow-1 container-p-y kt-shell__content",
          "id": ""
        },
        "sidebarScroll": {
          "scrollHeight": 1869,
          "clientHeight": 993,
          "overflowY": "auto",
          "horizontalOverflow": 0
        },
        "clippedSidebarText": 0,
        "contentWheel": {
          "windowScrollY": 520,
          "rootScrollTop": 520
        },
        "sidebarWheel": {
          "windowScrollY": 0,
          "sidebarScrollTop": 420
        }
      }
    },
    {
      "label": "clients-1440-short",
      "dashboard": false,
      "longContent": false,
      "metrics": {
        "viewport": {
          "width": 1440,
          "height": 900
        },
        "sidebar": {
          "top": 0,
          "right": 1440,
          "bottom": 900,
          "left": 1148,
          "width": 292,
          "height": 900
        },
        "page": {
          "top": 0,
          "right": 1148,
          "bottom": 974.38,
          "left": 0,
          "width": 1148,
          "height": 974.38
        },
        "content": {
          "top": 80,
          "right": 1148,
          "bottom": 973.38,
          "left": 0,
          "width": 1148,
          "height": 893.38
        },
        "main": {
          "top": 104,
          "right": 1136,
          "bottom": 949.38,
          "left": 24,
          "width": 1112,
          "height": 845.38
        },
        "navbar": {
          "top": 0,
          "right": 1148,
          "bottom": 80,
          "left": 0,
          "width": 1148,
          "height": 80
        },
        "navbarContent": {
          "top": 12.5,
          "right": 1136,
          "bottom": 66.5,
          "left": 24,
          "width": 1112,
          "height": 54
        },
        "card": {
          "top": 104,
          "right": 1136,
          "bottom": 949.38,
          "left": 24,
          "width": 1112,
          "height": 845.38
        },
        "moduleRoot": {
          "top": 104,
          "right": 1136,
          "bottom": 949.38,
          "left": 24,
          "width": 1112,
          "height": 845.38
        },
        "sidebarWidth": "292px",
        "pagePaddingInlineStart": "0px",
        "pagePaddingInlineEnd": "0px",
        "pagePaddingRight": "0px",
        "pagePaddingLeft": "0px",
        "pagePaddingBlockStart": "80px",
        "pagePaddingTop": "80px",
        "pageDuplicateSidebarReservation": 0,
        "contentBoundaryGap": 0,
        "contentMaxInlineSize": "none",
        "contentMarginInline": "0px",
        "contentPaddingInline": "12px 24px",
        "contentMarginInlineStart": "0px",
        "contentMarginInlineEnd": "0px",
        "mainMinBlockSize": "0px",
        "mainLeftEdge": 24,
        "mainRightEdge": 1136,
        "sidebarLeftEdge": 1148,
        "sidebarRightEdge": 1440,
        "topbarHeight": 80,
        "topbarBlockSize": "80px",
        "topbarMinBlockSize": "80px",
        "topbarWidth": 1148,
        "topbarInsetInlineStart": "292px",
        "topbarInsetInlineEnd": "0px",
        "topbarSidebarBoundaryGap": 0,
        "topbarContentRightEdge": 1136,
        "topbarContentMainAlignmentDelta": 0,
        "bottomReservedWhitespace": 0,
        "intendedContentGap": 12,
        "bodyScrollHeight": 974,
        "bodyClientWidth": 1440,
        "documentClientWidth": 1440,
        "mainScrollHeight": 845,
        "scrollRoot": "HTML",
        "rootScroll": {
          "scrollHeight": 974,
          "clientHeight": 900,
          "overflowY": "visible"
        },
        "bodyOverflowY": "auto",
        "horizontalOverflow": 0,
        "backdrop": {
          "display": "none",
          "opacity": "0",
          "pointerEvents": "none",
          "zIndex": "-1"
        },
        "blankPoint": {
          "x": 8,
          "y": 898
        },
        "blankHit": {
          "tag": "DIV",
          "className": "container-xxl flex-grow-1 container-p-y kt-shell__content",
          "id": ""
        },
        "sidebarScroll": {
          "scrollHeight": 1869,
          "clientHeight": 813,
          "overflowY": "auto",
          "horizontalOverflow": 0
        },
        "clippedSidebarText": 0,
        "contentWheel": null,
        "sidebarWheel": {
          "windowScrollY": 0,
          "sidebarScrollTop": 420
        }
      }
    },
    {
      "label": "clients-1440-long",
      "dashboard": false,
      "longContent": true,
      "metrics": {
        "viewport": {
          "width": 1440,
          "height": 900
        },
        "sidebar": {
          "top": 0,
          "right": 1440,
          "bottom": 900,
          "left": 1148,
          "width": 292,
          "height": 900
        },
        "page": {
          "top": 0,
          "right": 1148,
          "bottom": 2353.69,
          "left": 0,
          "width": 1148,
          "height": 2353.69
        },
        "content": {
          "top": 80,
          "right": 1148,
          "bottom": 2352.69,
          "left": 0,
          "width": 1148,
          "height": 2272.69
        },
        "main": {
          "top": 104,
          "right": 1136,
          "bottom": 2328.69,
          "left": 24,
          "width": 1112,
          "height": 2224.69
        },
        "navbar": {
          "top": 0,
          "right": 1148,
          "bottom": 80,
          "left": 0,
          "width": 1148,
          "height": 80
        },
        "navbarContent": {
          "top": 12.5,
          "right": 1136,
          "bottom": 66.5,
          "left": 24,
          "width": 1112,
          "height": 54
        },
        "card": {
          "top": 104,
          "right": 1136,
          "bottom": 949.38,
          "left": 24,
          "width": 1112,
          "height": 845.38
        },
        "moduleRoot": {
          "top": 104,
          "right": 1136,
          "bottom": 949.38,
          "left": 24,
          "width": 1112,
          "height": 845.38
        },
        "sidebarWidth": "292px",
        "pagePaddingInlineStart": "0px",
        "pagePaddingInlineEnd": "0px",
        "pagePaddingRight": "0px",
        "pagePaddingLeft": "0px",
        "pagePaddingBlockStart": "80px",
        "pagePaddingTop": "80px",
        "pageDuplicateSidebarReservation": 0,
        "contentBoundaryGap": 0,
        "contentMaxInlineSize": "none",
        "contentMarginInline": "0px",
        "contentPaddingInline": "12px 24px",
        "contentMarginInlineStart": "0px",
        "contentMarginInlineEnd": "0px",
        "mainMinBlockSize": "0px",
        "mainLeftEdge": 24,
        "mainRightEdge": 1136,
        "sidebarLeftEdge": 1148,
        "sidebarRightEdge": 1440,
        "topbarHeight": 80,
        "topbarBlockSize": "80px",
        "topbarMinBlockSize": "80px",
        "topbarWidth": 1148,
        "topbarInsetInlineStart": "292px",
        "topbarInsetInlineEnd": "0px",
        "topbarSidebarBoundaryGap": 0,
        "topbarContentRightEdge": 1136,
        "topbarContentMainAlignmentDelta": 0,
        "bottomReservedWhitespace": 1379.31,
        "intendedContentGap": 12,
        "bodyScrollHeight": 2354,
        "bodyClientWidth": 1440,
        "documentClientWidth": 1440,
        "mainScrollHeight": 2225,
        "scrollRoot": "HTML",
        "rootScroll": {
          "scrollHeight": 2354,
          "clientHeight": 900,
          "overflowY": "visible"
        },
        "bodyOverflowY": "auto",
        "horizontalOverflow": 0,
        "backdrop": {
          "display": "none",
          "opacity": "0",
          "pointerEvents": "none",
          "zIndex": "-1"
        },
        "blankPoint": {
          "x": 8,
          "y": 898
        },
        "blankHit": {
          "tag": "DIV",
          "className": "container-xxl flex-grow-1 container-p-y kt-shell__content",
          "id": ""
        },
        "sidebarScroll": {
          "scrollHeight": 1869,
          "clientHeight": 813,
          "overflowY": "auto",
          "horizontalOverflow": 0
        },
        "clippedSidebarText": 0,
        "contentWheel": {
          "windowScrollY": 520,
          "rootScrollTop": 520
        },
        "sidebarWheel": {
          "windowScrollY": 0,
          "sidebarScrollTop": 420
        }
      }
    },
    {
      "label": "clients-1366-short",
      "dashboard": false,
      "longContent": false,
      "metrics": {
        "viewport": {
          "width": 1366,
          "height": 768
        },
        "sidebar": {
          "top": 0,
          "right": 1366,
          "bottom": 768,
          "left": 1074,
          "width": 292,
          "height": 768
        },
        "page": {
          "top": 0,
          "right": 1074,
          "bottom": 977.14,
          "left": 0,
          "width": 1074,
          "height": 977.14
        },
        "content": {
          "top": 80,
          "right": 1074,
          "bottom": 976.14,
          "left": 0,
          "width": 1074,
          "height": 896.14
        },
        "main": {
          "top": 104,
          "right": 1062,
          "bottom": 952.14,
          "left": 24,
          "width": 1038,
          "height": 848.14
        },
        "navbar": {
          "top": 0,
          "right": 1074,
          "bottom": 80,
          "left": 0,
          "width": 1074,
          "height": 80
        },
        "navbarContent": {
          "top": 12.5,
          "right": 1062,
          "bottom": 66.5,
          "left": 24,
          "width": 1038,
          "height": 54
        },
        "card": {
          "top": 104,
          "right": 1062,
          "bottom": 952.14,
          "left": 24,
          "width": 1038,
          "height": 848.14
        },
        "moduleRoot": {
          "top": 104,
          "right": 1062,
          "bottom": 952.14,
          "left": 24,
          "width": 1038,
          "height": 848.14
        },
        "sidebarWidth": "292px",
        "pagePaddingInlineStart": "0px",
        "pagePaddingInlineEnd": "0px",
        "pagePaddingRight": "0px",
        "pagePaddingLeft": "0px",
        "pagePaddingBlockStart": "80px",
        "pagePaddingTop": "80px",
        "pageDuplicateSidebarReservation": 0,
        "contentBoundaryGap": 0,
        "contentMaxInlineSize": "none",
        "contentMarginInline": "0px",
        "contentPaddingInline": "12px 24px",
        "contentMarginInlineStart": "0px",
        "contentMarginInlineEnd": "0px",
        "mainMinBlockSize": "0px",
        "mainLeftEdge": 24,
        "mainRightEdge": 1062,
        "sidebarLeftEdge": 1074,
        "sidebarRightEdge": 1366,
        "topbarHeight": 80,
        "topbarBlockSize": "80px",
        "topbarMinBlockSize": "80px",
        "topbarWidth": 1074,
        "topbarInsetInlineStart": "292px",
        "topbarInsetInlineEnd": "0px",
        "topbarSidebarBoundaryGap": 0,
        "topbarContentRightEdge": 1062,
        "topbarContentMainAlignmentDelta": 0,
        "bottomReservedWhitespace": 0,
        "intendedContentGap": 12,
        "bodyScrollHeight": 977,
        "bodyClientWidth": 1366,
        "documentClientWidth": 1366,
        "mainScrollHeight": 848,
        "scrollRoot": "HTML",
        "rootScroll": {
          "scrollHeight": 977,
          "clientHeight": 768,
          "overflowY": "visible"
        },
        "bodyOverflowY": "auto",
        "horizontalOverflow": 0,
        "backdrop": {
          "display": "none",
          "opacity": "0",
          "pointerEvents": "none",
          "zIndex": "-1"
        },
        "blankPoint": {
          "x": 8,
          "y": 766
        },
        "blankHit": {
          "tag": "DIV",
          "className": "container-xxl flex-grow-1 container-p-y kt-shell__content",
          "id": ""
        },
        "sidebarScroll": {
          "scrollHeight": 1869,
          "clientHeight": 681,
          "overflowY": "auto",
          "horizontalOverflow": 0
        },
        "clippedSidebarText": 0,
        "contentWheel": null,
        "sidebarWheel": {
          "windowScrollY": 0,
          "sidebarScrollTop": 420
        }
      }
    },
    {
      "label": "clients-1366-long",
      "dashboard": false,
      "longContent": true,
      "metrics": {
        "viewport": {
          "width": 1366,
          "height": 768
        },
        "sidebar": {
          "top": 0,
          "right": 1366,
          "bottom": 768,
          "left": 1074,
          "width": 292,
          "height": 768
        },
        "page": {
          "top": 0,
          "right": 1074,
          "bottom": 2356.45,
          "left": 0,
          "width": 1074,
          "height": 2356.45
        },
        "content": {
          "top": 80,
          "right": 1074,
          "bottom": 2355.45,
          "left": 0,
          "width": 1074,
          "height": 2275.45
        },
        "main": {
          "top": 104,
          "right": 1062,
          "bottom": 2331.45,
          "left": 24,
          "width": 1038,
          "height": 2227.45
        },
        "navbar": {
          "top": 0,
          "right": 1074,
          "bottom": 80,
          "left": 0,
          "width": 1074,
          "height": 80
        },
        "navbarContent": {
          "top": 12.5,
          "right": 1062,
          "bottom": 66.5,
          "left": 24,
          "width": 1038,
          "height": 54
        },
        "card": {
          "top": 104,
          "right": 1062,
          "bottom": 952.14,
          "left": 24,
          "width": 1038,
          "height": 848.14
        },
        "moduleRoot": {
          "top": 104,
          "right": 1062,
          "bottom": 952.14,
          "left": 24,
          "width": 1038,
          "height": 848.14
        },
        "sidebarWidth": "292px",
        "pagePaddingInlineStart": "0px",
        "pagePaddingInlineEnd": "0px",
        "pagePaddingRight": "0px",
        "pagePaddingLeft": "0px",
        "pagePaddingBlockStart": "80px",
        "pagePaddingTop": "80px",
        "pageDuplicateSidebarReservation": 0,
        "contentBoundaryGap": 0,
        "contentMaxInlineSize": "none",
        "contentMarginInline": "0px",
        "contentPaddingInline": "12px 24px",
        "contentMarginInlineStart": "0px",
        "contentMarginInlineEnd": "0px",
        "mainMinBlockSize": "0px",
        "mainLeftEdge": 24,
        "mainRightEdge": 1062,
        "sidebarLeftEdge": 1074,
        "sidebarRightEdge": 1366,
        "topbarHeight": 80,
        "topbarBlockSize": "80px",
        "topbarMinBlockSize": "80px",
        "topbarWidth": 1074,
        "topbarInsetInlineStart": "292px",
        "topbarInsetInlineEnd": "0px",
        "topbarSidebarBoundaryGap": 0,
        "topbarContentRightEdge": 1062,
        "topbarContentMainAlignmentDelta": 0,
        "bottomReservedWhitespace": 1379.31,
        "intendedContentGap": 12,
        "bodyScrollHeight": 2356,
        "bodyClientWidth": 1366,
        "documentClientWidth": 1366,
        "mainScrollHeight": 2227,
        "scrollRoot": "HTML",
        "rootScroll": {
          "scrollHeight": 2356,
          "clientHeight": 768,
          "overflowY": "visible"
        },
        "bodyOverflowY": "auto",
        "horizontalOverflow": 0,
        "backdrop": {
          "display": "none",
          "opacity": "0",
          "pointerEvents": "none",
          "zIndex": "-1"
        },
        "blankPoint": {
          "x": 8,
          "y": 766
        },
        "blankHit": {
          "tag": "DIV",
          "className": "container-xxl flex-grow-1 container-p-y kt-shell__content",
          "id": ""
        },
        "sidebarScroll": {
          "scrollHeight": 1869,
          "clientHeight": 681,
          "overflowY": "auto",
          "horizontalOverflow": 0
        },
        "clippedSidebarText": 0,
        "contentWheel": {
          "windowScrollY": 520,
          "rootScrollTop": 520
        },
        "sidebarWheel": {
          "windowScrollY": 0,
          "sidebarScrollTop": 420
        }
      }
    },
    {
      "label": "clients-1024-short",
      "dashboard": false,
      "longContent": false,
      "metrics": {
        "viewport": {
          "width": 1024,
          "height": 768
        },
        "sidebar": {
          "top": 0,
          "right": 1330.6,
          "bottom": 768,
          "left": 1038.6,
          "width": 292,
          "height": 768
        },
        "page": {
          "top": 0,
          "right": 1024,
          "bottom": 1223.11,
          "left": 0,
          "width": 1024,
          "height": 1223.11
        },
        "content": {
          "top": 80,
          "right": 1024,
          "bottom": 1222.11,
          "left": 0,
          "width": 1024,
          "height": 1142.11
        },
        "main": {
          "top": 104,
          "right": 1008,
          "bottom": 1198.11,
          "left": 16,
          "width": 992,
          "height": 1094.11
        },
        "navbar": {
          "top": 0,
          "right": 1024,
          "bottom": 80,
          "left": 0,
          "width": 1024,
          "height": 80
        },
        "navbarContent": {
          "top": 12.5,
          "right": 956,
          "bottom": 66.5,
          "left": 16,
          "width": 940,
          "height": 54
        },
        "card": {
          "top": 104,
          "right": 1008,
          "bottom": 1198.11,
          "left": 16,
          "width": 992,
          "height": 1094.11
        },
        "moduleRoot": {
          "top": 104,
          "right": 1008,
          "bottom": 1198.11,
          "left": 16,
          "width": 992,
          "height": 1094.11
        },
        "sidebarWidth": "292px",
        "pagePaddingInlineStart": "0px",
        "pagePaddingInlineEnd": "0px",
        "pagePaddingRight": "0px",
        "pagePaddingLeft": "0px",
        "pagePaddingBlockStart": "80px",
        "pagePaddingTop": "80px",
        "pageDuplicateSidebarReservation": 0,
        "contentBoundaryGap": 14.6,
        "contentMaxInlineSize": "none",
        "contentMarginInline": "0px",
        "contentPaddingInline": "16px",
        "contentMarginInlineStart": "0px",
        "contentMarginInlineEnd": "0px",
        "mainMinBlockSize": "0px",
        "mainLeftEdge": 16,
        "mainRightEdge": 1008,
        "sidebarLeftEdge": 1038.6,
        "sidebarRightEdge": 1330.6,
        "topbarHeight": 80,
        "topbarBlockSize": "80px",
        "topbarMinBlockSize": "80px",
        "topbarWidth": 1024,
        "topbarInsetInlineStart": "0px",
        "topbarInsetInlineEnd": "0px",
        "topbarSidebarBoundaryGap": 14.6,
        "topbarContentRightEdge": 956,
        "topbarContentMainAlignmentDelta": -52,
        "bottomReservedWhitespace": 0,
        "intendedContentGap": 30.6,
        "bodyScrollHeight": 1223,
        "bodyClientWidth": 1024,
        "documentClientWidth": 1024,
        "mainScrollHeight": 1094,
        "scrollRoot": "HTML",
        "rootScroll": {
          "scrollHeight": 1223,
          "clientHeight": 768,
          "overflowY": "visible"
        },
        "bodyOverflowY": "auto",
        "horizontalOverflow": 0,
        "backdrop": {
          "display": "none",
          "opacity": "0",
          "pointerEvents": "none",
          "zIndex": "-1"
        },
        "blankPoint": {
          "x": 8,
          "y": 766
        },
        "blankHit": {
          "tag": "DIV",
          "className": "container-xxl flex-grow-1 container-p-y kt-shell__content",
          "id": ""
        },
        "sidebarScroll": {
          "scrollHeight": 1877,
          "clientHeight": 681,
          "overflowY": "auto",
          "horizontalOverflow": 0
        },
        "clippedSidebarText": 0,
        "contentWheel": null,
        "sidebarWheel": {
          "windowScrollY": 420,
          "sidebarScrollTop": 0
        }
      }
    },
    {
      "label": "clients-1024-long",
      "dashboard": false,
      "longContent": true,
      "metrics": {
        "viewport": {
          "width": 1024,
          "height": 768
        },
        "sidebar": {
          "top": 0,
          "right": 1330.6,
          "bottom": 768,
          "left": 1038.6,
          "width": 292,
          "height": 768
        },
        "page": {
          "top": 0,
          "right": 1024,
          "bottom": 2602.42,
          "left": 0,
          "width": 1024,
          "height": 2602.42
        },
        "content": {
          "top": 80,
          "right": 1024,
          "bottom": 2601.42,
          "left": 0,
          "width": 1024,
          "height": 2521.42
        },
        "main": {
          "top": 104,
          "right": 1008,
          "bottom": 2577.42,
          "left": 16,
          "width": 992,
          "height": 2473.42
        },
        "navbar": {
          "top": 0,
          "right": 1024,
          "bottom": 80,
          "left": 0,
          "width": 1024,
          "height": 80
        },
        "navbarContent": {
          "top": 12.5,
          "right": 956,
          "bottom": 66.5,
          "left": 16,
          "width": 940,
          "height": 54
        },
        "card": {
          "top": 104,
          "right": 1008,
          "bottom": 1198.11,
          "left": 16,
          "width": 992,
          "height": 1094.11
        },
        "moduleRoot": {
          "top": 104,
          "right": 1008,
          "bottom": 1198.11,
          "left": 16,
          "width": 992,
          "height": 1094.11
        },
        "sidebarWidth": "292px",
        "pagePaddingInlineStart": "0px",
        "pagePaddingInlineEnd": "0px",
        "pagePaddingRight": "0px",
        "pagePaddingLeft": "0px",
        "pagePaddingBlockStart": "80px",
        "pagePaddingTop": "80px",
        "pageDuplicateSidebarReservation": 0,
        "contentBoundaryGap": 14.6,
        "contentMaxInlineSize": "none",
        "contentMarginInline": "0px",
        "contentPaddingInline": "16px",
        "contentMarginInlineStart": "0px",
        "contentMarginInlineEnd": "0px",
        "mainMinBlockSize": "0px",
        "mainLeftEdge": 16,
        "mainRightEdge": 1008,
        "sidebarLeftEdge": 1038.6,
        "sidebarRightEdge": 1330.6,
        "topbarHeight": 80,
        "topbarBlockSize": "80px",
        "topbarMinBlockSize": "80px",
        "topbarWidth": 1024,
        "topbarInsetInlineStart": "0px",
        "topbarInsetInlineEnd": "0px",
        "topbarSidebarBoundaryGap": 14.6,
        "topbarContentRightEdge": 956,
        "topbarContentMainAlignmentDelta": -52,
        "bottomReservedWhitespace": 1379.31,
        "intendedContentGap": 30.6,
        "bodyScrollHeight": 2602,
        "bodyClientWidth": 1024,
        "documentClientWidth": 1024,
        "mainScrollHeight": 2473,
        "scrollRoot": "HTML",
        "rootScroll": {
          "scrollHeight": 2602,
          "clientHeight": 768,
          "overflowY": "visible"
        },
        "bodyOverflowY": "auto",
        "horizontalOverflow": 0,
        "backdrop": {
          "display": "none",
          "opacity": "0",
          "pointerEvents": "none",
          "zIndex": "-1"
        },
        "blankPoint": {
          "x": 8,
          "y": 766
        },
        "blankHit": {
          "tag": "DIV",
          "className": "container-xxl flex-grow-1 container-p-y kt-shell__content",
          "id": ""
        },
        "sidebarScroll": {
          "scrollHeight": 1877,
          "clientHeight": 681,
          "overflowY": "auto",
          "horizontalOverflow": 0
        },
        "clippedSidebarText": 0,
        "contentWheel": {
          "windowScrollY": 520,
          "rootScrollTop": 520
        },
        "sidebarWheel": {
          "windowScrollY": 420,
          "sidebarScrollTop": 0
        }
      }
    },
    {
      "label": "clients-390-short",
      "dashboard": false,
      "longContent": false,
      "metrics": {
        "viewport": {
          "width": 390,
          "height": 844
        },
        "sidebar": {
          "top": 0,
          "right": 696.6,
          "bottom": 844,
          "left": 404.6,
          "width": 292,
          "height": 844
        },
        "page": {
          "top": 0,
          "right": 390,
          "bottom": 1875.92,
          "left": 0,
          "width": 390,
          "height": 1875.92
        },
        "content": {
          "top": 64,
          "right": 390,
          "bottom": 1874.92,
          "left": 0,
          "width": 390,
          "height": 1810.92
        },
        "main": {
          "top": 88,
          "right": 378,
          "bottom": 1850.92,
          "left": 12,
          "width": 366,
          "height": 1762.92
        },
        "navbar": {
          "top": 0,
          "right": 390,
          "bottom": 64,
          "left": 0,
          "width": 390,
          "height": 64
        },
        "navbarContent": {
          "top": 4.5,
          "right": 326,
          "bottom": 58.5,
          "left": 12,
          "width": 314,
          "height": 54
        },
        "card": {
          "top": 88,
          "right": 378,
          "bottom": 1850.92,
          "left": 12,
          "width": 366,
          "height": 1762.92
        },
        "moduleRoot": {
          "top": 88,
          "right": 378,
          "bottom": 1850.92,
          "left": 12,
          "width": 366,
          "height": 1762.92
        },
        "sidebarWidth": "292px",
        "pagePaddingInlineStart": "0px",
        "pagePaddingInlineEnd": "0px",
        "pagePaddingRight": "0px",
        "pagePaddingLeft": "0px",
        "pagePaddingBlockStart": "64px",
        "pagePaddingTop": "64px",
        "pageDuplicateSidebarReservation": 0,
        "contentBoundaryGap": 14.6,
        "contentMaxInlineSize": "none",
        "contentMarginInline": "0px",
        "contentPaddingInline": "12px",
        "contentMarginInlineStart": "0px",
        "contentMarginInlineEnd": "0px",
        "mainMinBlockSize": "0px",
        "mainLeftEdge": 12,
        "mainRightEdge": 378,
        "sidebarLeftEdge": 404.6,
        "sidebarRightEdge": 696.6,
        "topbarHeight": 64,
        "topbarBlockSize": "64px",
        "topbarMinBlockSize": "64px",
        "topbarWidth": 390,
        "topbarInsetInlineStart": "0px",
        "topbarInsetInlineEnd": "0px",
        "topbarSidebarBoundaryGap": 14.6,
        "topbarContentRightEdge": 326,
        "topbarContentMainAlignmentDelta": -52,
        "bottomReservedWhitespace": 0,
        "intendedContentGap": 26.6,
        "bodyScrollHeight": 1876,
        "bodyClientWidth": 390,
        "documentClientWidth": 390,
        "mainScrollHeight": 1763,
        "scrollRoot": "HTML",
        "rootScroll": {
          "scrollHeight": 1876,
          "clientHeight": 844,
          "overflowY": "visible"
        },
        "bodyOverflowY": "auto",
        "horizontalOverflow": 0,
        "backdrop": {
          "display": "none",
          "opacity": "0",
          "pointerEvents": "none",
          "zIndex": "-1"
        },
        "blankPoint": {
          "x": 8,
          "y": 842
        },
        "blankHit": {
          "tag": "DIV",
          "className": "container-xxl flex-grow-1 container-p-y kt-shell__content",
          "id": ""
        },
        "sidebarScroll": {
          "scrollHeight": 1877,
          "clientHeight": 757,
          "overflowY": "auto",
          "horizontalOverflow": 0
        },
        "clippedSidebarText": 0,
        "contentWheel": null,
        "sidebarWheel": {
          "windowScrollY": 420,
          "sidebarScrollTop": 0
        }
      }
    },
    {
      "label": "clients-390-long",
      "dashboard": false,
      "longContent": true,
      "metrics": {
        "viewport": {
          "width": 390,
          "height": 844
        },
        "sidebar": {
          "top": 0,
          "right": 696.6,
          "bottom": 844,
          "left": 404.6,
          "width": 292,
          "height": 844
        },
        "page": {
          "top": 0,
          "right": 390,
          "bottom": 3343.42,
          "left": 0,
          "width": 390,
          "height": 3343.42
        },
        "content": {
          "top": 64,
          "right": 390,
          "bottom": 3342.42,
          "left": 0,
          "width": 390,
          "height": 3278.42
        },
        "main": {
          "top": 88,
          "right": 378,
          "bottom": 3318.42,
          "left": 12,
          "width": 366,
          "height": 3230.42
        },
        "navbar": {
          "top": 0,
          "right": 390,
          "bottom": 64,
          "left": 0,
          "width": 390,
          "height": 64
        },
        "navbarContent": {
          "top": 4.5,
          "right": 326,
          "bottom": 58.5,
          "left": 12,
          "width": 314,
          "height": 54
        },
        "card": {
          "top": 88,
          "right": 378,
          "bottom": 1850.92,
          "left": 12,
          "width": 366,
          "height": 1762.92
        },
        "moduleRoot": {
          "top": 88,
          "right": 378,
          "bottom": 1850.92,
          "left": 12,
          "width": 366,
          "height": 1762.92
        },
        "sidebarWidth": "292px",
        "pagePaddingInlineStart": "0px",
        "pagePaddingInlineEnd": "0px",
        "pagePaddingRight": "0px",
        "pagePaddingLeft": "0px",
        "pagePaddingBlockStart": "64px",
        "pagePaddingTop": "64px",
        "pageDuplicateSidebarReservation": 0,
        "contentBoundaryGap": 14.6,
        "contentMaxInlineSize": "none",
        "contentMarginInline": "0px",
        "contentPaddingInline": "12px",
        "contentMarginInlineStart": "0px",
        "contentMarginInlineEnd": "0px",
        "mainMinBlockSize": "0px",
        "mainLeftEdge": 12,
        "mainRightEdge": 378,
        "sidebarLeftEdge": 404.6,
        "sidebarRightEdge": 696.6,
        "topbarHeight": 64,
        "topbarBlockSize": "64px",
        "topbarMinBlockSize": "64px",
        "topbarWidth": 390,
        "topbarInsetInlineStart": "0px",
        "topbarInsetInlineEnd": "0px",
        "topbarSidebarBoundaryGap": 14.6,
        "topbarContentRightEdge": 326,
        "topbarContentMainAlignmentDelta": -52,
        "bottomReservedWhitespace": 1467.5,
        "intendedContentGap": 26.6,
        "bodyScrollHeight": 3343,
        "bodyClientWidth": 390,
        "documentClientWidth": 390,
        "mainScrollHeight": 3230,
        "scrollRoot": "HTML",
        "rootScroll": {
          "scrollHeight": 3343,
          "clientHeight": 844,
          "overflowY": "visible"
        },
        "bodyOverflowY": "auto",
        "horizontalOverflow": 0,
        "backdrop": {
          "display": "none",
          "opacity": "0",
          "pointerEvents": "none",
          "zIndex": "-1"
        },
        "blankPoint": {
          "x": 8,
          "y": 842
        },
        "blankHit": {
          "tag": "DIV",
          "className": "container-xxl flex-grow-1 container-p-y kt-shell__content",
          "id": ""
        },
        "sidebarScroll": {
          "scrollHeight": 1877,
          "clientHeight": 757,
          "overflowY": "auto",
          "horizontalOverflow": 0
        },
        "clippedSidebarText": 0,
        "contentWheel": {
          "windowScrollY": 520,
          "rootScrollTop": 520
        },
        "sidebarWheel": {
          "windowScrollY": 420,
          "sidebarScrollTop": 0
        }
      }
    },
    {
      "label": "module-1440-collapsed",
      "dashboard": false,
      "longContent": false,
      "special": true,
      "metrics": {
        "viewport": {
          "width": 1440,
          "height": 900
        },
        "sidebar": {
          "top": 0,
          "right": 1440,
          "bottom": 900,
          "left": 1352,
          "width": 88,
          "height": 900
        },
        "page": {
          "top": 0,
          "right": 1352,
          "bottom": 974.38,
          "left": 0,
          "width": 1352,
          "height": 974.38
        },
        "content": {
          "top": 80,
          "right": 1352,
          "bottom": 973.38,
          "left": 0,
          "width": 1352,
          "height": 893.38
        },
        "main": {
          "top": 104,
          "right": 1340,
          "bottom": 949.38,
          "left": 24,
          "width": 1316,
          "height": 845.38
        },
        "navbar": {
          "top": 0,
          "right": 1352,
          "bottom": 80,
          "left": 0,
          "width": 1352,
          "height": 80
        },
        "navbarContent": {
          "top": 12.5,
          "right": 1340,
          "bottom": 66.5,
          "left": 24,
          "width": 1316,
          "height": 54
        },
        "card": {
          "top": 104,
          "right": 1340,
          "bottom": 949.38,
          "left": 24,
          "width": 1316,
          "height": 845.38
        },
        "moduleRoot": {
          "top": 104,
          "right": 1340,
          "bottom": 949.38,
          "left": 24,
          "width": 1316,
          "height": 845.38
        },
        "sidebarWidth": "88px",
        "pagePaddingInlineStart": "0px",
        "pagePaddingInlineEnd": "0px",
        "pagePaddingRight": "0px",
        "pagePaddingLeft": "0px",
        "pagePaddingBlockStart": "80px",
        "pagePaddingTop": "80px",
        "pageDuplicateSidebarReservation": 0,
        "contentBoundaryGap": 0,
        "contentMaxInlineSize": "none",
        "contentMarginInline": "0px",
        "contentPaddingInline": "12px 24px",
        "contentMarginInlineStart": "0px",
        "contentMarginInlineEnd": "0px",
        "mainMinBlockSize": "0px",
        "mainLeftEdge": 24,
        "mainRightEdge": 1340,
        "sidebarLeftEdge": 1352,
        "sidebarRightEdge": 1440,
        "topbarHeight": 80,
        "topbarBlockSize": "80px",
        "topbarMinBlockSize": "80px",
        "topbarWidth": 1352,
        "topbarInsetInlineStart": "88px",
        "topbarInsetInlineEnd": "0px",
        "topbarSidebarBoundaryGap": 0,
        "topbarContentRightEdge": 1340,
        "topbarContentMainAlignmentDelta": 0,
        "bottomReservedWhitespace": 0,
        "intendedContentGap": 12,
        "bodyScrollHeight": 974,
        "bodyClientWidth": 1440,
        "documentClientWidth": 1440,
        "mainScrollHeight": 845,
        "scrollRoot": "HTML",
        "rootScroll": {
          "scrollHeight": 974,
          "clientHeight": 900,
          "overflowY": "visible"
        },
        "bodyOverflowY": "auto",
        "horizontalOverflow": 0,
        "backdrop": {
          "display": "none",
          "opacity": "0",
          "pointerEvents": "none",
          "zIndex": "-1"
        },
        "blankPoint": {
          "x": 8,
          "y": 898
        },
        "blankHit": {
          "tag": "DIV",
          "className": "container-xxl flex-grow-1 container-p-y kt-shell__content",
          "id": ""
        },
        "sidebarScroll": {
          "scrollHeight": 1695,
          "clientHeight": 813,
          "overflowY": "auto",
          "horizontalOverflow": 30
        },
        "clippedSidebarText": 0,
        "contentWheel": null,
        "sidebarWheel": {
          "windowScrollY": 0,
          "sidebarScrollTop": 420
        }
      }
    },
    {
      "label": "module-390-mobile-open",
      "dashboard": false,
      "longContent": false,
      "special": true,
      "metrics": {
        "viewport": {
          "width": 390,
          "height": 844
        },
        "sidebar": {
          "top": 0,
          "right": 390,
          "bottom": 844,
          "left": 98,
          "width": 292,
          "height": 844
        },
        "page": {
          "top": 0,
          "right": 390,
          "bottom": 1875.92,
          "left": 0,
          "width": 390,
          "height": 1875.92
        },
        "content": {
          "top": 64,
          "right": 390,
          "bottom": 1874.92,
          "left": 0,
          "width": 390,
          "height": 1810.92
        },
        "main": {
          "top": 88,
          "right": 378,
          "bottom": 1850.92,
          "left": 12,
          "width": 366,
          "height": 1762.92
        },
        "navbar": {
          "top": 0,
          "right": 390,
          "bottom": 64,
          "left": 0,
          "width": 390,
          "height": 64
        },
        "navbarContent": {
          "top": 4.5,
          "right": 326,
          "bottom": 58.5,
          "left": 12,
          "width": 314,
          "height": 54
        },
        "card": {
          "top": 88,
          "right": 378,
          "bottom": 1850.92,
          "left": 12,
          "width": 366,
          "height": 1762.92
        },
        "moduleRoot": {
          "top": 88,
          "right": 378,
          "bottom": 1850.92,
          "left": 12,
          "width": 366,
          "height": 1762.92
        },
        "sidebarWidth": "292px",
        "pagePaddingInlineStart": "0px",
        "pagePaddingInlineEnd": "0px",
        "pagePaddingRight": "0px",
        "pagePaddingLeft": "0px",
        "pagePaddingBlockStart": "64px",
        "pagePaddingTop": "64px",
        "pageDuplicateSidebarReservation": 0,
        "contentBoundaryGap": -292,
        "contentMaxInlineSize": "none",
        "contentMarginInline": "0px",
        "contentPaddingInline": "12px",
        "contentMarginInlineStart": "0px",
        "contentMarginInlineEnd": "0px",
        "mainMinBlockSize": "0px",
        "mainLeftEdge": 12,
        "mainRightEdge": 378,
        "sidebarLeftEdge": 98,
        "sidebarRightEdge": 390,
        "topbarHeight": 64,
        "topbarBlockSize": "64px",
        "topbarMinBlockSize": "64px",
        "topbarWidth": 390,
        "topbarInsetInlineStart": "0px",
        "topbarInsetInlineEnd": "0px",
        "topbarSidebarBoundaryGap": -292,
        "topbarContentRightEdge": 326,
        "topbarContentMainAlignmentDelta": -52,
        "bottomReservedWhitespace": 0,
        "intendedContentGap": 0,
        "bodyScrollHeight": 1876,
        "bodyClientWidth": 390,
        "documentClientWidth": 390,
        "mainScrollHeight": 1763,
        "scrollRoot": "HTML",
        "rootScroll": {
          "scrollHeight": 1876,
          "clientHeight": 844,
          "overflowY": "hidden"
        },
        "bodyOverflowY": "hidden",
        "horizontalOverflow": 0,
        "backdrop": {
          "display": "none",
          "opacity": "0",
          "pointerEvents": "none",
          "zIndex": "-1"
        },
        "blankPoint": {
          "x": 8,
          "y": 842
        },
        "blankHit": {
          "tag": "DIV",
          "className": "layout-overlay layout-menu-toggle kt-shell__overlay",
          "id": ""
        },
        "sidebarScroll": {
          "scrollHeight": 1877,
          "clientHeight": 757,
          "overflowY": "auto",
          "horizontalOverflow": 0
        },
        "clippedSidebarText": 0,
        "contentWheel": null,
        "sidebarWheel": {
          "windowScrollY": 0,
          "sidebarScrollTop": 420
        }
      }
    }
  ]
}