.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}
/*# sourceMappingURL=/cdn/shop/t/59/assets/product-lightbox.css.map */