.faq-header{text-align:var(--header-alignment);margin:0 0 4rem}.faq-main-layout{display:flex;gap:2rem;flex-direction:row}.faq-main-layout.faq-with-media{flex-wrap:wrap;width:100%}.faq-main-layout.faq-with-media>*{flex:1 1 calc(50% - 1rem)}.faq-media-box{display:flex;align-items:flex-start;justify-content:center;overflow:hidden;border-radius:10px;height:var(--media-height, 500px)}.faq-media-box img{width:100%;height:100%;object-fit:var(--img-size);border-radius:10px}.faq-list{max-width:var(--list-max-width);margin-inline:auto;width:100%}.faq-list-item{margin:0 0 2rem}.faq-list-item:last-child{margin:0}button.faq-trigger{background:transparent;width:100%;padding:1rem;display:flex;align-items:flex-start;justify-content:space-between;border:1px solid rgba(var(--color-button));cursor:pointer}button.faq-trigger h3{color:rgb(var(--color-foreground));text-align:left}span.faq-indicator{width:3rem;height:3rem;position:relative}span.faq-indicator-h{position:absolute;top:50%;left:50%;width:1rem;height:2px;background:rgb(var(--color-foreground));transform:translate(-50%,-50%);border-radius:7px}span.faq-indicator-v{position:absolute;top:50%;left:50%;width:2px;height:1rem;background:rgb(var(--color-foreground));transform:translate(-50%,-50%);border-radius:7px;transition:opacity .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1)}.faq-trigger.active span.faq-indicator-v{opacity:0;transform:translate(-50%,-50%) scale(0);background-color:var(--active-tab-color)}.faq-body{height:0;overflow:hidden;transition:height .4s cubic-bezier(.22,1,.36,1)}.faq-trigger.active{background:rgba(var(--color-button));transition:all ease .4s}.faq-trigger.active h3{color:var(--active-tab-color)}.faq-body-inner.rte p{color:var(--active-tab-answer-color)}.faq-body-inner{padding:1rem 2rem 2rem;border:1px solid rgba(var(--color-button))}.faq-body-inner .rte ul li,.faq-body-inner .rte ol li,.faq-body-inner .rte span,.faq-body-inner .rte a{color:rgb(var(--color-foreground))}@media screen and (max-width:768px){.faq-main-layout.faq-with-media{flex-flow:column}.faq-media-box{order:1}.faq-main-layout.faq-with-media .faq-list{order:2}}@media screen and (max-width:640px){button.faq-trigger{padding:1.5rem}.faq-body-inner{padding:1rem 1.5rem 1.5rem}.faq-media-box{height:100%}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/faq-section.css.map */