/**
 * Cover: edge shapes for core/cover.
 *
 * Crops the top and/or bottom edge of a cover with clip-path, so the layer
 * behind the cover - the page background, the section above or below - shows
 * through.
 *
 *   .is-style-cover-wave-top / -bottom / -both    sine, two crests
 *   .is-style-cover-arch-top / -bottom            sine, one crest
 *   .is-style-cover-bevel-top / -bottom           straight, angled
 *   .is-style-cover-bevel-top-flipped / -bottom-flipped
 *                                                 the same angle, mirrored
 *
 * The bevel is the only shape that is not left-right symmetrical, so it is the
 * only one with a flipped pair - mirroring a wave or an arch draws the same
 * shape twice. The bevel's angle comes from --fob-bevel-rise: a fixed rise over
 * the full width would change angle as the cover resizes, so raise it to
 * steepen, lower it to flatten.
 *
 * Depth is a knob rather than a fixed number: the polygons multiply
 * --fob-wave-height, so one edit deepens or shallows every curve and arch at
 * once.
 *
 * Generated by inc/cover-shapes-generator.php - the curves are sines sampled
 * every 2.5% of the width and each bevel is two points. Treat those numbers as
 * output and re-run the generator rather than editing them by hand.
 *
 * clip-path crops the cover's inner content as well as its background, so on a
 * short cover keep text clear of a shaped edge.
 */

.wp-block-cover.is-style-cover-wave-top,
.wp-block-cover.is-style-cover-wave-bottom,
.wp-block-cover.is-style-cover-wave-both,
.wp-block-cover.is-style-cover-arch-top,
.wp-block-cover.is-style-cover-arch-bottom,
.wp-block-cover.is-style-cover-bevel-top,
.wp-block-cover.is-style-cover-bevel-top-flipped,
.wp-block-cover.is-style-cover-bevel-bottom,
.wp-block-cover.is-style-cover-bevel-bottom-flipped {
	--fob-wave-height: clamp(2rem, 5vw, 5rem);
	--fob-bevel-rise: clamp(3rem, 8vw, 8rem);
}

.wp-block-cover.is-style-cover-wave-top {
	clip-path: polygon(0% 0, 2.5% calc(var(--fob-wave-height)*0.0245), 5% calc(var(--fob-wave-height)*0.0955), 7.5% calc(var(--fob-wave-height)*0.2061), 10% calc(var(--fob-wave-height)*0.3455), 12.5% calc(var(--fob-wave-height)*0.5), 15% calc(var(--fob-wave-height)*0.6545), 17.5% calc(var(--fob-wave-height)*0.7939), 20% calc(var(--fob-wave-height)*0.9045), 22.5% calc(var(--fob-wave-height)*0.9755), 25% calc(var(--fob-wave-height)*1), 27.5% calc(var(--fob-wave-height)*0.9755), 30% calc(var(--fob-wave-height)*0.9045), 32.5% calc(var(--fob-wave-height)*0.7939), 35% calc(var(--fob-wave-height)*0.6545), 37.5% calc(var(--fob-wave-height)*0.5), 40% calc(var(--fob-wave-height)*0.3455), 42.5% calc(var(--fob-wave-height)*0.2061), 45% calc(var(--fob-wave-height)*0.0955), 47.5% calc(var(--fob-wave-height)*0.0245), 50% 0, 52.5% calc(var(--fob-wave-height)*0.0245), 55% calc(var(--fob-wave-height)*0.0955), 57.5% calc(var(--fob-wave-height)*0.2061), 60% calc(var(--fob-wave-height)*0.3455), 62.5% calc(var(--fob-wave-height)*0.5), 65% calc(var(--fob-wave-height)*0.6545), 67.5% calc(var(--fob-wave-height)*0.7939), 70% calc(var(--fob-wave-height)*0.9045), 72.5% calc(var(--fob-wave-height)*0.9755), 75% calc(var(--fob-wave-height)*1), 77.5% calc(var(--fob-wave-height)*0.9755), 80% calc(var(--fob-wave-height)*0.9045), 82.5% calc(var(--fob-wave-height)*0.7939), 85% calc(var(--fob-wave-height)*0.6545), 87.5% calc(var(--fob-wave-height)*0.5), 90% calc(var(--fob-wave-height)*0.3455), 92.5% calc(var(--fob-wave-height)*0.2061), 95% calc(var(--fob-wave-height)*0.0955), 97.5% calc(var(--fob-wave-height)*0.0245), 100% 0, 100% 100%, 0 100%);
}

