window > content(style="stats") {
    layout = "center",
}

window > content(style="stats") > buttons {
    align_height = false,
    y = parent_height - 70,
    width = parent_width - 50,
    height = 72,
    layout = "grid",
    columns = 2,
    rows = 1,

    margin = 16,
    spacing = 200,
}

window > content(style="stats") > graph_area {
    align_height = false,
    y = 120,
    width = 650,
    height = 400,
    image = "dynamic:650@400@graph",
}

graph_area > graph_label(pos = pos) {
    x = 0,
    y = pos * 50 - 20,
    width = 100,
    height = 25,
}

graph_area > graph_label > @text {
    font_size = 25,
    font_color = "#000000",
    width = 100,
    height = 22,
}


window > content(style="stats") > graph_selection {
    layout = "grid",
    align_height = false,
    y = 50,
    rows = 1,
    columns = 4,
    width = parent_width - 150,
    height = 25,
    spacing = 20,
}

graph_selection > button {
    border = border_image("ui/button_tint", 15, 15, true),
    tint = rgb(0, 255, 40),
}

graph_selection > button(selected=true) {
    border = border_image("ui/button_tint", 15, 15, true),
    tint = rgb(0.0, 0.8, 0.8),
}