.snk-gallery{position:relative;display:block}.snk-gallery__stage{position:relative}.snk-gallery__track{display:flex;margin:0;padding:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none}.snk-gallery__track::-webkit-scrollbar{display:none}.snk-gallery__slide{position:relative;display:flex;flex:0 0 100%;align-items:center;justify-content:center;aspect-ratio:1;overflow:hidden;background:var(--snk-soft);scroll-snap-align:start}.snk-gallery__image{width:88%;height:88%;object-fit:contain;mix-blend-mode:multiply}.snk-gallery__image--pack{mix-blend-mode:normal}.snk-gallery__video{width:100%;height:100%;object-fit:cover}.snk-gallery__placeholder{fill:var(--snk-mid)}.snk-gallery__badge{position:absolute;top:12px;left:12px;z-index:2;pointer-events:none;padding:7px 9px;border-radius:var(--snk-radius-btn);background:var(--snk-lime);color:var(--snk-ink);font:600 9px/1 var(--snk-font-mono);letter-spacing:.08em;text-transform:uppercase}.snk-gallery__badge--red{background:var(--snk-red);color:var(--snk-white)}.snk-gallery__pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px 5px 7px;border-radius:var(--snk-radius-btn);background:var(--snk-ink);color:var(--snk-white);font:500 9px/1 var(--snk-font-mono);letter-spacing:.08em;text-transform:uppercase}.snk-gallery__pill .snk-icon{flex:none;width:13px;height:13px;color:var(--snk-lime)}.snk-gallery__returns{position:absolute;top:12px;right:12px;z-index:2;pointer-events:none}.snk-gallery__pack{position:absolute;top:12px;left:12px;z-index:3;text-decoration:none}.snk-gallery__pack:focus-visible{outline:2px solid var(--snk-lime);outline-offset:2px}@media screen and (min-width:990px){.snk-gallery__badge,.snk-gallery__pack{top:18px;left:18px}.snk-gallery__returns{top:18px;right:18px}}.snk-gallery__arrow{position:absolute;top:50%;left:4px;z-index:3;display:inline-grid;place-items:center;width:var(--snk-tap);height:var(--snk-tap);padding:0;border:0;border-radius:0;background:none;color:var(--snk-ink);cursor:pointer;transform:translateY(-50%) rotate(180deg)}.snk-gallery__arrow:not(.snk-gallery__arrow--prev){right:4px;left:auto;transform:translateY(-50%)}.snk-gallery__arrow:disabled{opacity:0;pointer-events:none}.snk-gallery__arrow .snk-icon{width:20px;height:20px;stroke-width:1.4}.snk-gallery__dots{display:none}.snk-gallery__thumbs{position:absolute;bottom:10px;left:50%;z-index:4;display:flex;gap:4px;max-width:calc(100% - 24px);padding:3px;overflow-x:auto;border-radius:8px;background:#1111114d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);scrollbar-width:none;transform:translate(-50%)}.snk-gallery__thumbs::-webkit-scrollbar{display:none}.snk-gallery__thumb{display:grid;flex:none;place-items:center;width:30px;height:30px;padding:0;overflow:hidden;border:0;border-radius:5px;background:var(--snk-white);cursor:pointer;opacity:.55;transition:opacity .15s,box-shadow .15s}.snk-gallery__thumb img{width:90%;height:90%;object-fit:contain;mix-blend-mode:multiply}.snk-gallery__thumb.is-active{box-shadow:0 0 0 1.5px var(--snk-white);opacity:1}.snk-gallery__thumb:focus-visible,.snk-gallery__arrow:focus-visible{outline:2px solid var(--snk-ink);outline-offset:2px}@media screen and (min-width:990px){.snk-gallery__slide{max-height:calc(100vh - var(--snk-an-h, 0px) - 16px - 86px - 24px)}.snk-gallery__dots{position:absolute;right:0;bottom:12px;left:0;display:flex;justify-content:center;gap:5px;pointer-events:none}.snk-gallery__dots i{width:6px;height:6px;border-radius:50%;background:#0003}.snk-gallery__dots i.is-active{background:var(--snk-ink)}.snk-gallery__thumbs{position:static;gap:6px;max-width:none;padding:10px 0 0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:none}.snk-gallery__thumb{width:76px;height:76px;padding:2px;border:1px solid var(--snk-line);border-radius:var(--snk-radius);background:var(--snk-soft);box-shadow:0 1px 4px #0000001f;opacity:1}.snk-gallery__thumb.is-active{border-color:var(--snk-ink);box-shadow:inset 0 0 0 1.5px var(--snk-ink)}}@media(prefers-reduced-motion:reduce){.snk-gallery__thumb{transition:none}}.snk-gallery__zoom{display:contents;padding:0;border:0;background:none;cursor:zoom-in}.snk-zoom{width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:var(--snk-white);color:var(--snk-ink)}.snk-zoom::backdrop{background:var(--snk-white)}.snk-zoom__stage{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.snk-zoom__image{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in;transition:transform .15s;will-change:transform}.snk-zoom.is-zoomed .snk-zoom__image{cursor:zoom-out;transition:none}.snk-zoom__close,.snk-zoom__nav{position:absolute;z-index:2;display:inline-grid;place-items:center;width:var(--snk-tap);height:var(--snk-tap);padding:0;border:0;border-radius:var(--snk-radius);background:var(--snk-lime);color:var(--snk-ink);cursor:pointer}.snk-zoom__close{top:12px;right:12px}.snk-zoom__nav{top:50%;right:10px;transform:translateY(-50%)}.snk-zoom__nav--prev{right:auto;left:10px;transform:translateY(-50%) rotate(180deg)}.snk-zoom.is-zoomed .snk-zoom__nav,.snk-zoom.is-zoomed .snk-zoom__hint{opacity:0;pointer-events:none}.snk-zoom__close .snk-icon,.snk-zoom__nav .snk-icon{width:22px;height:22px}.snk-zoom__count,.snk-zoom__hint{position:absolute;right:0;left:0;z-index:2;margin:0;color:var(--snk-mid);font:500 10.5px/1.3 var(--snk-font-mono);letter-spacing:.04em;text-align:center;text-transform:uppercase;pointer-events:none}.snk-zoom__count{top:26px}.snk-zoom__hint{bottom:calc(16px + env(safe-area-inset-bottom))}.snk-zoom__hint-mouse{display:none}@media(hover:hover)and (pointer:fine){.snk-zoom__hint-touch{display:none}.snk-zoom__hint-mouse{display:inline}}.snk-zoom__close:focus-visible,.snk-zoom__nav:focus-visible{outline:2px solid var(--snk-ink);outline-offset:2px}@media(prefers-reduced-motion:reduce){.snk-zoom__image{transition:none}}.snk-gallery__pack--shield{display:block;width:84px}.snk-gallery__pack--shield:focus-visible{outline-color:var(--snk-ink)}.snk-gallery__pack--shield img{display:block;width:100%;height:auto}@media screen and (min-width:990px){.snk-gallery__pack--shield{width:104px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/snk-product-gallery.css.map */