.canonical-form-grid{--columns-base:1;--columns-sm:var(--columns-base);--columns-md:var(--columns-sm);--columns-lg:var(--columns-md);--columns-xl:var(--columns-lg);--columns-2xl:var(--columns-xl);--form-columns:var(--columns-base);grid-template-columns:repeat(var(--form-columns), minmax(0, 1fr));column-gap:calc(var(--spacing) * 6);row-gap:calc(var(--spacing) * 8);display:grid}.canonical-form-grid-item{--span-base:1;--span-sm:var(--span-base);--span-md:var(--span-sm);--span-lg:var(--span-md);--span-xl:var(--span-lg);--span-2xl:var(--span-xl);--form-span:var(--span-base);grid-column:span min(var(--form-span), var(--form-columns,1));min-width:0}@media (min-width:40rem){.canonical-form-grid{--form-columns:var(--columns-sm)}.canonical-form-grid-item{--form-span:var(--span-sm)}}@media (min-width:48rem){.canonical-form-grid{--form-columns:var(--columns-md)}.canonical-form-grid-item{--form-span:var(--span-md)}}@media (min-width:64rem){.canonical-form-grid{--form-columns:var(--columns-lg)}.canonical-form-grid-item{--form-span:var(--span-lg)}}@media (min-width:80rem){.canonical-form-grid{--form-columns:var(--columns-xl)}.canonical-form-grid-item{--form-span:var(--span-xl)}}@media (min-width:96rem){.canonical-form-grid{--form-columns:var(--columns-2xl)}.canonical-form-grid-item{--form-span:var(--span-2xl)}}