body.kal-vp-on main,
body.kal-vp-on .site-main,
body.kal-vp-on .entry-content {
    min-width: 0;
}

body.kal-vp-on img,
body.kal-vp-on video,
body.kal-vp-on iframe,
body.kal-vp-on svg {
    max-width: 100%;
}

body.kal-vp-on input,
body.kal-vp-on select,
body.kal-vp-on textarea,
body.kal-vp-on button {
    max-width: 100%;
}

.kal-vp-fit {
    zoom: var(--kal-vp-scale, 1);
    width: calc(100% / var(--kal-vp-scale, 1)) !important;
    max-width: none !important;
}

.kal-vp-dialog {
    box-sizing: border-box !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100vh - 24px) !important;
    max-height: calc(100dvh - 24px) !important;
    overflow: auto !important;
    overscroll-behavior: contain;
}

body.kal-vp-clean-x {
    overflow-x: clip;
}

@media (max-width: 782px) {
    body.kal-vp-on main,
    body.kal-vp-on .site-main,
    body.kal-vp-on .entry-content {
        max-width: 100%;
    }

    .kal-vp-dialog {
        max-width: calc(100vw - 12px) !important;
        max-height: calc(100vh - 12px) !important;
        max-height: calc(100dvh - 12px) !important;
    }
}