.lightbox-gallery figure {
  cursor: pointer;
}

body:has(.lightbox:modal) {
  overflow: hidden;
}

.lightbox {
  --spacing: 5rem;
  display: flex;
  display: none;
  justify-content: center;
  align-items: center;
  margin: 0;
  border: none;
  border-style: none;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.lightbox:modal {
  display: flex;
  max-width: 100dvw;
  max-height: 100dvh;
}

.lightbox__body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lightbox__content {
  position: relative;
  transform: translateX(0);
  transition: all 0.2s;
}

.lightbox__content.slide-right,
.lightbox__content.slide-left {
  transition: none;
}

.lightbox__content.slide-right {
  transform: translateX(calc(100% + var(--spacing)));
}

.lightbox__content.slide-left {
  transform: translateX(calc(-100% - var(--spacing)));
}

.lightbox__image {
  width: calc(100dvw - var(--spacing) * 2);
  max-width: none;
  height: calc(100dvh - var(--spacing) * 2);
  max-height: none;

  object-fit: contain;
}

.lightbox__image--prev,
.lightbox__image--next {
  position: absolute;
  top: 0;
}

.lightbox__image--prev {
  left: calc(100% + var(--spacing));
}

.lightbox__image--next {
  right: calc(100% + var(--spacing));
}

.lightbox__controls {
  display: flex;
  justify-content: space-between;
  z-index: 10;
  padding: 0 var(--spacing);
  width: 100%;
}

[data-image-count="1"] .lightbox__controls {
  display: none;
}

.lightbox__controls > button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  aspect-ratio: 1;
  width: 3rem;
}

.lightbox__prev {
  transform: translateX(-50%) rotate(90deg);
}

