.lightbox{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox[hidden]{display:none}.lightbox-backdrop{background:#000000f0;position:absolute;inset:0}.lightbox-stage{justify-content:center;align-items:center;width:100%;height:100%;padding:56px 16px 48px;display:flex;position:relative}.lightbox-image{object-fit:contain;border-radius:var(--radius-field);background:#111;width:auto;max-width:min(1100px,100%);height:auto;max-height:100%}.lightbox-btn{color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:absolute}.lightbox-btn:hover{background:#000c}.lightbox-close{top:8px;right:8px}.lightbox-prev{top:50%;left:8px;transform:translateY(-50%)}.lightbox-next{top:50%;right:8px;transform:translateY(-50%)}.lightbox-counter{text-align:center;color:#ffffffbf;font-size:var(--text-sm-size);margin:0;position:absolute;bottom:12px;left:0;right:0}html.lightbox-open{overflow:hidden}@media (width<=560px){.lightbox-stage{padding:52px 8px 44px}.lightbox-prev{left:4px}.lightbox-next{right:4px}}