.gthumbs{position:relative;margin-top:.75rem;--gthumbs-cols: 3;--gthumbs-gap: .5rem}@media(min-width:700px){.gthumbs{--gthumbs-cols: 5}}.gthumbs__viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.gthumbs__viewport::-webkit-scrollbar{display:none}.gthumbs__strip{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--gthumbs-cols) - 1) * var(--gthumbs-gap)) / var(--gthumbs-cols));gap:var(--gthumbs-gap);width:100%}.gthumbs__strip>*{min-width:0;margin:0;scroll-snap-align:start}.gthumbs__strip>*>button,.gthumbs__strip>*>a{position:relative;display:block;width:100%;aspect-ratio:1 / 1;padding:0;margin:0;border:2px solid transparent;border-radius:var(--radius-md, 8px);overflow:hidden;background:none;cursor:zoom-in;line-height:0}.gthumbs__strip>*>button:focus-visible,.gthumbs__strip>*>a:focus-visible{outline:2px solid var(--color-apple-red);outline-offset:2px}.gthumbs__strip img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;object-fit:cover;display:block}.gthumbs__strip>*>button.gthumbs__thumb--video{cursor:pointer}.gthumbs__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:var(--color-winter-white, #fff)}.gthumbs__play svg{width:clamp(2rem,28%,2.75rem);height:auto;display:block;filter:drop-shadow(0 2px 6px rgba(12,8,14,.35))}.gthumbs__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9999px;background-color:var(--color-winter-white, #fff);color:var(--color-evening-black, #190d1a);cursor:pointer;box-shadow:0 4px 14px #0c080e2e;transition:opacity .15s ease,transform .15s ease}.gthumbs__arrow[hidden]{display:none}.gthumbs__arrow:hover{transform:translateY(-50%) scale(1.04)}.gthumbs__arrow:focus-visible{outline:2px solid var(--color-apple-red);outline-offset:2px}.gthumbs__arrow--prev{left:-.5rem}.gthumbs__arrow--next{right:-.5rem}@media(min-width:700px){.gthumbs__arrow{width:2.5rem;height:2.5rem}.gthumbs__arrow--prev{left:-.875rem}.gthumbs__arrow--next{right:-.875rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/gallery-thumbs.css.map */