.media-gallery{--mg-thumb-size: var(--ds-space-16);--mg-rail-gap: var(--ds-gap-xs);display:block;position:relative;width:100%}.media-gallery>zoom-action{display:block;min-width:0;position:relative}.mg__main{position:relative;width:100%;overflow:hidden;border-radius:var(--ds-radius-sm)}.mg__main .swiper-wrapper{align-items:stretch}.mg__main .swiper-slide{display:block;height:auto}.mg__media{display:block;position:relative;width:100%;aspect-ratio:var(--aspect-ratio, 1 / 1);overflow:hidden;border-radius:var(--ds-radius-sm)}.media-gallery .media-gallery__image{text-decoration:none}.media-gallery[data-zoom=open_lightbox] .media-gallery__image{cursor:pointer}.media-gallery .swiper-wrapper a.media-gallery__image{pointer-events:none}.media-gallery[data-zoom=open_lightbox] .swiper-wrapper a.media-gallery__image{pointer-events:auto}.mg__main .ds-responsive-image,.mg__main .ds-responsive-image picture,.mg__main .ds-responsive-image__main,.mg__main .ds-responsive-image__placeholder,.mg__main .image-picture,.mg__main picture,.mg__main img,.mg__main video,.mg__main iframe{display:block;width:100%;height:100%}.mg__main img,.mg__main video,.mg__main iframe,.mg__main .ds-responsive-image__main{object-fit:cover}.mg__media--video .mg__video-poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--ds-z-base);pointer-events:none}.mg__media--video video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--ds-z-content);background-color:transparent}.mg__zoom-icon{position:absolute;right:var(--ds-space-3);bottom:var(--ds-space-3);z-index:var(--ds-z-content);display:inline-flex;align-items:center;justify-content:center;width:var(--ds-space-8);height:var(--ds-space-8);background:var(--ds-neutral-100);border-radius:var(--ds-radius-full);box-shadow:var(--ds-shadow-sm);opacity:0;pointer-events:none;transition:var(--ds-transition-base)}.mg__zoom-icon svg{width:var(--ds-space-4);height:var(--ds-space-4)}@media screen and (min-width:1024px){.media-gallery__image{cursor:zoom-in}.media-gallery__image:hover .mg__zoom-icon,.media-gallery__image:focus-visible .mg__zoom-icon{opacity:1}}@media screen and (max-width:1023.98px){.mg__zoom-icon{opacity:1}}.mg__thumbs{margin-top:var(--mg-rail-gap);overflow:hidden;touch-action:pan-y}.media-gallery[data-single=true] .mg__thumb-column{display:none}.mg__thumb-column{min-width:0}.mg__thumbs .swiper-wrapper{align-items:center}.mg__thumb{flex:0 0 var(--mg-thumb-size);width:var(--mg-thumb-size);height:var(--mg-thumb-size);margin:0;padding:0;border:var(--ds-border-1) solid transparent;border-radius:var(--ds-radius-sm);background:none;overflow:hidden;cursor:pointer;box-sizing:border-box;-webkit-appearance:none;appearance:none;transition:var(--ds-transition-colors)}.mg__thumb.swiper-slide-thumb-active{border-color:var(--ds-neutral-900)}.mg__thumb:focus-visible{outline:var(--ds-border-2) solid var(--ds-neutral-900);outline-offset:var(--ds-border-2)}.mg__thumb .ds-responsive-image,.mg__thumb .ds-responsive-image picture,.mg__thumb .ds-responsive-image__main,.mg__thumb .ds-responsive-image__placeholder,.mg__thumb .image-picture,.mg__thumb picture,.mg__thumb img{display:block;width:100%;height:100%}.mg__thumb img,.mg__thumb .ds-responsive-image__main{object-fit:cover}.mg__thumb img{background-color:var(--ds-neutral-300)}.mg__thumb-badge{position:absolute;left:var(--ds-space-1);bottom:var(--ds-space-1);z-index:var(--ds-z-content);display:inline-flex;pointer-events:none}.mg__thumb{position:relative}@media screen and (min-width:1024px){.media-gallery[data-single=true]{width:min(100%,var(--mg-visible-height, 100%))}.media-gallery:not([data-single=true]){--mg-thumb-size: clamp(var(--ds-space-12), 6vw, var(--ds-space-20));display:grid;grid-template-columns:var(--mg-thumb-size) minmax(0,1fr);column-gap:var(--mg-rail-gap);align-items:start}.media-gallery>zoom-action{grid-column:2;grid-row:1}.mg__thumb-column{display:block;grid-column:1;grid-row:1;position:absolute;inset-block:0;inset-inline-start:0;width:var(--mg-thumb-size);height:auto;min-height:0;overflow:hidden}.mg__thumbs{width:var(--mg-thumb-size);height:100%;min-height:0;margin-top:0;touch-action:pan-x;overscroll-behavior-y:contain}.mg__thumbs.swiper-locked{touch-action:pan-y}.mg__thumbs .swiper-wrapper{align-items:stretch}}.mg__thumbs:not(.swiper-initialized) .swiper-wrapper{display:flex;gap:var(--ds-space-2);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mg__thumbs:not(.swiper-initialized) .swiper-wrapper::-webkit-scrollbar{display:none}@media screen and (min-width:1024px){.mg__thumbs:not(.swiper-initialized) .swiper-wrapper{flex-direction:column;overflow-x:hidden;overflow-y:auto}}.media-gallery.is-switching .mg__main{opacity:.6;transition:opacity var(--ds-duration-base) var(--ds-ease-out)}.mg__sale-badge{overflow:hidden;border-top-left-radius:var(--ds-radius-sm);z-index:var(--ds-z-badge)}.mg__sale-badge .product__badges{flex-direction:row;gap:0}.mg__sale-badge .product__badges-inner{color:var(--badges-color);background-color:var(--badges-bg);border-radius:0}.mg__sale-badge .product__badges-inner:last-child{color:var(--ds-primary-text);background-color:var(--ds-accent);border-bottom-right-radius:3px;opacity:.9}.mg__sale-badge .product__badges-inner:first-child{color:var(--ds-neutral-100);background-color:var(--red-color);border-top-left-radius:3px;opacity:.9}
/*# sourceMappingURL=/cdn/shop/t/60/assets/media-gallery.css.map */