#syntaxtrees {
  overflow: auto;
}

.syntaxtab__table td {
  padding: 0;
  padding-left: 6px;
  padding-right: 6px;
  text-align: left;
  vertical-align: top;
}

.syntaxtab__separator {
  height: 24px;
}

.syntaxtab__table thead th {
  font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding-bottom: 4px;
}

.syntaxtab__id,
.syntaxtab__form,
.syntaxtab__lemma,
.syntaxtab__tag,
.syntaxtab__xtag,
.syntaxtab__morphology,
.syntaxtab__head,
.syntaxtab__label,
.syntaxtab__enhancedlabel,
.syntaxtab__miscellaneous {
  font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-bottom: 4px;
}

.syntaxtab__id.merged-token,
.syntaxtab__form.merged-token,
.syntaxtab__lemma.merged-token,
.syntaxtab__tag.merged-token,
.syntaxtab__xtag.merged-token,
.syntaxtab__morphology.merged-token,
.syntaxtab__head.merged-token,
.syntaxtab__label.merged-token,
.syntaxtab__enhancedlabel.merged-token,
.syntaxtab__miscellaneous.merged-token {
  font-weight: 600;
}

.syntaxtab__lemma {
  color: #9b38ef;
}

.syntaxtab__tag {
  color: #ed3023;
}

.syntaxtab__xtag {
  color: green;
  white-space: nowrap;
}

.syntaxtab__morphology {
  color: #098aff;
}

.syntaxtab__label {
  color: #ff9016;
}

.syntaxtree,
.syntaxtab {
  margin-top: 16px;
}

.syntaxtree:first-child,
.syntaxtab:first-child {
  margin-top: 0;
}

.syntaxtree__table,
.syntaxtab__table {
  border-collapse: collapse;
  text-align: center;
  border-width: 0;
  border-radius: 2px;
  box-shadow: none;
}

.syntaxtree__table td {
  border-right: 1px solid #f1f1f1;
  padding: 0;
  padding-left: 6px;
  padding-right: 6px;
  text-align: center;
  vertical-align: top;
}

.syntaxtree__table td.merged-token {
  font-weight: 600;
}

.syntaxtree__table td:last-child {
  border-right: none;
}

.syntaxtree__label td {
  font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #ff9016;
  padding-bottom: 4px;
}

.syntaxtree__form td {
  font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  font-weight: 500;
  font-size: 1em;
}

.syntaxtree__lemma td {
  font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #9b38ef;
}

.syntaxtree__tag td {
  font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #ed3023;
}

.syntaxtree__xtag td {
  font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: green;
}

.syntaxtree__morphology td {
  font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  font-weight: 500;
  font-size: .7em;
  text-align: center;
  color: #098aff;
}