/* Give collection diamonds room for visual inspection without cropping media. */
.gg-public-vault .collection-diamond-grid {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 28px !important;
}
.gg-public-vault .collection-diamond-grid > article {
  grid-column: auto !important;
  min-width: 0;
}
.gg-public-vault .collection-diamond-grid .buyer-card-visual,
.gg-public-vault .collection-diamond-grid .gg-card-visual {
  width: 100%;
  min-width: 0;
}
.gg-public-vault .collection-diamond-grid article .gg-stone-media,
.gg-public-vault .collection-diamond-grid .collection-stone-media {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 1 !important;
}
.gg-public-vault .collection-diamond-grid .gg-stone-media img,
.gg-public-vault .collection-diamond-grid .gg-stone-media video,
.gg-public-vault .collection-diamond-grid .collection-stone-media img,
.gg-public-vault .collection-diamond-grid .collection-stone-media video {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
}
.gg-public-vault .collection-diamond-grid article .gg-stone-media.is-empty {
  height: 180px !important;
  min-height: 180px !important;
  aspect-ratio: auto !important;
}
.gg-public-vault .collection-diamond-grid .gg-no-media svg {
  width: 28px;
  height: 28px;
}
@media (min-width: 768px) {
  .gg-public-vault .collection-diamond-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}