.input-group {
    margin-top: 30px;
    position: relative;
  }
  
  .input-group {
    position: relative;
  }
  
  .input-group-addon {
    border: none;
  }
  
  .linkname {
    display: none;
  }
  
  #copyButton {
    cursor: pointer;
    background: #f1bb3a;
  }
  
  #copyTarget {
    border-left: none;
  }
  
  .copied {
    opacity: 1;
    position: absolute;
    left: 55px;
  }
  
  @media (min-width: 768px) {
    .copied {
      left: 135px;
    }
  
    .linkname {
      display: block;
      background: #3b3e45;
      color: #fff;
    }
  }


  .kbd-container {
    overflow-y: auto;
    max-height: 300px;
    padding: 10px;
    border: 1px solid #ccc;
}


/* Fix table head */
.tableFixHead    { overflow: auto; height: 200px; }
.tableFixHead th { position: sticky; top: 0; }

/* Just common table stuff. */
table  { border-collapse: collapse; width: 100%; }
th, td { padding: 8px 16px; }
th     { background:#eee; }

pre.mermaid {
  background: none;
}