.collapsible li          .collapsible-header .collapsible-header-indicator{transition: transform .15s;}
.collapsible li.active > .collapsible-header .collapsible-header-indicator{transform:rotate(180deg)}

.collapsible.collapsible-small-headers .collapsible-header{padding:.5rem 1rem;}

.collapsible-header{line-height:1;align-items:center;}
.collapsible-header .collapsible-header-indicator-wrapper{flex: 1 1 0;}
.collapsible-header .collapsible-header-indicator-wrapper + .collapsible-header-indicator-wrapper{flex:0;}
.collapsible-header .collapsible-header-indicator{float:right;margin:0 0 0 1rem}

.collapsible-header h5{margin-top:0;margin-bottom:0;}
.collapsible-header i{width:auto;}

.collapsible-body{position:relative;padding:1rem;}
.collapsible > li:last-child > .collapsible-body{border-bottom:none;}

.card.collapsible{border:none;}

.collapsible-body > p:first-child{margin-top:0;}
.collapsible-body > p:last-child{margin-bottom: 0;}

.collapsible.popout>li{margin:0 1rem;}
.collapsible.popout>li.active{margin:1rem 0;}
.collapsible.popout>li.active:first-child{margin-top:0;}
.collapsible.popout>li.with-child-collapsible .collapsible.popout{margin:0;}
.collapsible.popout>li.with-child-collapsible.active > .collapsible-body{padding-bottom:0;}
.collapsible.popout>li.with-child-collapsible.active  .collapsible.popout > li.active:first-child{margin-top:0;}

.collapsible.popout > li > .collapsible-body{background:transparent}

.collapsible .collapsible{background:inherit;}

.card + .collapsible{margin-top:1rem;}
.collapsible + .card{margin-top:1rem;}

.collapsible > li > .collapsible-body.collapsible-body-block{display:block}
.collapsible > li:not(.active) .collapsible-body.collapsible-body-block{border-bottom:none;}
.collapsible > li:not(.active) .collapsible-body.collapsible-body-block:not(.collapsible-body-block-closed){overflow:hidden;height:0;}