.wp-block-group {
	position: relative; // so negative margins inside will work.
	display: flex;
	justify-content: var(--group-block-justify-content, center);
	padding: var(--group-block-padding-top, 0.05px) var(--group-block-padding-right, 0.05px) var(--group-block-padding-bottom, 0.05px) var(--group-block-padding-left, 0.05px); // 0.05px prevents margin collapsing.

	&:where(.alignfull) {
		// Can't override property or it will break nested blocks.
		padding-right: var(--group-block-alignfull-padding-right, calc(((var(--viewport-width) - var(--breakpoint-xl)) / 2) - var(--side-spacing)));
		padding-left: var(--group-block-alignfull-padding-left, calc(((var(--viewport-width) - var(--breakpoint-xl)) / 2) - var(--side-spacing)));

		> .wp-block-group__inner-container {
			margin-right: var(--side-spacing);
			margin-left: var(--side-spacing);
		}
	}

	&.has-background {
		margin-top: 0;
		margin-bottom: 0;
	}
}

.has-sidebar,
.has-boxed-container {
	// Undo side-spacing padding and use 0.05px to prevent margin collapsing.
	--group-block-alignfull-padding-right: 0.05px;
	--group-block-alignfull-padding-left: 0.05px;
}

.wp-block-group__inner-container {
	width: 100% !important;
	max-width: var(--content-max-width, var(--breakpoint-xl));
}