{
    "settings - panel": SimpleButton (
        z: 200,
        start_enabled: false,
        default: (
            fill_color: (47,47,47,159),
            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),
                )
            ),
        ),
    ),
    "settings - bar": SimpleButton (
        within: "settings - panel",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 0),
                    dist: (frac: 1, px: 0),
                ),
                y_axis: (
                    from: (frac: 0, px: 59),
                    dist: (frac: 0, px: 4),
                )
            ),
            fill_color: (0,255,0,255),
        ),
    ),
    "settings - close": SimpleButton (
        within: "settings - 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",
    ),
    "video - tab": SimpleButton (
        within: "settings - panel",
        start_active: true,
        text: "Video",
        default: (
            border_color: (95,95,95,255),
            area: (
                x_axis: (
                    from: (frac: 0, px: 10),
                    dist: (frac: 0, px: 300),
                ),
                y_axis: (
                    from: (frac: 0, px: 10),
                    dist: (frac: 0, px: 40),
                )
            ),
        ),
        while_active: (
            fill_color: (0,127,0,255),
        ),
        while_hovered: (
            fill_color: (0,159,0,255),
        ),
    ),
    "audio - tab": SimpleButton (
        within: "settings - panel",
        text: "Audio",
        default: (
            border_color: (95,95,95,255),
            area: (
                x_axis: (
                    from: (frac: 0, px: 320),
                    dist: (frac: 0, px: 300),
                ),
                y_axis: (
                    from: (frac: 0, px: 10),
                    dist: (frac: 0, px: 40),
                )
            ),
        ),
        while_active: (
            fill_color: (0,127,0,255),
        ),
        while_hovered: (
            fill_color: (0,159,0,255),
        ),
    ),
    "controls - tab": SimpleButton (
        within: "settings - panel",
        text: "Controls",
        default: (
            border_color: (95,95,95,255),
            area: (
                x_axis: (
                    from: (frac: 0, px: 630),
                    dist: (frac: 0, px: 300),
                ),
                y_axis: (
                    from: (frac: 0, px: 10),
                    dist: (frac: 0, px: 40),
                )
            ),
        ),
        while_active: (
            fill_color: (0,127,0,255),
        ),
        while_hovered: (
            fill_color: (0,159,0,255),
        ),
    ),
    "online - tab": SimpleButton (
        within: "settings - panel",
        text: "Online",
        default: (
            border_color: (95,95,95,255),
            area: (
                x_axis: (
                    from: (frac: 0, px: 940),
                    dist: (frac: 0, px: 300),
                ),
                y_axis: (
                    from: (frac: 0, px: 10),
                    dist: (frac: 0, px: 40),
                )
            ),
        ),
        while_active: (
            fill_color: (0,127,0,255),
        ),
        while_hovered: (
            fill_color: (0,159,0,255),
        ),
    ),
    "video - panel": SimpleButton (
        within: "settings - panel",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 10),
                    dist: (frac: 1, px: -20),
                ),
                y_axis: (
                    from: (frac: 0, px: 70),
                    dist: (frac: 1, px: -70),
                )
            ),
        ),
    ),
    "audio - panel": SimpleButton (
        within: "settings - panel",
        start_enabled: false,
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 10),
                    dist: (frac: 1, px: -20),
                ),
                y_axis: (
                    from: (frac: 0, px: 70),
                    dist: (frac: 1, px: -70),
                )
            ),
        ),
    ),
    "controls - panel": SimpleButton (
        within: "settings - panel",
        start_enabled: false,
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 10),
                    dist: (frac: 1, px: -20),
                ),
                y_axis: (
                    from: (frac: 0, px: 70),
                    dist: (frac: 1, px: -70),
                )
            ),
        ),
    ),
    "online - panel": SimpleButton (
        within: "settings - panel",
        start_enabled: false,
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: 10),
                    dist: (frac: 1, px: -20),
                ),
                y_axis: (
                    from: (frac: 0, px: 70),
                    dist: (frac: 1, px: -70),
                )
            ),
        ),
    ),
}
