.wp-block-vividdigital-fluid-container.sc-fluid-container {
	box-sizing: border-box;
	/* Break out of the theme's readable-content wrapper without a fixed width. */
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: var(--sc-fluid-padding-y, 3rem) var(--sc-fluid-padding-x, 1.5rem);
	margin-top: var(--sc-fluid-margin-top, 0);
	margin-bottom: var(--sc-fluid-margin-bottom, 0);
	border: var(--sc-fluid-border-width, 0) solid var(--sc-fluid-border-color, var(--sc-color-border));
	border-radius: var(--sc-fluid-border-radius, 0);
	background-color: var(--sc-fluid-background-color, var(--sc-color-surface));
	background-image: var(--sc-fluid-background-image, none);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: clip;
}

.sc-fluid-container__inner {
	width: 100%;
	max-width: none;
	margin: 0;
	min-width: 0;
}

.sc-fluid-container__inner > * {
	max-width: 100%;
}

.sc-fluid-container__inner img,
.sc-fluid-container__inner video,
.sc-fluid-container__inner iframe,
.sc-fluid-container__inner table {
	max-width: 100%;
}

@media (max-width: 48rem) {
	.wp-block-vividdigital-fluid-container.sc-fluid-container {
		padding-block: var(--sc-fluid-padding-y-tablet, var(--sc-fluid-padding-y, 3rem));
		padding-inline: var(--sc-fluid-padding-x-tablet, var(--sc-fluid-padding-x, 1.5rem));
		margin-top: var(--sc-fluid-margin-top-tablet, var(--sc-fluid-margin-top, 0));
		margin-bottom: var(--sc-fluid-margin-bottom-tablet, var(--sc-fluid-margin-bottom, 0));
		border-width: var(--sc-fluid-border-width-tablet, var(--sc-fluid-border-width, 0));
		border-color: var(--sc-fluid-border-color-tablet, var(--sc-fluid-border-color, var(--sc-color-border)));
		border-radius: var(--sc-fluid-border-radius-tablet, var(--sc-fluid-border-radius, 0));
		background-color: var(--sc-fluid-background-color-tablet, var(--sc-fluid-background-color, var(--sc-color-surface)));
		background-image: var(--sc-fluid-background-image-tablet, var(--sc-fluid-background-image, none));
	}
}

@media (max-width: 30rem) {
	.wp-block-vividdigital-fluid-container.sc-fluid-container {
		padding-block: var(--sc-fluid-padding-y-mobile, var(--sc-fluid-padding-y-tablet, var(--sc-fluid-padding-y, 3rem)));
		padding-inline: var(--sc-fluid-padding-x-mobile, var(--sc-fluid-padding-x-tablet, var(--sc-fluid-padding-x, 1.5rem)));
		margin-top: var(--sc-fluid-margin-top-mobile, var(--sc-fluid-margin-top-tablet, var(--sc-fluid-margin-top, 0)));
		margin-bottom: var(--sc-fluid-margin-bottom-mobile, var(--sc-fluid-margin-bottom-tablet, var(--sc-fluid-margin-bottom, 0)));
		border-width: var(--sc-fluid-border-width-mobile, var(--sc-fluid-border-width-tablet, var(--sc-fluid-border-width, 0)));
		border-color: var(--sc-fluid-border-color-mobile, var(--sc-fluid-border-color-tablet, var(--sc-fluid-border-color, var(--sc-color-border))));
		border-radius: var(--sc-fluid-border-radius-mobile, var(--sc-fluid-border-radius-tablet, var(--sc-fluid-border-radius, 0)));
		background-color: var(--sc-fluid-background-color-mobile, var(--sc-fluid-background-color-tablet, var(--sc-fluid-background-color, var(--sc-color-surface))));
		background-image: var(--sc-fluid-background-image-mobile, var(--sc-fluid-background-image-tablet, var(--sc-fluid-background-image, none)));
	}
}

.sc-fluid-container__color-control {
	margin-block: 1rem;
}

.sc-fluid-container__color-control > p {
	margin-bottom: .5rem;
	font-weight: 600;
}

.sc-fluid-container__color-control .components-color-palette {
	margin-block: .5rem;
}