// ============================================================================
// :: Data list
// ============================================================================

// ============================================================================
// :: Root
// ============================================================================
.m-data-list {
  width: 100%;
  padding: 0;
}

// ============================================================================
// :: Elements
// ============================================================================
.m-data-list__item {
  display: flex;
  justify-content: space-between;
  column-gap: 2rem;
  padding: 0.8rem 1.6rem;

  &:nth-child(even) {
    background-color: $background-color-base;
  }
}

.m-data-list__label,
.m-data-list__value {
  flex: 0 50%;
}

.m-data-list__value {
  text-align: end;
}