{
    "type": "ControllerOverlayPanel", "name": "ControllerOverlay",
    "fields": {
        // The UI Switcher is priority -1 (below the in-game panels), so this keeps the overlay underneath them all.
        "priority": -2,
        "panels": [ "pause", "character", "inventory", "skills_tree", "quest_log", "party", "hireling_inventory", "stash", "horadric_cube", "vendor", "imbue", "trade", "waypoints", "scroll_of_inifuss" ],
        "tabNames": [ "@ControllerPauseMenuTitle", "@minipanelcharL", "@strpanel4", "@strpanel8", "@minipanelquestL", "@PartyScreenTitle", "@MiniPanelHire", "@stash", "@box", "", "@Upgrade", "@strTrade", "@Waypoint", "@bks" ],
        "singlePanelBackgroundFrame": 0,
        "dualPanelBackgroundFrame": 1,
        "fitToParent": true,
    },
    "children": [
        {
            "type": "DamageIndicatorWidget", "name": "TransparentBG",
            "fields": {
                "fitToScreen": true,
                "baseColor": [ 0.0, 0.0, 0.0, 0.7 ],
                "damageColor": [ 0.3, 0.0, 0.0, 0.7 ],
                "animationLengthSeconds": 0.75,
            },
            "children": [
                {
                    "type": "ClickCatcherWidget", "name": "BGClickCatcher",
                    "fields": {
                        "fitToParent": true
                    }
                }
            ]
        },
        {
            "type": "Widget", "name": "Anchor",
            "fields": {
                "anchor": { "x": 0.5, "y": 0.0 },
                "rect": "$ControllerOverlayRect",
            },
            "children": [
				{
					"type": "ControllerCursorBoundsWidget", "name": "ControllerCursorBounds",
					"fields": {
						"fitToParent": true,
					},
				},
                {
                    "type": "ImageWidget", "name": "Background",
                    "fields": {
                        "rect": { "x": 0, "y": 0 },
                        "filename": "Controller/Panel/MainPanelBG",
                    },
                },
                {
                    "type": "TabBarWidget", "name": "Tabs",
                    "fields": {
                        "rect": { "x": 0, "y": 0, "width": 2880, "height": 103 },
                        "tabCount": 8,
                        "inactiveTextColor": "$FontColorVeryLightGray",
                        "activeTextColor": "$FontColorVeryLightGray",
                        "tabPadding": { "x": 0, "y": 0 },
                        "textStyle": { "pointSize": "$LargeFontSize" },
                        "unavailableTabsLeaveGaps": false,
                        "tabSizingMethod": "evenlyDistribute",
                        "enableControllerTabSwitching": false,
                    },
                },
                {
                    "type": "Widget", "name": "TopTabsContainer",
                    "fields": {
                        "anchor": { "x": 0.5, "y": 0.0 },
                        "rect": { "x": -1440, "y": 0, "width": 2880, "height": 1763 },
                    },
                    "children": [
                        {
                            "type": "ImageWidget", "name": "TabsEndcapLeft",
                            "fields": {
                                "rect": { "x": 60, "y": 7 },
                                "filename": "Controller/Panel/Top_Tabs_EndCap_Left",
                            },
                        },
                        {
                            "type": "ImageWidget", "name": "TabsEndcapRight",
                            "fields": {
                                "anchor": {"x":1.0, "y":0.0},
                                "rect": { "x": -87, "y": 7 },
                                "filename": "Controller/Panel/Top_Tabs_EndCap_Right",
                            },
                        },
                        {
                            "type": "TabBarWidget", "name": "UISwitcherTabs",
                            "fields": {
                                "rect": { "x": 75, "y": 12, "width": 2730, "height": 90 },
                                "tabCount": 8,
                                "filename": [ "Controller/Panel/Controller_Top_Tab_7Tabs", "Controller/Panel/Controller_Top_Tab_6Tabs", "Controller/Panel/Controller_Top_Tab_5Tabs" ],
                                "inactiveFrames": [ 0, 0, 0, 0, 0, 0, 0, 0 ],
                                "activeFrames": [ 1, 1, 1, 1, 1, 1, 1, 1 ],
                                "inactiveTextColor": "$FontColorLightGray",
                                "activeTextColor": "$FontColorVeryLightGray",
                                "focusIndicatorFilename": ["Controller/HoverImages/ControllerTopTabs_5", "Controller/HoverImages/ControllerTopTabs_6", "Controller/HoverImages/ControllerTopTabs_7"],
                                "focusIndicatorOffset": { "x": 0, "y": -10 },
                                "tabPadding": { "x": 0, "y": 0 },
                                "tabTextOffset": { "x": 0, "y": -9 },
                                "textStyle": {
                                    "pointSize": "$MediumLargeFontSize",
                                    "spacing": "$ReducedSpacing",
                                    "dropShadow": "$DefaultDropShadow",
                                },
                                "unavailableTabsLeaveGaps": false,
                                "tabSizingMethod": "fitToContent",
                                "enableControllerTabSwitching": false,
                                "focusOnMouseOver": true,
                                "notificationIconTemplate": {
                                    "rect": { "x": -65, "y": -18 },
                                    "anchor": { "x": 1, "y": 0 },
                                    "filename": "Controller/Panel/TabNotificationIcon",
                                },
                            }
                        }
                     ]
                },
                {
                    "type": "ButtonLegendWidget", "name": "Legend",
                    "fields": {
                        "rect": { "x": 0, "y": 1661, "width": 2880, "height": 103 },
                        "text": { "style": "$StyleButtonLegend" },
                    },
                },
            ]
        },
    ]
}
