.margin-none {
  margin: 0;
}
.margin-default {
  margin: var(--size-default);
}

.margin-small {
  margin: var(--size-small);
}
.margin-xsmall {
  margin: var(--size-xsmall);
}
.margin-l1 {
  margin: var(--size-l1);
}
.margin-l2 {
  margin: var(--size-l2);
}

.margin-single {
  margin: 1px;
}

.margin-block-none {
  margin-block: 0;
}
.margin-block-default {
  margin-block: var(--size-default);
}

.margin-block-small {
  margin-block: var(--size-small);
}
.margin-block-xsmall {
  margin-block: var(--size-xsmall);
}
.margin-block-l1 {
  margin-block: var(--size-l1);
}
.margin-block-l2 {
  margin-block: var(--size-l2);
}

.margin-block-single {
  margin-block: 1px;
}

.margin-inline-none {
  margin-inline: 0;
}
.margin-inline-default {
  margin-inline: var(--size-default);
}

.margin-inline-small {
  margin-inline: var(--size-small);
}
.margin-inline-xsmall {
  margin-inline: var(--size-xsmall);
}
.margin-inline-l1 {
  margin-inline: var(--size-l1);
}
.margin-inline-l2 {
  margin-inline: var(--size-l2);
}

.margin-inline-single {
  margin-inline: 1px;
}