media-gallery.media-gallery--carousel[data-viewport-gallery]{--fit-gallery-top: calc(var(--header-group-height, 0px) + 16px);--fit-gallery-height: calc(100dvh - var(--header-group-height, 0px) - 32px);--fit-gallery-thumbnail-size: clamp(44px, 7vw, var(--thumbnail-width));padding-block-end:16px}media-gallery.media-gallery--carousel[data-viewport-gallery]>slideshow-component[ref=slideshow]{gap:16px;min-width:0}media-gallery.media-gallery--carousel[data-viewport-gallery]>slideshow-component>slideshow-controls[thumbnails] .slideshow-controls__thumbnails{gap:12px;padding:4px}media-gallery.media-gallery--carousel[data-viewport-gallery] .slideshow-controls__thumbnail{width:var(--fit-gallery-thumbnail-size);height:var(--fit-gallery-thumbnail-size);min-width:0;min-height:0;flex-shrink:0;aspect-ratio:1;padding:0;overflow:hidden;box-sizing:border-box}media-gallery.media-gallery--carousel[data-viewport-gallery] .slideshow-controls__thumbnail img{display:block;width:100%;height:100%;object-fit:cover}@media(min-width:750px){media-gallery.media-gallery--carousel[data-viewport-gallery]{top:var(--fit-gallery-top);align-self:start}media-gallery.media-gallery--carousel[data-viewport-gallery]>slideshow-component[ref=slideshow]{display:grid;grid-template:"controls container" minmax(0,1fr) / calc(var(--thumbnail-width) + 8px) minmax(0,1fr);height:var(--fit-gallery-height)}media-gallery.media-gallery--carousel[data-viewport-gallery]>slideshow-component.slideshow--single-media{grid-template:"container" minmax(0,1fr) / minmax(0,1fr)}media-gallery.media-gallery--carousel[data-viewport-gallery] :is(slideshow-container,slideshow-slides){height:100%;min-height:0}media-gallery.media-gallery--carousel[data-viewport-gallery] slideshow-slide.product-media-container{--constrained-height: var(--fit-gallery-height);height:100%;min-height:0;aspect-ratio:auto}media-gallery.media-gallery--carousel[data-viewport-gallery] slideshow-slide>.product-media{width:100%;height:100%;aspect-ratio:auto}media-gallery.media-gallery--carousel[data-viewport-gallery] slideshow-slide .product-media__image{width:100%;height:100%;object-fit:contain}media-gallery.media-gallery--carousel[data-viewport-gallery] slideshow-controls[thumbnails]{height:100%;min-height:0;overflow:hidden}media-gallery.media-gallery--carousel[data-viewport-gallery] .slideshow-controls__thumbnails-container{position:static;overflow:hidden auto;max-height:100%}media-gallery.media-gallery--carousel[data-viewport-gallery]>slideshow-component>slideshow-controls[thumbnails] .slideshow-controls__thumbnails{flex-direction:column;margin-inline:0}}@media(max-width:749px){media-gallery.media-gallery--carousel[data-viewport-gallery]{--fit-gallery-thumbnail-size: 56px;position:relative;top:auto}media-gallery.media-gallery--carousel[data-viewport-gallery]>slideshow-component[ref=slideshow]{display:grid;grid-template:"container" auto "controls" auto / minmax(0,1fr)}media-gallery.media-gallery--carousel[data-viewport-gallery] slideshow-controls[thumbnails]{display:flex;width:100%;height:auto;min-height:0;position:static}media-gallery.media-gallery--carousel[data-viewport-gallery] .slideshow-controls__thumbnails-container{position:static;overflow:auto hidden}media-gallery.media-gallery--carousel[data-viewport-gallery]>slideshow-component>slideshow-controls[thumbnails] .slideshow-controls__thumbnails{flex-direction:row;margin-inline:0}media-gallery.media-gallery--carousel[data-viewport-gallery] .slideshow-controls__thumbnail{flex:0 0 56px;width:56px}}fit-zoom-dialog dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:0;background:var(--color-background, #fff);color:var(--color-foreground, #111);overflow:hidden;box-sizing:border-box}fit-zoom-dialog dialog[open]{display:block}fit-zoom-dialog [hidden]{display:none!important}.fit-gallery-controls{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 32px);-webkit-user-select:none;user-select:none}.fit-gallery-navigation,.fit-gallery-thumbnails,.fit-gallery-toolbar>button{border:1px solid rgb(0 0 0 / 10%);background:#f5f6f48c;color:#111;box-shadow:0 2px 6px #00000024;-webkit-backdrop-filter:blur(24px) saturate(125%);backdrop-filter:blur(24px) saturate(125%)}.fit-gallery-toolbar{display:contents}.fit-gallery-toolbar>button{position:absolute;top:max(16px,env(safe-area-inset-top));z-index:20;border:1px solid rgb(0 0 0 / 10%);border-radius:999px;background:#f5f6f48c;color:#111;box-shadow:0 2px 6px #00000024;-webkit-backdrop-filter:blur(24px) saturate(125%);backdrop-filter:blur(24px) saturate(125%)}.fit-gallery-toolbar>[ref=zoomButton]{left:50%;transform:translate(-50%);padding-inline:20px}.fit-gallery-toolbar>.fit-gallery-close{display:grid;place-items:center;width:44px;height:44px;padding:0;line-height:0;right:max(16px,env(safe-area-inset-right))}.fit-gallery-toolbar button{min-width:44px;min-height:44px;padding:8px}.fit-gallery-toolbar>.fit-gallery-close svg{display:block;width:18px;height:18px;margin:0}.fit-gallery-navigation svg{width:14px;height:14px}.fit-gallery-stage{display:flex;position:absolute;z-index:0;isolation:isolate;top:0;right:0;bottom:0;left:0;width:100%;min-height:0;height:100%;margin:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;overflow-anchor:none;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom}.fit-gallery-stage.is-repositioning{scroll-behavior:auto;scroll-snap-type:none}.fit-gallery-stage::-webkit-scrollbar{display:none}fit-zoom-dialog dialog:has(.fit-gallery-item.is-zoomed) .fit-gallery-stage{overflow-x:hidden;scroll-snap-type:none}.fit-gallery-item,.fit-gallery-image-viewport{width:100%;height:100%;min-height:0;min-width:0}.fit-gallery-item{position:relative;flex:0 0 100%;transform:translate3d(var(--fit-loop-offset, 0px),0,0);scroll-snap-align:start;overflow:hidden}.fit-gallery-item.is-loop-shifted{scroll-snap-align:none}.fit-gallery-image-viewport{overflow:hidden;cursor:zoom-in;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}fit-zoom-dialog .product-media{width:100%;height:100%;aspect-ratio:auto}fit-zoom-dialog .product-media__image{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center;transform:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.fit-gallery-item.is-zoomed .fit-gallery-image-viewport{display:flex;overflow:auto;cursor:grab;touch-action:none}.fit-gallery-item.is-zoomed .product-media{flex:none;width:var(--zoom-width);height:var(--zoom-height);min-width:var(--zoom-width);min-height:var(--zoom-height);margin:auto}fit-zoom-dialog :is(deferred-media,product-model){top:0;right:0;bottom:0;left:0;width:100%;height:100%}fit-zoom-dialog :is(video,iframe,model-viewer,.deferred-media__poster-image){width:100%;height:100%;object-fit:contain}.fit-gallery-navigation{display:flex;align-items:center;justify-content:center;gap:4px;padding:0 4px;border-radius:999px;font-size:12px;line-height:1;font-variant-numeric:tabular-nums}.fit-gallery-navigation>button.button{display:grid;place-items:center;min-width:32px;min-height:32px;width:32px;height:32px;padding:0;border:0;border-radius:999px;background:transparent;box-shadow:none}.fit-gallery-navigation>button.button:hover{background:#0000000f}.fit-gallery-navigation>[ref=status]{min-width:28px;text-align:center}.fit-gallery-item.is-zoomed .fit-gallery-image-viewport.is-dragging{cursor:grabbing}.fit-gallery-thumbnails{display:flex;gap:12px;overflow:auto hidden;padding:12px 16px;border-radius:18px;min-height:0;min-width:0;width:max-content;max-width:100%;margin-inline:auto}.fit-gallery-thumbnail{position:relative;flex:0 0 56px;width:56px;height:56px;border:0;border-radius:6px;background:transparent}.fit-gallery-thumbnail[aria-current=true]{outline:1.5px solid currentColor;outline-offset:2px}.fit-gallery-thumbnail img{display:block;border-radius:inherit;width:100%;height:100%;object-fit:cover}.fit-gallery-video-badge,media-gallery[data-viewport-gallery] .slideshow-controls__thumbnail-badge:not(:has(.icon-3d-model)){position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:28px;height:28px;border:1px solid rgb(255 255 255 / 75%);border-radius:50%;background:#0000007a;color:#fff;box-shadow:0 1px 3px #00000038;line-height:0;pointer-events:none}.fit-gallery-video-badge svg,media-gallery[data-viewport-gallery] .slideshow-controls__thumbnail-badge:not(:has(.icon-3d-model)) svg{position:static;display:block;width:18px;height:18px;color:#fff;fill:#fff;filter:none}.fit-gallery-video-badge svg path,media-gallery[data-viewport-gallery] .slideshow-controls__thumbnail-badge:not(:has(.icon-3d-model)) svg path{fill:#fff}@media(max-width:749px){.fit-gallery-controls{bottom:max(8px,env(safe-area-inset-bottom));max-width:calc(100% - 16px)}.fit-gallery-toolbar>button{top:max(8px,env(safe-area-inset-top))}.fit-gallery-toolbar>.fit-gallery-close{right:max(8px,env(safe-area-inset-right))}.fit-gallery-controls .fit-gallery-navigation{gap:4px}.fit-gallery-thumbnails{border-radius:16px;padding:10px 12px;gap:8px}.fit-gallery-thumbnail{flex-basis:44px;width:44px;height:44px}}@media(prefers-reduced-transparency:reduce){.fit-gallery-navigation,.fit-gallery-thumbnails,.fit-gallery-toolbar>button{background:#dcddd9;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(max-width:749px){fit-zoom-dialog .fit-gallery-controls{transform:translate(-50%) scale(1);opacity:1;visibility:visible;transform-origin:center bottom;transition:transform .76s cubic-bezier(.16,1,.3,1),opacity .54s ease 60ms,visibility 0s}fit-zoom-dialog dialog:has(.fit-gallery-item.is-zoomed) .fit-gallery-controls{transform:translate(-50%,calc(100% + max(8px,env(safe-area-inset-bottom)) + 16px)) scale(.96);opacity:0;visibility:hidden;pointer-events:none;transition:transform .7s cubic-bezier(.4,0,.8,.4),opacity .56s ease .1s,visibility 0s .7s}}@media(max-width:749px)and (prefers-reduced-motion:reduce){fit-zoom-dialog .fit-gallery-controls,fit-zoom-dialog dialog:has(.fit-gallery-item.is-zoomed) .fit-gallery-controls{transition:none}}.fit-gallery-video-viewport{position:relative;width:100%;height:100%;touch-action:pan-x pan-y pinch-zoom}.fit-gallery-video-viewport :is(video,.deferred-media__poster-button){touch-action:pan-x pan-y pinch-zoom}@media(max-width:749px){.fit-gallery-video-viewport:has(video,iframe):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;touch-action:pan-x pan-y pinch-zoom}}fit-zoom-dialog .fit-gallery-video-viewport deferred-media[class]>video,fit-zoom-dialog .fit-gallery-video-viewport deferred-media[class] .deferred-media__poster-image{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;aspect-ratio:auto;transform:none}media-gallery[data-viewport-gallery] slideshow-slide.product-media-container deferred-media[class]>video,media-gallery[data-viewport-gallery] slideshow-slide.product-media-container deferred-media[class] .deferred-media__poster-image{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;aspect-ratio:auto;transform:none}fit-zoom-dialog dialog::backdrop{background:#0000002e;opacity:var(--fit-gallery-dismiss-backdrop, 1)}fit-zoom-dialog dialog.is-dismiss-closing::backdrop{opacity:0;transition:opacity .42s cubic-bezier(.32,.72,0,1)}fit-zoom-dialog dialog.is-dismiss-returning::backdrop{transition:opacity .48s cubic-bezier(.16,1,.3,1)}@media(prefers-reduced-motion:reduce){fit-zoom-dialog dialog.is-dismiss-closing::backdrop,fit-zoom-dialog dialog.is-dismiss-returning::backdrop{transition:none}}[data-gallery-loop-track]{gap:0;scroll-padding-inline:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;overflow-anchor:none;scroll-snap-type:x mandatory;scroll-behavior:smooth;touch-action:pan-x pan-y pinch-zoom}[data-gallery-loop-track]>.gallery-loop-item{flex:0 0 100%;width:100%;min-width:0;transform:translate3d(var(--fit-loop-offset, 0px),0,0);content-visibility:visible}[data-gallery-loop-track]>.gallery-loop-anchor{scroll-snap-align:start;pointer-events:none}[data-gallery-loop-track]>.gallery-loop-shifted{scroll-snap-align:none}[data-gallery-loop-resetting],[data-gallery-loop-dragging]{scroll-snap-type:none}[data-gallery-loop-resetting]{scroll-behavior:auto}[data-gallery-loop-dragging]{cursor:grabbing}[data-gallery-loop-track] img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}fit-zoom-dialog dialog:has(.fit-gallery-item.is-zoomed) [data-gallery-loop-track]{overflow-x:hidden;scroll-snap-type:none}
/*# sourceMappingURL=/cdn/shop/t/17/assets/product-gallery-enhancements.css.map */