.faq{--text-fs: 16px;--arrow-width: 16px;--arrow-height: 16px;--arrow-transform: rotate(90deg);--direction: row-reverse;--nav-d: none;--gap: 3rem;display:flex;gap:var(--gap);flex-direction:var(--direction)}.faq nav{position:relative;display:var(--nav-d);flex:0 0 var(--nav-size)}.faq nav .list-group{position:sticky;top:1.25rem}.faq main{flex-grow:1;width:100%}.faq .faq-section{margin-bottom:3rem}.faq .faq-item{position:relative;transition:background-color .3s ease-in}.faq .faq-item+.faq-item{border-top:1px solid var(--color-panel-gray)}.faq .faq-item.active{--arrow-transform: rotate(-90deg)}.faq .faq-item.active .faq-answer{height:auto;opacity:1}.faq .faq-item.active+.faq-item{margin-top:1rem}.faq .faq-question{cursor:pointer;padding:1rem 2rem 1rem 0;margin:0}.faq .faq-question::after{content:'';position:absolute;top:1.35rem;right:0;width:var(--arrow-width);height:var(--arrow-height);background-image:var(--icon-chevron);background-size:cover;background-repeat:no-repeat;background-position:center;transform:var(--arrow-transform);transition:transform 400ms ease 0ms}.faq .faq-answer{font-size:var(--text-fs);overflow:hidden;height:0;opacity:0;transition:opacity 400ms ease 0ms}.faq .highlight{animation:blinkBackground 0.2s infinite alternate cubic-bezier(0.4, 0, 1, 1);animation-delay:1s}@keyframes blinkBackground{from{background-color:#fff8b4}to{background-color:transparent}}@media (min-width: 992px){.faq{--nav-size: 190px;--nav-d: block}}@media (min-width: 1400px){.faq{--nav-size: 20%}}
