@media (min-width: 990px){[id^=MediaGallery-] .thumbnail-list__item,[id^=MediaGallery-] .thumbnail{width:100%!important;max-width:none!important}[id^=MediaGallery-] .thumbnail img{width:100%!important;height:auto!important;object-fit:contain}[id^=MediaGallery-]{--zh-thumb-col: 140px;grid-template-columns:var(--zh-thumb-col) minmax(0,1fr)}[id^=MediaGallery-]{--zh-thumb-col: 104px;display:grid;grid-template-columns:var(--zh-thumb-col) minmax(0,1fr);gap:16px;align-items:start}[id^=MediaGallery-] [id^=GalleryThumbnails-],[id^=MediaGallery-] .thumbnail-slider,[id^=MediaGallery-] .product__media-thumbnails,[id^=MediaGallery-] .thumbnail-list{grid-column:1;grid-row:1;display:flex!important;flex-direction:column;gap:8px;max-height:640px;overflow-y:auto;width:var(--zh-thumb-col)}[id^=MediaGallery-] .thumbnail-list__item{margin:0}[id^=MediaGallery-] .thumbnail-slider--horizontal{flex-direction:column}[id^=MediaGallery-] [id^=GalleryThumbnails-],[id^=MediaGallery-] .thumbnail-slider{display:block}[id^=MediaGallery-] .desktop-hidden{display:block!important}[id^=MediaGallery-] [id^=GalleryViewer-],[id^=MediaGallery-] .product__media-list{grid-column:2;grid-row:1;min-width:0}[id^=MediaGallery-] .product__media-item{width:100%}[id^=MediaGallery-] .thumbnail-slider,[id^=MediaGallery-] .thumbnail-list,[id^=MediaGallery-] [id^=Slider-Thumbnails-]{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}[id^=MediaGallery-] .thumbnail-slider::-webkit-scrollbar,[id^=MediaGallery-] .thumbnail-list::-webkit-scrollbar,[id^=MediaGallery-] [id^=Slider-Thumbnails-]::-webkit-scrollbar{display:none}[id^=MediaGallery-] .thumbnail-slider{position:relative;padding-top:30px;padding-bottom:30px}[id^=MediaGallery-] .thumbnail-slider .slider-button{position:absolute;left:50%;transform:translate(-50%) rotate(90deg);transform-origin:center;z-index:3;pointer-events:auto}[id^=MediaGallery-] .thumbnail-slider .slider-button--prev{top:0}[id^=MediaGallery-] .thumbnail-slider .slider-button--next{bottom:0}[id^=MediaGallery-] .thumbnail-slider .slider-button{background:#fff;border-radius:0;border:.01px solid #121212;opacity:.9;width:30px;height:30px}[id^=MediaGallery-] .thumbnail-slider .slider-button:hover{opacity:1}}@media (min-width: 990px){[id^=MediaGallery-] .thumbnail-slider{position:relative;display:flex;flex-direction:column;align-items:center;overflow:visible}[id^=MediaGallery-] .slider-button{position:absolute;left:50%;transform:translate(-50%) rotate(90deg);transform-origin:center;z-index:3;background:#fff;border-radius:0%;opacity:.9}[id^=MediaGallery-] .slider-button--prev{top:-18px}[id^=MediaGallery-] .slider-button--next{bottom:-18px}[id^=MediaGallery-] .slider-button:hover{opacity:1}}@media (min-width: 990px){[id^=MediaGallery-] .product__media-list{position:relative}[id^=MediaGallery-] .zh-main-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:0%;background:#fff;border:1px solid #121212;opacity:.9;cursor:pointer}[id^=MediaGallery-] .zh-main-arrow:hover{opacity:1}[id^=MediaGallery-] .zh-main-arrow--prev{left:12px}[id^=MediaGallery-] .zh-main-arrow--next{right:0}[id^=MediaGallery-] .zh-main-arrow svg{width:10px;height:10px;fill:#121212}[id^=MediaGallery-] .zh-main-arrow--prev svg{transform:rotate(90deg)}[id^=MediaGallery-] .zh-main-arrow--next svg{transform:rotate(-90deg)}[id^=MediaGallery-] .slider-buttons{display:none!important;margin:0!important;padding:0!important;height:0!important;min-height:0!important}}@media (min-width: 990px){.product__modal-opener.product__modal-opener--image.no-js-hidden{min-height:calc(100% + 40px)}.thumbnail-slider{max-height:80%}}@media (min-width: 990px){[id^=MediaGallery-] .zh-main-arrow{opacity:.5;transition:opacity .2s ease}[id^=MediaGallery-] .zh-main-arrow:hover{opacity:1}[id^=MediaGallery-] .zh-main-arrow[disabled]{display:none!important}}@media (min-width: 990px){[id^=MediaGallery-] .thumbnail-slider .slider-button{opacity:.5;transition:opacity .2s ease}[id^=MediaGallery-] .thumbnail-slider .slider-button:hover{opacity:1}[id^=MediaGallery-] .thumbnail-slider .slider-button[disabled]{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-product-gallery.css.map */