.lightbox{z-index:200;animation:fadeIn var(--duration-normal)var(--ease-out);background-color:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox__image-wrap{width:90vw;height:90vh;animation:scaleIn var(--duration-normal)var(--ease-out);position:relative}.lightbox__image-wrap--with-caption{height:82vh}.lightbox__image-wrap img{object-fit:contain}.lightbox__close{top:var(--space-lg);right:var(--space-lg);color:#ffffffb3;width:48px;height:48px;font-size:var(--text-2xl);cursor:pointer;transition:color var(--duration-fast);z-index:201;justify-content:center;align-items:center;display:flex;position:absolute}.lightbox__close:hover{color:var(--color-white)}.lightbox__nav{color:#ffffffb3;width:48px;height:48px;font-size:var(--text-2xl);cursor:pointer;transition:color var(--duration-fast);z-index:201;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox__nav:hover{color:var(--color-white)}.lightbox__nav--prev{left:var(--space-lg)}.lightbox__nav--next{right:var(--space-lg)}.lightbox__content{flex-direction:column;align-items:center;display:flex}.lightbox__caption{margin-top:var(--space-sm);font-family:var(--font-body),sans-serif;font-size:var(--text-sm);color:#ffffffb3;letter-spacing:.04em;text-align:center}.lightbox__counter{bottom:var(--space-lg);font-family:var(--font-body),sans-serif;font-size:var(--text-sm);color:#ffffff80;letter-spacing:.08em;z-index:201;position:absolute;left:50%;transform:translate(-50%)}@media (max-width:768px){.lightbox__image-wrap--with-caption{height:75vh}.lightbox__close{top:var(--space-md);right:var(--space-md)}.lightbox__nav--prev{left:var(--space-sm)}.lightbox__nav--next{right:var(--space-sm)}}