.lightbox-overlay{z-index:1000;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.lightbox-close{color:#fff;cursor:pointer;z-index:1001;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding:0;font-size:2rem;line-height:1;transition:background .2s;display:flex;position:absolute;top:20px;right:20px}.lightbox-close:hover{background:#ffffff4d}.lightbox-close:focus-visible{outline-offset:4px;outline:2px solid #fff}.lightbox-nav{color:#fff;cursor:pointer;z-index:1001;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding:0;font-size:3rem;line-height:1;transition:background .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#ffffff4d;transform:translateY(-50%)scale(1.1)}.lightbox-nav:focus-visible{outline-offset:4px;outline:2px solid #fff}.lightbox-nav-prev{left:20px}.lightbox-nav-next{right:20px}.lightbox-content{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.lightbox-image{object-fit:contain;border-radius:8px;width:auto;max-width:90vw;height:auto;max-height:90vh;transition:opacity .3s;box-shadow:0 4px 8px #0000001a}.lightbox-image.loading{opacity:0}.lightbox-spinner{z-index:1002;border:5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:50px;height:50px;animation:1s ease-in-out infinite lightbox-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes lightbox-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@media screen and (max-width:600px){.lightbox-nav{width:44px;height:44px;font-size:2rem}.lightbox-nav-prev{left:10px}.lightbox-nav-next{right:10px}.lightbox-close{width:44px;height:44px;font-size:1.6rem;top:10px;right:10px}}