/* chunkx lightbox (see _design/src/chunkx-lightbox.js) */
html.cx-lightbox-open { overflow: hidden; }
.cx-lightbox { position: fixed; inset: 0; z-index: 99992; background: rgba(30, 30, 30, 0.9); }
.cx-lightbox-stage { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 44px 64px; box-sizing: border-box; }
.cx-lightbox-slot { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.cx-lightbox-image { max-width: 100%; max-height: 100%; object-fit: contain; background: #fff; }
.cx-lightbox-video { max-width: 100%; max-height: 100%; background: #000; }
.cx-lightbox-iframe { width: 100%; height: 100%; border: 0; background: #fff; }
.cx-lightbox-inline { max-width: 100%; max-height: 100%; overflow: auto; background: #fff; }
.cx-lightbox-error { padding: 24px 32px; max-width: 400px; background: #fff; color: #444; font-size: 16px; text-align: center; }
.cx-lightbox-button { position: absolute; display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 44px; height: 44px; min-width: 0; min-height: 0; margin: 0; padding: 0 !important; border: 0; background: rgba(30, 30, 30, 0.6); color: #ccc; cursor: pointer; }
.cx-lightbox-button svg { display: block; width: 24px; height: 24px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
.cx-lightbox-button:hover { color: #fff; }
.cx-lightbox-close { top: 0; right: 0; }
.cx-lightbox-prev { top: 50%; left: 0; transform: translateY(-50%); }
.cx-lightbox-next { top: 50%; right: 0; transform: translateY(-50%); }
.cx-lightbox-counter { position: absolute; top: 0; left: 0; padding: 0 12px; color: #ccc; font-size: 13px; line-height: 44px; }
@media (max-width: 600px) { .cx-lightbox-stage { padding: 44px 8px; } }