#lightbox {
  display: flex;
  position: fixed;
  z-index: 2000;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.6);
  align-items: center;
  justify-content: center;
}
#lightbox div {
  background: #fff;
  position: absolute;
  text-align: center;
}
#lightbox div iframe {
  border: none;
}
#lightbox.lightbox_default div {
  text-align: left;
  width: 80vw;
  max-width: 80vw;
  max-height: 80vh;
  background: transparent;
  aspect-ratio: 16/9;
}
#lightbox.lightbox_default div iframe {
  width: 100%;
  height: 100%;
  border: none;
}
#lightbox.lightbox_img div {
  left: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 80vw;
  max-height: 80vh;
  background: transparent;
}
#lightbox.lightbox_img div img {
  max-width: 80vw;
  max-height: 80vh;
}
#lightbox.lightbox_img img {
  opacity: 0;
  transition: all 1s;
  transition-delay: 1s;
}
#lightbox.lightbox_img img.select-img {
  opacity: 1;
}
#lightbox p {
  z-index: 4003;
}
#lightbox p.close {
  width: 42px;
  height: 42px;
  position: absolute;
  top: -60px;
  right: -56px;
  cursor: pointer;
  text-indent: -9999px;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJpIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSI0MiIgdmlld0JveD0iMCAwIDQyIDQyIj48ZGVmcz48c3R5bGU+Lmp7ZmlsbDojZmZmO3N0cm9rZTojZmZmO3N0cm9rZS1taXRlcmxpbWl0OjEwO308L3N0eWxlPjwvZGVmcz48bGluZSBjbGFzcz0iaiIgeDE9IjMuMzEiIHkxPSIzLjkzIiB4Mj0iMzguNjciIHkyPSIzOS4yOSIvPjxsaW5lIGNsYXNzPSJqIiB4MT0iMy4zMSIgeTE9IjM5LjI5IiB4Mj0iMzguNjciIHkyPSIzLjkzIi8+PC9zdmc+") no-repeat center center/contain;
}
@media screen and (max-width: 599px) {
  #lightbox p.close {
    width: 6vw;
    height: 6vw;
    top: -10vw;
    right: -7vw;
  }
}
#lightbox p.prevNav {
  width: 60px;
  height: 60px;
  position: absolute;
  top: calc(50% - 30px);
  left: -60px;
  cursor: pointer;
  text-indent: -9999px;
  transform: rotateY(180deg);
  background: url("data: image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJpIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNCIgaGVpZ2h0PSI0MiIgdmlld0JveD0iMCAwIDM0IDQyIj48ZGVmcz48c3R5bGU+Lmp7ZmlsbDpub25lO3N0cm9rZTojZmZmO3N0cm9rZS1taXRlcmxpbWl0OjEwO308L3N0eWxlPjwvZGVmcz48cG9seWxpbmUgY2xhc3M9ImoiIHBvaW50cz0iMTAuMDcgMzUuNDkgMjQuNzggMjAuNzcgMTAuMDcgNi4wNSIvPjwvc3ZnPg==") no-repeat center center/contain;
}
@media screen and (max-width: 599px) {
  #lightbox p.prevNav {
    width: 8vw;
    height: 8vw;
    top: calc(50% - 3vw);
    left: -8vw;
  }
}
#lightbox p.nextNav {
  width: 60px;
  height: 60px;
  position: absolute;
  top: calc(50% - 30px);
  right: -60px;
  cursor: pointer;
  text-indent: -9999px;
  background: url("data: image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJpIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNCIgaGVpZ2h0PSI0MiIgdmlld0JveD0iMCAwIDM0IDQyIj48ZGVmcz48c3R5bGU+Lmp7ZmlsbDpub25lO3N0cm9rZTojZmZmO3N0cm9rZS1taXRlcmxpbWl0OjEwO308L3N0eWxlPjwvZGVmcz48cG9seWxpbmUgY2xhc3M9ImoiIHBvaW50cz0iMTAuMDcgMzUuNDkgMjQuNzggMjAuNzcgMTAuMDcgNi4wNSIvPjwvc3ZnPg==") no-repeat center center/contain;
}
@media screen and (max-width: 599px) {
  #lightbox p.nextNav {
    width: 8vw;
    height: 8vw;
    top: calc(50% - 3vw);
    right: -8vw;
  }
}
#lightbox p.figcaptionMsg {
  position: absolute;
  top: 100%;
  text-align: left;
  color: #fff;
}