.acf-block-preview.wp-block-acf-match-height-container {
    flex-grow: inherit;
    height: 100%;
}
.wp-block-acf-match-height-container.mh-container.no-stick-on-scroll,
.acf-block-preview.wp-block-acf-match-height-container .no-stick-on-scroll {
    position: static;
    min-height: 100%;
}
.mh-all {
    height: 100%;
    min-height: min(100%, var(--view-height, 100vh));
    max-height: min(100%, var(--view-height, 100vh));
    position: sticky;
    top: 0;
}
.mh-container .acf-innerblocks-container,
.mh-container div.wp-block-acf-responsive-image {
    height: 100%;
}

.mh-container figure.is-style-no-match-height {
    min-height: unset;
}
/* ////// Single Image ////// */
.mh-all figure {
    margin: 0;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
}
.mh-all figure img,
.mh-all figure video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* Sml Stick Top */
.mh-all.sm-stick-top {
    top: var(--wp--preset--spacing--30);
    min-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--30)));
    max-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--30)));
}
/* Med Stick Top */
.mh-all.md-stick-top {
    top: var(--wp--preset--spacing--50);
    min-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--50)));
    max-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--50)));
}
/* Lrg Stick Top */
.mh-all.lg-stick-top {
    top: var(--wp--preset--spacing--60);
    min-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--60)));
    max-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--60)));
}

/* Responsive Container */
.mh-container .editor-acf-container-wrapper {
    height: 100%;
}

/* Editor Styles */
.editor-styles-wrapper .wp-block-acf-match-height-container > div.mh-all .components-resizable-box__container {
    max-height: unset !important;
    height: 100% !important;
    aspect-ratio: unset !important;
}
.editor-styles-wrapper .wp-block-acf-match-height-container > div.mh-all .components-resizable-box__container img {
    height: 100%;
}

/* --------------------------
Mobile Landscape 600px & Up
---------------------------- */
@media screen and (min-width:601px) {
    .mh-abv-mbl-lnd {
        height: 100%;
        min-height: min(100%, var(--view-height, 100vh));
        max-height: min(100%, var(--view-height, 100vh));
        position: sticky;
        top: 0;
    }
    /* ////// Single Image ////// */
    .wp-block-acf-match-height-container .mh-container.mh-abv-mbl-lnd figure,
    .wp-block-acf-match-height-container.mh-container.mh-abv-mbl-lnd figure {
        margin: 0;
        height: 100px;
        min-height: 100%;
        max-height: 100%;
    }
    .mh-abv-mbl-lnd figure img,
    .mh-abv-mbl-lnd figure video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    /* Sml Stick Top */
    .mh-abv-mbl-lnd.sm-stick-top {
        top: var(--wp--preset--spacing--30);
        min-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--30)));
        max-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--30)));
    }
    /* Med Stick Top */
    .mh-abv-mbl-lnd.md-stick-top {
        top: var(--wp--preset--spacing--50);
        min-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--50)));
        max-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--50)));
    }
    /* Lrg Stick Top */
    .mh-abv-mbl-lnd.lg-stick-top {
        top: var(--wp--preset--spacing--60);
        min-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--60)));
        max-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--60)));
    }

    /* Editor Styles */
    .editor-styles-wrapper .wp-block-acf-match-height-container > div.mh-abv-mbl-lnd .components-resizable-box__container {
        max-height: unset !important;
        height: 100% !important;
        aspect-ratio: unset !important;
    }
    .editor-styles-wrapper .wp-block-acf-match-height-container > div.mh-abv-mbl-lnd .components-resizable-box__container img {
        height: 100%;
    }

    /* ////// Slider ////// */
    .mh-abv-mbl-lnd .wp-block-acf-image-slider .swiper {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
}

/*---------------------
 Tablet Portrait 768px & Up
-------------------------- */
@media screen and (min-width:901px) {
    .mh-abv-tab-prt {
        height: 100%;
        min-height: min(100%, var(--view-height, 100vh));
        max-height: min(100%, var(--view-height, 100vh));
        position: sticky;
        top: 0;
    }
    /* ////// Single Image ////// */
    .wp-block-acf-match-height-container .mh-container.mh-abv-tab-prt figure,
    .wp-block-acf-match-height-container.mh-container.mh-abv-tab-prt figure {
        margin: 0;
        height: 100px;
        min-height: 100%;
        max-height: 100%;
    }
    .mh-abv-tab-prt figure img,
    .mh-abv-tab-prt figure video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    /* Sml Stick Top */
    .mh-abv-tab-prt.sm-stick-top {
        top: var(--wp--preset--spacing--30);
        min-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--30)));
        max-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--30)));
    }
    /* Med Stick Top */
    .mh-abv-tab-prt.md-stick-top {
        top: var(--wp--preset--spacing--50);
        min-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--50)));
        max-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--50)));
    }
    /* Lrg Stick Top */
    .mh-abv-tab-prt.lg-stick-top {
        top: var(--wp--preset--spacing--60);
        min-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--60)));
        max-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--60)));
    }

    /* Editor Styles */
    .editor-styles-wrapper .wp-block-acf-match-height-container > div.mh-abv-tab-prt .components-resizable-box__container {
        max-height: unset !important;
        height: 100% !important;
        aspect-ratio: unset !important;
    }
    .editor-styles-wrapper .wp-block-acf-match-height-container > div.mh-abv-tab-prt .components-resizable-box__container img {
        height: 100%;
    }

    /* ////// Slider ////// */
    .mh-abv-tab-prt .wp-block-acf-image-slider .swiper {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
}

