{
    "multiplayer direct connect - back": SimpleButton (
        within: "multiplayer main menu - back",
        z: 1000,
        start_enabled: false,
        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: (0,0,0,0x5F),
        ),
    ),
    "multiplayer direct connect - panel": SimpleButton (
        within: "multiplayer direct connect - back",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0.5, px: -500),
                    dist: (frac: 0.0, px: 1000),
                ),
                y_axis: (
                    from: (frac: 0.5, px: -350),
                    dist: (frac: 0.0, px: 700),
                )
            ),
            fill_color: (0,0,0,0x9F),
        ),
    ),
    "multiplayer direct connect - address typing": SimpleButton (
        within: "multiplayer direct connect - panel",
        typable: true,
        text: "https://",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0.0, px: 40),
                    dist: (frac: 1.0, px: -80),
                ),
                y_axis: (
                    from: (frac: 0.35, px: -20),
                    dist: (frac: 0.0, px: 40),
                )
            ),
            fill_color: (0xFF,0xFF,0xFF,0x7F),
        ),
    ),
    "multiplayer direct connect - address typing selector": SimpleButton (
        within: "multiplayer direct connect - address typing",
        start_enabled: false,
        default: (
            area: (
                x_axis: (
                    from: (frac: 0.0, px: 0),
                    dist: (frac: 1.0, px: 0),
                ),
                y_axis: (
                    from: (frac: 0.0, px: 0),
                    dist: (frac: 1.0, px: 0),
                )
            ),
            fill_color: (0,0,0,0x7F),
        ),
    ),
    "multiplayer direct connect - password real typing": SimpleButton (
        within: "multiplayer direct connect - panel",
        //typable: true,
        text_color: (0,0,0,0),
        default: (
            area: (
                x_axis: (
                    from: (frac: 0.0, px: 40),
                    dist: (frac: 1.0, px: -80),
                ),
                y_axis: (
                    from: (frac: 0.6, px: -20),
                    dist: (frac: 0.0, px: 40),
                )
            ),
        ),
    ),
    "multiplayer direct connect - password fake": SimpleButton (
        within: "multiplayer direct connect - panel",
        allow_clicks_thru: true,
        default: (
            area: (
                x_axis: (
                    from: (frac: 0.0, px: 40),
                    dist: (frac: 1.0, px: -80),
                ),
                y_axis: (
                    from: (frac: 0.6, px: -20),
                    dist: (frac: 0.0, px: 40),
                )
            ),
            fill_color: (0xFF,0xFF,0xFF,0x7F),
        ),
    ),
    "multiplayer direct connect - password typing selector": SimpleButton (
        within: "multiplayer direct connect - password real typing",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0.0, px: 0),
                    dist: (frac: 1.0, px: 0),
                ),
                y_axis: (
                    from: (frac: 0.0, px: 0),
                    dist: (frac: 1.0, px: 0),
                )
            ),
            fill_color: (0,0,0,0x7F),
        ),
    ),
    "multiplayer direct connect - address title": SimpleButton (
        within: "multiplayer direct connect - panel",
        text: "Server address with port. Example: 'https://localhost:8431'",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0.0, px: 40),
                    dist: (frac: 1.0, px: -80),
                ),
                y_axis: (
                    from: (frac: 0.25, px: -20),
                    dist: (frac: 0.0, px: 40),
                )
            ),
        ),
    ),
    "multiplayer direct connect - password title": SimpleButton (
        within: "multiplayer direct connect - panel",
        text: "Password, if required. (Leave blank if not.)",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0.0, px: 40),
                    dist: (frac: 1.0, px: -80),
                ),
                y_axis: (
                    from: (frac: 0.5, px: -20),
                    dist: (frac: 0.0, px: 40),
                )
            ),
        ),
    ),
    "multiplayer direct connect - go button": SimpleButton (
        within: "multiplayer direct connect - panel",
        text: "Connect",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0.5, px: -200),
                    dist: (frac: 0.0, px: 400),
                ),
                y_axis: (
                    from: (frac: 0.8, px: -20),
                    dist: (frac: 0.0, px: 40),
                )
            ),
            fill_color: (0x00,0x7F,0xFF,0x7F),
        ),
        while_hovered: (
            fill_color: (0x00,0x7F,0xFF,0xBF),
        )
    ),
    "multiplayer direct connect - close": SimpleButton (
        within: "multiplayer direct connect - panel",
        default: (
            area: (
                x_axis: (
                    from: (frac: 1, px: -48),
                    dist: (frac: 0, px: 36),
                ),
                y_axis: (
                    from: (frac: 0, px: 12),
                    dist: (frac: 0, px: 36),
                )
            ),
            fill_color: (255,0,0,255),
        ),
        while_hovered: (
            area: (
                x_axis: (
                    from: (frac: 1, px: -51),
                    dist: (frac: 0, px: 42),
                ),
                y_axis: (
                    from: (frac: 0, px: 9),
                    dist: (frac: 0, px: 42),
                )
            ),
        ),
        text: "X",
    ),
}
