#log {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  display: none;
  background-color: var(--log-background-color); }
  #log > DIV:first-child {
    height: 50px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    display: flex;
    align-items: center;
    border-bottom: solid 1px var(--log-border-color); }
    #log > DIV:first-child > BUTTON {
      font-size: 14px;
      padding: 5px;
      text-transform: none;
      margin-left: 10px; }
  #log > DIV#logEntries {
    position: absolute;
    top: 60px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 12px; }
    #log > DIV#logEntries > DIV.func {
      font-weight: bold;
      font-size: inherit;
      margin-top: 10px; }
    #log > DIV#logEntries > DIV.data {
      font-size: inherit;
      margin-top: 5px; }
      #log > DIV#logEntries > DIV.data > DIV {
        font-size: inherit;
        display: none;
        color: var(--log-data-color);
        margin-left: 10px; }
        #log > DIV#logEntries > DIV.data > DIV.show {
          display: block; }
        #log > DIV#logEntries > DIV.data > DIV > SPAN {
          margin-top: 5px;
          font-size: 11px;
          font-family: 'Courier New', Courier, monospace; }
    #log > DIV#logEntries > DIV.hidden {
      display: none; }