.wp-block-suzaku-shaped-cover.uses-sbx-shape-clip.has-suzaku-design,
.wp-block-suzaku-split-cover.uses-ssc-shape-clip.has-suzaku-design,
.wp-block-suzaku-shaped-cover.uses-sbx-shape-clip.has-suzaku-legacy-shape,
.wp-block-suzaku-split-cover.uses-ssc-shape-clip.has-suzaku-legacy-shape {
	--suzaku-top-height: var(--suzaku-top-height-desktop, 0px);
	--suzaku-bottom-height: var(--suzaku-bottom-height-desktop, 0px);
	-webkit-mask-image: var(--suzaku-top-mask), var(--suzaku-bottom-mask), linear-gradient(#000, #000);
	mask-image: var(--suzaku-top-mask), var(--suzaku-bottom-mask), linear-gradient(#000, #000);
	-webkit-mask-size:
		100% max(1px, var(--suzaku-top-height)),
		100% max(1px, var(--suzaku-bottom-height)),
		100% calc(100% - var(--suzaku-top-height) - var(--suzaku-bottom-height) + 2px);
	mask-size:
		100% max(1px, var(--suzaku-top-height)),
		100% max(1px, var(--suzaku-bottom-height)),
		100% calc(100% - var(--suzaku-top-height) - var(--suzaku-bottom-height) + 2px);
	-webkit-mask-position:
		center top,
		center bottom,
		center calc(var(--suzaku-top-height) - 1px);
	mask-position:
		center top,
		center bottom,
		center calc(var(--suzaku-top-height) - 1px);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-composite: source-over;
	mask-composite: add;
}

.sbx-cover.has-suzaku-design {
	background: var(--suzaku-background, #101820);
}

.sbx-cover.has-suzaku-color-background > .sbx-overlay,
.sbx-cover.has-suzaku-design .sbx-background--placeholder {
	display: none;
}

.sbx-cover.has-suzaku-design .sbx-inner,
.sbx-cover.has-suzaku-legacy-shape .sbx-inner {
	padding-top: calc(64px + var(--suzaku-top-height));
	padding-bottom: calc(64px + var(--suzaku-bottom-height));
}

.suzaku-split-cover.has-suzaku-design .ssc-text-panel,
.suzaku-split-cover.has-suzaku-legacy-shape .ssc-text-panel {
	padding-top: calc(var(--ssc-padding, 64px) + var(--suzaku-top-height));
	padding-bottom: calc(var(--ssc-padding, 64px) + var(--suzaku-bottom-height));
}

@media (max-width: 781px) {
	.wp-block-suzaku-shaped-cover.has-suzaku-design,
	.wp-block-suzaku-split-cover.has-suzaku-design,
	.wp-block-suzaku-shaped-cover.has-suzaku-legacy-shape,
	.wp-block-suzaku-split-cover.has-suzaku-legacy-shape {
		--suzaku-top-height: var(--suzaku-top-height-mobile, 0px);
		--suzaku-bottom-height: var(--suzaku-bottom-height-mobile, 0px);
	}
}

/* Match every preset across both shape blocks. */
.wp-block-suzaku-shaped-cover.sbx-bottom-wave
	+ .wp-block-suzaku-shaped-cover.sbx-top-wave:not(.has-sbx-manual-spacing) {
	margin-block-start: calc(0px - var(--sbx-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-shaped-cover.sbx-bottom-wave + .wp-block-suzaku-split-cover.ssc-top-wave:not(.has-ssc-manual-spacing) {
	margin-block-start: calc(0px - var(--ssc-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-split-cover.ssc-bottom-wave + .wp-block-suzaku-shaped-cover.sbx-top-wave:not(.has-sbx-manual-spacing) {
	margin-block-start: calc(0px - var(--sbx-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-split-cover.ssc-bottom-wave + .wp-block-suzaku-split-cover.ssc-top-wave:not(.has-ssc-manual-spacing) {
	margin-block-start: calc(0px - var(--ssc-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-shaped-cover.sbx-bottom-waves
	+ .wp-block-suzaku-shaped-cover.sbx-top-waves:not(.has-sbx-manual-spacing) {
	margin-block-start: calc(0px - var(--sbx-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-shaped-cover.sbx-bottom-waves
	+ .wp-block-suzaku-split-cover.ssc-top-waves:not(.has-ssc-manual-spacing) {
	margin-block-start: calc(0px - var(--ssc-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-split-cover.ssc-bottom-waves
	+ .wp-block-suzaku-shaped-cover.sbx-top-waves:not(.has-sbx-manual-spacing) {
	margin-block-start: calc(0px - var(--sbx-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-split-cover.ssc-bottom-waves
	+ .wp-block-suzaku-split-cover.ssc-top-waves:not(.has-ssc-manual-spacing) {
	margin-block-start: calc(0px - var(--ssc-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-shaped-cover.sbx-bottom-mountain
	+ .wp-block-suzaku-shaped-cover.sbx-top-mountain:not(.has-sbx-manual-spacing) {
	margin-block-start: calc(0px - var(--sbx-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-shaped-cover.sbx-bottom-mountain
	+ .wp-block-suzaku-split-cover.ssc-top-mountain:not(.has-ssc-manual-spacing) {
	margin-block-start: calc(0px - var(--ssc-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-split-cover.ssc-bottom-mountain
	+ .wp-block-suzaku-shaped-cover.sbx-top-mountain:not(.has-sbx-manual-spacing) {
	margin-block-start: calc(0px - var(--sbx-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-split-cover.ssc-bottom-mountain
	+ .wp-block-suzaku-split-cover.ssc-top-mountain:not(.has-ssc-manual-spacing) {
	margin-block-start: calc(0px - var(--ssc-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-shaped-cover.sbx-bottom-diagonal
	+ .wp-block-suzaku-shaped-cover.sbx-top-diagonal:not(.has-sbx-manual-spacing) {
	margin-block-start: calc(0px - var(--sbx-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-shaped-cover.sbx-bottom-diagonal
	+ .wp-block-suzaku-split-cover.ssc-top-diagonal:not(.has-ssc-manual-spacing) {
	margin-block-start: calc(0px - var(--ssc-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-split-cover.ssc-bottom-diagonal
	+ .wp-block-suzaku-shaped-cover.sbx-top-diagonal:not(.has-sbx-manual-spacing) {
	margin-block-start: calc(0px - var(--sbx-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-split-cover.ssc-bottom-diagonal
	+ .wp-block-suzaku-split-cover.ssc-top-diagonal:not(.has-ssc-manual-spacing) {
	margin-block-start: calc(0px - var(--ssc-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-shaped-cover.sbx-bottom-curve
	+ .wp-block-suzaku-shaped-cover.sbx-top-curve:not(.has-sbx-manual-spacing) {
	margin-block-start: calc(0px - var(--sbx-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-shaped-cover.sbx-bottom-curve
	+ .wp-block-suzaku-split-cover.ssc-top-curve:not(.has-ssc-manual-spacing) {
	margin-block-start: calc(0px - var(--ssc-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-split-cover.ssc-bottom-curve
	+ .wp-block-suzaku-shaped-cover.sbx-top-curve:not(.has-sbx-manual-spacing) {
	margin-block-start: calc(0px - var(--sbx-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-split-cover.ssc-bottom-curve
	+ .wp-block-suzaku-split-cover.ssc-top-curve:not(.has-ssc-manual-spacing) {
	margin-block-start: calc(0px - var(--ssc-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-shaped-cover.sbx-bottom-curve-asymmetric
	+ .wp-block-suzaku-shaped-cover.sbx-top-curve-asymmetric:not(.has-sbx-manual-spacing) {
	margin-block-start: calc(0px - var(--sbx-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-shaped-cover.sbx-bottom-curve-asymmetric
	+ .wp-block-suzaku-split-cover.ssc-top-curve-asymmetric:not(.has-ssc-manual-spacing) {
	margin-block-start: calc(0px - var(--ssc-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-split-cover.ssc-bottom-curve-asymmetric
	+ .wp-block-suzaku-shaped-cover.sbx-top-curve-asymmetric:not(.has-sbx-manual-spacing) {
	margin-block-start: calc(0px - var(--sbx-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-split-cover.ssc-bottom-curve-asymmetric
	+ .wp-block-suzaku-split-cover.ssc-top-curve-asymmetric:not(.has-ssc-manual-spacing) {
	margin-block-start: calc(0px - var(--ssc-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-shaped-cover.sbx-bottom-triangle-asymmetric
	+ .wp-block-suzaku-shaped-cover.sbx-top-triangle-asymmetric:not(.has-sbx-manual-spacing) {
	margin-block-start: calc(0px - var(--sbx-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-shaped-cover.sbx-bottom-triangle-asymmetric
	+ .wp-block-suzaku-split-cover.ssc-top-triangle-asymmetric:not(.has-ssc-manual-spacing) {
	margin-block-start: calc(0px - var(--ssc-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-split-cover.ssc-bottom-triangle-asymmetric
	+ .wp-block-suzaku-shaped-cover.sbx-top-triangle-asymmetric:not(.has-sbx-manual-spacing) {
	margin-block-start: calc(0px - var(--sbx-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-split-cover.ssc-bottom-triangle-asymmetric
	+ .wp-block-suzaku-split-cover.ssc-top-triangle-asymmetric:not(.has-ssc-manual-spacing) {
	margin-block-start: calc(0px - var(--ssc-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-shaped-cover.sbx-bottom-arrow
	+ .wp-block-suzaku-shaped-cover.sbx-top-arrow:not(.has-sbx-manual-spacing) {
	margin-block-start: calc(0px - var(--sbx-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-shaped-cover.sbx-bottom-arrow
	+ .wp-block-suzaku-split-cover.ssc-top-arrow:not(.has-ssc-manual-spacing) {
	margin-block-start: calc(0px - var(--ssc-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-split-cover.ssc-bottom-arrow
	+ .wp-block-suzaku-shaped-cover.sbx-top-arrow:not(.has-sbx-manual-spacing) {
	margin-block-start: calc(0px - var(--sbx-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-split-cover.ssc-bottom-arrow
	+ .wp-block-suzaku-split-cover.ssc-top-arrow:not(.has-ssc-manual-spacing) {
	margin-block-start: calc(0px - var(--ssc-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-shaped-cover.sbx-bottom-split
	+ .wp-block-suzaku-shaped-cover.sbx-top-split:not(.has-sbx-manual-spacing) {
	margin-block-start: calc(0px - var(--sbx-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-shaped-cover.sbx-bottom-split
	+ .wp-block-suzaku-split-cover.ssc-top-split:not(.has-ssc-manual-spacing) {
	margin-block-start: calc(0px - var(--ssc-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-split-cover.ssc-bottom-split
	+ .wp-block-suzaku-shaped-cover.sbx-top-split:not(.has-sbx-manual-spacing) {
	margin-block-start: calc(0px - var(--sbx-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-split-cover.ssc-bottom-split
	+ .wp-block-suzaku-split-cover.ssc-top-split:not(.has-ssc-manual-spacing) {
	margin-block-start: calc(0px - var(--ssc-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-shaped-cover.sbx-bottom-book
	+ .wp-block-suzaku-shaped-cover.sbx-top-book:not(.has-sbx-manual-spacing) {
	margin-block-start: calc(0px - var(--sbx-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-shaped-cover.sbx-bottom-book + .wp-block-suzaku-split-cover.ssc-top-book:not(.has-ssc-manual-spacing) {
	margin-block-start: calc(0px - var(--ssc-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-split-cover.ssc-bottom-book + .wp-block-suzaku-shaped-cover.sbx-top-book:not(.has-sbx-manual-spacing) {
	margin-block-start: calc(0px - var(--sbx-top-shape-height, 72px)) !important;
}
.wp-block-suzaku-split-cover.ssc-bottom-book + .wp-block-suzaku-split-cover.ssc-top-book:not(.has-ssc-manual-spacing) {
	margin-block-start: calc(0px - var(--ssc-top-shape-height, 72px)) !important;
}
