@charset "utf-8";

.magnify-lens { visibility: hidden; }

.lens-fullscreen { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(0, 0, 0); cursor: move; display: none; overflow: scroll; text-align: center; z-index: 9999; }

.lens-fullscreen img { margin: auto; position: absolute; max-width: 100%; max-height: 100%; inset: 0px; }

.magnify-fullscreen { user-select: none; }

.magnify-fullscreen > .close { position: fixed; top: 10px; right: 10px; width: 32px; height: 32px; background: rgb(51, 51, 51); border-radius: 16px; color: rgb(255, 255, 255); cursor: pointer; display: inline-block; font: bold 20px / 32px sans-serif; letter-spacing: 0px; opacity: 0.8; text-align: center; text-shadow: none; z-index: 9999; }

@media only screen and (min-device-width: 320px) and (max-device-width: 773px) {
  .lens-fullscreen { display: block; }
}