.immersive-gallery{display:block;width:100%}.ig{--ig-surface: #f3f1ec;--ig-accent: #a8835a;--ig-ink: var(--color-foreground, #333);display:flex;flex-direction:column;gap:18px}.ig__stage{position:relative;background:var(--ig-surface);overflow:hidden}.ig__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;aspect-ratio:5 / 3;outline:none}.ig__track::-webkit-scrollbar{display:none}.ig__slide{flex:0 0 100%;margin:0;scroll-snap-align:start;scroll-snap-stop:always;position:relative;display:flex;align-items:center;justify-content:center}.ig__media,.ig__slide video{width:100%;height:100%;object-fit:cover;display:block}.ig__slide--angle .ig__media{object-fit:contain;padding:4%;mix-blend-mode:multiply}.ig__media--embed iframe{width:100%;height:100%;border:0}[data-zoom=true] img.ig__media{cursor:zoom-in}.ig__arrow,.ig__expand{position:absolute;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#fafafae0;color:var(--ig-ink);cursor:pointer;box-shadow:0 1px 6px #00000014;transition:background-color .2s ease,transform .2s ease,opacity .2s ease;z-index:2}.ig__arrow svg,.ig__expand svg{width:20px;height:20px}.ig__arrow:hover,.ig__expand:hover{background:#fff;transform:scale(1.05)}.ig__arrow:focus-visible,.ig__expand:focus-visible,.ig__thumb:focus-visible,.ig__tab:focus-visible{outline:2px solid var(--ig-ink);outline-offset:2px}.ig__stage .ig__arrow{top:50%;translate:0 -50%}.ig__arrow--prev{left:20px}.ig__arrow--next{right:20px}.ig__expand{top:20px;right:20px}.ig__counter{display:none;position:absolute;left:12px;bottom:12px;margin:0;padding:4px 10px;border-radius:20px;background:#fafafae0;font-size:12px;letter-spacing:.08em}.ig__tabs{display:flex;gap:34px;overflow-x:auto;scrollbar-width:none}.ig__tab{position:relative;flex:none;padding:6px 0 10px;border:0;background:none;color:var(--ig-ink);font-family:var(--font-body--family);font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;opacity:.8}.ig__tab:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--ig-accent);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.ig__tab[aria-selected=true]{opacity:1}.ig__tab[aria-selected=true]:after,.ig__tab:hover:after{transform:scaleX(1)}.ig__thumbs{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 6 * 12px) / 7);gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding-bottom:4px}.ig__thumb{position:relative;aspect-ratio:1 / .97;padding:0;border:0;background:var(--ig-surface);cursor:pointer;scroll-snap-align:start;overflow:hidden}.ig__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease,opacity .2s ease}.ig__thumb--angle img{object-fit:contain;padding:8%;mix-blend-mode:multiply}.ig__thumb:hover img{transform:scale(1.04)}.ig__thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid transparent;transition:border-color .2s ease;pointer-events:none}.ig__thumb[aria-current=true]:after{border-color:var(--ig-accent)}.ig__thumb--video:before{content:"";position:absolute;z-index:1;inset:50% auto auto 50%;translate:-50% -50%;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #fff;filter:drop-shadow(0 1px 3px rgb(0 0 0 / .4))}.ig__lightbox{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#f7f6f2}.ig__lightbox::backdrop{background:#0009}.ig__lightbox[open]{display:grid;place-items:center}.ig__lightbox-img{max-width:94vw;max-height:92dvh;object-fit:contain}.ig__lightbox .ig__arrow{top:50%;translate:0 -50%}.ig__lightbox-close{position:absolute;top:20px;right:20px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff;cursor:pointer}.ig__lightbox-close svg{width:20px;height:20px}@media screen and (max-width:749px){.ig{gap:12px}.ig__track{aspect-ratio:4 / 3}.ig__stage .ig__arrow{display:none}.ig__expand{top:12px;right:12px;width:38px;height:38px}.ig__counter{display:block}.ig__tabs{gap:22px}.ig__tab{font-size:11px;letter-spacing:.16em}.ig__thumbs{grid-auto-columns:22%;gap:8px}}@media(prefers-reduced-motion:reduce){.ig__track{scroll-behavior:auto}}.ig__track{aspect-ratio:1 / 1!important}@media screen and (min-width:750px){.ig{width:min(100%,max(420px,calc((100svh - 320px)*.86)))!important;margin-inline:auto!important}.ig__thumbs{grid-auto-columns:calc((100% - 5 * 10px) / 6)!important;gap:10px!important}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/immersive-gallery.css.map */