.lightbox{z-index:9999;visibility:hidden;opacity:0;background:#000000a6;width:100%;height:100%;transition:opacity .3s,visibility .3s;position:fixed;top:0;left:0}.lightbox.show{visibility:visible;opacity:1}.lightbox .wrapper{opacity:0;background:#969292f2;border-radius:6px;width:95%;max-width:800px;padding:20px;transition:transform .3s,opacity .3s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9);box-shadow:0 25px 50px -12px #00000040}.lightbox.show .wrapper{opacity:1;transform:translate(-50%,-50%)scale(1)}.lightbox .wrapper header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:15px;display:flex}.lightbox .wrapper .details{color:#feffff;align-items:center;display:flex}.lightbox .wrapper .details span{margin-left:10px;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:500}.lightbox .wrapper .buttons{gap:12px;display:flex}.lightbox .wrapper .buttons i{cursor:pointer;color:#fff;background:#6c757d;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.lightbox .wrapper .buttons i:hover{background:#5f666d}.lightbox .wrapper .preview-img{width:100%;height:85vh;margin-top:25px;position:relative}.lightbox .wrapper .img-scroller{cursor:zoom-in;border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:auto}.lightbox .wrapper .img-scroller img{object-fit:contain;max-width:100%;max-height:100%;transition:width .3s}.lightbox .wrapper .img-scroller.zoomed{cursor:zoom-out;justify-content:flex-start;align-items:flex-start}.lightbox .wrapper .img-scroller.zoomed img{width:200%;max-width:none;max-height:none}.lightbox .nav-btn{cursor:pointer;color:#475569;z-index:10;background:#ffffffe6;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 6px -1px #0000001a}.lightbox .nav-btn:hover{color:#0ea5e9;background:#f8fafc;transform:translateY(-50%)scale(1.1)}.lightbox .nav-btn:active{transform:translateY(-50%)scale(.95)}.lightbox .nav-btn.left{left:-24px}.lightbox .nav-btn.right{right:-24px}.lightbox .wrapper.wrapper-zoomed{border-radius:0;width:100%;max-width:100%;height:100%;padding:15px 25px}.lightbox .wrapper.wrapper-zoomed .preview-img{height:calc(100vh - 90px);margin-top:15px}@media screen and (width<=900px){.lightbox .nav-btn.left{left:10px}.lightbox .nav-btn.right{right:10px}}@media screen and (width<=688px){.lightbox .wrapper{max-width:calc(100% - 26px);padding:12px}.lightbox .wrapper .preview-img{margin-top:15px}.lightbox .nav-btn{width:40px;height:40px}}