.media-gallery--stack{--stack-thumbnail-gap: 12px;--stack-thumbnail-visible-count: 5;--stack-progress-color:#6B3E1F;--stack-progress-track: #e8e8e8}.media-gallery__stack{display:flex;flex-direction:column;gap:var(--image-gap, 12px);width:100%}.media-gallery__stack-thumbnails{display:none}.media-gallery__stack-media{display:flex;flex-direction:column;gap:20px;margin:0;padding:0}.media-gallery__stack-media .product-media-container--stack{display:block;max-height:none;height:auto}.media-gallery__stack-media .product-media-container--stack.constrain-height{max-height:none}.media-gallery__stack-media .product-media-constraint-wrapper{width:100%}.media-gallery__stack-media .product-media__image{width:100%;height:100%;object-fit:cover}.media-gallery__stack-thumbnail-badge{position:absolute;inset:4px 4px auto auto;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#0000008c;color:#fff}.media-gallery__stack-thumbnail-badge .icon,.media-gallery__stack-thumbnail-badge svg{width:10px;height:10px}@media screen and (max-width:749px){.media-gallery--stack.media-gallery--hint{--slideshow-gap: 8px}.media-gallery--stack.media-gallery--hint slideshow-slides{gap:var(--slideshow-gap)}.media-gallery--stack.media-gallery--hint :not(.dialog-zoomed-gallery)>.product-media-container:not(:only-child){width:calc(100% - var(--peek-next-slide-size, 3rem));flex:0 0 calc(100% - var(--peek-next-slide-size, 3rem));scroll-snap-align:start}.media-gallery--stack.media-gallery--hint :not(.dialog-zoomed-gallery)>.product-media-container:not(:only-child) .product-media img{object-fit:cover;border-radius:var(--media-radius, 0)}.media-gallery__stack--multiple .media-gallery__stack-media{display:none}.media-gallery__stack-progress{width:100%;padding-inline:var(--padding-xs, 4px);margin-top:12px}.media-gallery__stack-progress-track{position:relative;width:100%;height:3px;border-radius:999px;background:var(--stack-progress-track);overflow:hidden}.media-gallery__stack-progress-fill{display:block;height:100%;width:calc((var(--stack-active-index, 0) + 1) / var(--stack-slide-count, 1) * 100%);border-radius:inherit;background:var(--stack-progress-color);transition:width .25s ease}}@media screen and (min-width:750px){.media-gallery--stack slideshow-component,.media-gallery--stack .media-gallery__stack-progress{display:none}.media-gallery__stack{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:28px}.media-gallery__stack-thumbnails{display:flex;flex-direction:column;align-items:center;gap:8px;position:sticky;top:var(--header-height, 0);align-self:start;z-index:1}.media-gallery__stack-thumbnails-viewport{overflow:hidden auto;padding:6px;width:84px;max-height:calc((74px * var(--stack-thumbnail-visible-count)) + (var(--stack-thumbnail-gap) * (var(--stack-thumbnail-visible-count) - 1)));scrollbar-width:none}.media-gallery__stack-thumbnails-viewport::-webkit-scrollbar{display:none}.media-gallery__stack-thumbnails-list{display:flex;flex-direction:column;gap:11.5px}.media-gallery__stack-thumbnail{position:relative;flex-shrink:0;width:72px;padding:0;border-radius:0;overflow:visible;cursor:pointer;transition:border-color .2s ease;height:72px}.media-gallery__stack-thumbnail img{display:block;width:100%;height:100%;aspect-ratio:var(--aspect-ratio, 1);object-fit:cover;border-radius:2px}.media-gallery__stack-thumbnail[aria-selected=true]:before{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border:1px solid #6B3E1F;border-radius:2px}.media-gallery__stack-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:var(--color-foreground);cursor:pointer;transition:opacity .2s ease,border-color .2s ease}.media-gallery__stack-arrow:disabled{opacity:.5;cursor:default}.media-gallery__stack-arrow .svg-wrapper{display:flex;width:14px;height:14px}.media-gallery__stack-arrow--prev .svg-wrapper{transform:rotate(90deg)}.media-gallery__stack-arrow--next .svg-wrapper{transform:rotate(-90deg)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/product-media-gallery-stack.css.map */
