/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./plugins/expansion-blocks/src/content/image/style.css ***!
  \**********************************************************************************************************************************************************************************************************/
.expansion-image-wrapper {
    position: relative;
    overflow: hidden;
    width: var(--wp-block-width, auto);
    height: var(--wp-block-height, auto);
}

.expansion-image {
    overflow: hidden;
    -o-object-fit: var(--wp-block-objectFit, cover);
       object-fit: var(--wp-block-objectFit, cover);
    -o-object-position: var(--wp-block-objectPosition, 50% 50%);
       object-position: var(--wp-block-objectPosition, 50% 50%);
    width: var(--wp-block-width, auto);
    height: var(--wp-block-height, auto);

    background-size: var(--wp-block-backgroundSize, cover);
    background-position: var(--wp-block-backgroundPosition, 50% 50%);
    background-repeat: var(--wp-block-backgroundRepeat, no-repeat);
    background-image: var(--wp-block-imageUrl, none);

    opacity: var(--wp-block-opacity, 1);
    border-radius: var(--wp-block-borderRadius, 0);
    border-width: var(--wp-block-borderWidth, 0);
    border-color: var(--wp-block-borderColor, transparent);
    border-style: var(--wp-block-borderStyle, solid);
    box-shadow: var(--wp-block-boxShadow, none);

    filter: brightness(var(--wp-block-brightness, 1)) contrast(var(--wp-block-contrast, 1)) saturate(var(--wp-block-saturate, 1)) hue-rotate(var(--wp-block-hue, 0deg)) blur(var(--wp-block-blur, 0px)) grayscale(var(--wp-block-grayscale, 0)) sepia(var(--wp-block-sepia, 0)) invert(var(--wp-block-invert, 0));
    transform: translateX(var(--wp-block-translateX, 0)) translateY(var(--wp-block-translateY, 0)) scaleX(var(--wp-block-scaleX, 1)) scaleY(var(--wp-block-scaleY, 1)) rotate(var(--wp-block-rotate, 0deg)) skewX(var(--wp-block-skewX, 0deg)) skewY(var(--wp-block-skewY, 0deg));
}

.expansion-image-overlay {
    position: absolute;
    inset: 0;
    background-color: var(--wp-block-overlayColor, transparent);
    background-image: var(--wp-block-overlayGradient, none);
    mix-blend-mode: var(--wp-block-overlayBlendMode, normal);
}

/* Medium Breakpoint (768px+) */
@media (min-width: 768px) {
    .expansion-image-wrapper {
        width: var(--wp-block-width-medium, var(--wp-block-width, auto));
        height: var(--wp-block-height-medium, var(--wp-block-height, auto));

    }

    .expansion-image {
        -o-object-fit: var(--wp-block-objectFit-medium, var(--wp-block-objectFit, cover));
           object-fit: var(--wp-block-objectFit-medium, var(--wp-block-objectFit, cover));
        -o-object-position: var(--wp-block-objectPosition-medium, var(--wp-block-objectPosition, 50% 50%));
           object-position: var(--wp-block-objectPosition-medium, var(--wp-block-objectPosition, 50% 50%));
        width: var(--wp-block-width-medium, var(--wp-block-width, auto));
        height: var(--wp-block-height-medium, var(--wp-block-height, auto));

        background-size: var(--wp-block-backgroundSize-medium, var(--wp-block-backgroundSize, cover));
        background-position: var(--wp-block-backgroundPosition-medium, var(--wp-block-backgroundPosition, 50% 50%));
        background-repeat: var(--wp-block-backgroundRepeat-medium, var(--wp-block-backgroundRepeat, no-repeat));

        opacity: var(--wp-block-opacity-medium, var(--wp-block-opacity, 1));
        border-radius: var(--wp-block-borderRadius-medium, var(--wp-block-borderRadius, 0));
        border-width: var(--wp-block-borderWidth-medium, var(--wp-block-borderWidth, 0));
        border-color: var(--wp-block-borderColor-medium, var(--wp-block-borderColor, transparent));
        border-style: var(--wp-block-borderStyle-medium, var(--wp-block-borderStyle, solid));
        box-shadow: var(--wp-block-boxShadow-medium, var(--wp-block-boxShadow, none));

        filter: brightness(var(--wp-block-brightness-medium, var(--wp-block-brightness, 1))) contrast(var(--wp-block-contrast-medium, var(--wp-block-contrast, 1))) saturate(var(--wp-block-saturate-medium, var(--wp-block-saturate, 1))) hue-rotate(var(--wp-block-hue-medium, var(--wp-block-hue, 0deg))) blur(var(--wp-block-blur-medium, var(--wp-block-blur, 0px))) grayscale(var(--wp-block-grayscale-medium, var(--wp-block-grayscale, 0))) sepia(var(--wp-block-sepia-medium, var(--wp-block-sepia, 0))) invert(var(--wp-block-invert-medium, var(--wp-block-invert, 0)));
        transform: translateX(var(--wp-block-translateX-medium, var(--wp-block-translateX, 0))) translateY(var(--wp-block-translateY-medium, var(--wp-block-translateY, 0))) scaleX(var(--wp-block-scaleX-medium, var(--wp-block-scaleX, 1))) scaleY(var(--wp-block-scaleY-medium, var(--wp-block-scaleY, 1))) rotate(var(--wp-block-rotate-medium, var(--wp-block-rotate, 0deg))) skewX(var(--wp-block-skewX-medium, var(--wp-block-skewX, 0deg))) skewY(var(--wp-block-skewY-medium, var(--wp-block-skewY, 0deg)));
    }

    .expansion-image-overlay {
        background-color: var(--wp-block-overlayColor-medium, var(--wp-block-overlayColor, transparent));
        background-image: var(--wp-block-overlayGradient-medium, var(--wp-block-overlayGradient, none));
        mix-blend-mode: var(--wp-block-overlayBlendMode-medium, var(--wp-block-overlayBlendMode, normal));
    }
}

