.lightbox-overlay{position:fixed;inset:0;background:rgb(0 0 0);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity 0.3s ease;z-index:1000}.lightbox-overlay.visible{opacity:1;pointer-events:auto}.lightbox-large-wrapper{position:relative;width:100%;max-width:100vw;height:70vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.lightbox-large{position:absolute;max-height:100%;max-width:100%;object-fit:contain;transition:transform 0.3s ease,opacity 0.3s ease;will-change:transform,opacity;opacity:0}.lightbox-large.active{opacity:1}.slide-in-left{transform:translateX(-100%)}.slide-in-right{transform:translateX(100%)}.slide-out-left{transform:translateX(-100%);opacity:0}.slide-out-right{transform:translateX(100%);opacity:0}.lightbox-thumbs{position:absolute;bottom:0;display:flex;overflow-x:auto;gap:8px;padding:20px 0;scrollbar-width:none}.lightbox-thumbs::-webkit-scrollbar{display:none}.lightbox-thumbs img{width:80px;height:80px;object-fit:cover;border-radius:3px;cursor:pointer;opacity:1;transition:opacity 0.3s,transform 0.3s}.lightbox-thumbs img.active{opacity:1;border:2px solid #fff}.lightbox-close,.lightbox-arrow{position:absolute;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgb(0 0 0 / .45);cursor:pointer;z-index:2;user-select:none}.lightbox-close{top:16px;right:16px}.lightbox-close svg{width:18px;height:18px}.lightbox-arrow svg path{transition:all 0.3s ease-in-out}.lightbox-arrow:hover svg path{fill:#fff}.lightbox-arrow.left{left:16px}.lightbox-arrow.right{right:16px}body.lightbox-open{overflow:hidden;touch-action:none}