.variant-gallery{display:grid;grid-template-columns:repeat(var(--variant-gallery-columns, 2),minmax(0,1fr));gap:var(--variant-gallery-gap, 8px);width:100%}.variant-gallery[data-columns="1"]{--variant-gallery-columns: 1}.variant-gallery[data-columns="2"]{--variant-gallery-columns: 2}.variant-gallery__figure{margin:0;display:block;overflow:hidden;background:var(--color-background-2, transparent)}.variant-gallery__figure[hidden]{display:none}.variant-gallery__image{display:block;width:100%;height:auto;object-fit:cover}.variant-gallery__figure{cursor:zoom-in}@media screen and (max-width:749px){.variant-gallery{--variant-gallery-columns: 1}}.variant-gallery__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:none;align-items:center;justify-content:center;z-index:9999;touch-action:pan-x pan-y pinch-zoom}.variant-gallery__overlay--open{display:flex}.variant-gallery__overlay-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.variant-gallery__overlay-img{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;cursor:zoom-out;-webkit-user-drag:none}.variant-gallery__overlay-btn{position:absolute;background:#ffffff26;color:#fff;border:0;width:48px;height:48px;border-radius:50%;font-size:28px;line-height:1;cursor:pointer;z-index:1;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,sans-serif;transition:background .15s ease}.variant-gallery__overlay-btn:hover,.variant-gallery__overlay-btn:focus-visible{background:#ffffff47;outline:none}.variant-gallery__overlay-close{top:16px;right:16px}.variant-gallery__overlay-prev{left:16px;top:50%;transform:translateY(-50%)}.variant-gallery__overlay-next{right:16px;top:50%;transform:translateY(-50%)}.variant-gallery__overlay-counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#fff;background:#0009;padding:6px 14px;border-radius:999px;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,sans-serif}@media screen and (max-width:600px){.variant-gallery__overlay-btn{width:40px;height:40px;font-size:24px}.variant-gallery__overlay-prev{left:8px}.variant-gallery__overlay-next{right:8px}.variant-gallery__overlay-close{top:8px;right:8px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/variant-gallery.css.map */