test {
	display: grid;
	gap: 20px;
	order: 1;
}

test {
	display: grid;
	column-gap: 20px;
	order: 2;
}

test {
	display: grid;
	row-gap: 20px;
	order: 3;
}

manual-fallback {
	display: grid;
	grid-gap: var(--fallback);
	gap: var(--main-value);
	order: 4;
}

.nested {
	display: grid;
	column-gap:  0.5;

	& .descendant {
		max-width: 100%;
	}
}