.lightbox__next {
  transform: translateX(50%) rotate(-90deg);
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jc3MvbGlnaHRib3gucGNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGVBQWU7QUFDakI7O0FBRUE7RUFDRSxnQkFBZ0I7QUFDbEI7O0FBRUE7RUFDRSxlQUFlO0VBQ2YsYUFBYTtFQUNiLGFBQWE7RUFDYix1QkFBdUI7RUFDdkIsbUJBQW1CO0VBQ25CLFNBQVM7RUFDVCxZQUFZO0VBQ1osa0JBQWtCO0VBQ2xCLG9DQUFvQztFQUNwQyxVQUFVO0VBQ1YsV0FBVztFQUNYLFlBQVk7RUFDWixnQkFBZ0I7QUFDbEI7O0FBRUE7RUFDRSxhQUFhO0VBQ2IsaUJBQWlCO0VBQ2pCLGtCQUFrQjtBQUNwQjs7QUFFQTtFQUNFLGtCQUFrQjtFQUNsQixRQUFRO0VBQ1IsU0FBUztFQUNULGdDQUFnQztBQUNsQzs7QUFFQTtFQUNFLGtCQUFrQjtFQUNsQix3QkFBd0I7RUFDeEIsb0JBQW9CO0FBQ3RCOztBQUVBOztFQUVFLGdCQUFnQjtBQUNsQjs7QUFFQTtFQUNFLGtEQUFrRDtBQUNwRDs7QUFFQTtFQUNFLG1EQUFtRDtBQUNyRDs7QUFFQTtFQUNFLHdDQUF3QztFQUN4QyxlQUFlO0VBQ2YseUNBQXlDO0VBQ3pDLGdCQUFnQjs7RUFFaEIsbUJBQW1CO0FBQ3JCOztBQUVBOztFQUVFLGtCQUFrQjtFQUNsQixNQUFNO0FBQ1I7O0FBRUE7RUFDRSxpQ0FBaUM7QUFDbkM7O0FBRUE7RUFDRSxrQ0FBa0M7QUFDcEM7O0FBRUE7RUFDRSxhQUFhO0VBQ2IsOEJBQThCO0VBQzlCLFdBQVc7RUFDWCx5QkFBeUI7RUFDekIsV0FBVztBQUNiOztBQUVBO0VBQ0UsYUFBYTtBQUNmOztBQUVBO0VBQ0UsYUFBYTtFQUNiLHVCQUF1QjtFQUN2QixtQkFBbUI7RUFDbkIsVUFBVTtFQUNWLGVBQWU7RUFDZixXQUFXO0FBQ2I7O0FBRUE7RUFDRSx5Q0FBeUM7QUFDM0M7O0FBRUE7RUFDRSx5Q0FBeUM7QUFDM0MiLCJmaWxlIjoibGlnaHRib3guY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmxpZ2h0Ym94LWdhbGxlcnkgZmlndXJlIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG5ib2R5OmhhcygubGlnaHRib3g6bW9kYWwpIHtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbn1cblxuLmxpZ2h0Ym94IHtcbiAgLS1zcGFjaW5nOiA1cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBkaXNwbGF5OiBub25lO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWFyZ2luOiAwO1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci1zdHlsZTogbm9uZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjgpO1xuICBwYWRkaW5nOiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xufVxuXG4ubGlnaHRib3g6bW9kYWwge1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXgtd2lkdGg6IDEwMGR2dztcbiAgbWF4LWhlaWdodDogMTAwZHZoO1xufVxuXG4ubGlnaHRib3hfX2JvZHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogNTAlO1xuICBsZWZ0OiA1MCU7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xufVxuXG4ubGlnaHRib3hfX2NvbnRlbnQge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgdHJhbnNpdGlvbjogYWxsIDAuMnM7XG59XG5cbi5saWdodGJveF9fY29udGVudC5zbGlkZS1yaWdodCxcbi5saWdodGJveF9fY29udGVudC5zbGlkZS1sZWZ0IHtcbiAgdHJhbnNpdGlvbjogbm9uZTtcbn1cblxuLmxpZ2h0Ym94X19jb250ZW50LnNsaWRlLXJpZ2h0IHtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKGNhbGMoMTAwJSArIHZhcigtLXNwYWNpbmcpKSk7XG59XG5cbi5saWdodGJveF9fY29udGVudC5zbGlkZS1sZWZ0IHtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKGNhbGMoLTEwMCUgLSB2YXIoLS1zcGFjaW5nKSkpO1xufVxuXG4ubGlnaHRib3hfX2ltYWdlIHtcbiAgd2lkdGg6IGNhbGMoMTAwZHZ3IC0gdmFyKC0tc3BhY2luZykgKiAyKTtcbiAgbWF4LXdpZHRoOiBub25lO1xuICBoZWlnaHQ6IGNhbGMoMTAwZHZoIC0gdmFyKC0tc3BhY2luZykgKiAyKTtcbiAgbWF4LWhlaWdodDogbm9uZTtcblxuICBvYmplY3QtZml0OiBjb250YWluO1xufVxuXG4ubGlnaHRib3hfX2ltYWdlLS1wcmV2LFxuLmxpZ2h0Ym94X19pbWFnZS0tbmV4dCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xufVxuXG4ubGlnaHRib3hfX2ltYWdlLS1wcmV2IHtcbiAgbGVmdDogY2FsYygxMDAlICsgdmFyKC0tc3BhY2luZykpO1xufVxuXG4ubGlnaHRib3hfX2ltYWdlLS1uZXh0IHtcbiAgcmlnaHQ6IGNhbGMoMTAwJSArIHZhcigtLXNwYWNpbmcpKTtcbn1cblxuLmxpZ2h0Ym94X19jb250cm9scyB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgei1pbmRleDogMTA7XG4gIHBhZGRpbmc6IDAgdmFyKC0tc3BhY2luZyk7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG5bZGF0YS1pbWFnZS1jb3VudD1cIjFcIl0gLmxpZ2h0Ym94X19jb250cm9scyB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5saWdodGJveF9fY29udHJvbHMgPiBidXR0b24ge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogMDtcbiAgYXNwZWN0LXJhdGlvOiAxO1xuICB3aWR0aDogM3JlbTtcbn1cblxuLmxpZ2h0Ym94X19wcmV2IHtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpIHJvdGF0ZSg5MGRlZyk7XG59XG5cbi5saWdodGJveF9fbmV4dCB7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCg1MCUpIHJvdGF0ZSgtOTBkZWcpO1xufVxuIl19 */