/* Geometry for the element that replaces the block's inline SVG.

   Repeats the shared theme's own `.mask-image svg` rule, so the blob keeps the
   position, offset and scale the block's custom properties give it. The theme
   rule targets `svg`, which the render filter has replaced, so without this the
   blob would sit in the flow and push the section around.

   The gradients themselves are not here: they are derived per shape from the
   SVG the block renders, so there is nothing to keep in sync with the theme. */

.mask-image .lime-blob {
    position: absolute;
    transform: translate(
            calc(var(--lime--mask-position-x, 0) * 100%),
            calc(var(--lime--mask-position-y, 0) * 100%)
        )
        scale(var(--lime--mask-width, 1));
    z-index: -1;
    pointer-events: none;
}