media-gallery .product__media-item .product-media-container{position:relative!important;aspect-ratio:1 / 1!important;width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;padding:0!important}media-gallery .product__media-item .product-media-container:before{content:none!important}media-gallery .product__media-item .product__modal-opener,media-gallery .product__media-item .product__media,media-gallery .product__media-item .media{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;max-height:none!important}media-gallery .product__media-item .media>img,media-gallery .product__media-item img{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important}media-gallery .product__media-item,media-gallery .product__media-item .product-media-container,media-gallery .product__media-item .product__modal-opener,media-gallery .product__media-item .product__media,media-gallery .product__media-item .media,media-gallery .product__media-item img{border-radius:12px!important;overflow:hidden!important}media-gallery .product__media-item,media-gallery .product__media-item.scroll-trigger,media-gallery .product__media-item.animate--fade-in,media-gallery .product__media-item .media{opacity:1!important;animation:none!important}media-gallery slider-component[id^=GalleryViewer] .slider-buttons{display:none!important}media-gallery .thumbnail-slider{position:relative;margin:12px 0 0!important;padding:0!important;width:100%!important;max-width:100%!important;--n: 5}media-gallery .thumbnail-slider:has(.thumbnail-list__item:nth-child(4):last-child){--n: 4}media-gallery .thumbnail-slider:has(.thumbnail-list__item:nth-child(3):last-child){--n: 3}media-gallery .thumbnail-slider:has(.thumbnail-list__item:nth-child(2):last-child){--n: 2}media-gallery .thumbnail-slider:has(.thumbnail-list__item:nth-child(1):last-child){--n: 1}media-gallery .thumbnail-list{display:flex!important;gap:8px!important;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0!important;padding:0!important;box-sizing:border-box}media-gallery .thumbnail-list::-webkit-scrollbar{display:none}media-gallery .thumbnail-list__item{flex:0 0 calc((100% - (var(--n) - 1) * 8px) / var(--n))!important;width:calc((100% - (var(--n) - 1) * 8px) / var(--n))!important;min-width:0!important;max-width:none!important;height:auto!important;aspect-ratio:1 / 1!important;margin:0!important;padding:0!important;scroll-snap-align:start}media-gallery .thumbnail-list__item:before,media-gallery .thumbnail-list__item:after{display:none!important;content:none!important;background:none!important}media-gallery .thumbnail{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;padding:0!important;border-radius:10px;border:1px solid rgba(var(--color-foreground),.12)!important;overflow:hidden!important;background:transparent!important;opacity:1!important;filter:none!important}media-gallery .thumbnail img{width:100%!important;height:100%!important;object-fit:cover;border-radius:10px;opacity:1!important;filter:none!important}media-gallery .thumbnail[aria-current=true]{box-shadow:none!important;border:2px solid rgb(var(--color-foreground))!important;opacity:1!important;filter:none!important}media-gallery .thumbnail[aria-current=true] img{opacity:1!important;filter:none!important}media-gallery .thumbnail-slider .slider-button--prev{display:none!important}media-gallery .thumbnail-slider .slider-button--next{display:none!important}media-gallery .thumbnail-slider .slider-button--next:not([disabled]){display:flex!important;align-items:center;justify-content:center;position:absolute!important;top:0;bottom:0;right:0;width:calc(((100% - (var(--n) - 1) * 8px) / var(--n)) / 2)!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;border:none!important;border-radius:0 10px 10px 0;background:rgb(var(--color-foreground))!important;z-index:1}media-gallery .thumbnail-slider .slider-button--next .svg-wrapper,media-gallery .thumbnail-slider .slider-button--next .svg-wrapper svg,media-gallery .thumbnail-slider .slider-button--next svg{width:20px!important;height:20px!important;color:rgb(var(--color-background))!important}@media screen and (max-width:989px){media-gallery slider-component[id^=GalleryViewer]{display:block!important;margin:0!important;padding:0!important;width:100%!important;max-width:100%!important}media-gallery .product__media-list{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth;overscroll-behavior-x:contain;overscroll-behavior-y:auto;scroll-padding:0!important;scroll-padding-left:0!important;-webkit-overflow-scrolling:touch;column-gap:16px;margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}media-gallery .product__media-list .product__media-item,media-gallery .product__media-list .product__media-item.is-active,media-gallery .product__media-list.grid--peek .product__media-item{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;inset:auto!important;transform:none!important;flex:0 0 100%!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;scroll-margin:0!important;scroll-snap-align:start!important;scroll-snap-stop:always!important;box-sizing:border-box!important}}@media screen and (max-width:749px){product-info .page-width{padding-left:20px!important;padding-right:20px!important}}@media screen and (min-width:750px)and (max-width:1023px){product-info .page-width{padding-left:20px!important;padding-right:20px!important}}@media screen and (min-width:750px){media-gallery .thumbnail-slider .slider-button--prev,media-gallery .thumbnail-slider .slider-button--next,media-gallery .thumbnail-slider .slider-button--next:not([disabled]){display:none!important}media-gallery .thumbnail-slider{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0!important}media-gallery .thumbnail-list{flex:1 1 auto!important;justify-content:center!important;padding:0!important;gap:8px!important}media-gallery .thumbnail-list__item{flex:0 0 72px!important;width:72px!important}}@media screen and (min-width:750px)and (max-width:989px){media-gallery .thumbnail-list{padding-left:117px!important}}@media screen and (max-width:749px){media-gallery .thumbnail-slider{display:none!important}media-gallery slider-component[id^=GalleryViewer]{position:relative!important}media-gallery slider-component[id^=GalleryViewer] .slider-buttons{display:flex!important;position:absolute!important;top:0;left:0;right:0;height:100%;align-items:center!important;justify-content:space-between!important;padding:0 12px!important;margin:0!important;background:none!important;pointer-events:none!important;z-index:2}media-gallery slider-component[id^=GalleryViewer] .slider-counter{display:none!important}media-gallery slider-component[id^=GalleryViewer] .slider-button{pointer-events:auto!important;position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;margin:0!important;padding:0!important;border:none!important;border-radius:50%!important;background:#ffffffd9!important;box-shadow:0 1px 4px #0003!important}media-gallery slider-component[id^=GalleryViewer] .slider-button[disabled],media-gallery slider-component[id^=GalleryViewer] .slider-button--prev,media-gallery slider-component[id^=GalleryViewer] .slider-button--next{display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}media-gallery slider-component[id^=GalleryViewer] .slider-button .svg-wrapper,media-gallery slider-component[id^=GalleryViewer] .slider-button svg{width:16px!important;height:16px!important;color:rgb(var(--color-foreground))!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/custom-gallery-mobile.css.map */