.snvg{display:flex;flex-direction:column;gap:12px;width:100%;flex:1 1 100%;min-width:0;max-width:100%;box-sizing:border-box}.snvg[hidden]{display:none}.snvg *{box-sizing:border-box}.snvg__main{position:relative;width:100%;background:transparent;border-radius:8px;overflow:hidden;touch-action:pan-y}.snvg__main-btn{display:block;width:100%;margin:0;padding:0;border:0;background:none;cursor:pointer;line-height:0;overflow:hidden}.snvg__track{display:flex;width:100%;will-change:transform}.snvg__main-img{flex:0 0 100%;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain;display:block;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.snvg__thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.snvg__thumbs[hidden]{display:none}.snvg__thumb{margin:0;padding:0;border:1px solid rgba(128,128,128,.35);border-radius:6px;background:transparent;cursor:pointer;overflow:hidden;line-height:0;transition:border-color .15s ease}.snvg__thumb:hover{border-color:#808080b3}.snvg__thumb.is-active{border-color:transparent;box-shadow:0 0 0 2px currentColor}.snvg__thumb img{width:100%;height:100%;aspect-ratio:1 / 1;object-fit:contain;display:block}.snvg__expand{position:absolute;right:0;bottom:0;margin:0 14px 14px 0;display:flex;align-items:center;gap:5px;padding:6px 10px 6px 9px;background:#ffffffe6;color:#111;border:0;border-radius:3px;box-shadow:0 0 0 1px #00000026;font:inherit;font-size:.8125rem;font-weight:400;line-height:1.2;white-space:nowrap;cursor:pointer;z-index:2}.snvg__expand svg{display:block;flex:0 0 auto}.snvg__expand-tap{display:none}@media(hover:none)and (pointer:coarse){.snvg__expand-click{display:none}.snvg__expand-tap{display:inline}}.snvg__lightbox{--snvg-lb-pad: 16px;border:0;padding:0;position:fixed;top:0;right:0;bottom:0;left:0;margin:0;width:auto;height:auto;max-width:none;max-height:none;background:var(--snvg-lb-bg, rgba(0, 0, 0, .92));color:inherit;overflow:hidden}.snvg__lightbox::backdrop{background:var(--snvg-lb-bg, rgba(0, 0, 0, .8))}.snvg__lb-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;padding:var(--snvg-lb-pad)}.snvg__lb-stage{position:relative;min-width:0;min-height:0;width:100%;flex:1 1 auto;overflow:hidden;display:flex;align-items:center;touch-action:pan-y}.snvg__lb-track{display:flex;align-items:center;width:100%;will-change:transform}.snvg__lb-slide{flex:0 0 100%;display:flex;align-items:center;justify-content:center;min-width:0}.snvg__lightbox-img{display:block;max-width:100%;max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px);width:auto;height:auto;border-radius:8px;-webkit-user-drag:none;user-select:none;-webkit-user-select:none;background:#fff;transform-origin:center center;cursor:zoom-in}.snvg__lb-thumbs{display:flex;gap:8px;max-width:100%;overflow:auto;padding:3px;flex:0 0 auto;scroll-behavior:smooth}.snvg__lb-thumbs[hidden]{display:none}.snvg__lb-thumbs .snvg__thumb{flex:0 0 auto;width:64px;height:64px}.snvg__close{position:absolute;top:calc(var(--snvg-lb-pad) + env(safe-area-inset-top,0px));right:calc(var(--snvg-lb-pad) + env(safe-area-inset-right,0px));width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#fff;color:#111;font-size:30px;line-height:1;cursor:pointer;z-index:2;box-shadow:0 2px 8px #0000004d}@media(min-width:750px){.snvg__thumbs{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.snvg__lightbox{--snvg-lb-pad: 24px}.snvg__lb-inner{flex-direction:row;align-items:center;justify-content:center}.snvg__lb-thumbs{position:absolute;left:var(--snvg-lb-pad);top:var(--snvg-lb-pad);bottom:var(--snvg-lb-pad);flex-direction:column;max-height:calc(100vh - 2 * var(--snvg-lb-pad));max-height:calc(100dvh - 2 * var(--snvg-lb-pad));max-width:none}.snvg__lightbox-img{max-height:calc(100vh - 2 * var(--snvg-lb-pad));max-height:calc(100dvh - 2 * var(--snvg-lb-pad));max-width:76%}}@media(prefers-reduced-motion:reduce){.snvg__thumb{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/storenode-variant-gallery.css.map */