/* Spacing utilities.
   Naming format: property + spacing token (for example: .margin-block-2-5). */

/* margin */
.margin-1 {
  margin: var(--spacing-1);
}
.margin-1-5 {
  margin: var(--spacing-1-5);
}
.margin-2 {
  margin: var(--spacing-2);
}
.margin-2-5 {
  margin: var(--spacing-2-5);
}
.margin-3 {
  margin: var(--spacing-3);
}
.margin-3-5 {
  margin: var(--spacing-3-5);
}
.margin-4 {
  margin: var(--spacing-4);
}
.margin-4-5 {
  margin: var(--spacing-4-5);
}
.margin-5 {
  margin: var(--spacing-5);
}
.margin-5-5 {
  margin: var(--spacing-5-5);
}
.margin-6 {
  margin: var(--spacing-6);
}
.margin-6-5 {
  margin: var(--spacing-6-5);
}
.margin-7 {
  margin: var(--spacing-7);
}
.margin-7-5 {
  margin: var(--spacing-7-5);
}
.margin-8 {
  margin: var(--spacing-8);
}

/* margin block */
.margin-block-1 {
  margin-block: var(--spacing-1);
}
.margin-block-1-5 {
  margin-block: var(--spacing-1-5);
}
.margin-block-2 {
  margin-block: var(--spacing-2);
}
.margin-block-2-5 {
  margin-block: var(--spacing-2-5);
}
.margin-block-3 {
  margin-block: var(--spacing-3);
}
.margin-block-3-5 {
  margin-block: var(--spacing-3-5);
}
.margin-block-4 {
  margin-block: var(--spacing-4);
}
.margin-block-4-5 {
  margin-block: var(--spacing-4-5);
}
.margin-block-5 {
  margin-block: var(--spacing-5);
}
.margin-block-5-5 {
  margin-block: var(--spacing-5-5);
}
.margin-block-6 {
  margin-block: var(--spacing-6);
}
.margin-block-6-5 {
  margin-block: var(--spacing-6-5);
}
.margin-block-7 {
  margin-block: var(--spacing-7);
}
.margin-block-7-5 {
  margin-block: var(--spacing-7-5);
}
.margin-block-8 {
  margin-block: var(--spacing-8);
}

/* margin block start (top) */
.margin-block-start-1 {
  margin-block-start: var(--spacing-1);
}
.margin-block-start-1-5 {
  margin-block-start: var(--spacing-1-5);
}
.margin-block-start-2 {
  margin-block-start: var(--spacing-2);
}
.margin-block-start-2-5 {
  margin-block-start: var(--spacing-2-5);
}
.margin-block-start-3 {
  margin-block-start: var(--spacing-3);
}
.margin-block-start-3-5 {
  margin-block-start: var(--spacing-3-5);
}
.margin-block-start-4 {
  margin-block-start: var(--spacing-4);
}
.margin-block-start-4-5 {
  margin-block-start: var(--spacing-4-5);
}
.margin-block-start-5 {
  margin-block-start: var(--spacing-5);
}
.margin-block-start-5-5 {
  margin-block-start: var(--spacing-5-5);
}
.margin-block-start-6 {
  margin-block-start: var(--spacing-6);
}
.margin-block-start-6-5 {
  margin-block-start: var(--spacing-6-5);
}
.margin-block-start-7 {
  margin-block-start: var(--spacing-7);
}
.margin-block-start-7-5 {
  margin-block-start: var(--spacing-7-5);
}
.margin-block-start-8 {
  margin-block-start: var(--spacing-8);
}
.margin-block-start-8-5 {
  margin-block-start: var(--spacing-8-5);
}
.margin-block-start-9 {
  margin-block-start: var(--spacing-9);
}
.margin-block-start-9-5 {
  margin-block-start: var(--spacing-9-5);
}
.margin-block-start-10 {
  margin-block-start: var(--spacing-10);
}
.margin-block-start-10-5 {
  margin-block-start: var(--spacing-10-5);
}
.margin-block-start-11 {
  margin-block-start: var(--spacing-11);
}
.margin-block-start-11-5 {
  margin-block-start: var(--spacing-11-5);
}
.margin-block-start-12 {
  margin-block-start: var(--spacing-12);
}
.margin-block-start-12-5 {
  margin-block-start: var(--spacing-12-5);
}
.margin-block-start-13 {
  margin-block-start: var(--spacing-13);
}
.margin-block-start-13-5 {
  margin-block-start: var(--spacing-13-5);
}

