.accordion{margin:0 auto;overflow:hidden;width:100%}.accordion-toggle{opacity:0;position:absolute;z-index:-1}.accordion-title{cursor:pointer;display:flex;justify-content:space-between}.accordion-icon{height:18px;position:relative;width:18px}.accordion-icon:after,.accordion-icon:before{content:"";position:absolute;transition:transform .25s ease-out}.accordion-icon:before{height:2px;left:0;top:8px;width:18px}.accordion-icon:after{height:18px;left:8px;top:0;width:2px}.accordion-content{max-height:0;overflow:hidden;transition:max-height .25s ease-in-out,padding .25s ease}.accordion-toggle:checked~.accordion-content{max-height:500px}.accordion-toggle:checked~.accordion-title .accordion-icon:after{transform:rotate(90deg)}.accordion-content{opacity:0;transform:translateY(-20px);transition:transform .3s,opacity .3s,padding .3s}.accordion-toggle:checked~.accordion-content{opacity:1;transform:translateY(0)}