.accordion-with-images{position:relative;overflow:hidden;background:var(--accordion-section-bg, rgb(var(--color-background)))}.accordion-with-images__inner{position:relative;z-index:5}.accordion-with-images .title-wrapper{width:100%;text-align:center;margin-bottom:4rem}.accordion-with-images .title-wrapper .description{margin:2rem auto 0;max-width:74rem}.accordion-with-images .background-wrapp{display:flex;flex-wrap:wrap;align-items:center;column-gap:4rem;width:100%;padding:4rem;border-radius:2.4rem}.accordion-with-images .background-wrapp--shadow{box-shadow:0 1.2rem rgb(var(--color-text))}.accordion-with-images .image-wrapp,.accordion-with-images .faq-wrapp{width:calc(50% - 2rem)}.accordion-with-images .image-wrapp{position:relative}.accordion-with-images .image-wrapp:before{content:"";display:block;padding-bottom:var(--accordion-media-ratio, 66.6667%)}.accordion-with-images .faq-wrapp{max-width:92rem;margin:0}.accordion-with-images .image-item{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transform:scale(.985);transition:opacity .35s ease,transform .35s ease,visibility .35s ease;pointer-events:none}.accordion-with-images .image-item.active{opacity:1;visibility:visible;transform:scale(1);pointer-events:auto}.accordion-with-images .image-item img,.accordion-with-images .image-item svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:1.8rem}.accordion-with-images .faq-item{text-align:left;position:relative;border-radius:2.4rem;padding-left:5rem}.accordion-with-images .faq-item+.faq-item{margin-top:1.6rem}.accordion-with-images .item-heading{width:100%;display:block;border:0;background:transparent;text-align:left;cursor:pointer;margin:0;padding:1.9rem 9rem 1.9rem 0;position:relative}.accordion-with-images .item-heading:after{content:"";position:absolute;top:50%;right:.3rem;transform:translateY(-50%);width:5.6rem;height:5.6rem;border-radius:50%;background:var(--accordion-icon-circle-bg, rgb(var(--color-secondary)))}.accordion-with-images .item-heading:focus-visible{outline:.2rem solid rgb(var(--color-text));outline-offset:.3rem;border-radius:1rem}.accordion-with-images .faq-item .icon,.accordion-with-images .faq-item .icon-close{position:absolute;top:50%;z-index:2;background-color:var(--accordion-icon-clr, rgb(var(--color-on-secondary)));transition:transform .3s ease;pointer-events:none}.accordion-with-images .faq-item .icon{right:2.5rem;width:1.2rem;height:.2rem;transform:translateY(-50%)}.accordion-with-images .faq-item .icon-close{right:2.9rem;width:.2rem;height:1.2rem;transform:translateY(-50%)}.accordion-with-images .item-text{max-height:0;opacity:0;overflow:hidden;padding-right:7rem;transition:max-height .3s ease,opacity .3s ease,padding-bottom .3s ease}.accordion-with-images .faq-item.active .item-heading{color:var(--accordion-active-clr, rgb(var(--color-text)))}.accordion-with-images .faq-item.active .icon-close{transform:translateY(-50%) rotate(90deg)}.accordion-with-images .faq-item.active .item-text{max-height:32rem;opacity:1;padding-bottom:2rem}.accordion-with-images .section-image-overlay{position:absolute;object-fit:contain;height:auto;transform:translate(-50%,-50%);max-width:100%;max-height:100%;animation:accordionOverlayAmbient 10s ease-in-out infinite;z-index:4;pointer-events:none}.accordion-with-images .section-image-overlay.overlay-2,.accordion-with-images .section-image-overlay.overlay-3{animation-delay:.6s}.accordion-with-images .section-image-overlay.overlay-1{width:100%;top:85%;left:50%}.accordion-with-images .section-image-overlay.overlay-2{width:8%;top:20%;left:8%}.accordion-with-images .section-image-overlay.overlay-3{width:12%;top:15%;left:92%}@keyframes accordionOverlayAmbient{0%{transform:translate(-50%,-50%) scale(1) rotate(0)}25%{transform:translate(-46%,-54%) scale(.97) rotate(-3deg)}50%{transform:translate(-54%,-46%) scale(1.02) rotate(3deg)}75%{transform:translate(-46%,-54%) scale(.97) rotate(-3deg)}to{transform:translate(-50%,-50%) scale(1) rotate(0)}}@media screen and (max-width:1024px){.accordion-with-images .section-image-overlay.overlay-1{width:100%;top:95%;left:50%}.accordion-with-images .section-image-overlay.overlay-2{width:12%;top:13%;left:4%}.accordion-with-images .section-image-overlay.overlay-3{width:22%;top:6%;left:90%}}@media screen and (min-width:1025px){.accordion-with-images .section-image-overlay.overlay-1{width:100%;top:80%;left:50%}.accordion-with-images .section-image-overlay.overlay-2{width:5%;top:20%;left:2%}.accordion-with-images .section-image-overlay.overlay-3{width:12%;top:17%;left:94%}}@media screen and (max-width:949px){.accordion-with-images .image-wrapp,.accordion-with-images .faq-wrapp{width:100%}.accordion-with-images .faq-wrapp{margin-top:3rem}.accordion-with-images .faq-item{padding-left:3rem}.accordion-with-images .item-text{padding-right:3rem}}@media screen and (max-width:749px){.accordion-with-images .background-wrapp{padding:2.4rem;border-radius:1.8rem}.accordion-with-images .item-heading{padding-right:6rem}.accordion-with-images .item-heading:after{width:3rem;height:3rem;right:1rem}.accordion-with-images .faq-item .icon{right:1.95rem}.accordion-with-images .faq-item .icon-close{right:2.45rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-accordion-with-images.css.map */