.gbi-gallery{--gbi-gallery-peek: 32px;display:block;position:relative;min-width:0;background:var(--gbi-white)}.gbi-gallery__stage{position:relative}.gbi-gallery__track{position:relative;margin:0;padding:0;list-style:none}.gbi-gallery__slide{position:relative;margin:0;padding:0;background:var(--gbi-white);overflow:hidden}.gbi-gallery__slide[hidden],.gbi-gallery__thumb-item[hidden],.gbi-gallery__dot[hidden],.gbi-gallery__dots[hidden],.gbi-gallery__thumbs[hidden],.gbi-gallery__nav[hidden],.gbi-gallery__count[hidden],.gbi-gallery__play[hidden]{display:none}.gbi-gallery__zoom,.gbi-gallery__media{display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:var(--gbi-white);color:inherit}.gbi-gallery__zoom{cursor:zoom-in}.gbi-gallery__zoom:focus-visible{outline:2px solid var(--gbi-ink);outline-offset:-2px}.gbi-gallery__img,.gbi-gallery__placeholder{display:block;width:100%;height:100%;max-width:none;object-fit:contain;background:var(--gbi-white)}.gbi-gallery__placeholder{fill:var(--gbi-line)}.gbi-gallery__slide--video{position:relative;aspect-ratio:var(--gbi-gallery-ratio, 1/1)}.gbi-gallery__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:var(--gbi-white)}.gbi-gallery__video-el,.gbi-gallery__iframe{display:block;width:100%;height:100%;max-width:none;border:0;object-fit:cover;background:var(--gbi-white)}.gbi-gallery[data-video-fit=contain] .gbi-gallery__video-el,.gbi-gallery__video--native .gbi-gallery__video-el{object-fit:contain}.gbi-gallery__play{position:absolute;top:16px;left:16px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#ffffffe6;color:var(--gbi-ink);cursor:pointer;transition:background-color var(--gbi-dur-fast, .16s) ease}.gbi-gallery__play:focus-visible{outline:2px solid var(--gbi-ink);outline-offset:2px}.gbi-gallery__play-icon{display:inline-flex}.gbi-gallery__play-icon--play,.gbi-gallery__play.is-paused .gbi-gallery__play-icon--pause{display:none}.gbi-gallery__play.is-paused .gbi-gallery__play-icon--play{display:inline-flex}@media(hover:hover){.gbi-gallery__play:hover{background:var(--gbi-white)}}.gbi-gallery__count{position:absolute;left:16px;bottom:16px;z-index:2;margin:0;padding:4px 8px;border-radius:var(--gbi-radius-s);background:var(--gbi-white);color:var(--gbi-muted);pointer-events:none;font-variant-numeric:tabular-nums}.gbi-gallery__nav{position:absolute;right:16px;bottom:16px;z-index:2;display:flex;gap:8px}.gbi-gallery__arrow{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--gbi-line);border-radius:50%;background:var(--gbi-white);color:var(--gbi-ink);cursor:pointer;transition:border-color var(--gbi-dur-fast, .16s) ease,opacity var(--gbi-dur-fast, .16s) ease}.gbi-gallery__arrow:focus-visible{outline:2px solid var(--gbi-ink);outline-offset:2px}@media(hover:hover){.gbi-gallery__arrow:hover{border-color:var(--gbi-ink)}}.gbi-gallery__dots{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;height:16px;margin-top:6px}.gbi-gallery__dot{position:relative;display:inline-flex;align-items:center;justify-content:center;width:20px;height:16px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;transition:width .2s ease}.gbi-gallery__dot:after{content:"";position:absolute;top:-14px;right:-7px;bottom:-14px;left:-7px}.gbi-gallery__dot-mark{display:block;width:6px;height:6px;border-radius:3px;background:var(--gbi-line);transition:width .2s ease,background-color .2s ease}.gbi-gallery__dot.is-active{width:32px}.gbi-gallery__dot.is-active .gbi-gallery__dot-mark{width:20px;background:var(--gbi-ink)}.gbi-gallery__dot:focus-visible{outline:2px solid var(--gbi-ink);outline-offset:0;border-radius:8px}.gbi-gallery__thumbs{display:none;gap:8px;margin:12px 0 0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:thin}.gbi-gallery__thumb-item{flex:0 0 72px;margin:0;padding:0}.gbi-gallery__thumb{position:relative;display:block;width:72px;height:72px;margin:0;padding:0;border:1px solid var(--gbi-line);border-radius:0;background:var(--gbi-white);overflow:hidden;cursor:pointer;transition:border-color var(--gbi-dur-fast, .16s) ease}.gbi-gallery__thumb.is-active{border-color:var(--gbi-ink)}.gbi-gallery__thumb:focus-visible{outline:2px solid var(--gbi-ink);outline-offset:-2px}@media(hover:hover){.gbi-gallery__thumb:hover{border-color:var(--gbi-ink)}}.gbi-gallery__thumb-img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;background:var(--gbi-white)}.gbi-gallery__thumb-play{position:absolute;right:4px;bottom:4px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--gbi-ink);color:var(--gbi-white)}@media(max-width:989px){.gbi-gallery__track{display:flex;gap:8px;margin-inline:calc(-1 * var(--gbi-gutter));padding-inline:var(--gbi-gutter);scroll-padding-inline:var(--gbi-gutter);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.gbi-gallery__track::-webkit-scrollbar{display:none}.gbi-gallery__slide{flex:0 0 calc(100% - var(--gbi-gallery-peek));aspect-ratio:var(--gbi-gallery-ratio, 1/1);scroll-snap-align:start;scroll-snap-stop:always}.gbi-gallery--single .gbi-gallery__slide{flex-basis:100%}.gbi-gallery__count,.gbi-gallery__nav{display:none}}@media(min-width:750px)and (max-width:989px){.gbi-gallery__slide{flex-basis:calc(66% - 8px)}}@media(min-width:990px){.gbi-gallery__track{display:grid;grid-template-columns:minmax(0,1fr);aspect-ratio:var(--gbi-gallery-ratio, 1/1);overflow:hidden}.gbi-gallery__slide{grid-area:1 / 1;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s}.gbi-gallery__slide.is-active{z-index:1;opacity:1;visibility:visible;transition:opacity .2s ease}.gbi-gallery__dots{display:none}.gbi-gallery__thumbs{display:flex}.gbi-gallery__thumbs[hidden]{display:none}.gbi-gallery__nav{opacity:0;transition:opacity var(--gbi-dur-fast, .16s) ease}.gbi-gallery__stage:hover .gbi-gallery__nav,.gbi-gallery__stage:focus-within .gbi-gallery__nav{opacity:1}}@media(min-width:990px)and (hover:none){.gbi-gallery__nav{opacity:1}}.gbi-zoom{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--gbi-white);color:var(--gbi-ink);overflow:hidden}.gbi-zoom[open]{display:block;animation:gbi-zoom-in var(--gbi-dur-fast, .16s) ease-out}.gbi-zoom.is-closing{opacity:0;transition:opacity var(--gbi-dur-fast, .16s) ease-in}.gbi-zoom::backdrop{background:var(--gbi-white)}@keyframes gbi-zoom-in{0%{opacity:0}to{opacity:1}}.gbi-zoom__inner{position:relative;display:block;width:100%;height:100%}.gbi-zoom__track{position:relative;display:flex;width:100%;height:100%;margin:0;padding:0;list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior:contain;touch-action:pan-x pinch-zoom;scrollbar-width:none}.gbi-zoom__track::-webkit-scrollbar{display:none}.gbi-zoom__item{display:flex;flex:0 0 100%;align-items:center;justify-content:center;height:100%;margin:0;padding:72px 16px 32px;scroll-snap-align:start;scroll-snap-stop:always;background:var(--gbi-white)}.gbi-zoom__item[hidden]{display:none}.gbi-zoom__img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;background:var(--gbi-white)}.gbi-zoom__close{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--gbi-white);color:var(--gbi-ink);cursor:pointer;transition:background-color var(--gbi-dur-fast, .16s) ease}@media(hover:hover){.gbi-zoom__close:hover{background:var(--gbi-line)}}.gbi-zoom__count{position:absolute;top:26px;left:16px;z-index:2;margin:0;color:var(--gbi-muted);font-variant-numeric:tabular-nums}.gbi-zoom__count[hidden],.gbi-zoom__arrow[hidden]{display:none}.gbi-zoom__arrow{position:absolute;top:50%;z-index:2;display:none;align-items:center;justify-content:center;width:48px;height:48px;margin-top:-24px;padding:0;border:1px solid var(--gbi-line);border-radius:50%;background:var(--gbi-white);color:var(--gbi-ink);cursor:pointer;transition:border-color var(--gbi-dur-fast, .16s) ease}.gbi-zoom__arrow--prev{left:24px}.gbi-zoom__arrow--next{right:24px}.gbi-zoom__close:focus-visible,.gbi-zoom__arrow:focus-visible{outline:2px solid var(--gbi-ink);outline-offset:2px}@media(min-width:990px){.gbi-zoom__arrow{display:inline-flex}.gbi-zoom__arrow[hidden]{display:none}.gbi-zoom__item{padding:72px 96px 40px}}@media(hover:hover){.gbi-zoom__arrow:hover{border-color:var(--gbi-ink)}}@media(prefers-reduced-motion:reduce){.gbi-gallery__slide,.gbi-gallery__slide.is-active,.gbi-gallery__dot,.gbi-gallery__dot-mark,.gbi-gallery__nav,.gbi-gallery__arrow{transition:none}.gbi-gallery__track{scroll-behavior:auto}.gbi-zoom[open]{animation-duration:.12s}}@media(max-width:989px){.gbi-gallery__play.is-off{visibility:hidden;opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/gbi-gallery.css.map */