.media-gallery-thumbs{z-index:0;position:relative}.media-gallery-thumbs__next,.media-gallery-thumbs__prev{z-index:1;background-color:#fff;border:1px solid #000;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;margin:auto;display:flex;position:absolute;inset:0}:is(.media-gallery-thumbs__prev,.media-gallery-thumbs__next) .iconify{width:1.5rem;height:1.3rem}.media-gallery-thumbs__container{scrollbar-width:none;gap:.8rem;display:flex;overflow:scroll}.media-gallery-thumbs__thumb{aspect-ratio:var(--product-ratio,1/1);background-color:#d3d3d3;border:1px solid #0000;flex:none;padding:0;display:flex;overflow:hidden}.media-gallery-thumbs__thumb--active{border-color:#000}.media-gallery-thumbs__image,.media-gallery-thumbs__video{pointer-events:none;width:100%;height:100%}.media-gallery-thumbs__video{aspect-ratio:unset;object-fit:contain;margin:auto}.media-gallery-thumbs__image{object-fit:contain;mix-blend-mode:darken;display:block}@container style(--thumbs-direction:"vertical"){.media-gallery-thumbs{width:10rem;height:100%}.media-gallery-thumbs .media-gallery-thumbs__container{overscroll-behavior-y:contain;flex-direction:column;width:100%;height:100%}.media-gallery-thumbs .media-gallery-thumbs__thumb{width:100%;height:auto}.media-gallery-thumbs .media-gallery-thumbs__prev{inset-block-end:auto}.media-gallery-thumbs .media-gallery-thumbs__next{inset-block-start:auto}.media-gallery-thumbs .iconify{rotate:90deg}.media-gallery-thumbs .icon\:arrow-left{rotate:-90deg}}@container style(--thumbs-direction:"horizontal"){.media-gallery-thumbs{width:100%;height:10rem}.media-gallery-thumbs .media-gallery-thumbs__container{overscroll-behavior-x:contain;flex-direction:row;height:100%}.media-gallery-thumbs .media-gallery-thumbs__thumb{width:auto;height:100%}.media-gallery-thumbs .media-gallery-thumbs__prev{inset-inline-end:auto}.media-gallery-thumbs .media-gallery-thumbs__next{inset-inline-start:auto}}