.wp-block-acf-vk-spacer {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.vk-spacer {
	display: block;
	width: 100%;
	margin: 0;
	height: var(--vk-spacer-height-base, 0px);
}

.is-root-container .vk-spacer,
.editor-styles-wrapper .vk-spacer,
.acf-block-preview .vk-spacer {
	background-color: rgba(105, 87, 87, 0.08);
	outline: clamp(1px, 0.05vw, 1px) dashed rgba(105, 87, 87, 0.35);
	outline-offset: clamp(-1px, -0.05vw, -1px);
}

@media (min-width: 576px) {
	.vk-spacer {
		height: var(--vk-spacer-height-sm, var(--vk-spacer-height-base, 0px));
	}
}

@media (min-width: 768px) {
	.vk-spacer {
		height: var(--vk-spacer-height-md, var(--vk-spacer-height-sm, var(--vk-spacer-height-base, 0px)));
	}
}

@media (min-width: 992px) {
	.vk-spacer {
		height: var(
			--vk-spacer-height-lg,
			var(--vk-spacer-height-md, var(--vk-spacer-height-sm, var(--vk-spacer-height-base, 0px)))
		);
	}
}

@media (min-width: 1200px) {
	.vk-spacer {
		height: var(
			--vk-spacer-height-xl,
			var(
				--vk-spacer-height-lg,
				var(--vk-spacer-height-md, var(--vk-spacer-height-sm, var(--vk-spacer-height-base, 0px)))
			)
		);
	}
}

@media (min-width: 1400px) {
	.vk-spacer {
		height: var(
			--vk-spacer-height-xxl,
			var(
				--vk-spacer-height-xl,
				var(
					--vk-spacer-height-lg,
					var(--vk-spacer-height-md, var(--vk-spacer-height-sm, var(--vk-spacer-height-base, 0px)))
				)
			)
		);
	}
}