.image-lightbox{background-color:#000000fa;flex-direction:column;justify-content:center;align-items:center;animation:.3s ease-out image-lightbox-fade-in;display:flex;position:fixed;inset:0}@keyframes image-lightbox-fade-in{0%{opacity:0}to{opacity:1}}.image-lightbox__stage{box-sizing:border-box;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding:20px;display:flex;position:relative;overflow:hidden}.image-lightbox--with-thumbnails .image-lightbox__stage{padding-bottom:8px}.image-lightbox--with-thumbnails .image-lightbox__zoom-controls{bottom:24px}.image-lightbox__stage--zoomable{cursor:pointer}.image-lightbox__stage--panning{cursor:grab}.image-lightbox__image{object-fit:contain;max-width:100%;max-height:100%;transition:transform .2s ease-out}.image-lightbox:not(.image-lightbox--with-thumbnails) .image-lightbox__image{max-width:95vw;max-height:95vh}.image-lightbox__image--dragging{transition:none}.image-lightbox__nav{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:2;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:40px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.image-lightbox__nav:hover{background:#fff3;transform:translateY(-50%)scale(1.1)}.image-lightbox__nav--prev{left:40px}.image-lightbox__nav--next{right:40px}.image-lightbox__close{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:2;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:32px;transition:all .3s;display:flex;position:absolute;top:40px;right:40px}.image-lightbox__close:hover{background:#fff3;transform:scale(1.1)}.image-lightbox__counter{-webkit-backdrop-filter:blur(10px);color:#fff;z-index:2;background:#0009;border-radius:3px;padding:12px 20px;font-size:14px;font-weight:500;position:absolute;top:40px;left:40px}.image-lightbox__zoom-controls{-webkit-backdrop-filter:blur(10px);z-index:2;background:#0009;border-radius:3px;align-items:center;gap:12px;padding:12px 20px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.image-lightbox__zoom-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:24px}.image-lightbox__zoom-label{color:#fff;text-align:center;min-width:60px;font-size:14px}.image-lightbox__zoom-reset{color:#fff;cursor:pointer;background:0 0;border:none;border-left:1px solid #fff3;margin-left:8px;padding:4px 12px;font-size:14px}.image-lightbox__thumbnails{box-sizing:border-box;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#ffffff4d transparent;-webkit-overflow-scrolling:touch;flex-shrink:0;justify-content:flex-start;gap:6px;width:100%;max-width:100%;padding:10px 30px;display:flex;overflow:auto hidden}.image-lightbox__thumbnails--centered{justify-content:center}.image-lightbox__thumbnails::-webkit-scrollbar{height:8px}.image-lightbox__thumbnails::-webkit-scrollbar-track{background:0 0}.image-lightbox__thumbnails::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.image-lightbox__thumbnails::-webkit-scrollbar-thumb:hover{background:#ffffff80}.image-lightbox__thumbnail{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:4px;flex-shrink:0;width:200px;height:150px;margin:0;padding:0;transition:all .2s;overflow:hidden}.image-lightbox__thumbnail--active{border-color:#fff}.image-lightbox__thumbnail:hover{opacity:.8}.image-lightbox__thumbnail img{object-fit:contain;width:100%;height:100%;display:block}@media (max-width:767px){.image-lightbox__nav{width:50px;height:50px;font-size:32px}.image-lightbox__nav--prev{left:16px}.image-lightbox__nav--next{right:16px}.image-lightbox__close{width:50px;height:50px;font-size:28px;top:16px;right:16px}.image-lightbox__counter{padding:10px 16px;font-size:12px;top:16px;left:16px}.image-lightbox__zoom-controls{padding:10px 16px;bottom:16px}.image-lightbox:not(.image-lightbox--with-thumbnails) .image-lightbox__image{max-width:95vw;max-height:80vh}.image-lightbox__stage{padding:16px}.image-lightbox__thumbnail{width:120px;height:90px}.image-lightbox__thumbnails{scrollbar-width:none;-ms-overflow-style:none;gap:4px;padding:8px 16px}.image-lightbox__thumbnails::-webkit-scrollbar{display:none}}@media (max-width:479px){.image-lightbox__nav{width:40px;height:40px;font-size:20px}.image-lightbox__nav--prev{left:8px}.image-lightbox__nav--next{right:8px}.image-lightbox__close{width:40px;height:40px;font-size:24px;top:12px;right:12px}.image-lightbox__thumbnail{width:100px;height:75px}}