.lightbox-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}.lightbox-modal.active{display:flex;align-items:center;justify-content:center}.lightbox-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);cursor:pointer}.lightbox-content{position:relative;max-width:90%;max-height:90%;display:flex;align-items:center;justify-content:center}.lightbox-close{position:absolute;top:-40px;right:0;background:0 0;border:none;color:#fff;font-size:2rem;cursor:pointer;z-index:1}.lightbox-image{max-width:100%;max-height:100%;object-fit:contain;opacity:0;transition:opacity .3s ease}.lightbox-image.loaded{opacity:1}.lightbox-loading{position:absolute;color:#fff}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}