/* Spacer Atom */
.spacer {
  flex-shrink: 0;
}

.spacer-vertical { height: 100%; width: 0; }
.spacer-horizontal { width: 100%; height: 0; }

.spacer-xs.spacer-horizontal { height: var(--space-1); }
.spacer-sm.spacer-horizontal { height: var(--space-2); }
.spacer-md.spacer-horizontal { height: var(--space-4); }
.spacer-lg.spacer-horizontal { height: var(--space-6); }
.spacer-xl.spacer-horizontal { height: var(--space-8); }

.spacer-xs.spacer-vertical { width: var(--space-1); }
.spacer-sm.spacer-vertical { width: var(--space-2); }
.spacer-md.spacer-vertical { width: var(--space-4); }
.spacer-lg.spacer-vertical { width: var(--space-6); }
.spacer-xl.spacer-vertical { width: var(--space-8); }