.horizontal-collapse__item{transition:width .3s}.horizontal-collapse__item.is-active .horizontal-collapse__active-content{transition:opacity 3s}.horizontal-collapse__inactive-content{transition:opacity .3s}.horizontal-collapse__active-content{display:none}.horizontal-collapse{width:100%}.horizontal-collapse__item-inner{height:100%}.horizontal-collapse__inner{display:flex;flex-direction:row}.horizontal-collapse__item{list-style:none;position:relative;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px 0 hsla(240,1%,70%,.4);-webkit-box-shadow:0 0 20px 0 hsla(240,1%,70%,.4);-moz-box-shadow:0 0 20px 0 hsla(240,1%,70%,.4);border:1px solid hsla(0,0%,53%,.2)}.horizontal-collapse__item.is-active{border:0}.horizontal-collapse__item.is-active .horizontal-collapse__inactive-content{opacity:0;visibility:hidden;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1)}.horizontal-collapse__item.is-active .horizontal-collapse__active-content{opacity:1;visibility:visible;display:flex;flex-direction:column;justify-content:space-between;height:100%}.horizontal-collapse__item.is-active .horizontal-collapse__active-content .horizontal-collapse__heading{opacity:1;transform:translateY(0);transition:opacity .5s cubic-bezier(.4,0,.2,1) .1s,transform .5s cubic-bezier(.4,0,.2,1) .1s}.horizontal-collapse__item.is-active .horizontal-collapse__active-content .horizontal-collapse__body{opacity:1;transform:translateY(0);transition:opacity .5s cubic-bezier(.4,0,.2,1) .2s,transform .5s cubic-bezier(.4,0,.2,1) .2s}.horizontal-collapse__item.is-active .horizontal-collapse__active-content ul{opacity:1;transform:translateY(0);transition:opacity .5s cubic-bezier(.4,0,.2,1) .25s,transform .5s cubic-bezier(.4,0,.2,1) .25s}.horizontal-collapse__item.is-active .horizontal-collapse__active-content .custom-button{opacity:1;transform:translateY(0);transition:opacity .5s cubic-bezier(.4,0,.2,1) .3s,transform .5s cubic-bezier(.4,0,.2,1) .3s}.horizontal-collapse__inactive-content{opacity:1;visibility:visible;transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:24px}.horizontal-collapse__inactive-content .horizontal-collapse__heading{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);white-space:break-spaces;transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s cubic-bezier(.4,0,.2,1);will-change:opacity}.horizontal-collapse__active-content{opacity:0;visibility:hidden;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;height:100%}.horizontal-collapse__active-content .custom-button,.horizontal-collapse__active-content .horizontal-collapse__body,.horizontal-collapse__active-content .horizontal-collapse__heading,.horizontal-collapse__active-content ul{opacity:0;transform:translateY(10px);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.horizontal-collapse__heading{margin-top:0}