/* The layer participates in the body's own stacking context, below all content. */
html.odtb-enabled body { isolation:isolate; }
#odtb-background { display:none; }
@media screen {
    html.odtb-enabled #odtb-background {
        display:block;
        position:fixed;
        inset:0;
        width:auto;
        height:auto;
        margin:0;
        padding:0;
        border:0;
        z-index:-1;
        pointer-events:none;
        user-select:none;
        background-color:#14384e;
        opacity:var(--odtb-light,.46);
        -webkit-mask-image:var(--odtb-image);
        mask-image:var(--odtb-image);
        mask-mode:luminance;
        -webkit-mask-position:center center;
        mask-position:center center;
        -webkit-mask-size:cover;
        mask-size:cover;
        -webkit-mask-repeat:no-repeat;
        mask-repeat:no-repeat;
    }
    html.odtb-enabled[data-od-display="dark"] #odtb-background {
        background-color:#aac7e6;
        opacity:var(--odtb-dark,.24);
    }
    /* Pryzmat uses an auto-height iframe, not the physical screen viewport. */
    html.odtb-enabled[data-od-display-frame="demo"] #odtb-background {
        top:var(--odtb-frame-top,0px);
        bottom:auto;
        height:var(--odtb-host-height,min(100vh,900px));
        -webkit-mask-size:min(100%,1440px) auto,min(100%,1440px) min(56.28vw,810px);
        mask-size:min(100%,1440px) auto,min(100%,1440px) min(56.28vw,810px);
        mask-mode:luminance,alpha;
        mask-composite:intersect;
    }
    /* Open only the flat page canvas. Cards, images, inputs and dialogs stay opaque. */
    html.odtb-enabled.odtb-enabled body :is(.wp-site-blocks,#page,#content,#od-main,.site-content,main,.entry-content,.wp-block-post-content,.odp,.odw,.odquality,.odg-main,.odg.odg,.od-page,.od-surveys-catalog,.od-public-survey-page) {
        background-color:transparent!important;
        background-image:none!important;
    }
    html.odtb-enabled[data-od-display-frame="demo"] body :is(.pdp-shell,.pdp-main,.pdp-app,.pdp-content) {
        background-color:transparent!important;
        background-image:none!important;
    }
    html.odtb-enabled.odtb-enabled body .wp-site-blocks > main > .wp-block-group.has-background:not(:has(*)) {
        display:none!important;
    }
}
@media screen and (max-width:767px) {
    html.odtb-enabled:not([data-od-display-frame]) #odtb-background { opacity:calc(var(--odtb-light,.46) * .65); }
    html.odtb-enabled[data-od-display="dark"]:not([data-od-display-frame]) #odtb-background { opacity:calc(var(--odtb-dark,.24) * .65); }
}
@media print {
    #odtb-background { display:none!important; }
}