{
    "treasury - icon": SimpleButton (
        within: "treasury - back",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: -60),
                    dist: (frac: 0, px: 60),
                ),
                y_axis: (
                    from: (frac: 1, px: -60),
                    dist: (frac: 0, px: 60),
                )
            ),
            fill_color: (31,159,31,191),
            image_path: "ui/icons/bank.png",
        ),
    ),
    "treasury - arrow expand": SimpleButton (
        within: "treasury - 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-left.png",
        ),
    ),
    "treasury - arrow minimize": SimpleButton (
        within: "treasury - 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-right.png",
        ),
    ),
    "treasury - back stub": SimpleButton (
        default: (
            area: (
                x_axis: (
                    from: (frac: 1, px: -20),
                    dist: (frac: 0, px: 20),
                ),
                y_axis: (
                    from: (frac: 1, px: -40),
                    dist: (frac: 0, px: 40),
                )
            ),
            fill_color: (31,159,31,191),
        ),
    ),
    "treasury - back": SimpleButton (
        default: (
            area: (
                x_axis: (
                    from: (frac: 1, px: -430),
                    dist: (frac: 0, px: 410),
                ),
                y_axis: (
                    from: (frac: 1, px: -40),
                    dist: (frac: 0, px: 40),
                )
            ),
            fill_color: (31,159,31,191),
        ),
    ),
    "treasury - expenses - label": SimpleButton (
        within: "treasury - back",
        z: 10,
        text: "Expenses:",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 10),
                    dist: (frac: 0, px: 200),
                ),
                y_axis: (
                    from: (frac: 1, px: -50),
                    dist: (frac: 0, px: 40),
                )
            ),
            fill_color: (0x3F,0x3F,0x3F,0xFF),
        ),
        text_align: right,
    ),
    "treasury - expenses - value": SimpleButton (
        within: "treasury - back",
        z: 10,
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 210),
                    dist: (frac: 0, px: 200),
                ),
                y_axis: (
                    from: (frac: 1, px: -50),
                    dist: (frac: 0, px: 40),
                )
            ),
            fill_color: (0x3F,0x3F,0x3F,0xFF),
        ),
        text_align: right,
    ),
    "treasury - revenues - label": SimpleButton (
        within: "treasury - back",
        z: 10,
        text: "Revenues:",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 10),
                    dist: (frac: 0, px: 200),
                ),
                y_axis: (
                    from: (frac: 1, px: -90),
                    dist: (frac: 0, px: 40),
                )
            ),
            fill_color: (0x3F,0x3F,0x3F,0xFF),
        ),
        text_align: right,
    ),
    "treasury - revenues - value": SimpleButton (
        within: "treasury - back",
        z: 10,
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 210),
                    dist: (frac: 0, px: 200),
                ),
                y_axis: (
                    from: (frac: 1, px: -90),
                    dist: (frac: 0, px: 40),
                )
            ),
            fill_color: (0x3F,0x3F,0x3F,0xFF),
        ),
        text_align: right,
    ),
    "treasury - balance - label": SimpleButton (
        within: "treasury - back",
        text: "Balance:",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 10),
                    dist: (frac: 0, px: 200),
                ),
                y_axis: (
                    from: (frac: 1, px: -130),
                    dist: (frac: 0, px: 40),
                )
            ),
            fill_color: (0x3F,0x3F,0x3F,0xFF),
        ),
        text_align: right,
    ),
    "treasury - balance - value": SimpleButton (
        within: "treasury - back",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 210),
                    dist: (frac: 0, px: 200),
                ),
                y_axis: (
                    from: (frac: 1, px: -130),
                    dist: (frac: 0, px: 40),
                )
            ),
            fill_color: (0x3F,0x3F,0x3F,0xFF),
        ),
        text_align: right,
    ),
    "treasury - tutorial balancing highlight": SimpleButton ( 
        within: "treasury - back",
        z: 9,
        default: ( 
            area: (
                x_axis: (
                    from: (frac: 0, px: 10),
                    dist: (frac: 0, px: 400),
                ),
                y_axis: (
                    from: (frac: 1, px: -90),
                    dist: (frac: 0, px: 80),
                )
            ),
        )
    )
}
