.thumbnail-scroll{display:none}@media screen and (max-width:989px){media-gallery[data-sticky-viewer] .product__media-item .product-media-container{width:min(100%,calc((100vh - 7rem) * var(--aspect-ratio)));width:min(100%,calc((100svh - 7rem) * var(--aspect-ratio)));margin-inline:auto}}@media screen and (min-width:990px){.product__media-wrapper:has(media-gallery[data-sticky-viewer]){--hm-gallery-top: 8rem;--hm-gallery-height: max(48rem, calc(100vh - 16rem) );--hm-thumb-width: 8.8rem;--hm-gallery-gap: 1.6rem;--hm-viewer-width: min( calc(var(--hm-gallery-height) * var(--product-image-ratio)), calc(100% - var(--hm-thumb-width) - var(--hm-gallery-gap)) );--hm-ease: cubic-bezier(.4, 0, .2, 1)}media-gallery[data-sticky-viewer]{position:sticky;top:var(--hm-gallery-top);z-index:2;display:grid;grid-template-columns:var(--hm-thumb-width) var(--hm-viewer-width);grid-template-areas:"thumbs viewer";justify-content:center;column-gap:var(--hm-gallery-gap);align-items:start}media-gallery[data-sticky-viewer]>slider-component[id^=GalleryViewer]{grid-area:viewer;margin:0}media-gallery[data-sticky-viewer] .product__media-list{display:grid;margin:0;padding:0;gap:0}media-gallery[data-sticky-viewer] .product__media-list .product__media-item{grid-area:1 / 1;width:100%;max-width:100%;margin:0;padding:0;opacity:0;visibility:hidden;transition:opacity .45s var(--hm-ease),visibility 0s linear .45s}media-gallery[data-sticky-viewer] .product__media-list .product__media-item.is-active{z-index:1;opacity:1;visibility:visible;transition:opacity .45s var(--hm-ease),visibility 0s}media-gallery[data-sticky-viewer] .product__media-item .product-media-container{transform:scale(1.015);transition:transform .7s var(--hm-ease)}media-gallery[data-sticky-viewer] .product__media-item.is-active .product-media-container{transform:none}media-gallery[data-sticky-viewer] .thumbnail-slider{grid-area:thumbs;position:relative;display:block;margin:0}media-gallery[data-sticky-viewer] .thumbnail-slider .slider-button{display:none}media-gallery[data-sticky-viewer] .thumbnail-list{position:relative;display:flex;flex-direction:column;flex-wrap:nowrap;gap:1rem;max-height:var(--hm-gallery-height);margin:0;padding:.1rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-width:none}media-gallery[data-sticky-viewer] .thumbnail-list::-webkit-scrollbar{display:none}media-gallery[data-sticky-viewer] .thumbnail-list__item{position:relative;flex:none;width:100%;aspect-ratio:var(--product-image-ratio)}media-gallery[data-sticky-viewer] .thumbnail{background:#fff;transition:opacity .25s var(--hm-ease),box-shadow .25s var(--hm-ease)}media-gallery[data-sticky-viewer] .thumbnail img{object-fit:contain}.thumbnail-scroll{position:absolute;left:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:0;border-radius:50%;background:#fffffff2;box-shadow:0 .2rem 1rem #00000024;color:#121212;cursor:pointer;opacity:0;pointer-events:none;transform:translate(-50%);transition:opacity .3s var(--hm-ease)}.thumbnail-scroll .icon{width:1.1rem;height:1.1rem}.thumbnail-scroll--up{top:.8rem}.thumbnail-scroll--up .icon{transform:rotate(180deg)}.thumbnail-scroll--down{bottom:.8rem}.thumbnail-slider[data-can-scroll-up] .thumbnail-scroll--up,.thumbnail-slider[data-can-scroll-down] .thumbnail-scroll--down{opacity:1;pointer-events:auto}.product__media-wrapper:has(media-gallery[data-sticky-viewer]) .product__media-tags{position:sticky;top:calc(var(--hm-gallery-top) + 1.5rem);height:0;margin-left:calc((100% - var(--hm-thumb-width) - var(--hm-gallery-gap) - var(--hm-viewer-width)) / 2 + var(--hm-thumb-width) + var(--hm-gallery-gap) + 1.5rem)}}@media screen and (min-width:990px)and (prefers-reduced-motion:reduce){media-gallery[data-sticky-viewer] .product__media-list .product__media-item,media-gallery[data-sticky-viewer] .product__media-item .product-media-container,media-gallery[data-sticky-viewer] .thumbnail-list{transition:none;transform:none;scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/heideman-product-gallery.css.map */