.accordion-with-images-wrapp{display:flex;gap:6rem}@media screen and (min-width: 1200px){.accordion-with-images-wrapp{gap:10rem}}.accordion-with-images-wrapp .faq-item-heading .item-heading{margin:0}.accordion-with-images-wrapp .faq-item-heading+*{margin-top:4rem}.accordion-with-images .faq-item{border-bottom:.1rem solid rgba(var(--color-body-text),.2)}.accordion-with-images .faq-item.active{padding-bottom:2rem}.accordion-with-images .faq-item .item-heading{margin:.5rem 0;padding-top:1.5rem;padding-bottom:1.5rem;position:relative;padding-right:3rem;cursor:pointer}.accordion-with-images .faq-item .item-heading .icon{position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .3s ease;width:1.2rem}.accordion-with-images .faq-item .item-text{max-height:0;overflow:hidden;transition:max-height .6s ease;padding-right:4rem}.accordion-with-images .faq-item.active .item-text{max-height:none}.accordion-with-images .faq-item:not(.active) .item-text{padding-bottom:0}.accordion-with-images .accordion-with-images__image{position:relative;overflow:hidden;padding-bottom:100%;box-sizing:border-box}.accordion-with-images__image-wrapp .image-item img,.accordion-with-images__image-wrapp .image-item svg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.accordion-with-images__image-wrapp .image-item{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;clip-path:inset(0 0 0 100%);transition:clip-path 0s ease .8s;display:block;pointer-events:none;z-index:0}.accordion-with-images__image-wrapp .image-item.active{clip-path:inset(0);transition:clip-path .8s ease;pointer-events:all;z-index:1}@media screen and (max-width: 949px){.accordion-with-images-wrapp{flex-direction:column-reverse;gap:5rem}}@media screen and (max-width: 749px){.accordion-with-images-wrapp{gap:4rem}}@media screen and (min-width: 950px){.accordion-with-images-wrapp .accordion-with-images__faq-wrapp{width:45%}.accordion-with-images-wrapp .accordion-with-images__image-wrapp{width:55%}.accordion-with-images .faq-item.active .item-heading .icon{transform:translateY(-50%) rotate(-90deg)}.accordion-with-images-wrapp .faq-item-heading+*{margin-top:6rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/accordion-with-images.css.map */