/*------------------------
Tablet Landsacpe 900px & Up
-------------------------- */
@media screen and (min-width:901px) {
    .mh-abv-tab-lnd {
        height: 100%;
        min-height: min(100%, var(--view-height, 100vh));
        max-height: min(100%, var(--view-height, 100vh));
        position: sticky;
        top: 0;
    }
    /* ////// Single Image ////// */
    .wp-block-acf-match-height-container .mh-container.mh-abv-tab-lnd figure, 
    .wp-block-acf-match-height-container.mh-container.mh-abv-tab-lnd figure {
        margin: 0;
        height: 100px;
        min-height: 100%;
        max-height: 100%;
    }
    .mh-abv-tab-lnd figure img,
    .mh-abv-tab-lnd figure video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    /* Sml Stick Top */
    .mh-abv-tab-lnd.sm-stick-top {
        top: var(--wp--preset--spacing--30);
        min-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--30)));
        max-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--30)));
    }
    /* Med Stick Top */
    .mh-abv-tab-lnd.md-stick-top {
        top: var(--wp--preset--spacing--50);
        min-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--50)));
        max-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--50)));
    }
    /* Lrg Stick Top */
    .mh-abv-tab-lnd.lg-stick-top {
        top: var(--wp--preset--spacing--60);
        min-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--60)));
        max-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--60)));
    }

    /* Editor Styles */
    .editor-styles-wrapper .wp-block-acf-match-height-container > div.mh-abv-tab-lnd .components-resizable-box__container {
        max-height: unset !important;
        height: 100% !important;
        aspect-ratio: unset !important;
    }
    .editor-styles-wrapper .wp-block-acf-match-height-container > div.mh-abv-tab-lnd .components-resizable-box__container img {
        height: 100%;
    }

    /* ////// Slider ////// */
    .mh-abv-tab-lnd .wp-block-acf-image-slider .swiper {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
}

/* ------------------
laptop 1100px & Up
-------------------- */
@media screen and (min-width:1101px) {
    .mh-abv-lpt {
        height: 100%;
        min-height: min(100%, var(--view-height, 100vh));
        max-height: min(100%, var(--view-height, 100vh));
        position: sticky;
        top: 0;
    }
    /* ////// Single Image ////// */
    .wp-block-acf-match-height-container .mh-container.mh-abv-lpt figure,
    .wp-block-acf-match-height-container.mh-container.mh-abv-lpt figure {
        margin: 0;
        height: 100px;
        min-height: 100%;
        max-height: 100%;
    }
    .mh-abv-lpt figure img,
    .mh-abv-lpt figure video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    /* Sml Stick Top */
    .mh-abv-lpt.sm-stick-top {
        top: var(--wp--preset--spacing--30);
        min-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--30)));
        max-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--30)));
    }
    /* Med Stick Top */
    .mh-abv-lpt.md-stick-top {
        top: var(--wp--preset--spacing--50);
        min-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--50)));
        max-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--50)));
    }
    /* Lrg Stick Top */
    .mh-abv-lpt.lg-stick-top {
        top: var(--wp--preset--spacing--60);
        min-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--60)));
        max-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--60)));
    }

    /* Editor Styles */
    .editor-styles-wrapper .wp-block-acf-match-height-container > div.mh-abv-lpt .components-resizable-box__container {
        max-height: unset !important;
        height: 100% !important;
        aspect-ratio: unset !important;
    }
    .editor-styles-wrapper .wp-block-acf-match-height-container > div.mh-abv-lpt .components-resizable-box__container img {
        height: 100%;
    }

    /* ////// Slider ////// */
    .mh-abv-lpt .wp-block-acf-image-slider .swiper {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
}

/*////////////////////////
 Desktop 1400px & Up
 //////////////////////// */
@media screen and (min-width:1401px) {
    .mh-abv-dsk {
        height: 100%;
        min-height: min(100%, var(--view-height, 100vh));
        max-height: min(100%, var(--view-height, 100vh));
        position: sticky;
        top: 0;
    }
    /* ////// Single Image ////// */
    .wp-block-acf-match-height-container .mh-container.mh-abv-dsk figure,
    .wp-block-acf-match-height-container.mh-container.mh-abv-dsk figure {
        margin: 0;
        height: 100px;
        min-height: 100%;
        max-height: 100%;
    }
    .mh-abv-dsk figure img,
    .mh-abv-dsk figure video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    /* Sml Stick Top */
    .mh-abv-dsk.sm-stick-top {
        top: var(--wp--preset--spacing--30);
        min-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--30)));
        max-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--30)));
    }
    /* Med Stick Top */
    .mh-abv-dsk.md-stick-top {
        top: var(--wp--preset--spacing--50);
        min-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--50)));
        max-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--50)));
    }
    /* Lrg Stick Top */
    .mh-abv-dsk.lg-stick-top {
        top: var(--wp--preset--spacing--60);
        min-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--60)));
        max-height: min(100%, calc(var(--view-height, 100vh) - 2*var(--wp--preset--spacing--60)));
    }

    /* Editor Styles */
    .editor-styles-wrapper .wp-block-acf-match-height-container > div.mh-abv-dsk .components-resizable-box__container {
        max-height: unset !important;
        height: 100% !important;
        aspect-ratio: unset !important;
    }
    .editor-styles-wrapper .wp-block-acf-match-height-container > div.mh-abv-dsk .components-resizable-box__container img {
        height: 100%;
    }

    /* ////// Slider ////// */
    .mh-abv-dsk .wp-block-acf-image-slider .swiper {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
}

/* ////// Pattern Preview Styles ////// */
body.block-editor-iframe__body .mh-container figure > div {
    aspect-ratio: unset !important;
}