/**
 * Block Max Width
 *
 * Doubled class beats `.is-layout-constrained > :where(...)` max-width.
 * Margins need !important because core's constrained layout sets
 * `margin-left/right: auto !important` on its children.
 * Logical properties: "left" = start, "right" = end (mirrors in RTL).
 */

.has-max-width.has-max-width {
	max-width: var(--block-max-width);
	box-sizing: border-box;
}

.has-max-width.has-max-width--center {
	margin-inline-start: auto !important;
	margin-inline-end: auto !important;
}

.has-max-width.has-max-width--left {
	margin-inline-start: 0 !important;
	margin-inline-end: auto !important;
}

.has-max-width.has-max-width--right {
	margin-inline-start: auto !important;
	margin-inline-end: 0 !important;
}