.stack-rail-button,.stack-progress{display:none}@media screen and (max-width:749px){.pdp-gallery-stack .thumbnail-slider{display:none!important}.pdp-gallery-stack .product__media-list{scroll-behavior:auto}.pdp-gallery-stack .slider-buttons,.pdp-gallery-stack .slider-buttons.small-hide{display:flex!important;gap:1.2rem}.pdp-gallery-stack .slider-counter{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pdp-gallery-stack .stack-progress{display:block;position:relative;width:12rem;height:.3rem;border-radius:.3rem;background:rgba(var(--color-foreground),.12);overflow:hidden}.pdp-gallery-stack .stack-progress[hidden]{display:none}.pdp-gallery-stack .stack-progress__thumb{position:absolute;top:0;bottom:0;left:0;border-radius:.3rem;background:rgba(var(--color-foreground),.6);transition:left .1s linear}}@media screen and (min-width:990px){.pdp-gallery-stack .product__media-wrapper media-gallery{--stack-gallery-height: min(66rem, calc(100vh - 16rem) );--stack-rail-width: 8.8rem;display:grid;grid-template-columns:var(--stack-rail-width) minmax(0,1fr);column-gap:1.6rem;align-items:start}.pdp-gallery-stack .product__media-wrapper media-gallery>slider-component[id^=GalleryViewer]{grid-column:2;grid-row:1;min-width:0}.pdp-gallery-stack .product__media-wrapper media-gallery.stack-single-media{grid-template-columns:minmax(0,1fr)}.pdp-gallery-stack .product__media-wrapper media-gallery.stack-single-media>slider-component[id^=GalleryViewer]{grid-column:1}.pdp-gallery-stack .thumbnail-slider{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:center;gap:.4rem;margin:0;padding:0;position:relative}.pdp-gallery-stack .thumbnail-list{display:grid!important;grid-auto-flow:row;grid-template-columns:1fr;gap:.8rem;width:100%;margin:0;padding:0;max-height:var(--stack-gallery-height);overflow-y:auto;overflow-x:hidden;scroll-behavior:auto;scrollbar-width:none}.pdp-gallery-stack .thumbnail-list::-webkit-scrollbar{display:none}.pdp-gallery-stack .thumbnail-list__item{width:100%!important;max-width:none!important;flex:none!important;margin:0!important;scroll-margin-block:.8rem}.pdp-gallery-stack .thumbnail-list__item .thumbnail{width:100%;aspect-ratio:1 / 1}.pdp-gallery-stack .thumbnail-list__item .thumbnail img{object-fit:cover}.pdp-gallery-stack .thumbnail[aria-current=true]{box-shadow:0 0 0 .2rem rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.pdp-gallery-stack .thumbnail-slider>.slider-button{display:none!important}.pdp-gallery-stack .stack-rail-button{display:flex;align-items:center;justify-content:center;width:100%;height:2.4rem;padding:0;border:0;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;opacity:.75;transition:opacity .15s ease}.pdp-gallery-stack .stack-rail-button:hover{opacity:1}.pdp-gallery-stack .stack-rail-button[disabled]{opacity:.2;cursor:default}.pdp-gallery-stack .stack-rail-button svg{width:1.4rem;height:1.4rem}.pdp-gallery-stack .stack-rail-button--prev svg{transform:rotate(180deg)}.pdp-gallery-stack .product__media-list{display:block!important;width:100%!important;margin:0!important;padding:0!important;max-height:var(--stack-gallery-height);overflow-y:auto;overflow-x:hidden;scroll-behavior:auto;scrollbar-width:thin;overflow-anchor:none}.pdp-gallery-stack .product__media-list::-webkit-scrollbar{width:.4rem}.pdp-gallery-stack .product__media-list::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.25);border-radius:.4rem}.pdp-gallery-stack .product__media-list .product__media-item,.pdp-gallery-stack .product__media-list .product__media-item:not(.is-active){display:block!important;width:100%!important;max-width:none!important;margin:0 0 1.2rem!important;padding:0!important;opacity:1!important}.pdp-gallery-stack .product__media-list .product__media-item:last-child{margin-bottom:0!important}.pdp-gallery-stack .product__media-list .product__media-toggle,.pdp-gallery-stack .product__media-list .product__media-icon{display:none!important}.pdp-gallery-stack .product__media-list .image-magnify-hover{cursor:zoom-in}.pdp-gallery-stack slider-component[id^=GalleryViewer]>.slider-buttons{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/pdp-gallery-stack.css.map */