.product__media-item .global-media-settings{border:none;box-shadow:none;border-radius:6px;overflow:hidden;background:#f5f5f5}.product__media-item img{object-fit:cover;width:100%;height:100%;display:block;transition:opacity .3s ease}.product__media-item .global-media-settings:after{display:none}.thumbnail-list{display:flex;gap:8px;padding:10px 0 0;margin:0;list-style:none;overflow-x:auto;scrollbar-width:none}.thumbnail-list::-webkit-scrollbar{display:none}.thumbnail-list__item{flex:0 0 64px}@media screen and (min-width:750px){.thumbnail-list__item{flex:0 0 72px}}.thumbnail.global-media-settings{width:100%;aspect-ratio:1 / 1;border-radius:4px;overflow:hidden;padding:0;border:2px solid transparent;background:#f0f0f0;cursor:pointer;transition:border-color .2s ease,opacity .2s ease;box-shadow:none}.thumbnail.global-media-settings:after{display:none}.thumbnail.global-media-settings img{width:100%;height:100%;object-fit:cover;display:block}.thumbnail.global-media-settings[aria-current=true],.thumbnail-list__item--active .thumbnail.global-media-settings{border-color:rgb(var(--color-foreground))}.thumbnail.global-media-settings[aria-current=false],.thumbnail.global-media-settings:not([aria-current=true]){opacity:.6}.thumbnail.global-media-settings:hover{opacity:1;border-color:rgba(var(--color-foreground),.4)}.thumbnail-list_item--variant{display:none}.slider-buttons{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:12px}.slider-button{width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(var(--color-foreground),.25);background:rgb(var(--color-background));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,background .2s ease;color:rgb(var(--color-foreground));padding:0}.slider-button:hover{border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.slider-button .svg-wrapper svg{width:14px;height:14px}.slider-button--prev .svg-wrapper svg{transform:rotate(90deg)}.slider-button--next .svg-wrapper svg{transform:rotate(-90deg)}.slider-counter{font-size:1.2rem;opacity:.55;letter-spacing:.05em}@media screen and (max-width:749px){.product__media-list{gap:0}.thumbnail-list__item{flex:0 0 56px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/custom-product-gallery.css.map */