.faq-container{--transition:all 400ms ease;max-width:100%}.faq{background-color:#fff;border-top:1px solid var(--border-color);cursor:pointer;display:flex;flex-direction:column;padding:21px 0;position:relative;transition:all .15s ease-in-out}.faq:last-child{border-bottom:1px solid var(--border-color)}.faq__question-wrapper{align-items:center;display:flex;gap:16px;justify-content:space-between;position:relative}.faq__question{font-size:1rem;font-weight:700;transition:var(--transition)}.faq[data-state=open] .faq__question{color:var(--primary-300)}.faq__icon{height:14px;position:relative;width:14px}.faq__icon,.faq__icon span{transition:var(--transition)}.faq__icon span{background-color:var(--primary-base);content:"";height:2px;left:50%;position:absolute;top:50%;width:100%}.faq__icon span:first-child{transform:translate(-50%,-50%) rotate(90deg)}.faq__icon span:last-child{transform:translate(-50%,-50%)}.faq[data-state=open] .faq__icon span{transform:translate(-50%,-50%) rotate(-180deg)}.faq__answer-wrapper{height:0;overflow:hidden;transition:var(--transition)}.faq[data-state=open] .faq__answer-wrapper{height:auto}.faq__answer{padding-top:24px}.faq__answer :is(*){font-size:16px}@media (hover:hover){.faq:hover .faq__question{color:var(--primary-300)}}