:root {
    --bg-color: #f9f9f9;
    --text-color: #000;
    --text-addr-color: #000;
    --key-color: blue;
    --brace-color1: #008000;
    --brace-color1-odd: #008080;
    --brace-color2: #800080;
    --brace-color2-odd: #804080;
    --brace-color3: #0000ff;
    --brace-color3-odd: #3030ff;
    --brace-color4: #ff0000;
    --brace-color4-odd: #cf6040;
    --link-color: darkblue;
    --visited-color: purple;
    --ppkey-color: red;
    --border-color: lightgray;
    --button-bg-color: #eee;
    --header-bg-color: #eee;
  }
  .darkmode {
    --bg-color: #1b1b1b;
    --text-color: #fff;
    --text-addr-color: #8cf;
    --key-color: indianred;
    --brace-color1: #008000;
    --brace-color1-odd: #008080;
    --brace-color2: #800080;
    --brace-color2-odd: #804080;
    --brace-color3: #0000ff;
    --brace-color3-odd: #3030ff;
    --brace-color4: #ffff00;
    --brace-color4-odd: #ffcf00;
    --link-color: lightskyblue;
    --visited-color: mediumorchid;
    --ppkey-color: yellow;
    --border-color: gray;
    --button-bg-color: #333;
    --header-bg-color: #333;
  }
  
  .wait-cursor {
    cursor: wait;
}
.blur-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(16px);
  z-index: 2;
  display: none;
}
.blur-overlay.active {
  display: block;
  cursor: wait;
}
  button {
    background-color: var(--button-bg-color);
    color: var(--text-color);
    border-color: var(--border-color);
    border-radius: 6px;
    margin: 1em;
  }
  input {
    background-color: var(--bg-color);
    color: var(--text-color);
    border-color: var(--border-color);
  }
  textarea {
    background-color: var(--bg-color);
    color: var(--text-color);
    border-color: var(--border-color);
  }
  pre {
    font-family: "Ubuntu Sans Mono";
  }
  
  code {
    font-family: "Ubuntu Sans Mono";
  }
  
  pre code {
    font-family: "Ubuntu Sans Mono";
    font-weight: bold;
  }
  
  .icon {
    color: var(--text-color);
  }
  
  h2 {
    font-weight: 500;
  }
  
  .header {
    background-color: var(--header-bg-color);
    overflow: hidden;
  }
  
  .left {
    float: left;
  }
  .right {
    float: right;
  }
  
  .hidden {
    display: none;
  }
  .invisible {
    visibility: hidden;
  }
  a {
    border-color: var(--link-color);
    color: inherit;
    text-decoration: none; /* Remove default underline */
    border-bottom: 1px solid; /* Add custom underline */
    padding-bottom: 2px; /* Add some space between text and underline */
    line-height: 1.5;
  }
  
  .subtle {
    border-bottom: 0px none;
    padding-bottom: 0px;
    line-height: normal;
  }
  .usual {
    border-bottom: 0px none;
    padding-bottom: 0px;
    line-height: normal;
    text-decoration: underline;
    color: var(--link-color);
  }
  
  a:visited {
    border-color: var(--visited-color);
  }
  
  #drop-area {
    border: 2px dashed #ccc;
    border-radius: 20px;
    width: 560px;
    font-family: sans-serif;
    padding: 20px;
  }
  #drop-area.highlight {
    border-color: purple;
  }
  
  dt {
    float: left;
    clear: left;
    width: 200px;
    text-align: left;
    font-weight: bold;
  }
  dt::after {
    content: ": ";
    padding-right: 5px;
  }
  
  .addr {
    font-family: "Ubuntu Sans Mono", monospace;
    color: var(--text-addr-color);
  }
  
  .buildid {
    font-family: "Ubuntu Sans Mono", monospace;
  }
  .mnemonic {
    font-family: "Ubuntu Sans Mono", monospace;
    font-weight: bold;
  }
  .label {
    font-family: "Ubuntu Sans Mono", monospace;
    font-style: italic;
  }

  .offset {
    font-family: "Ubuntu Sans Mono", monospace;
  }
  
  .perm {
    font-family: "Ubuntu Sans Mono", monospace;
    font-weight: bold;
  }
  .size {
    font-family: "Ubuntu Sans Mono", monospace;
  }
  
  table {
    border-collapse: collapse;
    border-style: solid;
    border-width: 1px;
    /* border-color: #D6D6D6; */
    border-color: var(--border-color);
    padding-left: 5px;
    word-wrap: break-all;
  
  }

  .wide {
    width: 100%;
  }
  
  th,
  td {
    border-collapse: collapse;
    border-style: solid;
    border-width: 1px;
    /* border-color: #D6D6D6; */
    border-color: var(--border-color);
    padding-left: 5px;
    word-wrap: break-all;
    overflow-wrap: break-word;
  }

  .borderless {
    border-collapse: collapse;
    border-style: none;
    border-width: 0px;
   
  }

  .borderless tr {
    border-collapse: collapse;
    border-style: none;
    border-width: 0px;
   
  }

  .borderless td {
    border-collapse: collapse;
    border-style: none;
    border-width: 0px;
   
  }
  .borderless th {
    border-collapse: collapse;
    border-style: none;
    border-width: 0px;
   
  }
  
  td.num {
    text-align: right;
  }
  
  td.addr {
    text-align: right;
  }
  
  td.offset {
    text-align: right;
  }
  
  td.size {
    text-align: right;
  }
  
  body {
    background-color: var(--bg-color);
    color: var(--text-color);
    transition: background-color 0.5s, color 0.5s;
    font-family: "Ubuntu Sans", sans-serif;
  }
  
  .struct {
    font-family: "Ubuntu Sans Mono", monospace;
  }

 .braces1:nth-of-type(even) > .brace {
  color: var(--brace-color1);
}

 .braces1:nth-of-type(odd) > .brace {
  color: var(--brace-color1-odd);
}

 .braces2:nth-of-type(even) > .brace {
  color: var(--brace-color2);
}

 .braces2:nth-of-type(odd) > .brace {
  color: var(--brace-color2-odd);
}

