.image-lightbox-backdrop{z-index:60;background:var(--background-100);opacity:.96;transition:opacity .2s var(--ease-out);position:fixed;inset:0}.image-lightbox-popup{z-index:60;pointer-events:none;transition:opacity .2s var(--ease-out);outline:none;place-items:center;display:grid;position:fixed;inset:0}.image-lightbox-content{pointer-events:auto;width:min(1600px,177.778dvh - 284.444px);max-width:calc(100vw - 48px)}.image-lightbox-frame{aspect-ratio:16/9}.image-lightbox-image{object-fit:contain;transform-origin:0 0;width:100%;height:auto;box-shadow:0 0 0 1px var(--gray-alpha-300), 0 16px 64px var(--gray-alpha-200);border-radius:12px;display:block}.image-lightbox-close{right:max(16px, env(safe-area-inset-right));top:max(16px, env(safe-area-inset-top));pointer-events:auto;transition:opacity .2s var(--ease-out);position:absolute}.image-lightbox-backdrop[data-starting-style],.image-lightbox-backdrop[data-ending-style],.image-lightbox-popup:is([data-starting-style],[data-ending-style]) .image-lightbox-close{opacity:0}.image-lightbox-popup:is([data-starting-style],[data-ending-style]){opacity:.9999}.image-lightbox-popup[data-instant],.image-lightbox-popup[data-instant] *,.image-lightbox-backdrop[data-instant]{transition:none}html[data-motion-input=keyboard] .image-lightbox-image,.image-lightbox-popup[data-instant] .image-lightbox-image{transform:none!important}@media (prefers-reduced-motion:reduce){.image-lightbox-popup,.image-lightbox-popup *,.image-lightbox-backdrop{transition:none}.image-lightbox-popup .image-lightbox-image{transform:none!important}}@media (max-width:639px){.image-lightbox-content{max-width:calc(100vw - 24px)}.image-lightbox-image{border-radius:8px}}