.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;pointer-events:none}.lightbox--dialog{z-index:1100}.lightbox:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;transition:opacity .26s ease}.lightbox[aria-hidden=false]{pointer-events:all}.lightbox[aria-hidden=false]:before{opacity:1}.lightbox.is-closing:before{opacity:0}.lightbox-frame{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;max-width:92vw;max-height:88vh}.lightbox-img{display:block;position:fixed;z-index:1;max-width:none;max-height:none;object-fit:contain;opacity:0;transition:none;will-change:left,top,width,height}.lightbox.is-ready .lightbox-img{opacity:1}@media(hover:hover)and (pointer:fine){.lightbox[data-hover-zoom=true].is-ready .lightbox-img{cursor:zoom-in;transition:transform .24s cubic-bezier(.22,1,.36,1);will-change:left,top,width,height,transform}.lightbox[data-hover-zoom=true].is-ready.is-zoomed .lightbox-img{cursor:zoom-out;transform:scale(var(--lightbox-zoom-scale, 2))}}.lightbox-flyout{position:fixed;z-index:501;object-fit:cover;pointer-events:none;will-change:transform,width,height,left,top}.lightbox-controls{position:fixed;left:50%;bottom:20px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:0;opacity:0;pointer-events:none;transform:translate(-50%,6px);transition:opacity .16s ease,transform .16s ease}.lightbox.is-ready .lightbox-controls{opacity:1;pointer-events:auto;transform:translate(-50%)}.lightbox.is-closing .lightbox-controls{opacity:0;pointer-events:none;transform:translate(-50%,6px)}.lightbox-close,.lightbox-prev,.lightbox-next{--chevron-button-bg-default: color-mix(in srgb, var(--fg) 4%, transparent);display:flex;align-items:center;justify-content:center;color:var(--fg);background:var(--chevron-button-bg);border:0;cursor:pointer;transition:background var(--nav-slide-duration, .65s) var(--nav-slide-button-ease, cubic-bezier(.4, 0, 1, 1)),color var(--nav-slide-duration, .65s) var(--nav-slide-button-ease, cubic-bezier(.4, 0, 1, 1))}.lightbox-close{width:42px;height:42px}.lightbox-prev,.lightbox-next{width:var(--arrow-control-size, 33px);height:var(--arrow-control-size, 33px)}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover,.lightbox-close:focus-visible,.lightbox-prev:focus-visible,.lightbox-next:focus-visible{color:var(--nav-slide-fill-color, var(--inv-fg));outline:none}.lightbox[aria-hidden=false]{touch-action:none;overscroll-behavior:contain}.lightbox[aria-hidden=false]:before{opacity:var(--lightbox-backdrop, 1)}.lightbox.is-dragging:before{transition:none}.lightbox.is-ready .lightbox-img{cursor:zoom-in;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;will-change:left,top,width,height,transform}.lightbox.is-ready.is-zoomed .lightbox-img{cursor:grab}.lightbox.is-ready.is-dragging .lightbox-img{cursor:grabbing}.lightbox-count{min-width:5ch;padding:0 4px;color:var(--fg);font-size:13px;letter-spacing:.06em;font-variant-numeric:tabular-nums;text-align:center}.lightbox-zoom{--chevron-button-bg-default: color-mix(in srgb, var(--fg) 4%, transparent);display:flex;align-items:center;justify-content:center;width:var(--arrow-control-size, 33px);height:var(--arrow-control-size, 33px);color:var(--fg);background:var(--chevron-button-bg);border:0;cursor:pointer}.lightbox-zoom[aria-pressed=true],.lightbox-zoom:hover,.lightbox-zoom:focus-visible{color:var(--inv-fg);background:var(--fg);outline:none}@media(max-width:767px){.lightbox-controls{bottom:max(16px,env(safe-area-inset-bottom))}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/product-lightbox.css.map */
