.image-carousel-text{--carousel-gap: 16px}.image-carousel-text__body{display:flex;flex-direction:row;align-items:stretch;overflow:hidden;gap:var(--carousel-gap)}.image-carousel-text__body:after{display:none}.image-carousel-text__panel{flex:0 0 var(--panel-width, 30%);width:var(--panel-width, 30%);background-color:var(--panel-bg, transparent);display:flex;flex-direction:column;justify-content:center;padding:var(--gutter);order:1;position:relative;z-index:1}.image-carousel-text__panel-inner{display:flex;flex-direction:column;align-items:flex-start;height:100%;justify-content:space-between}.image-carousel-text__heading{margin-top:0;margin-bottom:0}.image-carousel-text__body-text{margin-bottom:0;margin-top:0}.image-carousel-text__controls{display:flex;gap:10px;margin-top:32px}.image-carousel-text__btn{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:inherit;transition:opacity .2s ease;padding:0;flex-shrink:0}.image-carousel-text__btn .icon{fill:currentColor;stroke:none;width:39px;height:39px}.image-carousel-text__btn.is-disabled{opacity:.3;pointer-events:none}.image-carousel-text__carousel-wrap{flex:1 1 auto;min-width:0;overflow:hidden;order:2;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y;align-content:center}.image-carousel-text__carousel-wrap.is-dragging{cursor:grabbing}.image-carousel-text__track{display:flex;gap:var(--carousel-gap);will-change:transform;transition:transform .5s cubic-bezier(.16,1,.3,1)}.image-carousel-text__item{flex:0 0 calc((100% - (var(--carousel-cols-desktop, 2.5) - 1) * var(--carousel-gap)) / var(--carousel-cols-desktop, 2.5));pointer-events:none}.image-carousel-text__item a,.image-carousel-text__item button{pointer-events:auto}.image-carousel-text__image-wrap{width:100%;overflow:hidden}.image-carousel-text__caption{margin:8px 0 0;font-size:.875em;line-height:1.4;pointer-events:auto}@media only screen and (max-width:767px){.image-carousel-text__body{flex-direction:column}.image-carousel-text__carousel-wrap{order:2;width:100%}.image-carousel-text__panel{order:1;width:100%;flex:0 0 auto;padding:var(--gutter-mobile)}.image-carousel-text__item{flex:0 0 calc((100% - (var(--carousel-cols-mobile, 1.5) - 1) * var(--carousel-gap)) / var(--carousel-cols-mobile, 1.5))}}
/*# sourceMappingURL=/cdn/shop/t/558/assets/section-image-carousel-with-text.css.map */