.image-accordion-banner{max-width:var(--image-accordion-pc-max-width, 100%);margin:0 auto;padding:100px 40px}.image-accordion-banner__list{display:flex;gap:clamp(10px,2vw,20px);min-height:420px}.image-accordion-banner__item{position:relative;flex:0 0 10rem;min-width:0;overflow:hidden;border-radius:var(--imageRadius);transition:flex-basis .45s ease,flex-grow .45s ease,flex-shrink .45s ease}.image-accordion-banner__item.is-active{flex:1 1 auto}.image-accordion-banner__media{position:absolute;top:0;right:0;bottom:0;left:0}.image-accordion-banner__image{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .45s ease}.image-accordion-banner__image--mobile{display:none}.image-accordion-banner__thumb{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:12px 8px;opacity:1;transition:opacity .45s ease;pointer-events:none}.image-accordion-banner__thumb-image{width:100%;height:auto;max-height:100%;object-fit:contain;border-radius:calc(var(--imageRadius) * .5)}.image-accordion-banner__item.is-active .image-accordion-banner__thumb{opacity:0}.image-accordion-banner__item:not(.is-active) .image-accordion-banner__media:has(.image-accordion-banner__thumb) .image-accordion-banner__image--desktop{opacity:0}.image-accordion-banner__item.is-active .image-accordion-banner__image--desktop{object-position:var(--active-image-position, center)}.image-accordion-banner__item:not(.is-active) .image-accordion-banner__media:not(:has(.image-accordion-banner__thumb)) .image-accordion-banner__image--desktop{object-position:var(--collapsed-image-position, center)}.image-accordion-banner .section-heading{text-align:center}.image-accordion-banner__overlay{position:absolute;inset:auto clamp(27px,3vw,40px) clamp(27px,3vw,40px);z-index:1;color:#fff;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity 0s,transform 0s}.image-accordion-banner__item.is-overlay-visible .image-accordion-banner__overlay{opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity .35s ease,transform .35s ease}.image-accordion-banner__heading{color:#fff;margin:0;line-height:1;font-size:clamp(20px,2vw,32px)!important}.image-accordion-banner__subheading{color:#fff;max-width:520px;font-size:clamp(13px,2vw,20px)!important}.image-accordion-banner__item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 40%,#0000008c);z-index:0}.image-accordion-banner__overlay .glass-cta-button{position:relative;z-index:2}.image-accordion-banner__description{margin-bottom:12px;font-size:clamp(10px,1.2vw,15px)!important}@media(max-width:767px){.image-accordion-banner{--image-accordion-mobile-gap: 12px;--image-accordion-mobile-cell-width: 88%;padding:80px 0 80px 15px}.image-accordion-banner .section-title{padding-right:15px}.image-accordion-banner__description{margin-bottom:14px}.image-accordion-banner__list{display:flex;flex-wrap:nowrap;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;min-height:0}.image-accordion-banner__list::-webkit-scrollbar{display:none}.image-accordion-banner__list.flickity-enabled{display:block;overflow:visible;scroll-snap-type:none}.image-accordion-banner__list .flickity-prev-next-button{display:none}.image-accordion-banner__item{flex:0 0 var(--image-accordion-mobile-cell-width);width:var(--image-accordion-mobile-cell-width);margin-right:var(--image-accordion-mobile-gap);scroll-snap-align:start;flex-shrink:0;min-height:0;aspect-ratio:4 / 5;border-radius:var(--imageRadius)}.image-accordion-banner__list.flickity-enabled .image-accordion-banner__item{flex:none;scroll-snap-align:none}.image-accordion-banner__item:after{background:linear-gradient(180deg,#0000 25%,#00000073 65%,#000000b8)}.image-accordion-banner__overlay{opacity:1;transform:translateY(0);pointer-events:auto;transition:none}.image-accordion-banner__image--desktop{display:none}.image-accordion-banner__image--mobile{display:block}.image-accordion-banner__thumb{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/image-accordion-banner.css.map */