:root {
    --dark-bg: #2d2d30;
    --bright-bg: #3a393e;

    --bright-blue: #165d81;
    --dark-blue: #12394d;

    --selected-dark-main: #92530b;
    --selected-bright-main: #958119;

    --selected-dark: #643908;
    --selected-bright: #6f6119;
}

body {
    margin: 0px;
    background-color: var(--dark-bg);
    font-family: Verdana, sans-serif;
}

mark {
    color: red;
    background-color: inherit;
}

.generic_tab {
    color: white;
}

#object_list {
    font-family: Sans-Serif;
    overflow: scroll;
    max-height: calc(100vh - 90px);
}

#object_list details.selected:nth-child(even), #object_list details div.selected:nth-child(even) {
    background-color: var(--selected-bright);
}

#object_list details.selected:nth-child(odd), #object_list details div.selected:nth-child(odd) {
    background-color: var(--selected-dark);
}

@keyframes selection_main {
  from {background-color: var(--selected-dark-main);}
  to {background-color: var(--selected-bright-main);}
}

.selected_main {
    animation-name: selection_main;
    animation-duration: 0.75s;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate-reverse;
}

#object_list details, #object_list details div {
    padding: 5px;
    margin: 2px;
    padding-left: 20px;
    box-shadow: inset 0px 0px 2px black;
    border-radius: 3px;
}

#object_list details:nth-child(even), #object_list div:nth-child(even) {
    background-color: var(--bright-bg);
}

#object_list details:nth-child(odd), #object_list div:nth-child(odd) {
    background-color: var(--dark-bg);
}

summary span, .selectable {
    cursor: copy;
    user-select: none;
}


.generic_tab div a {
    filter: brightness(150%);
}

.input_box, .generic_tab div {
    background-color: var(--bright-bg);
    margin: 5px;
    padding: 5px;
    box-shadow: 1px 1px 4px black;
    border-radius: 3px;
}

.input_box button {
    height: 35px;
    cursor: pointer;
}

#input_box_buttons {
    height: 40px;
}

#top_bar {
    background-color: var(--bright-blue);
    color: black;
    width: 100%;
    padding: 10px;
    margin: 0px;
    height: 70px;
    font-size: 25px;
    box-sizing: border-box;
}

#top_bar div {
    float: left;
    margin: 5px;
    background: var(--dark-blue);
    color: white;
    height: calc(100% - 10px);
    padding: 5px;
    border-radius: 2px;
    margin-top: 0px;
}

#top_bar button {
    height: 100%;
    cursor: pointer;
}

#top_bar button[aria-selected] {
    border: thin solid black;
    color: white;
    border-radius: 2px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
}

#top_bar button[aria-selected="false"] {
    background-color: var(--bright-bg);
}

#top_bar button[aria-selected="false"]:hover {
    filter: brightness(85%);
}

#top_bar button[aria-selected="true"] {
    background-color: var(--dark-bg);
}

#open_file_button {
    font-size: 20px;
    cursor: pointer;
}

#save_file_button {
    float: right;
    height: 100%;
    aspect-ratio: 1;
}

#main_view { }

#tool_menu {
    background-color: var(--dark-bg);
    color: white;
    width: 600px;
    height: calc(100vh - 80px);
    margin: 0 auto;
    float: right;
    padding: 5px;
    overflow: scroll;
}

#game_info_view, #about_view {
    background-color: var(--dark-bg);
    color: white;
    margin: 0 auto;
    padding: 5px;
}


#table_mods {
    border-collapse: collapse;
    margin-top: 5px;
    background: #212124;
}

#table_mods tr td {
    border: thin solid black;
    padding: 7px;
    text-align: center;
}

#button_mod_list_clear, .table_remove {
    background-color: #751707;
    border: 2px solid #470f05;
    color: white;
}

.table_remove {
    aspect-ratio: 1;
}

.table_controlls {
    margin: 3px;
    margin-top: 5px;
}

canvas {
    float: left;
}

.input_box input, #input_mod_localId {
    font: 100% Lucida Console, monospace;
}

#info_selected_text {
    font-size: 23px;
    font-weight: bold;
}

#button_delete {
    float: right;
    background-color: #751707;
    border: 2px solid #470f05;
    color: white;
}

#button_delete:hover, .table_remove:hover, #button_mod_list_clear:hover {
    background-color: #851b09;
}

#button_delete:active, .table_remove:active, #button_mod_list_clear:active {
    background-color: #521005;
}

.link_alterantive_1 {
    color: deepskyblue;
}

.link_alterantive_1:visited {
    color: violet;
}