/* Original screenshot pixels, clipped to the reviewed product-media.json detail. */
.real-detail-crop {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  aspect-ratio: var(--crop-width) / var(--crop-height);
  max-height: 20rem;
}
.paid-card-screen .real-detail-crop img,
.tool-media .real-detail-crop img {
  position: absolute;
  max-width: none;
  width: min(calc(var(--image-width) / var(--crop-width) * 100%), calc(var(--image-width) / var(--crop-height) * 20rem));
  height: calc(var(--image-height) / var(--crop-height) * 100%);
  left: calc(50% - min(calc((var(--crop-x) + var(--crop-width) / 2) / var(--crop-width) * 100%), calc((var(--crop-x) + var(--crop-width) / 2) / var(--crop-height) * 20rem)));
  top: calc(var(--crop-y) / var(--crop-height) * -100%);
  aspect-ratio: auto;
  object-fit: fill;
}
.real-detail-munin-compare {
  --image-width: 1265; --image-height: 2592;
  --crop-x: 65; --crop-y: 1840; --crop-width: 480; --crop-height: 490;
}
.real-detail-gleipnir-rig {
  --image-width: 1600; --image-height: 1000;
  --crop-x: 1038; --crop-y: 418; --crop-width: 250; --crop-height: 475;
}