max-width

width: 100%;
@variant sm { max-width: var(--breakpoint-sm); }/* 40rem */
@variant md { max-width: var(--breakpoint-md); }/* 48rem */
@variant lg { max-width: var(--breakpoint-lg); }/* 64rem */
@variant xl { max-width: var(--breakpoint-xl); }/* 80rem */
@variant 2xl { max-width: var(--breakpoint-2xl); }/* 96rem */

max-width: var(--container-3xs);/* 16rem */

max-width: var(--container-2xs);/* 18rem */

max-width: var(--container-xs);/* 20rem */

max-width: var(--container-sm);/* 24rem */

max-width: var(--container-md);/* 28rem */

max-width: var(--container-lg);/* 32rem */

max-width: var(--container-xl);/* 36rem */

max-width: var(--container-2xl);/* 42rem */

max-width: var(--container-3xl);/* 48rem */

max-width: var(--container-4xl);/* 56rem */

max-width: var(--container-5xl);/* 64rem */

max-width: var(--container-6xl);/* 72rem */

max-width: var(--container-7xl);/* 80rem */

max-width: auto;

max-width: 1px;

max-width: 100%;

max-width: 100vw;

max-width: 100dvw;

max-width: 100dvh;

max-width: 100lvw;

max-width: 100lvh;

max-width: 100svw;

max-width: 100svh;

max-width: min-content;

max-width: max-content;

max-width: fit-content;

max-width: calc(var(--spacing) * <number>);/* 0.25rem */

max-width: <percentage>;

max-width: <value>;

max-width: var(<custom-property>);

max-width: var(<custom-property>);