.wp-block-cover.is-style-cover-wave-bottom {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 97.5% calc(100% - var(--fob-wave-height)*0.0245), 95% calc(100% - var(--fob-wave-height)*0.0955), 92.5% calc(100% - var(--fob-wave-height)*0.2061), 90% calc(100% - var(--fob-wave-height)*0.3455), 87.5% calc(100% - var(--fob-wave-height)*0.5), 85% calc(100% - var(--fob-wave-height)*0.6545), 82.5% calc(100% - var(--fob-wave-height)*0.7939), 80% calc(100% - var(--fob-wave-height)*0.9045), 77.5% calc(100% - var(--fob-wave-height)*0.9755), 75% calc(100% - var(--fob-wave-height)*1), 72.5% calc(100% - var(--fob-wave-height)*0.9755), 70% calc(100% - var(--fob-wave-height)*0.9045), 67.5% calc(100% - var(--fob-wave-height)*0.7939), 65% calc(100% - var(--fob-wave-height)*0.6545), 62.5% calc(100% - var(--fob-wave-height)*0.5), 60% calc(100% - var(--fob-wave-height)*0.3455), 57.5% calc(100% - var(--fob-wave-height)*0.2061), 55% calc(100% - var(--fob-wave-height)*0.0955), 52.5% calc(100% - var(--fob-wave-height)*0.0245), 50% 100%, 47.5% calc(100% - var(--fob-wave-height)*0.0245), 45% calc(100% - var(--fob-wave-height)*0.0955), 42.5% calc(100% - var(--fob-wave-height)*0.2061), 40% calc(100% - var(--fob-wave-height)*0.3455), 37.5% calc(100% - var(--fob-wave-height)*0.5), 35% calc(100% - var(--fob-wave-height)*0.6545), 32.5% calc(100% - var(--fob-wave-height)*0.7939), 30% calc(100% - var(--fob-wave-height)*0.9045), 27.5% calc(100% - var(--fob-wave-height)*0.9755), 25% calc(100% - var(--fob-wave-height)*1), 22.5% calc(100% - var(--fob-wave-height)*0.9755), 20% calc(100% - var(--fob-wave-height)*0.9045), 17.5% calc(100% - var(--fob-wave-height)*0.7939), 15% calc(100% - var(--fob-wave-height)*0.6545), 12.5% calc(100% - var(--fob-wave-height)*0.5), 10% calc(100% - var(--fob-wave-height)*0.3455), 7.5% calc(100% - var(--fob-wave-height)*0.2061), 5% calc(100% - var(--fob-wave-height)*0.0955), 2.5% calc(100% - var(--fob-wave-height)*0.0245), 0% 100%);
}