/* margin block end (bottom) */
.margin-block-end-1 {
  margin-block-end: var(--spacing-1);
}
.margin-block-end-1-5 {
  margin-block-end: var(--spacing-1-5);
}
.margin-block-end-2 {
  margin-block-end: var(--spacing-2);
}
.margin-block-end-2-5 {
  margin-block-end: var(--spacing-2-5);
}
.margin-block-end-3 {
  margin-block-end: var(--spacing-3);
}
.margin-block-end-3-5 {
  margin-block-end: var(--spacing-3-5);
}
.margin-block-end-4 {
  margin-block-end: var(--spacing-4);
}
.margin-block-end-4-5 {
  margin-block-end: var(--spacing-4-5);
}
.margin-block-end-5 {
  margin-block-end: var(--spacing-5);
}
.margin-block-end-5-5 {
  margin-block-end: var(--spacing-5-5);
}
.margin-block-end-6 {
  margin-block-end: var(--spacing-6);
}
.margin-block-end-6-5 {
  margin-block-end: var(--spacing-6-5);
}
.margin-block-end-7 {
  margin-block-end: var(--spacing-7);
}
.margin-block-end-7-5 {
  margin-block-end: var(--spacing-7-5);
}
.margin-block-end-8 {
  margin-block-end: var(--spacing-8);
}
.margin-block-end-8-5 {
  margin-block-end: var(--spacing-8-5);
}
.margin-block-end-9 {
  margin-block-end: var(--spacing-9);
}
.margin-block-end-9-5 {
  margin-block-end: var(--spacing-9-5);
}
.margin-block-end-10 {
  margin-block-end: var(--spacing-10);
}
.margin-block-end-10-5 {
  margin-block-end: var(--spacing-10-5);
}
.margin-block-end-11 {
  margin-block-end: var(--spacing-11);
}
.margin-block-end-11-5 {
  margin-block-end: var(--spacing-11-5);
}
.margin-block-end-12 {
  margin-block-end: var(--spacing-12);
}
.margin-block-end-12-5 {
  margin-block-end: var(--spacing-12-5);
}
.margin-block-end-13 {
  margin-block-end: var(--spacing-13);
}
.margin-block-end-13-5 {
  margin-block-end: var(--spacing-13-5);
}

/* padding */
.padding-1 {
  padding: var(--spacing-1);
}
.padding-1-5 {
  padding: var(--spacing-1-5);
}
.padding-2 {
  padding: var(--spacing-2);
}
.padding-2-5 {
  padding: var(--spacing-2-5);
}
.padding-3 {
  padding: var(--spacing-3);
}
.padding-3-5 {
  padding: var(--spacing-3-5);
}
.padding-4 {
  padding: var(--spacing-4);
}
.padding-4-5 {
  padding: var(--spacing-4-5);
}
.padding-5 {
  padding: var(--spacing-5);
}
.padding-5-5 {
  padding: var(--spacing-5-5);
}
.padding-6 {
  padding: var(--spacing-6);
}
.padding-6-5 {
  padding: var(--spacing-6-5);
}
.padding-7 {
  padding: var(--spacing-7);
}
.padding-7-5 {
  padding: var(--spacing-7-5);
}
.padding-8 {
  padding: var(--spacing-8);
}

/* padding block */
.padding-block-1 {
  padding-block: var(--spacing-1);
}
.padding-block-1-5 {
  padding-block: var(--spacing-1-5);
}
.padding-block-2 {
  padding-block: var(--spacing-2);
}
.padding-block-2-5 {
  padding-block: var(--spacing-2-5);
}
.padding-block-3 {
  padding-block: var(--spacing-3);
}
.padding-block-3-5 {
  padding-block: var(--spacing-3-5);
}
.padding-block-4 {
  padding-block: var(--spacing-4);
}
.padding-block-4-5 {
  padding-block: var(--spacing-4-5);
}
.padding-block-5 {
  padding-block: var(--spacing-5);
}
.padding-block-5-5 {
  padding-block: var(--spacing-5-5);
}
.padding-block-6 {
  padding-block: var(--spacing-6);
}
.padding-block-6-5 {
  padding-block: var(--spacing-6-5);
}
.padding-block-7 {
  padding-block: var(--spacing-7);
}
.padding-block-7-5 {
  padding-block: var(--spacing-7-5);
}
.padding-block-8 {
  padding-block: var(--spacing-8);
}

