.accordion-item .accordion-item__content{transition:all 1s ease-in-out}.accordion-item:not(.active) .accordion-item__content{max-height:0;opacity:0;overflow:hidden;-webkit-transition:opacity .3s ease-out .2s,max-height .3s ease-out;-o-transition:opacity .3s ease-out .2s,max-height .3s ease-out;transition:opacity .3s ease-out .2s,max-height .3s ease-out}.accordion-item.active .accordion-item__content{max-height:100%;opacity:1;transition:opacity .5s ease-in,max-height .5s ease-in;-webkit-transition:opacity .5s ease-in,max-height .5s ease-in;-o-transition:opacity .5s ease-in,max-height .5s ease-in;visibility:visible}.accordion-item{border-bottom:1px solid;padding-bottom:1rem}.accordion-item+*{border-bottom:1px solid;padding-top:1rem}.accordion-item__title h3,.accordion-item__title h4,.accordion-item__title h5,.accordion-item__title h6{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin:0;position:relative}.accordion-item__title .accordion-item__heading span+*{margin-left:1rem}.accordion-item .accordion-item__icons *{opacity:1;transition:opacity .5s ease-in-out}.accordion-item.active .accordion-item__icons .icon--close,.accordion-item:not(.active) .accordion-item__icons .icon--open{opacity:0;position:absolute;visibility:hidden}.accordion-item__content-wrap{padding:1rem 0}.accordion--numbered .accordion-item__content-wrap{padding:.5rem 0 1rem 2.8rem}