.product-gallery{--product-gallery-bg: #f8f8f8;--product-gallery-gap: 12px;display:block;width:100%}.product-gallery__item{position:relative;overflow:hidden;background-color:var(--product-gallery-bg)}.product-gallery__item .product__modal-opener,.product-gallery__item .product__media{height:100%}.product-gallery__item:not(.product__media-item--full) .product__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}@media screen and (max-width:1199px){.product-gallery__list,.product-gallery__thumbs{position:relative}.product-gallery__list{display:flex;margin:0 -2rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.product-gallery__list::-webkit-scrollbar{display:none}.product-gallery__item{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}.product-gallery__item:not(.product__media-item--full){aspect-ratio:1 / 1}.product-gallery__item.product__media-item--full{align-self:center}.product-gallery__thumbs{display:flex;gap:10px;margin:16px -2rem 0;padding:0 16px;overflow-x:auto;scrollbar-width:none}.product-gallery__thumbs::-webkit-scrollbar{display:none}.product-gallery__thumb{flex:0 0 71px;width:71px;height:71px;margin:0;padding:0;overflow:hidden;border:0;background-color:var(--product-gallery-bg);cursor:pointer;opacity:.5;transition:opacity .2s ease}.product-gallery__thumb.is-active{opacity:1}.product-gallery__thumb img{display:block;width:100%;height:100%;object-fit:cover}}@media screen and (min-width:1200px){.product-gallery__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--product-gallery-gap)}.product-gallery__item{aspect-ratio:364 / 284}.product-gallery__item:first-child,.product-gallery__item.product__media-item--full{grid-column:1 / -1}.product-gallery__item:first-child{aspect-ratio:740 / 620}.product-gallery__item.product__media-item--full{aspect-ratio:auto}.product-gallery__item.product__media-item--contain:not(:first-child) .product__media{padding:12px}.product-gallery__item.product__media-item--contain:not(:first-child) .product__media img{top:12px;right:12px;bottom:12px;left:12px;width:calc(100% - 24px);height:calc(100% - 24px)}.product-gallery__thumbs{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-product-gallery.css.map */