.vel-modal:has(.photo-lightbox-panel){--photo-lightbox-top:4rem;--photo-lightbox-gap:1rem;inset:var(--photo-lightbox-top) 0 calc(var(--photo-lightbox-sheet,12rem) + 2 * var(--photo-lightbox-gap)) 0;z-index:10000;background:0 0}.vel-modal:has(.photo-lightbox-panel):before{content:"";z-index:-1;background:color-mix(in oklab, color-mix(in oklab, var(--color-dark-100) 78%, var(--color-primary-950)) 96%, transparent);position:fixed;inset:0}.vel-modal:has(.photo-lightbox-panel) .vel-img{max-width:calc(100vw - 2 * var(--photo-lightbox-gap));max-height:calc(100dvh - var(--photo-lightbox-top) - var(--photo-lightbox-sheet,12rem) - 3 * var(--photo-lightbox-gap));object-fit:contain;background:0 0}@media (width>=64rem){.vel-modal:has(.photo-lightbox-panel){--photo-lightbox-panel:22.5rem;inset:0 calc(var(--photo-lightbox-panel) + var(--photo-lightbox-gap)) 0 0}.vel-modal:has(.photo-lightbox-panel) .vel-img{max-width:calc(100vw - var(--photo-lightbox-panel) - 9rem);max-height:calc(100dvh - 9rem)}}