.image-gallery{display:flex;flex-direction:column;gap:2.4rem}@media screen and (min-width: 750px){.image-gallery{gap:3.2rem}}@media screen and (min-width: 1200px){.image-gallery{gap:5.6rem}}.image-gallery:has(.image-gallery__description){gap:0}.image-gallery__wrapper{display:flex;flex-direction:column;gap:1.6rem}@media screen and (min-width: 990px){.image-gallery__wrapper{gap:3.2rem}}.image-gallery__slider{position:relative;margin:0}.image-gallery__slider .swiper-wrapper{box-sizing:border-box}@media screen and (min-width: 990px) and (pointer: fine){.image-gallery__slider.swiper-initialized:has(.image-gallery__cursor){cursor:none}}.image-gallery__slider:not(.swiper-initialized){width:100%;max-width:73.8888888889%;align-self:center;overflow:hidden}.image-gallery__slider:not(.swiper-initialized) .image-gallery__slider-wrapper{display:flex;align-items:center;gap:.8rem}@media screen and (min-width: 990px){.image-gallery__slider:not(.swiper-initialized) .image-gallery__slider-wrapper{gap:1.6rem}}.image-gallery__slider:not(.swiper-initialized) .image-gallery__slide{max-width:100%;opacity:1}.image-gallery__slide{position:relative;display:flex;width:100%;max-width:73.8888888889%;height:auto;border-radius:var(--border-radius-block);overflow:hidden;transition-property:opacity,transform;transition-duration:var(--duration-default)}.image-gallery__slide:not(.swiper-slide-active){opacity:.3}.image-gallery__slide-image,.image-gallery__slide-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;object-fit:cover}.image-gallery__slide-image svg,.image-gallery__slide-placeholder svg{width:100%;height:100%;max-width:100%;max-height:100%}.image-gallery__slide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:rgb(var(--color-overlay));z-index:2}.image-gallery__cursor{background:transparent;display:none;align-items:center;justify-content:center;position:absolute;width:4rem;height:4rem;z-index:10;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-default),visibility var(--duration-default)}@media screen and (min-width: 990px) and (hover: hover) and (pointer: fine){.image-gallery__cursor{display:flex}}.image-gallery__cursor.active{opacity:1;visibility:visible}.image-gallery__cursor.prev{transform:rotate(180deg)}.image-gallery__cursor.disabled{opacity:.5}.image-gallery__cursor svg.icon{width:3.6rem;height:3.6rem}.image-gallery__pagination:empty{display:none}
/*# sourceMappingURL=/cdn/shop/t/34/assets/section-image-gallery.css.map */