/* GENERATED by scripts/redesign/sync-redesign-css.sh — edit resources/css/redesign/*, not this file. */
.gallery-lightbox__dialog {
  grid-template-columns: 56px minmax(0, 1fr) 56px;
  width: min(1040px, calc(100vw - 48px));
  align-items: center;
  min-height: 0;
}

.gallery-lightbox__figure {
  display: grid;
  grid-template-rows: minmax(0, 1fr) 72px;
  justify-self: stretch;
  width: 100%;
  height: min(78vh, 820px);
  height: min(78dvh, 820px);
  min-height: 0;
  background: rgba(255,255,255,.06);
}

.gallery-lightbox__media {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  background: rgba(255,255,255,.035);
}

.gallery-lightbox__media img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: cover;
  object-position: center center;
}

.gallery-lightbox__caption {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 72px;
  padding: var(--sp-3) 22px 14px;
}

.gallery-lightbox__caption strong {
  display: -webkit-box;
  margin-bottom: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.gallery-lightbox__caption span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gallery-lightbox__close {
  top: -18px;
  right: -18px;
  z-index: var(--z-index-3);
}

@media (max-width: 767px) {
  .gallery-lightbox__dialog {
    grid-template-columns: 1fr;
    width: calc(100vw - 24px);
  }

  .gallery-lightbox__figure {
    grid-template-rows: minmax(0, 1fr) 68px;
    height: min(74vh, 620px);
    height: min(74dvh, 620px);
  }

  .gallery-lightbox__caption {
    min-height: 68px;
    padding: 10px var(--sp-4) var(--sp-3);
  }

  .gallery-lightbox__close {
    top: 10px;
    right: 10px;
  }
}