{
    "server browser - back": SimpleButton (
        within: "multiplayer main menu - back",
        allow_clicks_thru: true,
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 0),
                    dist: (frac: 1, px: 0),
                ),
                y_axis: (
                    from: (frac: 0, px: 0),
                    dist: (frac: 1, px: 0),
                )
            ),
        ),
    ),
    "server browser - error message": SimpleButton (
        within: "server browser - panel",
        z: 1000,
        start_enabled: true,
        text: "Initializing server browser.",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 0),
                    dist: (frac: 1, px: 0),
                ),
                y_axis: (
                    from: (frac: 0, px: 0),
                    dist: (frac: 1, px: 0),
                )
            ),
            fill_color: (0x00,0x00,0x00,0x7F),
        ),
    ),
    "server browser - label": SimpleButton (
        within: "server browser - back",
        text: "Server Browser",
        text_align: left,
        default: (
            area: (
                x_axis: (
                    from: (frac: 0.1, px: 0),
                    dist: (frac: 0.2, px: 0),
                ),
                y_axis: (
                    from: (frac: 0.02, px: 0),
                    dist: (frac: 0.06, px: 0),
                )
            ),
        ),
    ),
    "server browser - connect button": SimpleButton (
        within: "server browser - back",
        text: "Connect",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0.72, px: 0),
                    dist: (frac: 0.18, px: 0),
                ),
                y_axis: (
                    from: (frac: 0.82, px: 0),
                    dist: (frac: 0.06, px: 0),
                )
            ),
            fill_color: (0x7F,0x7F,0x7F,0x7F),
        ),
        while_hovered: (
            fill_color: (0x00,0xFF,0x00,0xBF),
        ),
        while_active: (
            fill_color: (0x00,0xFF,0x00,0x7F),
        ),
    ),
    "server browser - server token button": SimpleButton (
        within: "server browser - back",
        text: "Auth Token for a\nDedicated Server",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0.1, px: 0),
                    dist: (frac: 0.18, px: 0),
                ),
                y_axis: (
                    from: (frac: 0.82, px: 0),
                    dist: (frac: 0.06, px: 0),
                )
            ),
            fill_color: (0x00,0x7F,0xFF,0x7F),
        ),
        while_hovered: (
            fill_color: (0x00,0x7F,0xFF,0xBF),
        )
    ),
    "server browser - panel": SimpleButton (
        within: "server browser - back",
        clip_contents: true,
        default: (
            area: (
                x_axis: (
                    from: (frac: 0.1, px: 0),
                    dist: (frac: 0.8, px: 0),
                ),
                y_axis: (
                    from: (frac: 0.2, px: 0),
                    dist: (frac: 0.6, px: 0),
                )
            ),
            fill_color: (0x7F,0x7F,0x7F,0xBF),
        ),
    ),
    "server browser - separator": SimpleButton (
        within: "server browser - back",
        clip_contents: true,
        default: (
            area: (
                x_axis: (
                    from: (frac: 0.1, px: 0),
                    dist: (frac: 0.8, px: 0),
                ),
                y_axis: (
                    from: (frac: 0.9, px: -2),
                    dist: (frac: 0.0, px: 4),
                )
            ),
            fill_color: (0xFF,0xBF,0x3F,0xFF),
        ),
    ),
    "server browser - stacker": AutoStacker (
        within: "server browser - panel",
        behavior: VerticalScroll,
    ),
    "server browser - entry proto": SimpleButton (
        start_enabled: false,
        within: "server browser - stacker",
        text_color: (0,0,0,0xFF),
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 0),
                    dist: (frac: 1, px: 0),
                ),
                y_axis: (
                    from: (frac: 0, px: 0),
                    dist: (frac: 0.0425, px: 0),
                )
            ),
            fill_color: (0xFF,0xFF,0xFF,0x7F),
        ),
        while_active: (
            fill_color: (0xFF,0xFF,0xFF,0xBF),
        ),
        while_hovered: (
            border_color: (0xFF,0xFF,0,0xFF),
        )
    ),
    "server browser - entry proto - name": SimpleButton (
        within: "server browser - entry proto",
        allow_clicks_thru: true,
        text: "server name",
        text_color: (0,0,0,0xFF),
        text_align: left,
        default: (
            area: (
                x_axis: (
                    from: (frac: 0.02, px: 0),
                    dist: (frac: 0.66, px: 0),
                ),
                y_axis: (
                    from: (frac: 0, px: 0),
                    dist: (frac: 1.0, px: 0),
                )
            ),
        ),
    ),
    "server browser - entry proto - report abuse": SimpleButton (
        within: "server browser - entry proto",
        text: "Report",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0.7, px: 0),
                    dist: (frac: 0.1, px: 0),
                ),
                y_axis: (
                    from: (frac: 0, px: 3),
                    dist: (frac: 1.0, px: -6),
                )
            ),
            fill_color: (0x7f,0x7f,0x7f,255),
        ),
        while_hovered: (
            fill_color: (255,0,0,255),
        ),
    ),
    "server browser - entry proto - password": SimpleButton (
        within: "server browser - entry proto",
        allow_clicks_thru: true,
        text_color: (0,0,0,0xFF),
        default: (
            area: (
                x_axis: (
                    from: (frac: 0.82, px: 0),
                    dist: (frac: 0.16, px: 0),
                ),
                y_axis: (
                    from: (frac: 0, px: 0),
                    dist: (frac: 1.0, px: 0),
                )
            ),
        ),
    ),
}
