.global-image-viewer {
    width: fit-content;
    max-width: calc(100vw - 32px);
    max-height: calc(100dvh - 32px);
    margin: auto;
    padding: 0;
    overflow: visible;
    border: 0;
    background: transparent;
}

.global-image-viewer::backdrop {
    background: color-mix(in srgb, CanvasText 80%, transparent);
    cursor: zoom-out;
}

.global-image-viewer img {
    display: block;
    width: auto;
    height: auto;
    max-width: calc(100vw - 32px);
    max-height: calc(100dvh - 32px);
    border-radius: 8px;
    object-fit: contain;
}