:root {
  --table-border: 1px solid #e5e7eb;
}

table {
  border-collapse: collapse;
}

th,
td {
  text-align: left;

  padding: 1rem;

  border: var(--table-border);
}

th {
  border: none;
}

thead {
  font-weight: bold;

  position: sticky;

  top: 3.5rem;

  background-color: white;
}

tbody {
  position: relative;
}

tbody tr:nth-child(odd) {
  background-color: #f9fafb;
}

table td:nth-child(3) {
  color: #6b7280;
}

table span.customReimplementation::after {
  background-color: #dbeafe;
  font-size: 75%;

  padding: 0.2rem 0.5rem;

  border-radius: 5px;

  margin-left: 0.5rem;
}

table span.customReimplementation.full::after {
  content: "Completely custom";
}

table .hiddenSection.hidden {
  display: none;
}

/*
.hiddenSection tr:nth-child(odd) {
  background-color: #f1f5f9;
}
.hiddenSection tr:nth-child(even) {
  background-color: #f8fafc;
}
*/

.tableSectionSeparator td {
  font-weight: bold;
  background-color: #eff6ff;
}