.image-lightbox{z-index:100001;cursor:zoom-out;background-color:#000000eb;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;overflow:hidden}.image-lightbox .image-lightbox-track{width:100%;height:100%;transition:transform .3s;display:flex}.image-lightbox .image-lightbox-slide{flex:0 0 100%;justify-content:center;align-items:center;padding:30px 15px;display:flex}.image-lightbox img{-o-object-fit:contain;object-fit:contain;cursor:default;border-radius:8px;max-width:100%;max-height:100%}.image-lightbox .image-lightbox-close{color:#fff;cursor:pointer;background-color:#ffffff26;border:0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:background-color .15s;display:flex;position:absolute;top:15px;right:15px}.image-lightbox .image-lightbox-close:hover{background-color:#ffffff4d}.image-lightbox .image-lightbox-nav{color:#fff;cursor:pointer;background-color:#ffffff26;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:18px;transition:background-color .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.image-lightbox .image-lightbox-nav:hover{background-color:#ffffff4d}.image-lightbox .image-lightbox-nav--prev{left:15px}.image-lightbox .image-lightbox-nav--next{right:15px}.image-lightbox .image-lightbox-thumbs{cursor:default;background-color:#0000008c;border-radius:12px;gap:8px;max-width:calc(100% - 130px);padding:8px;display:flex;position:absolute;bottom:20px;left:50%;overflow-x:auto;transform:translate(-50%)}.image-lightbox .image-lightbox-thumb{opacity:.55;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:8px;flex:none;width:52px;height:52px;padding:0;transition:opacity .15s,border-color .15s;overflow:hidden}.image-lightbox .image-lightbox-thumb img{-o-object-fit:cover;object-fit:cover;border-radius:0;width:100%;height:100%;display:block}.image-lightbox .image-lightbox-thumb.active{opacity:1;border-color:#fff}.image-lightbox .image-lightbox-thumb:hover{opacity:1}@media (width<=575px){.image-lightbox .image-lightbox-slide{padding:15px 10px}.image-lightbox .image-lightbox-nav{width:38px;height:38px}.image-lightbox .image-lightbox-nav--prev{left:8px}.image-lightbox .image-lightbox-nav--next{right:8px}.image-lightbox .image-lightbox-thumbs{max-width:calc(100% - 20px);bottom:12px}}