/* margin block (1/2/3/6/9/14 = rem) */
.margin-block-1 {
  margin-block: var(--spacing-1);
}

.margin-block-2 {
  margin-block: var(--spacing-2);
}

.margin-block-3 {
  margin-block: var(--spacing-3);
}

.margin-block-4 {
  margin-block: var(--spacing-4);
}

.margin-block-5 {
  margin-block: var(--spacing-5);
}

.margin-block-6 {
  margin-block: var(--spacing-6);
}

.margin-block-7 {
  margin-block: var(--spacing-7);
}

.margin-block-8 {
  margin-block: var(--spacing-8);
}

.margin-block-9 {
  margin-block: var(--spacing-9);
}

.margin-block-12 {
  margin-block: var(--spacing-12);
}

.margin-block-14 {
  margin-block: var(--spacing-14);
}

/* margin block end */

.margin-block-end-1 {
  margin-block-end: var(--spacing-1);
}

.margin-block-end-2 {
  margin-block-end: var(--spacing-2);
}

.margin-block-end-3 {
  margin-block-end: var(--spacing-3);
}

.margin-block-end-4 {
  margin-block-end: var(--spacing-4);
}

.margin-block-end-5 {
  margin-block-end: var(--spacing-5);
}

.margin-block-end-6 {
  margin-block-end: var(--spacing-6);
}

.margin-block-end-7 {
  margin-block-end: var(--spacing-7);
}

.margin-block-end-8 {
  margin-block-end: var(--spacing-8);
}

.margin-block-end-9 {
  margin-block-end: var(--spacing-9);
}

.margin-block-end-12 {
  margin-block-end: var(--spacing-12);
}

.margin-block-end-14 {
  margin-block-end: var(--spacing-14);
}
/* margin block start */

.margin-block-start-1 {
  margin-block-start: var(--spacing-1);
}

.margin-block-start-2 {
  margin-block-start: var(--spacing-2);
}

.margin-block-start-3 {
  margin-block-start: var(--spacing-3);
}

.margin-block-start-4 {
  margin-block-start: var(--spacing-4);
}

.margin-block-start-5 {
  margin-block-start: var(--spacing-5);
}

.margin-block-start-6 {
  margin-block-start: var(--spacing-6);
}

.margin-block-start-7 {
  margin-block-start: var(--spacing-7);
}

.margin-block-start-8 {
  margin-block-start: var(--spacing-8);
}

.margin-block-start-9 {
  margin-block-start: var(--spacing-9);
}

.margin-block-start-12 {
  margin-block-start: var(--spacing-12);
}

.margin-block-start-14 {
  margin-block-start: var(--spacing-14);
}

/* padding block */

.padding-block-1 {
  padding-block: var(--spacing-1);
}

.padding-block-2 {
  padding-block: var(--spacing-2);
}

.padding-block-3 {
  padding-block: var(--spacing-3);
}

.padding-block-4 {
  padding-block: var(--spacing-4);
}

.padding-block-5 {
  padding-block: var(--spacing-5);
}

.padding-block-6 {
  padding-block: var(--spacing-6);
}

.padding-block-7 {
  padding-block: var(--spacing-7);
}

.padding-block-8 {
  padding-block: var(--spacing-8);
}

.padding-block-9 {
  padding-block: var(--spacing-9);
}

.padding-block-12 {
  padding-block: var(--spacing-12);
}

.padding-block-14 {
  padding-block: var(--spacing-14);
}

/* padding block end */

.padding-block-end-1 {
  padding-block-end: var(--spacing-1);
}

.padding-block-end-2 {
  padding-block-end: var(--spacing-2);
}

.padding-block-end-3 {
  padding-block-end: var(--spacing-3);
}

.padding-block-end-4 {
  padding-block-end: var(--spacing-4);
}

.padding-block-end-5 {
  padding-block-end: var(--spacing-5);
}

.padding-block-end-6 {
  padding-block-end: var(--spacing-6);
}

.padding-block-end-7 {
  padding-block-end: var(--spacing-7);
}

.padding-block-end-8 {
  padding-block-end: var(--spacing-8);
}

.padding-block-end-9 {
  padding-block-end: var(--spacing-9);
}

.padding-block-end-12 {
  padding-block-end: var(--spacing-12);
}

.padding-block-end-14 {
  padding-block-end: var(--spacing-14);
}

/* padding block start */

.padding-block-start-1 {
  padding-block-start: var(--spacing-1);
}

.padding-block-start-2 {
  padding-block-start: var(--spacing-2);
}

.padding-block-start-3 {
  padding-block-start: var(--spacing-3);
}

.padding-block-start-4 {
  padding-block-start: var(--spacing-4);
}

.padding-block-start-5 {
  padding-block-start: var(--spacing-5);
}

.padding-block-start-6 {
  padding-block-start: var(--spacing-6);
}

.padding-block-start-7 {
  padding-block-start: var(--spacing-7);
}

.padding-block-start-8 {
  padding-block-start: var(--spacing-8);
}

.padding-block-start-9 {
  padding-block-start: var(--spacing-9);
}

.padding-block-start-12 {
  padding-block-start: var(--spacing-12);
}

.padding-block-start-14 {
  padding-block-start: var(--spacing-14);
}

/* gap */
.gap-large {
  gap: var(--spacing-6);
}

.gap-medium {
  gap: var(--spacing-3);
}

.gap {
  gap: var(--spacing-1);
}