.product-media{grid-column:span 6;container-type:inline-size;position:relative}@media(min-width:769px){.product-media{position:sticky;top:160px;left:0;bottom:0;z-index:101;grid-column:span 6 / span 12}}.product-tag{font-size:7cqw}.swiper-wrapper{width:100%;height:100%}.product-gallery,.product-thumbnails{width:100%;overflow:hidden}:is(.product-gallery,.product-thumbnails) .swiper-slide{opacity:0;width:100px}:is(.product-gallery,.product-thumbnails).swiper-initialized .swiper-slide{opacity:1;width:unset}.product-thumbnails{display:flex;margin-top:var(--gap)}.product-thumbnails .swiper-slide{border:1px solid grey;transition:border .3s ease-in-out}.product-thumbnails .swiper-slide:hover{cursor:pointer;border:1px solid var(--brand-secondary)}.product-thumbnails .swiper-slide.swiper-slide-thumb-active{border:1px solid var(--brand-primary);background-color:#ffffffe6;box-shadow:inset 0 0 10px var(--brand-primary)}.product-thumbnails img{width:130px}.product-gallery,.product-thumbnails .swiper-slide{position:relative}:is(.product-gallery,.product-thumbnails .swiper-slide):after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(vignette-left.webp),url(vignette-right.webp);background-position:left bottom,right top;background-repeat:no-repeat,no-repeat;background-size:contain,contain;opacity:.5;transition:all .5s ease-in}.product-thumbnails{position:relative}div[class*=-button-next],div[class*=-button-prev]{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:10;background-color:var(--black);border:none;padding:20px;transition:all .3s ease-in-out}:is(div[class*=-button-next],div[class*=-button-prev]):before,:is(div[class*=-button-next],div[class*=-button-prev]):after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--black) url(arrow.svg) no-repeat center center;background-size:14px auto;transition:all .2s ease-in-out}:is(div[class*=-button-next],div[class*=-button-prev]):hover{cursor:pointer;background-color:var(--brand-primary)}:is(div[class*=-button-next],div[class*=-button-prev]):hover:before,:is(div[class*=-button-next],div[class*=-button-prev]):hover:after{background-color:var(--brand-primary)}.swiper-button-disabled{opacity:.5;pointer-events:none}div[class*=-button-next]{left:unset;right:0;transform:translateY(-50%) scaleX(-1)}.lite-light img{object-fit:contain}
/*# sourceMappingURL=/cdn/shop/t/3/assets/product-media.css.map */
