:root{--spacing-unit:4px;--spacing-x-small:calc(var(--spacing-unit) * 0.5);--spacing-small:calc(var(--spacing-unit) * 1);--spacing-regular:calc(var(--spacing-unit) * 2);--spacing-medium:calc(var(--spacing-unit) * 3);--spacing-large:calc(var(--spacing-unit) * 4);--spacing-x-large:calc(var(--spacing-unit) * 6);--spacing-x2-large:calc(var(--spacing-unit) * 8);--spacing-x3-large:calc(var(--spacing-unit) * 12);--spacing-x4-large:calc(var(--spacing-unit) * 16);--spacing-x5-large:calc(var(--spacing-unit) * 24);--spacing-x6-large:calc(var(--spacing-unit) * 32);--spacing-x7-large:calc(var(--spacing-unit) * 40);--spacing-x8-large:calc(var(--spacing-unit) * 48);--spacing-x9-large:calc(var(--spacing-unit) * 56);--spacing-x10-large:calc(var(--spacing-unit) * 64);--spacing-x11-large:calc(var(--spacing-unit) * 72);--spacing-x12-large:calc(var(--spacing-unit) * 80)}