.lightbox{z-index:100;color:#fff;touch-action:pan-y pinch-zoom;background:#0e1012f2;justify-content:center;align-items:center;padding:64px 16px 32px;animation:.18s ease-out lb-in;display:flex;position:fixed;inset:0}@keyframes lb-in{0%{opacity:0}to{opacity:1}}.lightbox-bar{justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:absolute;top:0;left:0;right:0}.lightbox-figure{flex-direction:column;align-items:center;width:100%;max-width:min(1100px,100%);margin:0;display:flex}.lightbox-img{max-width:100%;height:auto;width:min(100%, calc((100vh - 140px) * var(--lb-ratio,1.5)));width:min(100%, calc((100dvh - 140px) * var(--lb-ratio,1.5)));background:#fff;border-radius:2px}.lightbox-btn{color:#fff;background:#ffffff1a;border-radius:9999px;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .2s;display:inline-flex}.lightbox-btn:hover{background:#fff3}.lightbox-prev,.lightbox-next{margin-top:-22px;position:absolute;top:50%}.lightbox-prev{left:12px}.lightbox-next{right:12px}@media (max-width:640px){.lightbox-prev,.lightbox-next{margin-top:0;top:auto;bottom:18px}}.lightbox-zoomed{touch-action:auto}.lightbox-fill{flex-direction:column;justify-content:flex-start;align-items:stretch;padding:0}.lightbox-fill .lightbox-bar{flex:none;padding:8px 12px;position:static}.lightbox-stage{flex:auto;min-height:0;margin:0 12px 12px;position:relative}.lightbox-fill-img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}@media (max-width:640px){.lightbox-stage{margin:0 6px 6px}}@media (orientation:landscape) and (max-height:500px){.lightbox-fill .lightbox-bar{z-index:2;pointer-events:none;align-items:flex-start;padding:6px 8px;position:absolute;inset:0}.lightbox-fill .lightbox-bar>*{pointer-events:auto}.lightbox-fill .lightbox-bar-caption{display:none}.lightbox-fill .lightbox-tools{flex-direction:column}.lightbox-fill .lightbox-stage{margin:6px 60px}}@media (prefers-reduced-motion:reduce){.lightbox{animation:none}}