.custom-media-gallery{display:flex;flex-direction:column;gap:16px;width:100%}.custom-media-gallery__main{display:flex;width:100%;aspect-ratio:1 / 1;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;border-radius:var(--custom-gallery-radius, 8px);background:rgb(var(--color-background, 255 255 255))}.custom-media-gallery__main::-webkit-scrollbar{display:none}.custom-media-gallery__slide{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;overflow:hidden}.custom-media-gallery__slide img,.custom-media-gallery__slide video,.custom-media-gallery__slide model-viewer,.custom-media-gallery__slide iframe,.custom-media-gallery__placeholder{width:100%;height:100%;object-fit:cover;display:block}.custom-media-gallery__thumbs{--custom-gallery-thumb-size: 72px;--custom-gallery-thumb-gap: 8px;display:flex;align-items:center;justify-content:center;gap:8px}.custom-media-gallery__thumbs-viewport{overflow:hidden;max-width:100%;width:calc((var(--custom-gallery-thumb-size) * 6) + (var(--custom-gallery-thumb-gap) * 5))}@media(max-width:768px){.custom-media-gallery__thumbs-viewport{width:calc((var(--custom-gallery-thumb-size) * 5) + (var(--custom-gallery-thumb-gap) * 4))}}.custom-media-gallery__thumbs-track{display:flex;gap:var(--custom-gallery-thumb-gap);overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.custom-media-gallery__thumbs-track::-webkit-scrollbar{display:none}.custom-media-gallery__thumb{flex:0 0 var(--custom-gallery-thumb-size);width:var(--custom-gallery-thumb-size);height:var(--custom-gallery-thumb-size);padding:0;margin:0;border:2px solid transparent;border-radius:6px;overflow:hidden;background:none;cursor:pointer;scroll-snap-align:start;transition:border-color .15s ease-in-out}.custom-media-gallery__thumb.is-active{border-color:rgb(var(--color-foreground, 17 17 17))}.custom-media-gallery__thumb img{width:100%;height:100%;object-fit:cover;display:block}.custom-media-gallery__thumb-arrow{flex:0 0 auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(0,0,0,.15);border-radius:50%;background:#fff;color:rgb(var(--color-foreground, 17 17 17));cursor:pointer;box-shadow:0 1px 3px #00000014}.custom-media-gallery__thumb-arrow svg{width:16px;height:16px}.custom-media-gallery__thumb-arrow[disabled]{opacity:.35;cursor:default}@media(min-width:769px){.custom-media-gallery__thumb-arrow--mobile-only{display:none!important}}@media screen and (max-width:480px){.custom-media-gallery__thumbs{--custom-gallery-thumb-size: 48px;--custom-gallery-thumb-gap: 6px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/custom-media-gallery.css.map */