th,
td {
  vertical-align: top;
}

th {
  white-space: nowrap;
}

.required,
.optional {
  display: inline-flex;
  padding: 2px 7px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

.required {
  background: #e8f5ee;
  color: var(--green);
}

.optional {
  background: #eef1f3;
  color: var(--muted);
}