.collapsible .item{
	display: flex;
	overflow: hidden;
}

.collapsible .item:after {
	content: '';
  height: 50px;
  transition: height 0.3s linear, max-height 0s 0.3s linear;
  max-height: 0px;
}

.collapsible .content {
  transition: margin-bottom 0.3s cubic-bezier(0, 0, 0, 1);
  margin-bottom: 0;
  max-height: 1000000px;
}

.collapsible .item.collapsed > .content {
	margin-bottom: -2000px;
	transition:
		margin-bottom 0.3s cubic-bezier(1, 0, 1, 1),
    visibility 0s 0.3s, max-height 0s 0.3s;
	visibility: hidden;
	max-height: 0;

}

.collapsible .item.collapsed:after {
	height: 0;
  transition: height 0.3s linear;
  max-height: 50px
}

.collapsible .handle {
	cursor: pointer;
}