.lightbox{z-index:500;background:color-mix(in srgb, var(--color-dark) 95%, transparent);outline:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-close{top:16px;right:max(16px, env(safe-area-inset-right));padding-top:env(safe-area-inset-top);border-radius:var(--radius-pill);color:#fff;z-index:10;cursor:pointer;background:#ffffff1a;border:0;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .15s;display:flex;position:absolute}.lightbox-close:hover{background:#fff3}.lightbox-arrow{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:10;cursor:pointer;background:#ffffff1a;border:0;justify-content:center;align-items:center;width:48px;height:48px;transition:background-color .15s;display:none;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-arrow:hover{background:#fff3}.lightbox-arrow.prev{left:16px}.lightbox-arrow.next{right:16px}@media (min-width:640px){.lightbox-arrow{display:flex}}.lightbox-image-wrap{width:100%;height:100%;overflow:hidden}.lightbox-track{will-change:transform;height:100%;transition:transform .32s var(--ease-smooth);display:flex}.lightbox-track--instant{transition:none}.lightbox-slide{flex:0 0 100%;height:100%;position:relative}.lightbox-footer{padding-bottom:env(safe-area-inset-bottom);align-items:center;gap:12px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.lightbox-pill{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffe6;letter-spacing:.04em;background:#0006;padding:6px 12px;font-size:12px;font-weight:500}.lightbox-pill.caption{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;max-width:60vw;overflow:hidden}