[class*="wrapper"] {
	max-width: var(--wrapper-size, var(--screen-3xl));
	padding-left: var(--wrapper-padding, var(--space-size-3xl));
	padding-right: var(--wrapper-padding, var(--space-size-3xl));
}

.wrapper-xs {
	--wrapper-size: clamp(20rem, calc(10rem + 20vw), 40rem);
	--wrapper-padding: var(--space-size-xs);
}
.wrapper-sm {
	--wrapper-size: var(--screen-sm);
	--wrapper-padding: var(--space-size-s);
}

.wrapper-md {
	--wrapper-size: var(--screen-md);
	--wrapper-padding: var(--space-size-m);
}

.wrapper-lg {
	--wrapper-size: var(--screen-lg);
	--wrapper-padding: var(--space-size-l);
}

.wrapper-xl {
	--wrapper-size: var(--screen-xl);
	--wrapper-padding: var(--space-size-l);
}