[gap='xxx-small'] {
  margin-inline: calc((0.125rem / 2) * -1);
}

[row-gap='xxx-small'] {
  row-gap: 0.125rem;
}

[gap='xxx-small'] [size] {
  padding-inline: calc((0.125rem / 2));
}

[gap='xx-small'] {
  margin-inline: calc((0.25rem / 2) * -1);
}

[row-gap='xx-small'] {
  row-gap: 0.25rem;
}

[gap='xx-small'] [size] {
  padding-inline: calc((0.25rem / 2));
}

[gap='x-small'] {
  margin-inline: calc((0.5rem / 2) * -1);
}

[row-gap='x-small'] {
  row-gap: 0.5rem;
}

[gap='x-small'] [size] {
  padding-inline: calc((0.5rem / 2));
}

[gap='small'] {
  margin-inline: calc((0.75rem / 2) * -1);
}

[row-gap='small'] {
  row-gap: 0.75rem;
}

[gap='small'] [size] {
  padding-inline: calc((0.75rem / 2));
}

[gap='medium'] {
  margin-inline: calc((1rem / 2) * -1);
}

[row-gap='medium'] {
  row-gap: 1rem;
}

[gap='medium'] [size] {
  padding-inline: calc((1rem / 2));
}

[gap='large'] {
  margin-inline: calc((1.5rem / 2) * -1);
}

[row-gap='large'] {
  row-gap: 1.5rem;
}

[gap='large'] [size] {
  padding-inline: calc((1.5rem / 2));
}

[gap='x-large'] {
  margin-inline: calc((2rem / 2) * -1);
}

[row-gap='x-large'] {
  row-gap: 2rem;
}

[gap='x-large'] [size] {
  padding-inline: calc((2rem / 2));
}

[gap='xx-large'] {
  margin-inline: calc((3rem / 2) * -1);
}

[row-gap='xx-large'] {
  row-gap: 3rem;
}

[gap='xx-large'] [size] {
  padding-inline: calc((3rem / 2));
}