{
    "host a game - autosave interval - line": SimpleButton (
        within: "host a game - stacker",
        ordering: 100,
        default: (
            area: (
                x_axis: (
                    from: (frac: 0.0, px: 40),
                    dist: (frac: 1.0, px: -80),
                ),
                y_axis: (
                    from: (frac: 0.0, px: 0),
                    dist: (frac: 0.0, px: 40),
                )
            ),
        ),
    ),
    "host a game - autosave interval - units typing": SimpleButton (
        within: "host a game - autosave interval - line",
        text: "5",
        typable: true,
        default: (
            area: (
                x_axis: (
                    from: (frac: 0.0, px: 0),
                    dist: (frac: 1.0, px: -260),
                ),
                y_axis: (
                    from: (frac: 0.0, px: 0),
                    dist: (frac: 1.0, px: 0),
                )
            ),
            fill_color: (0xFF,0xFF,0xFF,0x7F),
        ),
    ),
    "host a game - autosave interval - units typing selector": SimpleButton (
        within: "host a game - autosave interval - units 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),
        ),
    ),
    "host a game - autosave interval - units choice - value": SimpleButton (
        within: "host a game - autosave interval - line",
        ordering: 100,
        default: (
            area: (
                x_axis: (
                    from: (frac: 1, px: -240),
                    dist: (frac: 0, px: 240),
                ),
                y_axis: (
                    from: (frac: 0.0, px: 0),
                    dist: (frac: 1.0, px: 0),
                )
            ),
            fill_color: (95,95,95,255),
            border_color: (159,159,159,255),
        ),
        while_hovered: (
            fill_color: (127,127,127,255),
        )
    ),
    "host a game - autosave interval - units choice - dropdown": SimpleButton (
        start_enabled: false,
        z: 30,
        within: "host a game - autosave interval - units choice - value",
    ),
    "host a game - autosave interval - units choice - cancel": SimpleButton (
        within: "host a game - autosave interval - units choice - dropdown",
        default: (
            area: (
                x_axis: (
                    from: (frac: -1000, px: 0),
                    dist: (frac: 3000, px: 0),
                ),
                y_axis: (
                    from: (frac: -1000, px: 0),
                    dist: (frac: 3000, px: 0),
                )
            ),
        )
    ),
    "host a game - autosave interval - units choice - dropdown border": SimpleButton (
        within: "host a game - autosave interval - units choice - dropdown",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: -1),
                    dist: (frac: 1, px: 2),
                ),
                y_axis: (
                    from: (frac: 0, px: -1),
                    dist: (frac: 4, px: 2),
                )
            ),
            fill_color: (223,223,31,255),
        )
    ),
    "host a game - autosave interval - units choice - Seconds": SimpleButton (
        z: 30,
        text: "Seconds",
        within: "host a game - autosave interval - units choice - dropdown",
        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: (95,95,95,255),
        ),
        while_hovered: (
            fill_color: (127,127,127,255),
        )
    ),
    "host a game - autosave interval - units choice - Minutes": SimpleButton (
        z: 30,
        text: "Minutes",
        within: "host a game - autosave interval - units choice - dropdown",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 0),
                    dist: (frac: 1, px: 0),
                ),
                y_axis: (
                    from: (frac: 1, px: 0),
                    dist: (frac: 1, px: 0),
                )
            ),
            fill_color: (95,95,95,255),
        ),
        while_hovered: (
            fill_color: (127,127,127,255),
        )
    ),
    "host a game - autosave interval - units choice - Hours": SimpleButton (
        z: 30,
        text: "Hours",
        within: "host a game - autosave interval - units choice - dropdown",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 0),
                    dist: (frac: 1, px: 0),
                ),
                y_axis: (
                    from: (frac: 2, px: 0),
                    dist: (frac: 1, px: 0),
                )
            ),
            fill_color: (95,95,95,255),
        ),
        while_hovered: (
            fill_color: (127,127,127,255),
        )
    ),
    "host a game - autosave interval - units choice - Days": SimpleButton (
        z: 30,
        text: "Days",
        within: "host a game - autosave interval - units choice - dropdown",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 0),
                    dist: (frac: 1, px: 0),
                ),
                y_axis: (
                    from: (frac: 3, px: 0),
                    dist: (frac: 1, px: 0),
                )
            ),
            fill_color: (95,95,95,255),
        ),
        while_hovered: (
            fill_color: (127,127,127,255),
        )
    ),
}
