/* Mercer Magnifier 1.0.0 styles. */
img.magnify {cursor: zoom-in;}
img.magnify:focus-visible {outline: 3px solid #2563eb; outline-offset: 3px;}
.mercer-magnifier-source-open {opacity: .2;}
body.mercer-magnifier-open {overflow: hidden;}
.mercer-magnifier-dialog {box-sizing: border-box; position: fixed; inset: 0; border: 0; margin: 0; padding: 0; width: 100vw; height: 100dvh; max-width: 100vw; max-height: 100dvh; background: transparent; overflow: hidden;}
.mercer-magnifier-dialog[open] {display: grid; place-items: center;}
.mercer-magnifier-dialog::backdrop {background: rgb(0 0 0 / .35);}
.mercer-magnifier-picture {display: block; grid-area: 1 / 1; object-fit: contain; cursor: zoom-out; animation: mercer-magnifier-enter .5s ease-out;}
.mercer-magnifier-caption {position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); margin: 0; padding: 4px 8px; max-width: calc(100vw - 32px); background: white; color: #222; text-align: center; font: 14px sans-serif;}
.mercer-magnifier-close {position: absolute; top: 12px; right: 12px; padding: 6px 12px; cursor: pointer;}
@keyframes mercer-magnifier-enter {from {opacity: 0; transform: scale(.9);} to {opacity: 1; transform: scale(1);}}
@media (prefers-reduced-motion: reduce) {.mercer-magnifier-picture {animation: none !important;}}