:root{--jwz-pad: 48px;--jwz-pad-m: 8px;--jwz-rail: calc(var(--thumbnail-width, 64px) + 44px);--jwz-rail-m: calc(var(--thumbnail-width, 64px) + 44px);--jwz-ui: #f8f5f0;--jwz-ui-bg: rgba(12, 11, 9, .55);--jwz-ui-line: rgba(248, 245, 240, .22);--jwz-accent: #c4922a;--jwz-btn: 44px}zoom-dialog{pointer-events:auto!important}zoom-dialog dialog.dialog-zoomed-gallery__dialog{overflow:hidden!important;overscroll-behavior:contain;padding:0}.dialog-zoomed-gallery{position:absolute;top:0;right:0;bottom:0;left:0;display:flex!important;width:100%;height:100%;margin:0;padding:0;overflow:hidden!important;scroll-snap-type:none!important;scroll-behavior:auto!important;overscroll-behavior:contain;cursor:default}.dialog-zoomed-gallery>.product-media-container{flex:0 0 100%;width:100%;min-width:100%;height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;aspect-ratio:auto!important;max-height:none!important;scroll-snap-align:none;padding:var(--jwz-pad)}.dialog-zoomed-gallery__dialog:has(.dialog-thumbnails-list__thumbnail) .dialog-zoomed-gallery>.product-media-container{padding-inline-end:calc(var(--jwz-pad) + var(--jwz-rail))}.dialog-zoomed-gallery .product-media{width:100%;height:100%;display:flex;align-items:center;justify-content:center;aspect-ratio:auto!important;overflow:hidden}.dialog-zoomed-gallery .product-media>*:not(img){max-width:100%;max-height:100%}.dialog-zoomed-gallery .product-media__drag-zoom-wrapper{display:flex!important;align-items:center;justify-content:center;width:100%;height:100%;flex:1 1 auto;aspect-ratio:auto!important;overflow:hidden!important;touch-action:none;-webkit-user-select:none;user-select:none;cursor:zoom-in}.dialog-zoomed-gallery .product-media__drag-zoom-wrapper .product-media__image{width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto!important;object-fit:contain!important;transform-origin:50% 50%;transform:translate3d(var(--jwz-x, 0px),var(--jwz-y, 0px),0) scale(var(--jwz-s, 1))!important;transition:transform var(--jwz-t, 0ms) cubic-bezier(.22,.61,.36,1);will-change:transform;-webkit-user-drag:none;user-drag:none}.dialog-zoomed-gallery .product-media__drag-zoom-wrapper[data-jwz-zoomed]{cursor:grab}.dialog-zoomed-gallery .product-media__drag-zoom-wrapper[data-jwz-drag]{cursor:grabbing}.dialog-zoomed-gallery>.product-media-container[data-jwz-dismiss]{transition:transform .22s ease,opacity .22s ease}.dialog-zoomed-gallery__close-button{position:fixed;inset-block-start:16px;inset-inline-end:16px;inline-size:var(--jwz-btn);block-size:var(--jwz-btn);display:grid;place-items:center;padding:0;border-radius:999px;color:var(--jwz-ui)!important;background:var(--jwz-ui-bg);border:1px solid var(--jwz-ui-line);mix-blend-mode:normal!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s ease,border-color .2s ease,color .2s ease}.dialog-zoomed-gallery__close-button:hover{background:var(--jwz-accent);border-color:var(--jwz-accent);color:#0c0b09!important}.dialog-zoomed-gallery__close-button svg{width:15px;height:15px}.jwz-nav,.jwz-zbtn{position:fixed;inline-size:var(--jwz-btn);block-size:var(--jwz-btn);display:grid;place-items:center;padding:0;border:1px solid var(--jwz-ui-line);border-radius:999px;background:var(--jwz-ui-bg);color:var(--jwz-ui);cursor:pointer;z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease}.jwz-nav:hover,.jwz-zbtn:hover{background:var(--jwz-accent);border-color:var(--jwz-accent);color:#0c0b09}.jwz-nav svg,.jwz-zbtn svg{width:16px;height:16px;pointer-events:none}.jwz-nav{inset-block-start:50%;transform:translateY(-50%)}.jwz-nav--prev{left:16px}.jwz-nav--next{right:16px}.dialog-zoomed-gallery__dialog:has(.dialog-thumbnails-list__thumbnail) .jwz-nav--next{right:calc(var(--jwz-rail) + 8px)}.jwz-nav[disabled]{opacity:.25;cursor:default;pointer-events:none}.jwz-tools{position:fixed;inset-block-end:20px;inset-inline-start:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;z-index:3;direction:ltr}.dialog-zoomed-gallery__dialog:has(.dialog-thumbnails-list__thumbnail) .jwz-tools{inset-inline-end:auto}.jwz-zbtn{position:relative}.jwz-level{min-width:56px;height:30px;display:grid;place-items:center;padding-inline:10px;border-radius:999px;border:1px solid var(--jwz-ui-line);background:var(--jwz-ui-bg);color:var(--jwz-ui);font-size:11px;letter-spacing:.06em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}@media screen and (min-width:750px){.dialog-zoomed-gallery__dialog .dialog-thumbnails-list{right:12px;max-height:min(calc(100dvh - 120px),660px);padding:10px;gap:8px;border-radius:4px;background:#0c0b0966;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@media screen and (max-width:749px){.dialog-zoomed-gallery__dialog .dialog-thumbnails-list-container{padding-block-end:env(safe-area-inset-bottom,0px);background:linear-gradient(to top,#0c0b09bf,#0c0b0900)}.dialog-zoomed-gallery__dialog .dialog-thumbnails-list{gap:6px}}.dialog-zoomed-gallery__dialog .dialog-thumbnails-list__thumbnail{opacity:.55;transition:opacity .2s ease}.dialog-zoomed-gallery__dialog .dialog-thumbnails-list__thumbnail[aria-selected=true]{opacity:1}@media screen and (max-width:749px){.dialog-zoomed-gallery>.product-media-container{padding:var(--jwz-pad-m)}.dialog-zoomed-gallery__dialog:has(.dialog-thumbnails-list__thumbnail) .dialog-zoomed-gallery>.product-media-container{padding-inline-end:var(--jwz-pad-m);padding-block-end:calc(var(--jwz-rail-m) + env(safe-area-inset-bottom,0px))}.dialog-zoomed-gallery__dialog:has(.dialog-thumbnails-list__thumbnail) .jwz-nav--next{right:16px}.jwz-nav{--jwz-btn: 40px}.jwz-tools{inset-block-end:calc(var(--jwz-rail-m) + env(safe-area-inset-bottom,0px) + 12px)}.dialog-zoomed-gallery__close-button{inset-block-start:max(12px,env(safe-area-inset-top,0px));inset-inline-end:12px}}@media(prefers-reduced-motion:reduce){.dialog-zoomed-gallery .product-media__drag-zoom-wrapper .product-media__image,.dialog-zoomed-gallery>.product-media-container[data-jwz-dismiss]{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/jewelry-zoom.css.map */