zoom-dialog dialog.dialog-zoomed-gallery__dialog{--fcf-zoom-thumb-width: 72px;--fcf-zoom-thumb-gutter: 32px;--fcf-zoom-side-width: calc(var(--fcf-zoom-thumb-width) + var(--fcf-zoom-thumb-gutter));--fcf-zoom-image-width: min(640px, calc(100vw - 48px - var(--fcf-zoom-side-width)));--fcf-zoom-image-height: min(72vh, 720px)}zoom-dialog dialog.dialog-zoomed-gallery__dialog:not([open]){display:none!important}zoom-dialog dialog.dialog-zoomed-gallery__dialog[open]{display:flex;flex-direction:row;align-items:stretch;width:calc(var(--fcf-zoom-side-width) + var(--fcf-zoom-image-width))!important;height:var(--fcf-zoom-image-height)!important;max-width:calc(100vw - 48px)!important;max-height:88vh!important;margin:auto;padding:0;border:none;border-radius:4px;overflow:hidden;background:#fff;box-shadow:0 24px 64px #051e3347;position:relative;opacity:1!important;transition:width .2s ease,height .2s ease;view-transition-name:none!important}::view-transition-group(gallery-item-open),::view-transition-group(gallery-item-close),::view-transition-group(zoom-dialog-ui){animation:none!important}::view-transition-old(gallery-item-open),::view-transition-new(gallery-item-open),::view-transition-old(gallery-item-close),::view-transition-new(gallery-item-close){animation:none!important}zoom-dialog dialog.dialog-zoomed-gallery__dialog::backdrop{background:#051e33b8!important}.dialog-zoomed-gallery__close-button{position:absolute;top:10px;right:10px;z-index:6;color:#051e33!important;mix-blend-mode:normal!important;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#fffffff0;box-shadow:0 2px 12px #051e331f}.dialog-zoomed-gallery__close-button .icon{width:16px;height:16px}.dialog-thumbnails-list-container{position:relative!important;z-index:5;flex:0 0 var(--fcf-zoom-side-width);display:flex;align-items:center;justify-content:center;padding:16px 8px 16px 16px;pointer-events:none;background:#fffffffa;min-height:0}.dialog-thumbnails-list-container scroll-hint,.dialog-thumbnails-list-container .dialog-thumbnails-list{pointer-events:auto}.dialog-thumbnails-list{position:relative!important;inset:auto!important;opacity:1!important;animation:none!important;margin:0;gap:8px;flex-direction:column!important;max-height:100%;overflow-y:auto;padding:0!important}.dialog-thumbnails-list__thumbnail{width:var(--fcf-zoom-thumb-width)}.dialog-zoomed-gallery{position:relative!important;inset:auto!important;flex:1 1 auto;box-sizing:border-box;width:var(--fcf-zoom-image-width);height:var(--fcf-zoom-image-height);min-width:0;min-height:0;margin:0;padding:0;cursor:default;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;background:#fff}.dialog-zoomed-gallery .product-media-container{width:100%;height:100%;min-height:100%;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;aspect-ratio:auto!important}.dialog-zoomed-gallery .product-media-container--image .product-media,.dialog-zoomed-gallery .product-media__drag-zoom-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.dialog-zoomed-gallery .product-media__drag-zoom-wrapper img,.dialog-zoomed-gallery .product-media__image{object-fit:contain!important;object-position:center;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;margin:0}.dialog-zoomed-gallery .product-media-container--zoomable.product-media-container--image{cursor:default}@media screen and (max-width:749px){zoom-dialog dialog.dialog-zoomed-gallery__dialog{--fcf-zoom-thumb-width: 56px;--fcf-zoom-thumb-gutter: 20px;--fcf-zoom-image-width: min(560px, calc(100vw - 24px - var(--fcf-zoom-side-width)));--fcf-zoom-image-height: min(80vh, 680px)}zoom-dialog dialog.dialog-zoomed-gallery__dialog[open]{max-width:calc(100vw - 24px)!important;max-height:92vh!important}.dialog-thumbnails-list-container{padding:12px 6px 12px 10px}.product-media__drag-zoom-wrapper{overflow:auto}}@media(prefers-reduced-motion:reduce){zoom-dialog dialog.dialog-zoomed-gallery__dialog[open]{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-fcf-zoom-dialog.css.map */