:root{--target-vw: 70;--max-vh: 70;--overlay-bg: rgba(10, 12, 16, .8);--duration-transform: .52s;--duration-size: .48s;--easing: cubic-bezier(.22, .75, .15, 1);--z-overlay: 99991;--z-modal: 99992;--morph-fade: .55;--swipe-accept: 60px;--swipe-vel-threshold: .45;--thumb-w: 88px;--thumb-h: 58px;--thumb-gap: 8px}.jonnyzoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);opacity:0;transition:opacity var(--duration-transform) var(--easing);z-index:var(--z-overlay);pointer-events:none;contain:paint}html.is-builder .jonnyzoom-overlay{background:#ffffffe3}.jonnyzoom-overlay.is-active{opacity:1;pointer-events:auto}.jonnyzoom-modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:var(--z-modal);pointer-events:none;-webkit-backface-visibility:hidden;transform:translateZ(0)}.jonnyzoom-modal.is-active{pointer-events:auto}.jonnyzoom-modal-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:visible}.jonnyzoom-modal-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);will-change:transform,height,width;transition:transform var(--duration-transform) var(--easing),height var(--duration-size) var(--easing),width var(--duration-size) var(--easing);z-index:2;border-radius:10px;box-shadow:0 30px 60px #0000008c,0 6px 18px #00000059;overflow:hidden;background:#fff;cursor:default;contain:layout paint;touch-action:pan-y pinch-zoom}@supports (interpolate-size: allow-keywords){.jonnyzoom-modal-frame{interpolate-size:allow-keywords}}.jonnyzoom-modal-image{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;contain:paint;transition:opacity var(--duration-size) var(--easing);touch-action:pinch-zoom;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.jonnyzoom-modal-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;opacity:0;transition:opacity var(--duration-size) var(--easing);border:0}.jonnyzoom-modal-frame.is-morphing>.jonnyzoom-modal-image{opacity:var(--morph-fade)}.jonnyzoom-modal-caption{position:fixed;left:50%;bottom:24px;transform:translate(-50%);max-width:min(80vw,900px);padding:10px 14px;background:#12161ed9;border:1px solid rgba(255,255,255,.08);border-radius:10px;font-size:13px;line-height:1.35;color:#e9edf1;opacity:0;transition:opacity var(--duration-size) var(--easing);z-index:3;pointer-events:none;text-align:center;contain:layout paint}.jonnyzoom-modal-caption.is-visible{opacity:1}.jonnyzoom-modal.is-active:has(>.jonnyzoom-modal-thumbs.is-visible) .jonnyzoom-modal-caption.is-visible{bottom:calc(var(--thumb-h) + var(--thumb-gap) + 2rem)}@media(max-width:768px){.jonnyzoom-modal .jonnyzoom-modal-caption.is-visible{display:none}}.jonnyzoom-modal-close{position:fixed;right:16px;top:16px;z-index:3;background:#12161ee6;border:1px solid rgba(255,255,255,.08);color:#e9edf1;border-radius:999px;padding:10px 14px;font-size:14px;opacity:0;transform:translateY(-6px);transition:opacity var(--duration-transform) var(--easing),transform var(--duration-transform) var(--easing);pointer-events:none}.jonnyzoom-modal.is-active .jonnyzoom-modal-close{opacity:1;transform:translateY(0);pointer-events:auto}.jonnyzoom-modal-nav{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.jonnyzoom-modal-nav button{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#12161ed1;color:#e9edf1;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer;opacity:0;transition:opacity var(--duration-size) var(--easing),transform var(--duration-size) var(--easing);contain:paint}.jonnyzoom-modal-nav button:hover{transform:translateY(-50%) scale(1.04)}.jonnyzoom-modal-nav .prev{left:16px}.jonnyzoom-modal-nav .next{right:16px}.jonnyzoom-modal-nav.is-visible button{opacity:1}.jonnyzoom-modal-nav button.is-disabled{opacity:.35;cursor:default;transform:translateY(-50%)}.is-touch .jonnyzoom-modal-nav{display:none}.is-touch.nav-on-touch .jonnyzoom-modal-nav{display:block}.jonnyzoom-modal-thumbs{position:fixed;left:50%;bottom:12px;transform:translate(-50%);max-width:min(96vw,1200px);display:flex;gap:var(--thumb-gap);overflow-x:auto;padding:8px 12px;z-index:3;pointer-events:auto;background:#0c0e128c;border:1px solid rgba(255,255,255,.08);border-radius:6px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;translate:0 6px;transition:opacity var(--duration-size) var(--easing),translate var(--duration-size) var(--easing);scrollbar-width:thin;-webkit-overflow-scrolling:touch;touch-action:pan-x;contain:paint;backface-visibility:hidden;isolation:isolate}html.is-builder .jonnyzoom-modal-thumbs{background:#ffffff8c;border:1px solid rgba(255,255,255,.08)}.jonnyzoom-modal-thumbs.is-visible{opacity:1;translate:0 0}.jonnyzoom-thumb{flex:0 0 auto;width:var(--thumb-w);height:var(--thumb-h);border-radius:8px;overflow:hidden;border:4px solid transparent;cursor:pointer;opacity:.5;box-shadow:0 6px 14px #00000040;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:#0b0e13;contain:paint;will-change:opacity;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}html.is-builder .jonnyzoom-thumb{background:#fff}.jonnyzoom-thumb:hover{opacity:1;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.jonnyzoom-thumb img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.jonnyzoom-thumb.is-active{border-color:#ffffffd9;opacity:1}html.is-builder .jonnyzoom-thumb.is-active{border-color:var(--fabric-picker-color,rgb(12, 79, 157))}.jonnyzoom-thumb.is-active img{border:2px solid #FFF;border-radius:4px}.is-touch.hide-thumbs-on-touch .jonnyzoom-modal-thumbs{display:none}.is-touch .jonnyzoom-modal-thumbs::-webkit-scrollbar{display:none}.is-touch .jonnyzoom-modal-thumbs{scrollbar-width:none}.jonnyzoom-modal-html{width:auto;height:auto;display:block;overflow:auto;-webkit-overflow-scrolling:touch;background:#fff;color:#e9edf1;padding:18px 20px;box-sizing:border-box;line-height:1.5}.jonnyzoom-modal-html :is(img,svg,video,canvas){max-width:100%;height:auto}.jonnyzoom-modal-html a{color:#9dd2ff}.jonnyzoom-modal-html [hidden]{display:initial!important}@media(min-width:769px){.jonnyzoom-modal-frame:has(>.jonnyzoom-modal-html>.share-link-modal){width:80%!important}}.jonnyzoom-modal.is-active,.jonnyzoom-modal-frame{pointer-events:auto}.jonnyzoom-modal-html{pointer-events:auto;overflow:auto}
/*# sourceMappingURL=/cdn/shop/t/3/assets/theme-global-jonny-zoom.css.map */