body.app-image-modal-open {
    overflow: hidden !important;
}

body > .app-modal.app-image-modal {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    background: rgba(0, 0, 0, .5) !important;
}

body > .app-modal.app-image-modal .app-modal-body {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    table-layout: auto !important;
    background: transparent !important;
}

body > .app-modal.app-image-modal .app-modal-content {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: clamp(18px, 4vw, 64px);
    background: transparent !important;
}

body > .app-modal.app-image-modal .app-modal-content-area:not(.scrollable) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    text-align: center;
}

body > .app-modal.app-image-modal .app-modal-content-area:not(.scrollable) > img {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: auto !important;
    object-fit: contain;
}

body > .app-modal.app-image-modal .app-modal-sidebar,
body > .app-modal.app-image-modal .expand,
body > .app-modal.app-image-modal .compress {
    display: none !important;
}

body > .app-modal.app-image-modal.has-sidebar .app-modal-next-button {
    right: 20px !important;
}

body > .app-modal.app-image-modal.has-sidebar .app-modal-zoom-in-button {
    right: 115px !important;
}

body > .app-modal.app-image-modal.has-sidebar .app-modal-zoom-out-button {
    right: 65px !important;
}

@media (max-width: 767px) {
    body > .app-modal.app-image-modal .app-modal-content {
        padding: 14px;
    }
}