/* padding block start (top) */
.padding-block-start-1 {
  padding-block-start: var(--spacing-1);
}
.padding-block-start-1-5 {
  padding-block-start: var(--spacing-1-5);
}
.padding-block-start-2 {
  padding-block-start: var(--spacing-2);
}
.padding-block-start-2-5 {
  padding-block-start: var(--spacing-2-5);
}
.padding-block-start-3 {
  padding-block-start: var(--spacing-3);
}
.padding-block-start-3-5 {
  padding-block-start: var(--spacing-3-5);
}
.padding-block-start-4 {
  padding-block-start: var(--spacing-4);
}
.padding-block-start-4-5 {
  padding-block-start: var(--spacing-4-5);
}
.padding-block-start-5 {
  padding-block-start: var(--spacing-5);
}
.padding-block-start-5-5 {
  padding-block-start: var(--spacing-5-5);
}
.padding-block-start-6 {
  padding-block-start: var(--spacing-6);
}
.padding-block-start-6-5 {
  padding-block-start: var(--spacing-6-5);
}
.padding-block-start-7 {
  padding-block-start: var(--spacing-7);
}
.padding-block-start-7-5 {
  padding-block-start: var(--spacing-7-5);
}
.padding-block-start-8 {
  padding-block-start: var(--spacing-8);
}
.padding-block-start-8-5 {
  padding-block-start: var(--spacing-8-5);
}
.padding-block-start-9 {
  padding-block-start: var(--spacing-9);
}
.padding-block-start-9-5 {
  padding-block-start: var(--spacing-9-5);
}
.padding-block-start-10 {
  padding-block-start: var(--spacing-10);
}
.padding-block-start-10-5 {
  padding-block-start: var(--spacing-10-5);
}
.padding-block-start-11 {
  padding-block-start: var(--spacing-11);
}
.padding-block-start-11-5 {
  padding-block-start: var(--spacing-11-5);
}
.padding-block-start-12 {
  padding-block-start: var(--spacing-12);
}
.padding-block-start-12-5 {
  padding-block-start: var(--spacing-12-5);
}
.padding-block-start-13 {
  padding-block-start: var(--spacing-13);
}
.padding-block-start-13-5 {
  padding-block-start: var(--spacing-13-5);
}

/* padding block end (bottom) */
.padding-block-end-1 {
  padding-block-end: var(--spacing-1);
}
.padding-block-end-1-5 {
  padding-block-end: var(--spacing-1-5);
}
.padding-block-end-2 {
  padding-block-end: var(--spacing-2);
}
.padding-block-end-2-5 {
  padding-block-end: var(--spacing-2-5);
}
.padding-block-end-3 {
  padding-block-end: var(--spacing-3);
}
.padding-block-end-3-5 {
  padding-block-end: var(--spacing-3-5);
}
.padding-block-end-4 {
  padding-block-end: var(--spacing-4);
}
.padding-block-end-4-5 {
  padding-block-end: var(--spacing-4-5);
}
.padding-block-end-5 {
  padding-block-end: var(--spacing-5);
}
.padding-block-end-5-5 {
  padding-block-end: var(--spacing-5-5);
}
.padding-block-end-6 {
  padding-block-end: var(--spacing-6);
}
.padding-block-end-6-5 {
  padding-block-end: var(--spacing-6-5);
}
.padding-block-end-7 {
  padding-block-end: var(--spacing-7);
}
.padding-block-end-7-5 {
  padding-block-end: var(--spacing-7-5);
}
.padding-block-end-8 {
  padding-block-end: var(--spacing-8);
}
.padding-block-end-8-5 {
  padding-block-end: var(--spacing-8-5);
}
.padding-block-end-9 {
  padding-block-end: var(--spacing-9);
}
.padding-block-end-9-5 {
  padding-block-end: var(--spacing-9-5);
}
.padding-block-end-10 {
  padding-block-end: var(--spacing-10);
}
.padding-block-end-10-5 {
  padding-block-end: var(--spacing-10-5);
}
.padding-block-end-11 {
  padding-block-end: var(--spacing-11);
}
.padding-block-end-11-5 {
  padding-block-end: var(--spacing-11-5);
}
.padding-block-end-12 {
  padding-block-end: var(--spacing-12);
}
.padding-block-end-12-5 {
  padding-block-end: var(--spacing-12-5);
}
.padding-block-end-13 {
  padding-block-end: var(--spacing-13);
}
.padding-block-end-13-5 {
  padding-block-end: var(--spacing-13-5);
}