credits {
    x = 150,
    y = 50,
    height = parent_height - 200,
    width = parent_width - 300,
    background_color = rgba(0, 0, 0, 0.25),
    shadow = shadow(0.0, 0.0, rgba(0, 0, 0, 0.6), 16.0, 1.0, "outset"),
    clip_overflow = true,
}

credits > scroll_panel {
    width = parent_width,
    height = parent_height,
}
credits > scroll_panel > content {
    layout = "rows",
}

credits > scroll_panel > content > logo_wrapper {
    height = 400,
}

credit_category {
    layout = "center",
    height = 50,
}

credit_category > content {
    layout = "lined",
    line_height = 32,
    width = parent_width,
}

credit_category > content > @text {
    font_color = rgb(255, 255, 255),
    text_shadow = text_shadow(2.0, 2.0, "#000000", 2.0),
    font_size = 32,
}

credit_name {
    layout = "center",
    height = 35,
}

credit_name > content {
    layout = "lined",
    line_height = 28,
    width = parent_width,
}

credit_name > content > @text {
    font_color = rgb(180, 255, 180),
    text_shadow = text_shadow(2.0, 2.0, "#000000", 2.0),
    font_size = 28,
}

credit_entry {
    layout = "center",
    height = 28,
}

credit_entry > content {
    layout = "lined",
    line_height = 28,
    width = parent_width,
}

credit_entry > content > @text {
    font_color = rgb(255, 255, 255),
    text_shadow = text_shadow(2.0, 2.0, "#000000", 2.0),
    font_size = 28,
}

credit_entry > content > @text(title=true) {
    font_color = rgb(255, 180, 180),
}

credit_entry > content > @text(url=true) {
    font_color = rgb(180, 255, 180),
    can_hover = true,

    on_mouse_move_over = "init#
        ui.set_cursor('base:ui/cursor/interact')
    ",
    on_mouse_move_out = "init#
        ui.set_cursor('base:ui/cursor/normal')
    ",
}

credit_entry > content > @text(url=true, hover=true) {
    font_color = rgb(255, 255, 180),
    text_shadow = text_shadow(2.0, 2.0, "#ffff00", 2.0),
}

credit_note {
    layout = "center",
    height = 22,
}

credit_note > content {
    layout = "lined",
    line_height = 22,
    width = parent_width,
}

credit_note > content > @text {
    font_color = rgb(255, 255, 255),
    text_shadow = text_shadow(2.0, 2.0, "#000000", 2.0),
    font_size = 22,
}

credit_spacer {
    height = 30,
}

credit_spacer_small {
    height = 32,
    border_width = border_width(0.0, 2.0, 0.0, 0.0),
    border = border(bside(rgba(250, 255, 191, 0.1), "dotted")),
}

credit_library {
    layout = "center",
    height = 28,
}

credit_library > content {
    layout = "lined",
    line_height = 28,
    width = parent_width,
}

credit_library > content > @text {
    font_color = rgb(255, 255, 255),
    text_shadow = text_shadow(2.0, 2.0, "#000000", 2.0),
    font_size = 28,
}

credit_library > content > @text(library=true) {
    font_color = rgb(180, 255, 255),
}

credit_library_license {
    layout = "center",
    height = 28,
}

credit_library_license > content {
    layout = "lined",
    line_height = 28,
    width = parent_width,
}

credit_library_license > content > @text {
    font_color = rgb(255, 255, 255),
    text_shadow = text_shadow(2.0, 2.0, "#000000", 2.0),
    font_size = 28,
}

credit_library_license > content > @text(license=true) {
    font_color = rgb(255, 255, 180),
}

credit_library_url {
    layout = "center",
    height = 28,
}

credit_library_url > content {
    layout = "lined",
    line_height = 28,
    width = parent_width,
}

credit_library_url > content > @text {
    font_color = rgb(180, 255, 180),
    text_shadow = text_shadow(2.0, 2.0, "#000000", 2.0),
    font_size = 28,
    can_hover = true,
    on_mouse_up = "init#
        local text = node.text
        if text:sub(1, ('http'):len()) ~= 'http' then
            text = 'http://' .. text
        end
        open_url(text)
    ",

    on_mouse_move_over = "init#
        ui.set_cursor('base:ui/cursor/interact')
    ",
    on_mouse_move_out = "init#
        ui.set_cursor('base:ui/cursor/normal')
    ",
}

credit_library_url > content > @text(hover=true) {
    font_color = rgb(255, 255, 180),
    text_shadow = text_shadow(2.0, 2.0, "#999900", 2.0),
}
