body {
  margin: 0;
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}

svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
  font-size: 1.5rem;
}
.simple-table {
  border-collapse: collapse;
}
:where(tbody, thead, tfoot) > tr > .simple-table__cell {
  padding: 5px 10px;
  border-bottom: 1px solid #ccc;
}
:where(tbody, thead, tfoot) > tr > .simple-table__cell.th {
  font-weight: bold;
}
:where(tbody, thead, tfoot) > tr > .simple-table__cell--align-right {
  text-align: right;
}
:where(tbody, thead, tfoot) > tr > .simple-table__cell--align-center {
  text-align: center;
}
:where(tbody, thead, tfoot) > tr > .simple-table__cell--align-left {
  text-align: left;
}
.simple-table :where(tbody) > tr:hover {
  background-color: whitesmoke;
}