/* Large Breakpoint (1024px+) */
@media (min-width: 1024px) {
    .expansion-image-wrapper {
        width: var(--wp-block-width-large, var(--wp-block-width-medium, var(--wp-block-width, auto)));
        height: var(--wp-block-height-large, var(--wp-block-height-medium, var(--wp-block-height, auto)));

    }

    .expansion-image {
        -o-object-fit: var(--wp-block-objectFit-large, var(--wp-block-objectFit-medium, var(--wp-block-objectFit, cover)));
           object-fit: var(--wp-block-objectFit-large, var(--wp-block-objectFit-medium, var(--wp-block-objectFit, cover)));
        -o-object-position: var(--wp-block-objectPosition-large, var(--wp-block-objectPosition-medium, var(--wp-block-objectPosition, 50% 50%)));
           object-position: var(--wp-block-objectPosition-large, var(--wp-block-objectPosition-medium, var(--wp-block-objectPosition, 50% 50%)));
        width: var(--wp-block-width-large, var(--wp-block-width-medium, var(--wp-block-width, auto)));
        height: var(--wp-block-height-large, var(--wp-block-height-medium, var(--wp-block-height, auto)));

        background-size: var(--wp-block-backgroundSize-large, var(--wp-block-backgroundSize-medium, var(--wp-block-backgroundSize, cover)));
        background-position: var(--wp-block-backgroundPosition-large, var(--wp-block-backgroundPosition-medium, var(--wp-block-backgroundPosition, 50% 50%)));
        background-repeat: var(--wp-block-backgroundRepeat-large, var(--wp-block-backgroundRepeat-medium, var(--wp-block-backgroundRepeat, no-repeat)));

        opacity: var(--wp-block-opacity-large, var(--wp-block-opacity-medium, var(--wp-block-opacity, 1)));
        border-radius: var(--wp-block-borderRadius-large, var(--wp-block-borderRadius-medium, var(--wp-block-borderRadius, 0)));
        border-width: var(--wp-block-borderWidth-large, var(--wp-block-borderWidth-medium, var(--wp-block-borderWidth, 0)));
        border-color: var(--wp-block-borderColor-large, var(--wp-block-borderColor-medium, var(--wp-block-borderColor, transparent)));
        border-style: var(--wp-block-borderStyle-large, var(--wp-block-borderStyle-medium, var(--wp-block-borderStyle, solid)));
        box-shadow: var(--wp-block-boxShadow-large, var(--wp-block-boxShadow-medium, var(--wp-block-boxShadow, none)));

        filter: brightness(var(--wp-block-brightness-large, var(--wp-block-brightness-medium, var(--wp-block-brightness, 1)))) contrast(var(--wp-block-contrast-large, var(--wp-block-contrast-medium, var(--wp-block-contrast, 1)))) saturate(var(--wp-block-saturate-large, var(--wp-block-saturate-medium, var(--wp-block-saturate, 1)))) hue-rotate(var(--wp-block-hue-large, var(--wp-block-hue-medium, var(--wp-block-hue, 0deg)))) blur(var(--wp-block-blur-large, var(--wp-block-blur-medium, var(--wp-block-blur, 0px)))) grayscale(var(--wp-block-grayscale-large, var(--wp-block-grayscale-medium, var(--wp-block-grayscale, 0)))) sepia(var(--wp-block-sepia-large, var(--wp-block-sepia-medium, var(--wp-block-sepia, 0)))) invert(var(--wp-block-invert-large, var(--wp-block-invert-medium, var(--wp-block-invert, 0))));
        transform: translateX(var(--wp-block-translateX-large, var(--wp-block-translateX-medium, var(--wp-block-translateX, 0)))) translateY(var(--wp-block-translateY-large, var(--wp-block-translateY-medium, var(--wp-block-translateY, 0)))) scaleX(var(--wp-block-scaleX-large, var(--wp-block-scaleX-medium, var(--wp-block-scaleX, 1)))) scaleY(var(--wp-block-scaleY-large, var(--wp-block-scaleY-medium, var(--wp-block-scaleY, 1)))) rotate(var(--wp-block-rotate-large, var(--wp-block-rotate-medium, var(--wp-block-rotate, 0deg)))) skewX(var(--wp-block-skewX-large, var(--wp-block-skewX-medium, var(--wp-block-skewX, 0deg)))) skewY(var(--wp-block-skewY-large, var(--wp-block-skewY-medium, var(--wp-block-skewY, 0deg))));
    }

    .expansion-image-overlay {
        background-color: var(--wp-block-overlayColor-large, var(--wp-block-overlayColor-medium, var(--wp-block-overlayColor, transparent)));
        background-image: var(--wp-block-overlayGradient-large, var(--wp-block-overlayGradient-medium, var(--wp-block-overlayGradient, none)));
        mix-blend-mode: var(--wp-block-overlayBlendMode-large, var(--wp-block-overlayBlendMode-medium, var(--wp-block-overlayBlendMode, normal)));
    }
}

/*# sourceMappingURL=style-index.css.map*/