/* Generated from site/src/styles/components/lightbox.css by wordpress/tools/sync-theme-assets.mjs – edit the source, not this copy. */
/*
 * Photo viewer (lightbox.js): the large photo on a dark full-screen dialog,
 * previous / next, the count, close. Used by the gallery pages and the
 * "Last Time" strip on Home.
 * WordPress: assets/css/components/lightbox.css, with dialog.css.
 */
.lightbox {
  width: 100vw;
  max-width: none;
  height: 100vh;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: rgb(0 0 0 / 0.92);
  color: var(--white);
}
.lightbox::backdrop { background: transparent; }
.lightbox-figure { display: grid; place-items: center; height: 100%; margin: 0; padding: 56px 64px 40px; }
.lightbox-img { width: auto; max-width: 100%; height: auto; max-height: calc(100vh - 110px); object-fit: contain; }
.lightbox-count { margin-top: 10px; font-size: 15px; }
.lightbox-btn {
  position: absolute;
  top: 50%;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin-top: -24px;
  padding: 0;
  border: 0;
  background: rgb(0 0 0 / 0.5);
  color: var(--white);
  font-size: 30px;
  cursor: pointer;
}
.lightbox-prev { left: 8px; }
.lightbox-next { right: 8px; }
.lightbox-prev .icon { transform: rotate(90deg); }
.lightbox-next .icon { transform: rotate(-90deg); }
.lightbox-close { top: 10px; right: 10px; }
@media (max-width: 560px) { .lightbox-figure { padding: 56px 8px 40px; } .lightbox-btn { top: auto; bottom: 8px; margin: 0; } }