.list-group-item.collapsable {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  > .list-group-item-action {
    flex: 0 0 100%;
    max-width: 100%;
    z-index: 2;
  }
  > .list-group {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
    overflow: hidden;
    margin-top: -100rem;
    transition: opacity $list-group-collapse-animation-timing, margin-top $list-group-collapse-animation-timing;
    will-change: opacity, margin-top;
    z-index: 1;
  }
  &.collapsed {
    padding: 0;
  }
  &:not(.collapsed) {
    border-top: solid $list-group-collapse-border-width $list-group-collapse-border-color;
    border-bottom: solid $list-group-collapse-border-width $list-group-collapse-border-color;
    > .list-group-item-action {
      label {
        font-weight: bold;
      }
    }
    > .list-group {
      margin-top: 0;
    }
  }
}