.faq-item{transition:all .3s}.faq-item summary{transition:all .2s}.faq-item summary:hover{opacity:.8}.faq-item summary:after{content:"+";margin-left:auto;font-size:24px;transition:transform .3s}.faq-item[open] summary:after{content:"−";transform:rotate(180deg)}.faq-item .faq-content{animation:.3s ease-out slideDown;overflow:hidden}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:1000px;transform:translateY(0)}}.faq-item:not([open]) .faq-content{animation:.3s ease-out slideUp}@keyframes slideUp{0%{opacity:1;max-height:1000px;transform:translateY(0)}to{opacity:0;max-height:0;transform:translateY(-10px)}}