@import "base.css";

@layer variants {
	/* Block-spacing variants — opt-in margin-block modifiers for any block-level component. */
	.space-none {
		margin-block: 0;
	}
	.space-xxsmall {
		margin-block: var(--space-xxsmall);
	}
	.space-xsmall {
		margin-block: var(--space-xsmall);
	}
	.space-small {
		margin-block: var(--space-small);
	}
	.space-normal {
		margin-block: var(--space-normal);
	}
	.space-large {
		margin-block: var(--space-large);
	}
	.space-xlarge {
		margin-block: var(--space-xlarge);
	}
	.space-xxlarge {
		margin-block: var(--space-xxlarge);
	}
}