{
    "video - ui scaling - label": SimpleButton (
        within: "video - panel",
        text: "User Interface Scale",
        text_align: left,
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 0),
                    dist: (frac: 1, px: 0),
                ),
                y_axis: (
                    from: (frac: 0, px: 60),
                    dist: (frac: 0, px: 40),
                )
            ),
        )
    ),
    "video - ui scaling - bar outer": SimpleButton (
        within: "video - ui scaling - label",
        default: (
            area: (
                x_axis: (
                    from: (frac: 1, px: -300),
                    dist: (frac: 0, px: 300),
                ),
                y_axis: (
                    from: (frac: 0, px: 0),
                    dist: (frac: 0, px: 40),
                )
            ),
            fill_color: (95,95,95,255),
            border_color: (159,159,159,255),
        ),
        while_hovered: (
            border_color: (0xff,0xff,0xff,0xff),
            fill_color: (127,127,127,255),
        )
    ),
    "video - ui scaling - bar inner": SimpleButton (
        within: "video - ui scaling - bar outer",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 0),
                    dist: (frac: 0.8, px: 0),
                ),
                y_axis: (
                    from: (frac: 0, px: 0),
                    dist: (frac: 1, px: 0),
                )
            ),
            fill_color: (0xff,0xff,0xff,255),
        ),
    ),
}
