.pdf-zoom-stage {
  position: relative;
  overflow: hidden;
  background: #f5f5f5;
  cursor: zoom-in;
  user-select: none;
  touch-action: none;
}

.pdf-zoom-stage.is-zoomed {
  cursor: grab;
}

.pdf-zoom-stage.is-panning {
  cursor: grabbing;
}

.pdf-zoom-target {
  position: relative;
  will-change: transform;
  transform-origin: center center;
  transition: transform .08s ease;
}

.pdf-zoom-target iframe {
  display: block;
  width: 100% !important;
  height: 100% !important;
  border: 0;
  background: #fff;
  pointer-events: none;
}

.detail-pdf-stage {
  width: 100%;
  height: min(72vh, 760px);
  display: grid;
  place-items: center;
}

.detail-pdf-target {
  width: 100%;
  height: 100%;
  background: #fff;
  box-shadow: none;
}

.detail-pdf-target iframe {
  box-shadow: none !important;
  outline: 0;
}

.detail-pdf-image-target {
  height: auto !important;
}

.detail-pdf-image {
  display: block;
  width: 100%;
  height: auto;
  background: #fff;
}

.sheet-stage.pdf-zoom-stage {
  display: grid;
  place-items: center;
}

.sheet-pdf-target {
  width: min(100%, calc((100dvh - 98px) * .707));
  height: 100%;
  background: #fff;
  box-shadow: none;
}

@media (min-width: 981px) {
  .detail-pdf-stage {
    width: 100%;
    height: 100%;
  }

  .detail-pdf-target {
    width: min(100%, calc((100dvh - 210px) * .707));
    height: 100%;
  }
}

@media (max-width: 680px) {
  .detail-pdf-stage {
    height: 54vh;
  }

  .detail-pdf-target,
  .sheet-pdf-target {
    width: 100%;
  }
}