:root {
  --sqlime-font-family: Consolas, "Lucida Console", Monaco, monospace;
  --sqlime-font-size: 0.85em;
  --sqlime-line-height: 1;
}

.sqlime-example {
    font-family: var(--sqlime-font-family);
    font-size: var(--sqlime-font-size);
    line-height: var(--sqlime-line-height);
}

.sqlime-example div:nth-child(1) {
    margin: 1em 0;
}

.sqlime-example div:nth-child(2) {
    margin: 1em 0;
    padding: 1rem;
    background-color: rgba(233,236,239,.30);
    border: 1px solid rgba(233,236,239,.30);
    border-radius: 0.25rem;
    max-width: 70em;
    max-height: 40em;
    overflow: auto;
}

.sqlime-example table {
    border: 1px solid #000;
    line-height: 1;
    margin-bottom: 0;
}

.sqlime-example table th {
    vertical-align: top;
    padding: 0.5em;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #000;
    border-left: none;
    font-size: 1em;
    line-height: 1;
}

.sqlime-example table th:first-child {
    padding-left: 1em;
}
.sqlime-example table th:last-child {
    padding-right: 1em;
}

.sqlime-example table td {
    vertical-align: top;
    padding: 0.3em 0.5em;
    border: none;
    font-size: 1em;
    line-height: 1;
}

.sqlime-example table td:first-child {
    padding-left: 1em;
}
.sqlime-example table td:last-child {
    padding-right: 1em;
}

.sqlime-example table tr:first-child td {
    padding-top: 0.8em;
}
.sqlime-example table tr:last-child td {
    padding-bottom: 0.8em;
}


/* For Revealjs */
.reveal .sqlime-example button {
  cursor: pointer;
  border-radius: 0;
  background-color: white;
  margin: 0;
  font-family: inherit;
  font-size: calc(0.8*var(--sqlime-font-size));
  line-height: 1em;
}

.reveal .sqlime-example a {
  font-family: var(--sqlime-font-family);
  font-size: calc(0.8*var(--sqlime-font-size));
}

.reveal .sqlime-example table {
  font-family: var(--sqlime-font-family);
  font-size: calc(0.8*var(--sqlime-font-size));
  margin: 0;
}

.reveal .sqlime-example table th {
  padding: 0.5em;
}

.reveal .sqlime-example table td {
  border-bottom: none;
}

.reveal .sqlime-example div:nth-child(2) {
  max-height: 8em;
  max-width: 30em;
  overflow: auto;
}

.reveal .interactive-sql code[contenteditable="true"] {
  padding-left: 1em;
}