.list {
  padding: 0;
}
.list .list-item {
  padding: 1em;
  box-shadow: 0 1px 0 var(--shadow-half);
}
.list .list-item:last-child {
  box-shadow: none;
}
.list .list-item .list-item-heading {
  margin-top: 0;
}
.list .list-item > p:last-child, .list .list-item > h1:last-child {
  margin-bottom: 0;
}
.list .list-item.list-item-large {
  padding: 1.8em;
}
.list.panel-large > .list-item {
  padding: 2em;
}
.list.panel-huge > .list-item {
  padding: 4em;
}
.list.panel-small > .list-item {
  padding: 0.5em;
}
.list .list-item-small {
  padding-top: 1em !important;
  padding-bottom: 1em !important;
}
.list-tabs .list-item > a {
  display: block;
  position: relative;
  margin: -1em;
  padding: 1em;
  transition: color ease 300ms;
  color: var(--gray);
}
.list-tabs .list-item > a:hover {
  color: var(--gray-dark);
}
.list-tabs .active {
  border-right: 2px solid var(--primary);
}
.list-tabs .active a {
  color: var(--gray-dark);
  font-weight: 500;
}