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

window > content(style="settings") > scroll_panel {
    width = parent_width - 100,
    height = parent_height - 150,
}

window > content(style="settings") > scroll_panel > content {
    layout = "rows",
}


setting_header {
    layout = "grid",
    height = 30,
    columns = 3,
}

setting_header > cell {
    layout = "center",
}

setting_header > cell > line {
    height = 2,
    width = parent_width,
    border_width = border_width(0.0, 2.0, 0.0, 0.0),
    border = border(bside("#414239", "dotted")),
}

setting_header > cell_text {
    layout = "center",
    background_color = rgba(204, 204, 204, 0.5),
    shadow = shadow(0.0, 0.0, rgba(204, 204, 204, 0.6), 5.0, 1.0, "outset"),
}

setting_header > cell_text > header {
    layout = "lined",
    line_height = 30,
    width = parent_width,
}

setting_header > cell_text > header > @text {
    font_size = 28,
    font_color = "#000000",
}

setting {
    layout = "grid",
    height = 60,
    columns = 2,
    margin = 10,
    spacing = 20,
}

setting > label_center {
    layout = "center",
}

setting > label_center(key=key, tooltip=tooltip) {
    can_hover = true,
    on_mouse_move_over = "ui.tooltip#
        local key = node:get_property_string('key')
        local tooltip = node:get_property_string('tooltip')

        local content = ui.new('content')
        add_text(content, tooltip)

        ui.show_tooltip(key, content, evt.x, evt.y)
    ",
    on_mouse_move_out = "init#
        local key = node:get_property_string('key')
        ui.hide_tooltip(key)
    ",
    on_mouse_move = "init#
        local key = node:get_property_string('key')
        ui.move_tooltip(key, evt.x, evt.y)
    ",
}

setting > label_center > label {
    layout = "lined",
    line_height = 30,
    width = parent_width,
}

setting > label_center > label > @text {
    font_size = 28,
    font_color = "#000000",
}

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

    margin = 16,
    spacing = 200,
}
