@charset "utf-8";

/* INSIDEBOX */
.box-inline {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	}
.box-inline-full-left,
.box-inline-full-right,
.box-inline-extend-left,
.box-inline-extend-right {
	--distance: calc((var(--viewport-width) - 100%) / 2);
	}
.box-inline-full-left,
.box-inline-full-right {
	width: calc(100% + var(--distance));
	}
.box-inline-extend-left > .design-here,
.box-inline-extend-right > .design-here {
	width: calc(100% + var(--distance));
	}
.box-inline.box-inline-full-left,
.box-inline.box-inline-extend-left > .design-here {
	left: calc(var(--distance) * -1);
	}
.box-inline.box-inline-full-right > .design-here > *,
.box-inline.box-inline-extend-right > .design-here > * {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	}
.box-inline.box-inline-full-left > .design-here > *,
.box-inline.box-inline-extend-left > .design-here > * {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	}
.box-inline-holder {
	min-width: 0;
	width: 100%;
	}
@media (max-width: 59.99em) {
	.box-inline-full-mobile {
		margin-inline: calc(var(--section-padding) * -1);
		}
	.box-inline.box-inline-full-mobile,
	.box-inline.box-inline-full-mobile > .design-here > * {
		border-radius: 0;
		box-shadow: none;
		}
	.mgv.mgv-default:has(.box-inline-full-mobile) {
		margin-block: 0;
		}
}
@media (min-width: 60em) {
	.box-inline-left,
	.box-inline-center,
	.box-inline-right {
		max-width: 40rem;
		width: 50%;
		}
	.box-inline-left {
		margin-inline: 0 auto;
		}
	.box-inline-center {
		margin-inline: auto;
		}
	.box-inline-right {
		margin-inline: auto 0;
		}
	.box-inline-slim {
		margin-inline: auto;
		max-width: 60rem;
		}
}