{
    "miscs - icon": SimpleButton (
        within: "miscs - back",
        default: (
            area: (
                x_axis: (
                    from: (frac: 1, px: 0),
                    dist: (frac: 0, px: 60),
                ),
                y_axis: (
                    from: (frac: 0, px: 0),
                    dist: (frac: 0, px: 60),
                )
            ),
            fill_color: (159,31,31,191),
            image_path: "ui/icons/stopwatch.png",
        ),
    ),
    "miscs - arrow expand": SimpleButton (
        within: "miscs - back stub",
        start_enabled: false,
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 0),
                    dist: (frac: 0, px: 20),
                ),
                y_axis: (
                    from: (frac: 0, px: 0),
                    dist: (frac: 1, px: 0),
                )
            ),
            image_path: "ui/icons/tick-right.png",
        ),
    ),
    "miscs - arrow minimize": SimpleButton (
        within: "miscs - back stub",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 0),
                    dist: (frac: 0, px: 20),
                ),
                y_axis: (
                    from: (frac: 0, px: 0),
                    dist: (frac: 1, px: 0),
                )
            ),
            image_path: "ui/icons/tick-left.png",
        ),
    ),
    "miscs - back stub": SimpleButton (
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 0),
                    dist: (frac: 0, px: 20),
                ),
                y_axis: (
                    from: (frac: 0, px: 0),
                    dist: (frac: 0, px: 40),
                )
            ),
            fill_color: (159,31,31,191),
        ),
    ),
    "miscs - back": SimpleButton (
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 20),
                    dist: (frac: 0, px: 590),
                ),
                y_axis: (
                    from: (frac: 0, px: 0),
                    dist: (frac: 0, px: 40),
                )
            ),
            fill_color: (159,31,31,191),
        ),
    ),
    "miscs - settings": SimpleButton (
        within: "miscs - back",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 0),
                    dist: (frac: 0, px: 100),
                ),
                y_axis: (
                    from: (frac: 0, px: 10),
                    dist: (frac: 0, px: 100),
                )
            ),
            fill_color: (0x3F,0x3F,0x3F,0xFF),
            image_path: "ui/icons/settings-gears.png$white_outline",
        ),
        while_active: (
            border_color: (0xFF,0xFF,0xFF,0xFF),
        ),
        while_hovered: (
            fill_color: (0x7F,0x7F,0x7F,0xFF),
        ),
    ),
    "miscs - time=0": SimpleButton (
        within: "miscs - back",
        text: "||",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 120),
                    dist: (frac: 0, px: 100),
                ),
                y_axis: (
                    from: (frac: 0, px: 10),
                    dist: (frac: 0, px: 100),
                )
            ),
            fill_color: (0x3F,0x3F,0x3F,0xFF),
        ),
        while_active: (
            border_color: (0xFF,0xFF,0xFF,0xFF),
        ),
        while_hovered: (
            fill_color: (0x3F,0x3F,0x3F,0xFF),
        ),
    ),
    "miscs - time=1": SimpleButton (
        within: "miscs - back",
        text: "1X",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 240),
                    dist: (frac: 0, px: 100),
                ),
                y_axis: (
                    from: (frac: 0, px: 10),
                    dist: (frac: 0, px: 100),
                )
            ),
            fill_color: (0x3F,0x3F,0x3F,0xFF),
        ),
        while_active: (
            border_color: (0xFF,0xFF,0xFF,0xFF),
        ),
        while_hovered: (
            fill_color: (0x7F,0x7F,0x7F,0xFF),
        ),
    ),
    "miscs - time=3": SimpleButton (
        within: "miscs - back",
        text: "3X",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 360),
                    dist: (frac: 0, px: 100),
                ),
                y_axis: (
                    from: (frac: 0, px: 10),
                    dist: (frac: 0, px: 100),
                )
            ),
            fill_color: (0x3F,0x3F,0x3F,0xFF),
        ),
        while_active: (
            border_color: (0xFF,0xFF,0xFF,0xFF),
        ),
        while_hovered: (
            fill_color: (0x7F,0x7F,0x7F,0xFF),
        ),
    ),
    "miscs - time=10": SimpleButton (
        within: "miscs - back",
        text: "10X",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 480),
                    dist: (frac: 0, px: 100),
                ),
                y_axis: (
                    from: (frac: 0, px: 10),
                    dist: (frac: 0, px: 100),
                )
            ),
            fill_color: (0x3F,0x3F,0x3F,0xFF),
        ),
        while_active: (
            border_color: (0xFF,0xFF,0xFF,0xFF),
        ),
        while_hovered: (
            fill_color: (0x7F,0x7F,0x7F,0xFF),
        ),
    ),
}
