.key-values__items__item {
  border-bottom: solid 1px var(--colour-border);
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-align-items: center;
  align-items: center;
  background: var(--colour-neutral);
}
.key-values__items__item__key, .key-values__items__item__value {
  padding-top: var(--spacing-internal);
  padding-bottom: var(--spacing-internal);
}
.key-values__items__item__key {
  padding-left: var(--spacing-internal);
  padding-right: calc(var(--spacing-internal) * .5);
}
.key-values__items__item__value {
  padding-right: var(--spacing-internal);
  padding-left: calc(var(--spacing-internal) * .5);
}
.key-values__items__item--hidden {
  display: none;
}
@media (max-width: 767px) {
  .key-values__items__item.zebra-xs {
    background: var(--colour-accent);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .key-values__items__item.zebra-sm {
    background: var(--colour-accent);
  }
}
@media (min-width: 992px) {
  .key-values__items__item.zebra-md {
    background: var(--colour-accent);
  }
}
@media (min-width: 768px) {
  .key-values__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: var(--gutter-width);
    -moz-column-gap: var(--gutter-width);
    column-gap: var(--gutter-width);
  }
  .key-values__items--zebra {
    background: var(--colour-accent);
  }
}
@media (min-width: 992px) {
  .key-values__items {
    grid-template-columns: 1fr 1fr 1fr;
  }
}