.ikzip-calculator-host {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: both !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    overflow: visible !important;
    overflow-anchor: none !important;
    scroll-margin-top: 88px;
    box-sizing: border-box !important;
}

.ikzip-calculator-host,
.ikzip-calculator-host * {
    box-sizing: border-box;
}

/* Upload workspace must stay inside the actual page width. */
.ikzip-calculator-host.ikzip-files-mode {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    left: auto !important;
    right: auto !important;
    overflow: visible !important;
    filter: none !important;
}

/* Prevent themes/builders from shrinking or offsetting the shortcode wrapper. */
.ikzip-calculator-host > * {
    max-width: 100% !important;
}

@media (max-width: 820px) {
    html,
    body {
        max-width: 100% !important;
        overflow-x: hidden !important;
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    .ikzip-calculator-host,
    .ikzip-calculator-host.ikzip-files-mode {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: clip !important;
    }

    .ikzip-calculator-host input,
    .ikzip-calculator-host select,
    .ikzip-calculator-host textarea,
    .ikzip-calculator-host button {
        touch-action: manipulation;
    }
}



/* v1.12.22 — Files workspace uses the browser TOP LAYER via <dialog>. */
html.ikzip-files-workspace-open-v122,
body.ikzip-files-workspace-open-v122 {
    overflow: hidden !important;
    overscroll-behavior: none !important;
}

body.ikzip-files-workspace-open-v122 {
    width: 100% !important;
    touch-action: none !important;
}

dialog.ikzip-files-top-layer-v122 {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: inherit !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

dialog.ikzip-files-top-layer-v122::backdrop {
    background: #fff !important;
    opacity: 1 !important;
}

dialog.ikzip-files-top-layer-v122 > .ikzip-calculator-host.ikzip-files-mode {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
    transform: none !important;
    filter: none !important;
    contain: none !important;
}

/* v1.15.1 — hard viewport override for the Cover Editor.
   This rule lives in the LIGHT DOM on purpose, so WordPress/theme container
   widths cannot keep the Shadow-DOM editor inside a centered content column. */
.ikzip-calculator-host.ze-cover-editor-open {
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: none !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    transform: none !important;
    filter: none !important;
    contain: none !important;
    z-index: 2147482999 !important;
}