.wp-block-cover.is-style-cover-wave-both {
	clip-path: polygon(0% 0, 2.5% calc(var(--fob-wave-height)*0.0245), 5% calc(var(--fob-wave-height)*0.0955), 7.5% calc(var(--fob-wave-height)*0.2061), 10% calc(var(--fob-wave-height)*0.3455), 12.5% calc(var(--fob-wave-height)*0.5), 15% calc(var(--fob-wave-height)*0.6545), 17.5% calc(var(--fob-wave-height)*0.7939), 20% calc(var(--fob-wave-height)*0.9045), 22.5% calc(var(--fob-wave-height)*0.9755), 25% calc(var(--fob-wave-height)*1), 27.5% calc(var(--fob-wave-height)*0.9755), 30% calc(var(--fob-wave-height)*0.9045), 32.5% calc(var(--fob-wave-height)*0.7939), 35% calc(var(--fob-wave-height)*0.6545), 37.5% calc(var(--fob-wave-height)*0.5), 40% calc(var(--fob-wave-height)*0.3455), 42.5% calc(var(--fob-wave-height)*0.2061), 45% calc(var(--fob-wave-height)*0.0955), 47.5% calc(var(--fob-wave-height)*0.0245), 50% 0, 52.5% calc(var(--fob-wave-height)*0.0245), 55% calc(var(--fob-wave-height)*0.0955), 57.5% calc(var(--fob-wave-height)*0.2061), 60% calc(var(--fob-wave-height)*0.3455), 62.5% calc(var(--fob-wave-height)*0.5), 65% calc(var(--fob-wave-height)*0.6545), 67.5% calc(var(--fob-wave-height)*0.7939), 70% calc(var(--fob-wave-height)*0.9045), 72.5% calc(var(--fob-wave-height)*0.9755), 75% calc(var(--fob-wave-height)*1), 77.5% calc(var(--fob-wave-height)*0.9755), 80% calc(var(--fob-wave-height)*0.9045), 82.5% calc(var(--fob-wave-height)*0.7939), 85% calc(var(--fob-wave-height)*0.6545), 87.5% calc(var(--fob-wave-height)*0.5), 90% calc(var(--fob-wave-height)*0.3455), 92.5% calc(var(--fob-wave-height)*0.2061), 95% calc(var(--fob-wave-height)*0.0955), 97.5% calc(var(--fob-wave-height)*0.0245), 100% 0, 100% 100%, 97.5% calc(100% - var(--fob-wave-height)*0.0245), 95% calc(100% - var(--fob-wave-height)*0.0955), 92.5% calc(100% - var(--fob-wave-height)*0.2061), 90% calc(100% - var(--fob-wave-height)*0.3455), 87.5% calc(100% - var(--fob-wave-height)*0.5), 85% calc(100% - var(--fob-wave-height)*0.6545), 82.5% calc(100% - var(--fob-wave-height)*0.7939), 80% calc(100% - var(--fob-wave-height)*0.9045), 77.5% calc(100% - var(--fob-wave-height)*0.9755), 75% calc(100% - var(--fob-wave-height)*1), 72.5% calc(100% - var(--fob-wave-height)*0.9755), 70% calc(100% - var(--fob-wave-height)*0.9045), 67.5% calc(100% - var(--fob-wave-height)*0.7939), 65% calc(100% - var(--fob-wave-height)*0.6545), 62.5% calc(100% - var(--fob-wave-height)*0.5), 60% calc(100% - var(--fob-wave-height)*0.3455), 57.5% calc(100% - var(--fob-wave-height)*0.2061), 55% calc(100% - var(--fob-wave-height)*0.0955), 52.5% calc(100% - var(--fob-wave-height)*0.0245), 50% 100%, 47.5% calc(100% - var(--fob-wave-height)*0.0245), 45% calc(100% - var(--fob-wave-height)*0.0955), 42.5% calc(100% - var(--fob-wave-height)*0.2061), 40% calc(100% - var(--fob-wave-height)*0.3455), 37.5% calc(100% - var(--fob-wave-height)*0.5), 35% calc(100% - var(--fob-wave-height)*0.6545), 32.5% calc(100% - var(--fob-wave-height)*0.7939), 30% calc(100% - var(--fob-wave-height)*0.9045), 27.5% calc(100% - var(--fob-wave-height)*0.9755), 25% calc(100% - var(--fob-wave-height)*1), 22.5% calc(100% - var(--fob-wave-height)*0.9755), 20% calc(100% - var(--fob-wave-height)*0.9045), 17.5% calc(100% - var(--fob-wave-height)*0.7939), 15% calc(100% - var(--fob-wave-height)*0.6545), 12.5% calc(100% - var(--fob-wave-height)*0.5), 10% calc(100% - var(--fob-wave-height)*0.3455), 7.5% calc(100% - var(--fob-wave-height)*0.2061), 5% calc(100% - var(--fob-wave-height)*0.0955), 2.5% calc(100% - var(--fob-wave-height)*0.0245), 0% 100%);
}

.wp-block-cover.is-style-cover-arch-top {
	clip-path: polygon(0% 0, 2.5% calc(var(--fob-wave-height)*0.0062), 5% calc(var(--fob-wave-height)*0.0245), 7.5% calc(var(--fob-wave-height)*0.0545), 10% calc(var(--fob-wave-height)*0.0955), 12.5% calc(var(--fob-wave-height)*0.1464), 15% calc(var(--fob-wave-height)*0.2061), 17.5% calc(var(--fob-wave-height)*0.273), 20% calc(var(--fob-wave-height)*0.3455), 22.5% calc(var(--fob-wave-height)*0.4218), 25% calc(var(--fob-wave-height)*0.5), 27.5% calc(var(--fob-wave-height)*0.5782), 30% calc(var(--fob-wave-height)*0.6545), 32.5% calc(var(--fob-wave-height)*0.727), 35% calc(var(--fob-wave-height)*0.7939), 37.5% calc(var(--fob-wave-height)*0.8536), 40% calc(var(--fob-wave-height)*0.9045), 42.5% calc(var(--fob-wave-height)*0.9455), 45% calc(var(--fob-wave-height)*0.9755), 47.5% calc(var(--fob-wave-height)*0.9938), 50% calc(var(--fob-wave-height)*1), 52.5% calc(var(--fob-wave-height)*0.9938), 55% calc(var(--fob-wave-height)*0.9755), 57.5% calc(var(--fob-wave-height)*0.9455), 60% calc(var(--fob-wave-height)*0.9045), 62.5% calc(var(--fob-wave-height)*0.8536), 65% calc(var(--fob-wave-height)*0.7939), 67.5% calc(var(--fob-wave-height)*0.727), 70% calc(var(--fob-wave-height)*0.6545), 72.5% calc(var(--fob-wave-height)*0.5782), 75% calc(var(--fob-wave-height)*0.5), 77.5% calc(var(--fob-wave-height)*0.4218), 80% calc(var(--fob-wave-height)*0.3455), 82.5% calc(var(--fob-wave-height)*0.273), 85% calc(var(--fob-wave-height)*0.2061), 87.5% calc(var(--fob-wave-height)*0.1464), 90% calc(var(--fob-wave-height)*0.0955), 92.5% calc(var(--fob-wave-height)*0.0545), 95% calc(var(--fob-wave-height)*0.0245), 97.5% calc(var(--fob-wave-height)*0.0062), 100% 0, 100% 100%, 0 100%);
}

