.media-viewer__image-link { cursor:zoom-in; }
.media-viewer__image-link:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
.media-viewer__content { display:grid; place-items:center; min-height:10rem; background:#f4f7fa; }
.media-viewer__content img,.media-viewer__content video { display:block; width:auto; max-width:100%; max-height:65vh; max-height:65dvh; object-fit:contain; }
.media-viewer__navigation { display:flex; justify-content:center; align-items:center; gap:1rem; margin-top:1rem; }
.media-viewer__caption { overflow-wrap:anywhere; }
.media-viewer [hidden] { display:none; }

.media-viewer__content--rotated{width:min(100%,65vh);width:min(100%,65dvh);aspect-ratio:1;margin-inline:auto;min-height:0;position:relative;display:block}
.media-viewer__content--rotated img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.media-rotation-90{transform:rotate(90deg)}
.media-rotation-180{transform:rotate(180deg)}
.media-rotation-270{transform:rotate(270deg)}