.unstyled li {
  list-style-type: none;
}

.commas li {
  display: inline;
  list-style-type: none;
}

.commas li::after {
  content: ',';
}

.commas li:last-child::after {
  content: '';
}

.numbers {
  counter-reset: my-awesome-counter;
}

.numbers li {
  counter-increment: my-awesome-counter;
  list-style-type: none;
}

.numbers li::before {
  content: counter(my-awesome-counter);
  margin-right: 5px;
}


.message {
  margin-top: 10px;
  display: none;
}

.message.active {
  display: block;
}

/* Javascript filter stuff */
.contained {
  overflow: hidden;
}

.filterDiv {
  display: none; /* Hidden by default */
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}