.lightboxThumb{position:relative}.lightboxThumb:before{--magnifier-size:var(--s4);--magnifier-font-size:var(--fs1);opacity:0;display:flex;align-items:center;justify-content:center;font-family:var(--icon);content:'\f002';width:var(--magnifier-size);height:var(--magnifier-size);border-radius:var(--r-circular);background:rgba(var(--rgb__white),var(--subdued));color:var(--black);font-size:var(--magnifier-font-size);position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);isolation:isolate;z-index:1;transition:var(--transition-all-quick)}.lightboxThumbLarge:before{--magnifier-position:var(--s2h);--magnifier-size:var(--s4h);--magnifier-font-size:var(--fs2);top:var(--magnifier-position);left:var(--magnifier-position);transform:unset}.lightboxThumb:hover:before{opacity:1}.lightbox::backdrop{background:rgba(var(--rgb__black),var(--subdued))}.lightbox{border:0;height:100dvh;max-height:100dvh;max-width:fit-content}.lightbox .lightboxScrollArea{scroll-snap-type:x mandatory;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){.lightbox .lightboxScrollArea{scroll-behavior:auto}}.lightbox .lightboxSlide{display:block;scroll-snap-align:start;scroll-snap-stop:always}