:root{--lightbox-overlay-bg:rgba(0, 0, 0, 0.8);--lightbox-content-bg:#fff;--lightbox-border-radius:4px;--lightbox-border:4px solid #fff;--lightbox-text-color:#ccc;--lightbox-secondary-color:#999;--lightbox-link-color:#4ae;--lightbox-transition:0.3s ease;--lightbox-z-index-base:9999}.lb-outerContainer,.lightbox .lb-image{max-height:80vh;border-radius:var(--lightbox-border-radius)}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:fixed;inset:0;z-index:var(--lightbox-z-index-base);background-color:var(--lightbox-overlay-bg);display:none}.lightbox{position:fixed;inset:0;z-index:calc(var(--lightbox-z-index-base) + 1);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.lb-outerContainer{position:relative;max-width:90vw;background-color:var(--lightbox-content-bg);display:flex;align-items:center;justify-content:center}.lightbox .lb-image{display:block;max-width:100%;height:auto;border:var(--lightbox-border);object-fit:contain}.lb-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lb-loader::after{content:"";display:block;width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid var(--lightbox-link-color);border-radius:50%;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.lb-nav{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;padding:0 1rem}.lb-next,.lb-prev{width:48px;height:48px;border-radius:50%;background-color:rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--lightbox-transition)}.lb-next::before,.lb-prev::before{content:"";width:12px;height:12px;border-style:solid;border-width:2px 2px 0 0;display:inline-block}.lb-prev::before{transform:rotate(-135deg);margin-left:5px}.lb-close::before,.lb-next::before{transform:rotate(45deg)}.lb-next::before{margin-right:5px}.lb-next:hover,.lb-prev:hover{background-color:rgba(255,255,255,.5)}.lb-dataContainer{width:100%;max-width:90vw;margin-top:1rem;color:var(--lightbox-text-color)}.lb-data{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:.5rem 1rem}.lb-details{display:flex;flex-direction:column;gap:.5rem}.lb-caption{font-size:.9rem;font-weight:700}.lb-number{font-size:.8rem;color:var(--lightbox-secondary-color)}.lb-close{width:32px;height:32px;position:relative;cursor:pointer;transition:transform var(--lightbox-transition)}.lb-close::after,.lb-close::before{content:"";position:absolute;width:100%;height:2px;background-color:var(--lightbox-text-color);top:50%;left:0}.lb-close::after{transform:rotate(-45deg)}.lb-close:hover{transform:scale(1.1)}.lightbox[data-state=opening]{animation:.3s fadeIn}.lightbox[data-state=closing]{animation:.3s fadeOut}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@media (max-width:768px){.lb-outerContainer{width:100%;margin:0}.lb-data{grid-template-columns:1fr;text-align:center}.lb-close{margin:0 auto}.lb-next,.lb-prev{width:36px;height:36px}}@media (prefers-color-scheme:dark){:root{--lightbox-content-bg:#222;--lightbox-border:4px solid #333;--lightbox-text-color:#eee;--lightbox-secondary-color:#bbb}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}