/* The wrappers of Layout/ and the form's action row: Radzen stacks whose classes take the gap from the scale through
   --rz-gap, the variable a stack's Gap parameter would set inline, so Radzen's alignment and text margins stay */

.app-page {
	--rz-gap: var(--app-space-4);
}

.app-page-header {
	--rz-gap: var(--app-space-2);
}

.app-page-heading {
	--rz-gap: var(--app-space-1);
}

.app-section {
	--rz-gap: var(--app-space-3);
}

.app-form-actions {
	--rz-gap: var(--app-space-2);
}

.app-gap-0 {
	--rz-gap: 0;
}

.app-gap-1 {
	--rz-gap: var(--app-space-1);
}

.app-gap-2 {
	--rz-gap: var(--app-space-2);
}

.app-gap-3 {
	--rz-gap: var(--app-space-3);
}

.app-gap-4 {
	--rz-gap: var(--app-space-4);
}

.app-gap-5 {
	--rz-gap: var(--app-space-5);
}

.app-gap-6 {
	--rz-gap: var(--app-space-6);
}

.app-gap-8 {
	--rz-gap: var(--app-space-8);
}