{
    "tools - query - stem": SimpleButton (
        start_enabled: false,
        within: "tools - query",
        default: (
            area: (
                x_axis: (
                    from: (frac: 1, px: 0),
                    dist: (frac: 0, px: 40),
                ),
                y_axis: (
                    from: (frac: 0.5, px: -20),
                    dist: (frac: 0, px: 40),
                )
            ),
            fill_color: (47,31,191,191),
        ),
    ),
    "tools - query - back": SimpleButton (
        start_enabled: false,
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 150),
                    dist: (frac: 0, px: 40),
                ),
                y_axis: (
                    from: (frac: 1, px: -730),
                    dist: (frac: 0, px: 600),
                )
            ),
            fill_color: (47,31,191,191),
        ),
    ),
    "tools - query - textual": SimpleButton (
        within: "tools - query - back",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 10),
                    dist: (frac: 0, px: 100),
                ),
                y_axis: (
                    from: (frac: 1, px: -590),
                    dist: (frac: 0, px: 100),
                )
            ),
            image_path: "ui/icons/data-query.png$white_outline",
            fill_color: (0x3F,0x3F,0x3F,0xFF),
        ),
        while_active: (
            border_color: (0xFF,0xFF,0xFF,0xFF),
        ),
        while_hovered: (
            fill_color: (0x7F,0x7F,0x7F,0xFF),
        ),
    ),
    "tools - query - passenger reachable": SimpleButton (
        within: "tools - query - back",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 10),
                    dist: (frac: 0, px: 100),
                ),
                y_axis: (
                    from: (frac: 1, px: -470),
                    dist: (frac: 0, px: 100),
                )
            ),
            image_path: "ui/icons/reachables-query.png$white_outline",
            fill_color: (0x3F,0x3F,0x3F,0xFF),
        ),
        while_active: (
            border_color: (0xFF,0xFF,0xFF,0xFF),
        ),
        while_hovered: (
            fill_color: (0x7F,0x7F,0x7F,0xFF),
        ),
    ),
    "tools - query - freight reachable": SimpleButton (
        within: "tools - query - back",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 10),
                    dist: (frac: 0, px: 100),
                ),
                y_axis: (
                    from: (frac: 1, px: -350),
                    dist: (frac: 0, px: 100),
                )
            ),
            image_path: "ui/icons/reachables-query.png$white_outline",
            fill_color: (0x3F,0x3F,0x3F,0xFF),
        ),
        while_active: (
            border_color: (0xFF,0xFF,0xFF,0xFF),
        ),
        while_hovered: (
            fill_color: (0x7F,0x7F,0x7F,0xFF),
        ),
    ),
    "tools - query - path_thru": SimpleButton (
        within: "tools - query - back",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 10),
                    dist: (frac: 0, px: 100),
                ),
                y_axis: (
                    from: (frac: 1, px: -230),
                    dist: (frac: 0, px: 100),
                )
            ),
            image_path: "ui/icons/paths-thru.png$white_outline",
            fill_color: (0x3F,0x3F,0x3F,0xFF),
        ),
        while_active: (
            border_color: (0xFF,0xFF,0xFF,0xFF),
        ),
        while_hovered: (
            fill_color: (0x7F,0x7F,0x7F,0xFF),
        ),
    ),
    "tools - query - path_end": SimpleButton (
        within: "tools - query - back",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 10),
                    dist: (frac: 0, px: 100),
                ),
                y_axis: (
                    from: (frac: 1, px: -110),
                    dist: (frac: 0, px: 100),
                )
            ),
            image_path: "ui/icons/paths-to.png$white_outline",
            fill_color: (0x3F,0x3F,0x3F,0xFF),
        ),
        while_active: (
            border_color: (0xFF,0xFF,0xFF,0xFF),
        ),
        while_hovered: (
            fill_color: (0x7F,0x7F,0x7F,0xFF),
        ),
    ),



    // TOOLTIPS

    "tools - query - textual - tooltip": SimpleButton (
        within: "tools - query - textual",
        tooltip_of: "tools - query - textual",
        text: "View Details",
        text_color: (0,0,0,0xFF),
        text_align: left,
        default: (
            area: (
                x_axis: (
                    from: (frac: 1, px: 20),
                    dist: (frac: 0, px: 400),
                ),
                y_axis: (
                    from: (frac: 0, px: 20),
                    dist: (frac: 1, px: -40),
                )
            ),
            fill_color: (0xBF,0xBF,0xBF,0xBF),
        ),
    ),
    "tools - query - passenger reachable - tooltip": SimpleButton (
        within: "tools - query - passenger reachable",
        tooltip_of: "tools - query - passenger reachable",
        text: "View Passenger Reachable Area",
        text_color: (0,0,0,0xFF),
        text_align: left,
        default: (
            area: (
                x_axis: (
                    from: (frac: 1, px: 20),
                    dist: (frac: 0, px: 400),
                ),
                y_axis: (
                    from: (frac: 0, px: 20),
                    dist: (frac: 1, px: -40),
                )
            ),
            fill_color: (0xBF,0xBF,0xBF,0xBF),
        ),
    ),
    "tools - query - freight reachable - tooltip": SimpleButton (
        within: "tools - query - freight reachable",
        tooltip_of: "tools - query - freight reachable",
        text: "View Freight Reachable Area",
        text_color: (0,0,0,0xFF),
        text_align: left,
        default: (
            area: (
                x_axis: (
                    from: (frac: 1, px: 20),
                    dist: (frac: 0, px: 400),
                ),
                y_axis: (
                    from: (frac: 0, px: 20),
                    dist: (frac: 1, px: -40),
                )
            ),
            fill_color: (0xBF,0xBF,0xBF,0xBF),
        ),
    ),
    "tools - query - path_thru - tooltip": SimpleButton (
        within: "tools - query - path_thru",
        tooltip_of: "tools - query - path_thru",
        text: "View All Paths Thru Tile",
        text_color: (0,0,0,0xFF),
        text_align: left,
        default: (
            area: (
                x_axis: (
                    from: (frac: 1, px: 20),
                    dist: (frac: 0, px: 400),
                ),
                y_axis: (
                    from: (frac: 0, px: 20),
                    dist: (frac: 1, px: -40),
                )
            ),
            fill_color: (0xBF,0xBF,0xBF,0xBF),
        ),
    ),
    "tools - query - path_end - tooltip": SimpleButton (
        within: "tools - query - path_end",
        tooltip_of: "tools - query - path_end",
        text: "View Building's Paths",
        text_color: (0,0,0,0xFF),
        text_align: left,
        default: (
            area: (
                x_axis: (
                    from: (frac: 1, px: 20),
                    dist: (frac: 0, px: 400),
                ),
                y_axis: (
                    from: (frac: 0, px: 20),
                    dist: (frac: 1, px: -40),
                )
            ),
            fill_color: (0xBF,0xBF,0xBF,0xBF),
        ),
    ),
}
