/* Lightbox component styles */
dialog#lightbox {
  /* width and height constraints set in inline style to allow flexibility */
  width: auto;
  height: auto;
  padding: 0;
  border: none;
  border-radius: 12px;
  background: transparent;
}
dialog#lightbox::backdrop {
  background: rgba(0, 0, 0, 0.82);
}
dialog#lightbox img {
  width: min(90vmin, 820px);
  height: min(90vmin, 820px);
  object-fit: contain;
  display: block;
  background: #000;
}
/* Show pointer cursor on images that open in lightbox */
.thumbs-grid img,
.media img {
  cursor: zoom-in;
}