
multiplayer_box {
    width = 600,
    background_color = rgba(0, 0, 0, 0.3),
    shadow = shadow(0.0, 0.0, rgba(0, 0, 0, 0.6), 10.0, 3.0, "outset"),
    layout = "rows",
}

multiplayer_box > center {
    height = 50,
}

multiplayer_box > center > label {
    layout = "lined",
    line_height = 40,
}

multiplayer_box > center > label > @text {
    font_size = 35,
    font_color = rgb(255, 255, 255),
}

multiplayer_box > buttons {
    layout = "grid",
    height = 100,
    columns = 2,
    spacing = 32,
    margin = 24,
}

multiplayer_box > scroll_panel {
    width = parent_width - 16,
    height = 400,
}

multiplayer_box > scroll_panel > content {
    layout = "rows",
}

multiplayer_box > scroll_panel > content > entry {
    height = 52,
    width = parent_width,
    can_hover = true,
}
multiplayer_box > scroll_panel > content > entry(hover=true) {
    background_color = rgba(255, 255, 255, 0.3),
}
multiplayer_box > scroll_panel > content > entry(ready=false) {
    background_color = rgba(255, 0, 0, 0.4),
}
multiplayer_box > scroll_panel > content > entry(ready=true) {
    background_color = rgba(0, 255, 0, 0.1),
}

multiplayer_box > scroll_panel > content > entry > player_icon(icon=icon) {
    image = icon,
    width = 48,
    height = 48,
    x = 18,
    y = 2,
}

multiplayer_box > scroll_panel > content > entry > content {
    layout = "lined",
    x = 64 + 16,
    y = 12,
    width = parent_width - 64 - 16,
    height = parent_height,
    line_height = parent_height,
}

multiplayer_box > scroll_panel > content > entry > button {
    x = parent_width - 80 - 16,
    y = 8,
    width = 80,
    height = parent_height - 16,
}

multiplayer_box > scroll_panel > content > entry > content > @text {
    font_color = rgb(255, 255, 255),
    text_shadow = text_shadow(2.0, 2.0, "#000000", 2.0),
    font_size = 24,
}
