.pirtek-json-list {
  margin: 0;
}

.pirtek-json-list__item {
  padding: 0.75rem 0;
  border-bottom: 1px solid #e4e8ef;
}

.pirtek-json-list__item:first-child {
  padding-top: 0;
}

.pirtek-json-list__label {
  margin-bottom: 0.25rem;
  color: #012169;
  font-size: 0.8125rem;
  font-weight: 700;
}

.pirtek-json-list__value {
  margin: 0;
  line-height: 1.5;
  white-space: pre-line;
}

.pirtek-json-list__value > :first-child {
  margin-top: 0;
}

.pirtek-json-list__value > :last-child {
  margin-bottom: 0;
}

.pirtek-json-table__scroll {
  max-width: 100%;
  overflow-x: auto;
}

.pirtek-json-table {
  width: 100%;
  min-width: 48rem;
  margin: 0;
  border-collapse: collapse;
  td {
    font-size: 1.15rem;
  }
}

.pirtek-json-table thead {
  color: #fff;
  background: #012169;
}

.pirtek-json-table th,
.pirtek-json-table td {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #e4e8ef;
  text-align: left;
  vertical-align: middle;
}

.pirtek-json-table th {
  font-size: 1.25rem;
  font-weight: 600;
  white-space: nowrap;
}

.pirtek-json-table tbody tr:nth-child(even) {
  background: #f6f6f6;
}

dl.pirtek-json-list > div:hover {
  background-color: #ffc600;
}