.braces3:nth-of-type(even) > .brace  {
  color: var(--brace-color3);
}

.braces3:nth-of-type(odd) > .brace {
  color: var(--brace-color3-odd);
}

 .braces4:nth-of-type(even) > .brace {
  color: var(--brace-color4);
}

 .braces4:nth-of-type(odd) > .brace {
  color: var(--brace-color4-odd);
}


  .typedef {
    font-family: "Ubuntu Sans Mono", monospace;
  }
  

  .ascii {
    font-family: "Ubuntu Sans Mono", monospace;
  }
  

  .keyword {
    color: var(--key-color);
    font-weight: bold;
  }
  
  .const_keyword {
    color: var(--key-color);
  }
  
  .ppkeyword {
    color: var(--ppkey-color);
    font-family: "Ubuntu Sans Mono", monospace;
    font-weight: bold;
  }
  
  .address-code {
    font-family: "Ubuntu Sans Mono", monospace;
  }
  
  .address-data {
    font-family: "Ubuntu Sans Mono", monospace;
  }
  
  .desc {
    font-family: "Ubuntu Sans", sans-serif;
    text-align: center;
  }
  
  .string {
    font-family: "Ubuntu Sans Mono", monospace;
    color: darkred;
  }
  
  .cleft {
    text-align: left;
  }
  
  .cright {
    text-align: right;
  }
  
  table.sortable
    th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(
      .sorttable_nosort
    ):after {
    content: " \25B4\25BE";
  }
  
  .elfsegments {
    font-family: "Ubuntu Sans Mono", monospace;
  }
  
  .elfsections {
    font-family: "Ubuntu Sans Mono", monospace;
  }
  
  .segment {
    font-family: "Ubuntu Sans Mono", monospace;
  }
  
  .null {
    color: gray;
  }
  
  .perm {
    font-family: "Ubuntu Sans Mono", monospace;
  }
  
  .memory {
    font-family: "Ubuntu Sans Mono", monospace;
  }
  
  .perm[perm="r-x"] {
    color: green;
  }
  
  .perm[perm="rw-"] {
    color: blue;
  }
  
.version {
  font-weight: 100;
}

  .symbol {
    font-family: "Ubuntu Sans", sans-serif;
    font-weight: bold;
  }
  
  .symbol-suffix {
    font-family: "Ubuntu Sans", sans-serif;
  }
  
  .perm[perm="r--"] {
    color: purple;
  }
  
  span[perm="rwx"] {
    color: red;
  }
  
  div.alloc:nth-child(even) {
    font-family: "Ubuntu Sans Mono", monospace;
    background-color: lightblue;
  }
  
  div.alloc:nth-child(odd) {
    font-family: "Ubuntu Sans Mono", monospace;
    background-color: aquamarine;
  }
  
  div[class="alloc_freed"] {
    font-family: "Ubuntu Sans Mono", monospace;
    background-color: lightgray;
  }
  
  td[class="chunk_header"] {
    background-color: var(--bg-color);
  }
  
  