.wp-block-cover.is-style-cover-arch-bottom {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 97.5% calc(100% - var(--fob-wave-height)*0.0062), 95% calc(100% - var(--fob-wave-height)*0.0245), 92.5% calc(100% - var(--fob-wave-height)*0.0545), 90% calc(100% - var(--fob-wave-height)*0.0955), 87.5% calc(100% - var(--fob-wave-height)*0.1464), 85% calc(100% - var(--fob-wave-height)*0.2061), 82.5% calc(100% - var(--fob-wave-height)*0.273), 80% calc(100% - var(--fob-wave-height)*0.3455), 77.5% calc(100% - var(--fob-wave-height)*0.4218), 75% calc(100% - var(--fob-wave-height)*0.5), 72.5% calc(100% - var(--fob-wave-height)*0.5782), 70% calc(100% - var(--fob-wave-height)*0.6545), 67.5% calc(100% - var(--fob-wave-height)*0.727), 65% calc(100% - var(--fob-wave-height)*0.7939), 62.5% calc(100% - var(--fob-wave-height)*0.8536), 60% calc(100% - var(--fob-wave-height)*0.9045), 57.5% calc(100% - var(--fob-wave-height)*0.9455), 55% calc(100% - var(--fob-wave-height)*0.9755), 52.5% calc(100% - var(--fob-wave-height)*0.9938), 50% calc(100% - var(--fob-wave-height)*1), 47.5% calc(100% - var(--fob-wave-height)*0.9938), 45% calc(100% - var(--fob-wave-height)*0.9755), 42.5% calc(100% - var(--fob-wave-height)*0.9455), 40% calc(100% - var(--fob-wave-height)*0.9045), 37.5% calc(100% - var(--fob-wave-height)*0.8536), 35% calc(100% - var(--fob-wave-height)*0.7939), 32.5% calc(100% - var(--fob-wave-height)*0.727), 30% calc(100% - var(--fob-wave-height)*0.6545), 27.5% calc(100% - var(--fob-wave-height)*0.5782), 25% calc(100% - var(--fob-wave-height)*0.5), 22.5% calc(100% - var(--fob-wave-height)*0.4218), 20% calc(100% - var(--fob-wave-height)*0.3455), 17.5% calc(100% - var(--fob-wave-height)*0.273), 15% calc(100% - var(--fob-wave-height)*0.2061), 12.5% calc(100% - var(--fob-wave-height)*0.1464), 10% calc(100% - var(--fob-wave-height)*0.0955), 7.5% calc(100% - var(--fob-wave-height)*0.0545), 5% calc(100% - var(--fob-wave-height)*0.0245), 2.5% calc(100% - var(--fob-wave-height)*0.0062), 0% 100%);
}

.wp-block-cover.is-style-cover-bevel-top {
	clip-path: polygon(0% 0, 100% calc(var(--fob-bevel-rise)*1), 100% 100%, 0 100%);
}

.wp-block-cover.is-style-cover-bevel-top-flipped {
	clip-path: polygon(0% calc(var(--fob-bevel-rise)*1), 100% 0, 100% 100%, 0 100%);
}

.wp-block-cover.is-style-cover-bevel-bottom {
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--fob-bevel-rise)*1), 0% 100%);
}

.wp-block-cover.is-style-cover-bevel-bottom-flipped {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% calc(100% - var(--fob-bevel-rise)*1));
}