.root a {
  color: inherit;
  text-decoration: none;
}

.root a:hover,
.root a:active,
.root a:focus {
  color: var(--color-primary);
  text-decoration: underline;
}

.root .value,
.root .delta {
  text-align: right;
}

/** rows */
.multipleRuns .unchanged th,
.multipleRuns .unchanged td {
  color: var(--color-text-light);
}

.root .empty {
  background: none !important;
  padding-top: calc(var(--space-xxxlarge) * 2);
  padding-bottom: calc(var(--space-xxxlarge) * 2);
  text-align: center;
}

.emptyIcon {
  color: var(--color-outline-dark);
  width: var(--space-large);
  height: var(--space-large);
}

.root .showAllItems {
  background: none !important;
  text-align: center;
}

/** Breakpoints */
.root tr {
  display: flex;
  flex-wrap: wrap;
}

.root tbody th {
  flex: 1 1 auto;
}

.root tbody th {
  flex: 1 1 100%;
}

.root tbody td {
  flex: 1 1 auto;
}

@media (min-width: 600px) {
  .root tr {
    display: table-row;
  }
}