@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-overlay{backdrop-filter:blur(8px);opacity:0;visibility:hidden;isolation:isolate;pointer-events:none;background:#000000f5;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1),backdrop-filter .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden;z-index:1000!important}.lightbox-overlay.show{opacity:1;visibility:visible;pointer-events:auto}.lightbox-container{isolation:isolate;will-change:transform, opacity;transform-origin:50%;border-radius:8px;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.lightbox-chrome{pointer-events:none;z-index:10;position:absolute;inset:0}.lightbox-chrome>*{pointer-events:auto}.lightbox-progress-bars{z-index:2147483647;pointer-events:auto;justify-content:space-between;gap:4px;min-height:2px;display:flex;position:fixed;top:.75rem;left:.75rem;right:4rem}.lightbox-progress-bar{cursor:pointer;background:#ffffff4d;border-radius:1px;flex:1;min-width:20px;height:2px;transition:background .3s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000004d}.lightbox-progress-bar:hover{background:#ffffff80}.lightbox-progress-bar.active{background:#fff6;box-shadow:0 1px 4px #0006}.lightbox-progress-bar.completed{background:#fff9}.lightbox-progress-fill{transform-origin:0;background:#fffffff2;width:0%;height:100%;transition:width .1s;position:absolute;top:0;left:0}.lightbox-progress-bar.completed .lightbox-progress-fill{background:#fff;width:100%}@keyframes lightbox-progress-fill{0%{width:0%}to{width:100%}}.lightbox-content{pointer-events:auto;touch-action:pan-y pinch-zoom;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.lightbox-swiper{pointer-events:auto;touch-action:pan-y pinch-zoom;width:100%;height:100%}.lightbox-media{object-fit:contain;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:85vh;display:block}.lightbox-swiper video{object-fit:contain;background:0 0;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:85vh}.lightbox-swiper img{object-fit:contain;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:85vh}.lightbox-swiper .swiper-slide{opacity:.35;filter:brightness(.6);justify-content:center;align-items:center;max-width:80vw;height:100%;transition:opacity .4s,transform .4s;display:flex;transform:scale(.92);width:min(80vw, calc(85vh * var(--lb-ar,1.5)), var(--lb-w,100vw))!important}.lightbox-swiper .swiper-slide-active{opacity:1;filter:brightness();transform:scale(1)}.swiper-zoom-container{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:80vw;height:auto;max-height:85vh;display:flex;position:relative}.lightbox-swiper .swiper-slide img,.lightbox-swiper .swiper-slide video,.swiper-zoom-container>img,.swiper-zoom-container>video{width:100%;max-width:100%;height:auto;max-height:85vh;aspect-ratio:var(--lb-ar,1.5);object-fit:contain;background-position:50%;background-repeat:no-repeat;background-size:cover;display:block}.lightbox-links-footer{z-index:10;pointer-events:auto;background:linear-gradient(#0000 0%,#000000b3 30%,#000000e6 100%);padding:24px 20px 20px;position:absolute;bottom:0;left:0;right:0}.lightbox-links-title{color:#fff;text-align:center;margin:0 0 12px;font-size:16px;font-weight:600}.lightbox-links-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.lightbox-link-button{color:#fff;backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.lightbox-link-button:hover{background:#ffffff40;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.lightbox-link-button:active{transform:translateY(0)}@media screen and (width<=768px){.lightbox-links-footer{padding:20px 16px 16px}.lightbox-links-title{margin-bottom:10px;font-size:14px}.lightbox-links-actions{gap:8px}.lightbox-link-button{padding:8px 16px;font-size:13px}}.lightbox-header{z-index:2147483647;pointer-events:none;padding:20px;position:absolute;top:0;right:0}.lightbox-close{backdrop-filter:blur(15px)saturate(1.5);color:#fff;z-index:10005;pointer-events:auto;background:#ffffff14;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 32px #0003;cursor:pointer!important}.lightbox-close:hover{background:#ffffff26;border-color:#ffffff4d;transform:scale(1.05)}.lightbox-close:active{transform:scale(.95)}.lightbox-button{backdrop-filter:blur(15px)saturate(1.5);color:#fff;cursor:pointer;z-index:10004;pointer-events:auto;background:#ffffff14;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 32px #0003}.lightbox-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-50%)scale(1.05)}.lightbox-button:active{transform:translateY(-50%)scale(.95)}.lightbox-button-prev{left:20px}.lightbox-button-next{right:20px}.lightbox-button.swiper-button-disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.lightbox-pagination{display:none}@media screen and (width<=768px){.lightbox-progress-bars{top:.75rem;left:.75rem;right:4rem}.lightbox-media,.lightbox-swiper img,.lightbox-swiper video,.swiper-zoom-container img,.swiper-zoom-container video{object-fit:contain!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:70vh!important}.lightbox-swiper .swiper-slide{max-width:90vw;width:min(85vw, calc(70vh * var(--lb-ar,1.5)), var(--lb-w,100vw))!important}.lightbox-button{opacity:.5;background:#0000004d;border:1px solid #ffffff26;width:36px;height:36px}.lightbox-button-prev{left:8px}.lightbox-button-next{right:8px}.lightbox-close{background:#0006;border:1px solid #fff3;width:40px;height:40px}.lightbox-header{padding:12px}.lightbox-container{border-radius:0}}
