/* stylelint-disable comment-empty-line-before */
[grid] {
  display: flex;
}
[axis='row'] {
  flex-direction: row;
}
[axis='row-reverse'] {
  flex-direction: row-reverse;
}
[axis='column'] {
  flex-direction: column;
}
[axis='column-reverse'] {
  flex-direction: column-reverse;
}
[flow='wrap'] {
  flex-wrap: wrap;
  align-items: flex-start;
}
[flow='unset'] {
  flex-wrap: nowrap;
}
[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));
}
[flex='none'] {
  flex: none;
}
[flex='grow'] {
  flex-grow: 1;
}
[flex='shrink'] {
  flex-shrink: 1;
}
[align-items='start'] {
  justify-content: flex-start;
}
[align-items='end'] {
  justify-content: flex-end;
}
[align-items='center'] {
  justify-content: center;
}
[align-items='space'] {
  justify-content: space-around;
}
[align-items='spread'] {
  justify-content: space-between;
}
[axis='vertical'][align-items='start'] {
  align-items: flex-start; /* Single Row Alignment */
  align-content: flex-start; /* Multi Row Alignment */
}
[axis='vertical'][align-items='center'] {
  align-items: center; /* Single Row Alignment */
  align-content: center; /* Multi Row Alignment */
}
[axis='vertical'][align-items='end'] {
  align-items: flex-end; /* Single Row Alignment */
  align-content: flex-end; /* Multi Row Alignment */
}
[axis='vertical'][align-items='stretch'] {
  align-items: stretch; /* Single Row Alignment */
  align-content: stretch; /* Multi Row Alignment */
}
[align='start'] {
  align-self: flex-start;
}
[align='center'] {
  align-self: center;
}
[align='end'] {
  align-self: flex-end;
}
[bump='top'] {
  margin-top: auto;
}
[bump='right'] {
  margin-right: auto;
}
[bump='bottom'] {
  margin-bottom: auto;
}
[bump='left'] {
  margin-left: auto;
}
/* stylelint-disable at-rule-no-unknown -- SDS Grids is using postcss Atrule */
[size='auto'] {
  flex: 1 1 auto;
}
[size~='1\:1'] {
    flex: 0 0 calc((1 / 1) * 100%);
    min-width: calc((1 / 1) * 100%);
  }
/* 2 Columns */
[size~='1\:2'] {
    flex: 0 0 calc((1 / 2) * 100%);
    min-width: calc((1 / 2) * 100%);
  }
[size~='2\:2'] {
    flex: 0 0 calc((2 / 2) * 100%);
    min-width: calc((2 / 2) * 100%);
  }
/* 3 Columns */
[size~='1\:3'] {
    flex: 0 0 calc((1 / 3) * 100%);
    min-width: calc((1 / 3) * 100%);
  }
[size~='2\:3'] {
    flex: 0 0 calc((2 / 3) * 100%);
    min-width: calc((2 / 3) * 100%);
  }
[size~='3\:3'] {
    flex: 0 0 calc((3 / 3) * 100%);
    min-width: calc((3 / 3) * 100%);
  }
/* 4 Columns */
[size~='1\:4'] {
    flex: 0 0 calc((1 / 4) * 100%);
    min-width: calc((1 / 4) * 100%);
  }
[size~='2\:4'] {
    flex: 0 0 calc((2 / 4) * 100%);
    min-width: calc((2 / 4) * 100%);
  }
[size~='3\:4'] {
    flex: 0 0 calc((3 / 4) * 100%);
    min-width: calc((3 / 4) * 100%);
  }
[size~='4\:4'] {
    flex: 0 0 calc((4 / 4) * 100%);
    min-width: calc((4 / 4) * 100%);
  }
/* 5 Columns */
[size~='1\:5'] {
    flex: 0 0 calc((1 / 5) * 100%);
    min-width: calc((1 / 5) * 100%);
  }
[size~='2\:5'] {
    flex: 0 0 calc((2 / 5) * 100%);
    min-width: calc((2 / 5) * 100%);
  }
[size~='3\:5'] {
    flex: 0 0 calc((3 / 5) * 100%);
    min-width: calc((3 / 5) * 100%);
  }
[size~='4\:5'] {
    flex: 0 0 calc((4 / 5) * 100%);
    min-width: calc((4 / 5) * 100%);
  }
[size~='5\:5'] {
    flex: 0 0 calc((5 / 5) * 100%);
    min-width: calc((5 / 5) * 100%);
  }
/* 6 Columns */
[size~='1\:6'] {
    flex: 0 0 calc((1 / 6) * 100%);
    min-width: calc((1 / 6) * 100%);
  }
[size~='2\:6'] {
    flex: 0 0 calc((2 / 6) * 100%);
    min-width: calc((2 / 6) * 100%);
  }
[size~='3\:6'] {
    flex: 0 0 calc((3 / 6) * 100%);
    min-width: calc((3 / 6) * 100%);
  }
[size~='4\:6'] {
    flex: 0 0 calc((4 / 6) * 100%);
    min-width: calc((4 / 6) * 100%);
  }
[size~='5\:6'] {
    flex: 0 0 calc((5 / 6) * 100%);
    min-width: calc((5 / 6) * 100%);
  }
[size~='6\:6'] {
    flex: 0 0 calc((6 / 6) * 100%);
    min-width: calc((6 / 6) * 100%);
  }
/* 7 Columns */
[size~='1\:7'] {
    flex: 0 0 calc((1 / 7) * 100%);
    min-width: calc((1 / 7) * 100%);
  }
[size~='2\:7'] {
    flex: 0 0 calc((2 / 7) * 100%);
    min-width: calc((2 / 7) * 100%);
  }
[size~='3\:7'] {
    flex: 0 0 calc((3 / 7) * 100%);
    min-width: calc((3 / 7) * 100%);
  }
[size~='4\:7'] {
    flex: 0 0 calc((4 / 7) * 100%);
    min-width: calc((4 / 7) * 100%);
  }
[size~='5\:7'] {
    flex: 0 0 calc((5 / 7) * 100%);
    min-width: calc((5 / 7) * 100%);
  }
[size~='6\:7'] {
    flex: 0 0 calc((6 / 7) * 100%);
    min-width: calc((6 / 7) * 100%);
  }
[size~='7\:7'] {
    flex: 0 0 calc((7 / 7) * 100%);
    min-width: calc((7 / 7) * 100%);
  }
/* 8 Columns */
[size~='1\:8'] {
    flex: 0 0 calc((1 / 8) * 100%);
    min-width: calc((1 / 8) * 100%);
  }
[size~='2\:8'] {
    flex: 0 0 calc((2 / 8) * 100%);
    min-width: calc((2 / 8) * 100%);
  }
[size~='3\:8'] {
    flex: 0 0 calc((3 / 8) * 100%);
    min-width: calc((3 / 8) * 100%);
  }
[size~='4\:8'] {
    flex: 0 0 calc((4 / 8) * 100%);
    min-width: calc((4 / 8) * 100%);
  }
[size~='5\:8'] {
    flex: 0 0 calc((5 / 8) * 100%);
    min-width: calc((5 / 8) * 100%);
  }
[size~='6\:8'] {
    flex: 0 0 calc((6 / 8) * 100%);
    min-width: calc((6 / 8) * 100%);
  }
[size~='7\:8'] {
    flex: 0 0 calc((7 / 8) * 100%);
    min-width: calc((7 / 8) * 100%);
  }
[size~='8\:8'] {
    flex: 0 0 calc((8 / 8) * 100%);
    min-width: calc((8 / 8) * 100%);
  }
/* 12 Columns */
[size~='1\:12'] {
    flex: 0 0 calc((1 / 12) * 100%);
    min-width: calc((1 / 12) * 100%);
  }
[size~='2\:12'] {
    flex: 0 0 calc((2 / 12) * 100%);
    min-width: calc((2 / 12) * 100%);
  }
[size~='3\:12'] {
    flex: 0 0 calc((3 / 12) * 100%);
    min-width: calc((3 / 12) * 100%);
  }
[size~='4\:12'] {
    flex: 0 0 calc((4 / 12) * 100%);
    min-width: calc((4 / 12) * 100%);
  }
[size~='5\:12'] {
    flex: 0 0 calc((5 / 12) * 100%);
    min-width: calc((5 / 12) * 100%);
  }
[size~='6\:12'] {
    flex: 0 0 calc((6 / 12) * 100%);
    min-width: calc((6 / 12) * 100%);
  }
[size~='7\:12'] {
    flex: 0 0 calc((7 / 12) * 100%);
    min-width: calc((7 / 12) * 100%);
  }
[size~='8\:12'] {
    flex: 0 0 calc((8 / 12) * 100%);
    min-width: calc((8 / 12) * 100%);
  }
[size~='9\:12'] {
    flex: 0 0 calc((9 / 12) * 100%);
    min-width: calc((9 / 12) * 100%);
  }
[size~='10\:12'] {
    flex: 0 0 calc((10 / 12) * 100%);
    min-width: calc((10 / 12) * 100%);
  }
[size~='11\:12'] {
    flex: 0 0 calc((11 / 12) * 100%);
    min-width: calc((11 / 12) * 100%);
  }
[size~='12\:12'] {
    flex: 0 0 calc((12 / 12) * 100%);
    min-width: calc((12 / 12) * 100%);
  }
/* stylelint-enable at-rule-no-unknown -- SDS Grids is using postcss Atrule */
/* stylelint-disable at-rule-no-unknown -- SDS Grids is using postcss Atrule */
@media (min-width: 320px) {
  /* 2 Columns */
    [size~='1\:2\@x-small'] {
    flex: 0 0 calc((1 / 2) * 100%);
    min-width: calc((1 / 2) * 100%);
  }
    [size~='2\:2\@x-small'] {
    flex: 0 0 calc((2 / 2) * 100%);
    min-width: calc((2 / 2) * 100%);
  }

  /* 3 Columns */
    [size~='1\:3\@x-small'] {
    flex: 0 0 calc((1 / 3) * 100%);
    min-width: calc((1 / 3) * 100%);
  }
    [size~='2\:3\@x-small'] {
    flex: 0 0 calc((2 / 3) * 100%);
    min-width: calc((2 / 3) * 100%);
  }
    [size~='3\:3\@x-small'] {
    flex: 0 0 calc((3 / 3) * 100%);
    min-width: calc((3 / 3) * 100%);
  }

  /* 4 Columns */
    [size~='1\:4\@x-small'] {
    flex: 0 0 calc((1 / 4) * 100%);
    min-width: calc((1 / 4) * 100%);
  }
    [size~='2\:4\@x-small'] {
    flex: 0 0 calc((2 / 4) * 100%);
    min-width: calc((2 / 4) * 100%);
  }
    [size~='3\:4\@x-small'] {
    flex: 0 0 calc((3 / 4) * 100%);
    min-width: calc((3 / 4) * 100%);
  }
    [size~='4\:4\@x-small'] {
    flex: 0 0 calc((4 / 4) * 100%);
    min-width: calc((4 / 4) * 100%);
  }

  /* 5 Columns */
    [size~='1\:5\@x-small'] {
    flex: 0 0 calc((1 / 5) * 100%);
    min-width: calc((1 / 5) * 100%);
  }
    [size~='2\:5\@x-small'] {
    flex: 0 0 calc((2 / 5) * 100%);
    min-width: calc((2 / 5) * 100%);
  }
    [size~='3\:5\@x-small'] {
    flex: 0 0 calc((3 / 5) * 100%);
    min-width: calc((3 / 5) * 100%);
  }
    [size~='4\:5\@x-small'] {
    flex: 0 0 calc((4 / 5) * 100%);
    min-width: calc((4 / 5) * 100%);
  }
    [size~='5\:5\@x-small'] {
    flex: 0 0 calc((5 / 5) * 100%);
    min-width: calc((5 / 5) * 100%);
  }

  /* 6 Columns */
    [size~='1\:6\@x-small'] {
    flex: 0 0 calc((1 / 6) * 100%);
    min-width: calc((1 / 6) * 100%);
  }
    [size~='2\:6\@x-small'] {
    flex: 0 0 calc((2 / 6) * 100%);
    min-width: calc((2 / 6) * 100%);
  }
    [size~='3\:6\@x-small'] {
    flex: 0 0 calc((3 / 6) * 100%);
    min-width: calc((3 / 6) * 100%);
  }
    [size~='4\:6\@x-small'] {
    flex: 0 0 calc((4 / 6) * 100%);
    min-width: calc((4 / 6) * 100%);
  }
    [size~='5\:6\@x-small'] {
    flex: 0 0 calc((5 / 6) * 100%);
    min-width: calc((5 / 6) * 100%);
  }
    [size~='6\:6\@x-small'] {
    flex: 0 0 calc((6 / 6) * 100%);
    min-width: calc((6 / 6) * 100%);
  }

  /* 7 Columns */
    [size~='1\:7\@x-small'] {
    flex: 0 0 calc((1 / 7) * 100%);
    min-width: calc((1 / 7) * 100%);
  }
    [size~='2\:7\@x-small'] {
    flex: 0 0 calc((2 / 7) * 100%);
    min-width: calc((2 / 7) * 100%);
  }
    [size~='3\:7\@x-small'] {
    flex: 0 0 calc((3 / 7) * 100%);
    min-width: calc((3 / 7) * 100%);
  }
    [size~='4\:7\@x-small'] {
    flex: 0 0 calc((4 / 7) * 100%);
    min-width: calc((4 / 7) * 100%);
  }
    [size~='5\:7\@x-small'] {
    flex: 0 0 calc((5 / 7) * 100%);
    min-width: calc((5 / 7) * 100%);
  }
    [size~='6\:7\@x-small'] {
    flex: 0 0 calc((6 / 7) * 100%);
    min-width: calc((6 / 7) * 100%);
  }
    [size~='7\:7\@x-small'] {
    flex: 0 0 calc((7 / 7) * 100%);
    min-width: calc((7 / 7) * 100%);
  }

  /* 8 Columns */
    [size~='1\:8\@x-small'] {
    flex: 0 0 calc((1 / 8) * 100%);
    min-width: calc((1 / 8) * 100%);
  }
    [size~='2\:8\@x-small'] {
    flex: 0 0 calc((2 / 8) * 100%);
    min-width: calc((2 / 8) * 100%);
  }
    [size~='3\:8\@x-small'] {
    flex: 0 0 calc((3 / 8) * 100%);
    min-width: calc((3 / 8) * 100%);
  }
    [size~='4\:8\@x-small'] {
    flex: 0 0 calc((4 / 8) * 100%);
    min-width: calc((4 / 8) * 100%);
  }
    [size~='5\:8\@x-small'] {
    flex: 0 0 calc((5 / 8) * 100%);
    min-width: calc((5 / 8) * 100%);
  }
    [size~='6\:8\@x-small'] {
    flex: 0 0 calc((6 / 8) * 100%);
    min-width: calc((6 / 8) * 100%);
  }
    [size~='7\:8\@x-small'] {
    flex: 0 0 calc((7 / 8) * 100%);
    min-width: calc((7 / 8) * 100%);
  }
    [size~='8\:8\@x-small'] {
    flex: 0 0 calc((8 / 8) * 100%);
    min-width: calc((8 / 8) * 100%);
  }

  /* 12 Columns */
    [size~='1\:12\@x-small'] {
    flex: 0 0 calc((1 / 12) * 100%);
    min-width: calc((1 / 12) * 100%);
  }
    [size~='2\:12\@x-small'] {
    flex: 0 0 calc((2 / 12) * 100%);
    min-width: calc((2 / 12) * 100%);
  }
    [size~='3\:12\@x-small'] {
    flex: 0 0 calc((3 / 12) * 100%);
    min-width: calc((3 / 12) * 100%);
  }
    [size~='4\:12\@x-small'] {
    flex: 0 0 calc((4 / 12) * 100%);
    min-width: calc((4 / 12) * 100%);
  }
    [size~='5\:12\@x-small'] {
    flex: 0 0 calc((5 / 12) * 100%);
    min-width: calc((5 / 12) * 100%);
  }
    [size~='6\:12\@x-small'] {
    flex: 0 0 calc((6 / 12) * 100%);
    min-width: calc((6 / 12) * 100%);
  }
    [size~='7\:12\@x-small'] {
    flex: 0 0 calc((7 / 12) * 100%);
    min-width: calc((7 / 12) * 100%);
  }
    [size~='8\:12\@x-small'] {
    flex: 0 0 calc((8 / 12) * 100%);
    min-width: calc((8 / 12) * 100%);
  }
    [size~='9\:12\@x-small'] {
    flex: 0 0 calc((9 / 12) * 100%);
    min-width: calc((9 / 12) * 100%);
  }
    [size~='10\:12\@x-small'] {
    flex: 0 0 calc((10 / 12) * 100%);
    min-width: calc((10 / 12) * 100%);
  }
    [size~='11\:12\@x-small'] {
    flex: 0 0 calc((11 / 12) * 100%);
    min-width: calc((11 / 12) * 100%);
  }
    [size~='12\:12\@x-small'] {
    flex: 0 0 calc((12 / 12) * 100%);
    min-width: calc((12 / 12) * 100%);
  }
}
@media (min-width: 480px) {
  /* 2 Columns */
    [size~='1\:2\@small'] {
    flex: 0 0 calc((1 / 2) * 100%);
    min-width: calc((1 / 2) * 100%);
  }
    [size~='2\:2\@small'] {
    flex: 0 0 calc((2 / 2) * 100%);
    min-width: calc((2 / 2) * 100%);
  }

  /* 3 Columns */
    [size~='1\:3\@small'] {
    flex: 0 0 calc((1 / 3) * 100%);
    min-width: calc((1 / 3) * 100%);
  }
    [size~='2\:3\@small'] {
    flex: 0 0 calc((2 / 3) * 100%);
    min-width: calc((2 / 3) * 100%);
  }
    [size~='3\:3\@small'] {
    flex: 0 0 calc((3 / 3) * 100%);
    min-width: calc((3 / 3) * 100%);
  }

  /* 4 Columns */
    [size~='1\:4\@small'] {
    flex: 0 0 calc((1 / 4) * 100%);
    min-width: calc((1 / 4) * 100%);
  }
    [size~='2\:4\@small'] {
    flex: 0 0 calc((2 / 4) * 100%);
    min-width: calc((2 / 4) * 100%);
  }
    [size~='3\:4\@small'] {
    flex: 0 0 calc((3 / 4) * 100%);
    min-width: calc((3 / 4) * 100%);
  }
    [size~='4\:4\@small'] {
    flex: 0 0 calc((4 / 4) * 100%);
    min-width: calc((4 / 4) * 100%);
  }

  /* 5 Columns */
    [size~='1\:5\@small'] {
    flex: 0 0 calc((1 / 5) * 100%);
    min-width: calc((1 / 5) * 100%);
  }
    [size~='2\:5\@small'] {
    flex: 0 0 calc((2 / 5) * 100%);
    min-width: calc((2 / 5) * 100%);
  }
    [size~='3\:5\@small'] {
    flex: 0 0 calc((3 / 5) * 100%);
    min-width: calc((3 / 5) * 100%);
  }
    [size~='4\:5\@small'] {
    flex: 0 0 calc((4 / 5) * 100%);
    min-width: calc((4 / 5) * 100%);
  }
    [size~='5\:5\@small'] {
    flex: 0 0 calc((5 / 5) * 100%);
    min-width: calc((5 / 5) * 100%);
  }

  /* 6 Columns */
    [size~='1\:6\@small'] {
    flex: 0 0 calc((1 / 6) * 100%);
    min-width: calc((1 / 6) * 100%);
  }
    [size~='2\:6\@small'] {
    flex: 0 0 calc((2 / 6) * 100%);
    min-width: calc((2 / 6) * 100%);
  }
    [size~='3\:6\@small'] {
    flex: 0 0 calc((3 / 6) * 100%);
    min-width: calc((3 / 6) * 100%);
  }
    [size~='4\:6\@small'] {
    flex: 0 0 calc((4 / 6) * 100%);
    min-width: calc((4 / 6) * 100%);
  }
    [size~='5\:6\@small'] {
    flex: 0 0 calc((5 / 6) * 100%);
    min-width: calc((5 / 6) * 100%);
  }
    [size~='6\:6\@small'] {
    flex: 0 0 calc((6 / 6) * 100%);
    min-width: calc((6 / 6) * 100%);
  }

  /* 7 Columns */
    [size~='1\:7\@small'] {
    flex: 0 0 calc((1 / 7) * 100%);
    min-width: calc((1 / 7) * 100%);
  }
    [size~='2\:7\@small'] {
    flex: 0 0 calc((2 / 7) * 100%);
    min-width: calc((2 / 7) * 100%);
  }
    [size~='3\:7\@small'] {
    flex: 0 0 calc((3 / 7) * 100%);
    min-width: calc((3 / 7) * 100%);
  }
    [size~='4\:7\@small'] {
    flex: 0 0 calc((4 / 7) * 100%);
    min-width: calc((4 / 7) * 100%);
  }
    [size~='5\:7\@small'] {
    flex: 0 0 calc((5 / 7) * 100%);
    min-width: calc((5 / 7) * 100%);
  }
    [size~='6\:7\@small'] {
    flex: 0 0 calc((6 / 7) * 100%);
    min-width: calc((6 / 7) * 100%);
  }
    [size~='7\:7\@small'] {
    flex: 0 0 calc((7 / 7) * 100%);
    min-width: calc((7 / 7) * 100%);
  }

  /* 8 Columns */
    [size~='1\:8\@small'] {
    flex: 0 0 calc((1 / 8) * 100%);
    min-width: calc((1 / 8) * 100%);
  }
    [size~='2\:8\@small'] {
    flex: 0 0 calc((2 / 8) * 100%);
    min-width: calc((2 / 8) * 100%);
  }
    [size~='3\:8\@small'] {
    flex: 0 0 calc((3 / 8) * 100%);
    min-width: calc((3 / 8) * 100%);
  }
    [size~='4\:8\@small'] {
    flex: 0 0 calc((4 / 8) * 100%);
    min-width: calc((4 / 8) * 100%);
  }
    [size~='5\:8\@small'] {
    flex: 0 0 calc((5 / 8) * 100%);
    min-width: calc((5 / 8) * 100%);
  }
    [size~='6\:8\@small'] {
    flex: 0 0 calc((6 / 8) * 100%);
    min-width: calc((6 / 8) * 100%);
  }
    [size~='7\:8\@small'] {
    flex: 0 0 calc((7 / 8) * 100%);
    min-width: calc((7 / 8) * 100%);
  }
    [size~='8\:8\@small'] {
    flex: 0 0 calc((8 / 8) * 100%);
    min-width: calc((8 / 8) * 100%);
  }

  /* 12 Columns */
    [size~='1\:12\@small'] {
    flex: 0 0 calc((1 / 12) * 100%);
    min-width: calc((1 / 12) * 100%);
  }
    [size~='2\:12\@small'] {
    flex: 0 0 calc((2 / 12) * 100%);
    min-width: calc((2 / 12) * 100%);
  }
    [size~='3\:12\@small'] {
    flex: 0 0 calc((3 / 12) * 100%);
    min-width: calc((3 / 12) * 100%);
  }
    [size~='4\:12\@small'] {
    flex: 0 0 calc((4 / 12) * 100%);
    min-width: calc((4 / 12) * 100%);
  }
    [size~='5\:12\@small'] {
    flex: 0 0 calc((5 / 12) * 100%);
    min-width: calc((5 / 12) * 100%);
  }
    [size~='6\:12\@small'] {
    flex: 0 0 calc((6 / 12) * 100%);
    min-width: calc((6 / 12) * 100%);
  }
    [size~='7\:12\@small'] {
    flex: 0 0 calc((7 / 12) * 100%);
    min-width: calc((7 / 12) * 100%);
  }
    [size~='8\:12\@small'] {
    flex: 0 0 calc((8 / 12) * 100%);
    min-width: calc((8 / 12) * 100%);
  }
    [size~='9\:12\@small'] {
    flex: 0 0 calc((9 / 12) * 100%);
    min-width: calc((9 / 12) * 100%);
  }
    [size~='10\:12\@small'] {
    flex: 0 0 calc((10 / 12) * 100%);
    min-width: calc((10 / 12) * 100%);
  }
    [size~='11\:12\@small'] {
    flex: 0 0 calc((11 / 12) * 100%);
    min-width: calc((11 / 12) * 100%);
  }
    [size~='12\:12\@small'] {
    flex: 0 0 calc((12 / 12) * 100%);
    min-width: calc((12 / 12) * 100%);
  }
}
@media (min-width: 768px) {
  /* 2 Columns */
    [size~='1\:2\@medium'] {
    flex: 0 0 calc((1 / 2) * 100%);
    min-width: calc((1 / 2) * 100%);
  }
    [size~='2\:2\@medium'] {
    flex: 0 0 calc((2 / 2) * 100%);
    min-width: calc((2 / 2) * 100%);
  }

  /* 3 Columns */
    [size~='1\:3\@medium'] {
    flex: 0 0 calc((1 / 3) * 100%);
    min-width: calc((1 / 3) * 100%);
  }
    [size~='2\:3\@medium'] {
    flex: 0 0 calc((2 / 3) * 100%);
    min-width: calc((2 / 3) * 100%);
  }
    [size~='3\:3\@medium'] {
    flex: 0 0 calc((3 / 3) * 100%);
    min-width: calc((3 / 3) * 100%);
  }

  /* 4 Columns */
    [size~='1\:4\@medium'] {
    flex: 0 0 calc((1 / 4) * 100%);
    min-width: calc((1 / 4) * 100%);
  }
    [size~='2\:4\@medium'] {
    flex: 0 0 calc((2 / 4) * 100%);
    min-width: calc((2 / 4) * 100%);
  }
    [size~='3\:4\@medium'] {
    flex: 0 0 calc((3 / 4) * 100%);
    min-width: calc((3 / 4) * 100%);
  }
    [size~='4\:4\@medium'] {
    flex: 0 0 calc((4 / 4) * 100%);
    min-width: calc((4 / 4) * 100%);
  }

  /* 5 Columns */
    [size~='1\:5\@medium'] {
    flex: 0 0 calc((1 / 5) * 100%);
    min-width: calc((1 / 5) * 100%);
  }
    [size~='2\:5\@medium'] {
    flex: 0 0 calc((2 / 5) * 100%);
    min-width: calc((2 / 5) * 100%);
  }
    [size~='3\:5\@medium'] {
    flex: 0 0 calc((3 / 5) * 100%);
    min-width: calc((3 / 5) * 100%);
  }
    [size~='4\:5\@medium'] {
    flex: 0 0 calc((4 / 5) * 100%);
    min-width: calc((4 / 5) * 100%);
  }
    [size~='5\:5\@medium'] {
    flex: 0 0 calc((5 / 5) * 100%);
    min-width: calc((5 / 5) * 100%);
  }

  /* 6 Columns */
    [size~='1\:6\@medium'] {
    flex: 0 0 calc((1 / 6) * 100%);
    min-width: calc((1 / 6) * 100%);
  }
    [size~='2\:6\@medium'] {
    flex: 0 0 calc((2 / 6) * 100%);
    min-width: calc((2 / 6) * 100%);
  }
    [size~='3\:6\@medium'] {
    flex: 0 0 calc((3 / 6) * 100%);
    min-width: calc((3 / 6) * 100%);
  }
    [size~='4\:6\@medium'] {
    flex: 0 0 calc((4 / 6) * 100%);
    min-width: calc((4 / 6) * 100%);
  }
    [size~='5\:6\@medium'] {
    flex: 0 0 calc((5 / 6) * 100%);
    min-width: calc((5 / 6) * 100%);
  }
    [size~='6\:6\@medium'] {
    flex: 0 0 calc((6 / 6) * 100%);
    min-width: calc((6 / 6) * 100%);
  }

  /* 7 Columns */
    [size~='1\:7\@medium'] {
    flex: 0 0 calc((1 / 7) * 100%);
    min-width: calc((1 / 7) * 100%);
  }
    [size~='2\:7\@medium'] {
    flex: 0 0 calc((2 / 7) * 100%);
    min-width: calc((2 / 7) * 100%);
  }
    [size~='3\:7\@medium'] {
    flex: 0 0 calc((3 / 7) * 100%);
    min-width: calc((3 / 7) * 100%);
  }
    [size~='4\:7\@medium'] {
    flex: 0 0 calc((4 / 7) * 100%);
    min-width: calc((4 / 7) * 100%);
  }
    [size~='5\:7\@medium'] {
    flex: 0 0 calc((5 / 7) * 100%);
    min-width: calc((5 / 7) * 100%);
  }
    [size~='6\:7\@medium'] {
    flex: 0 0 calc((6 / 7) * 100%);
    min-width: calc((6 / 7) * 100%);
  }
    [size~='7\:7\@medium'] {
    flex: 0 0 calc((7 / 7) * 100%);
    min-width: calc((7 / 7) * 100%);
  }

  /* 8 Columns */
    [size~='1\:8\@medium'] {
    flex: 0 0 calc((1 / 8) * 100%);
    min-width: calc((1 / 8) * 100%);
  }
    [size~='2\:8\@medium'] {
    flex: 0 0 calc((2 / 8) * 100%);
    min-width: calc((2 / 8) * 100%);
  }
    [size~='3\:8\@medium'] {
    flex: 0 0 calc((3 / 8) * 100%);
    min-width: calc((3 / 8) * 100%);
  }
    [size~='4\:8\@medium'] {
    flex: 0 0 calc((4 / 8) * 100%);
    min-width: calc((4 / 8) * 100%);
  }
    [size~='5\:8\@medium'] {
    flex: 0 0 calc((5 / 8) * 100%);
    min-width: calc((5 / 8) * 100%);
  }
    [size~='6\:8\@medium'] {
    flex: 0 0 calc((6 / 8) * 100%);
    min-width: calc((6 / 8) * 100%);
  }
    [size~='7\:8\@medium'] {
    flex: 0 0 calc((7 / 8) * 100%);
    min-width: calc((7 / 8) * 100%);
  }
    [size~='8\:8\@medium'] {
    flex: 0 0 calc((8 / 8) * 100%);
    min-width: calc((8 / 8) * 100%);
  }

  /* 12 Columns */
    [size~='1\:12\@medium'] {
    flex: 0 0 calc((1 / 12) * 100%);
    min-width: calc((1 / 12) * 100%);
  }
    [size~='2\:12\@medium'] {
    flex: 0 0 calc((2 / 12) * 100%);
    min-width: calc((2 / 12) * 100%);
  }
    [size~='3\:12\@medium'] {
    flex: 0 0 calc((3 / 12) * 100%);
    min-width: calc((3 / 12) * 100%);
  }
    [size~='4\:12\@medium'] {
    flex: 0 0 calc((4 / 12) * 100%);
    min-width: calc((4 / 12) * 100%);
  }
    [size~='5\:12\@medium'] {
    flex: 0 0 calc((5 / 12) * 100%);
    min-width: calc((5 / 12) * 100%);
  }
    [size~='6\:12\@medium'] {
    flex: 0 0 calc((6 / 12) * 100%);
    min-width: calc((6 / 12) * 100%);
  }
    [size~='7\:12\@medium'] {
    flex: 0 0 calc((7 / 12) * 100%);
    min-width: calc((7 / 12) * 100%);
  }
    [size~='8\:12\@medium'] {
    flex: 0 0 calc((8 / 12) * 100%);
    min-width: calc((8 / 12) * 100%);
  }
    [size~='9\:12\@medium'] {
    flex: 0 0 calc((9 / 12) * 100%);
    min-width: calc((9 / 12) * 100%);
  }
    [size~='10\:12\@medium'] {
    flex: 0 0 calc((10 / 12) * 100%);
    min-width: calc((10 / 12) * 100%);
  }
    [size~='11\:12\@medium'] {
    flex: 0 0 calc((11 / 12) * 100%);
    min-width: calc((11 / 12) * 100%);
  }
    [size~='12\:12\@medium'] {
    flex: 0 0 calc((12 / 12) * 100%);
    min-width: calc((12 / 12) * 100%);
  }
}
@media (min-width: 1024px) {
  /* 2 Columns */
    [size~='1\:2\@large'] {
    flex: 0 0 calc((1 / 2) * 100%);
    min-width: calc((1 / 2) * 100%);
  }
    [size~='2\:2\@large'] {
    flex: 0 0 calc((2 / 2) * 100%);
    min-width: calc((2 / 2) * 100%);
  }

  /* 3 Columns */
    [size~='1\:3\@large'] {
    flex: 0 0 calc((1 / 3) * 100%);
    min-width: calc((1 / 3) * 100%);
  }
    [size~='2\:3\@large'] {
    flex: 0 0 calc((2 / 3) * 100%);
    min-width: calc((2 / 3) * 100%);
  }
    [size~='3\:3\@large'] {
    flex: 0 0 calc((3 / 3) * 100%);
    min-width: calc((3 / 3) * 100%);
  }

  /* 4 Columns */
    [size~='1\:4\@large'] {
    flex: 0 0 calc((1 / 4) * 100%);
    min-width: calc((1 / 4) * 100%);
  }
    [size~='2\:4\@large'] {
    flex: 0 0 calc((2 / 4) * 100%);
    min-width: calc((2 / 4) * 100%);
  }
    [size~='3\:4\@large'] {
    flex: 0 0 calc((3 / 4) * 100%);
    min-width: calc((3 / 4) * 100%);
  }
    [size~='4\:4\@large'] {
    flex: 0 0 calc((4 / 4) * 100%);
    min-width: calc((4 / 4) * 100%);
  }

  /* 5 Columns */
    [size~='1\:5\@large'] {
    flex: 0 0 calc((1 / 5) * 100%);
    min-width: calc((1 / 5) * 100%);
  }
    [size~='2\:5\@large'] {
    flex: 0 0 calc((2 / 5) * 100%);
    min-width: calc((2 / 5) * 100%);
  }
    [size~='3\:5\@large'] {
    flex: 0 0 calc((3 / 5) * 100%);
    min-width: calc((3 / 5) * 100%);
  }
    [size~='4\:5\@large'] {
    flex: 0 0 calc((4 / 5) * 100%);
    min-width: calc((4 / 5) * 100%);
  }
    [size~='5\:5\@large'] {
    flex: 0 0 calc((5 / 5) * 100%);
    min-width: calc((5 / 5) * 100%);
  }

  /* 6 Columns */
    [size~='1\:6\@large'] {
    flex: 0 0 calc((1 / 6) * 100%);
    min-width: calc((1 / 6) * 100%);
  }
    [size~='2\:6\@large'] {
    flex: 0 0 calc((2 / 6) * 100%);
    min-width: calc((2 / 6) * 100%);
  }
    [size~='3\:6\@large'] {
    flex: 0 0 calc((3 / 6) * 100%);
    min-width: calc((3 / 6) * 100%);
  }
    [size~='4\:6\@large'] {
    flex: 0 0 calc((4 / 6) * 100%);
    min-width: calc((4 / 6) * 100%);
  }
    [size~='5\:6\@large'] {
    flex: 0 0 calc((5 / 6) * 100%);
    min-width: calc((5 / 6) * 100%);
  }
    [size~='6\:6\@large'] {
    flex: 0 0 calc((6 / 6) * 100%);
    min-width: calc((6 / 6) * 100%);
  }

  /* 7 Columns */
    [size~='1\:7\@large'] {
    flex: 0 0 calc((1 / 7) * 100%);
    min-width: calc((1 / 7) * 100%);
  }
    [size~='2\:7\@large'] {
    flex: 0 0 calc((2 / 7) * 100%);
    min-width: calc((2 / 7) * 100%);
  }
    [size~='3\:7\@large'] {
    flex: 0 0 calc((3 / 7) * 100%);
    min-width: calc((3 / 7) * 100%);
  }
    [size~='4\:7\@large'] {
    flex: 0 0 calc((4 / 7) * 100%);
    min-width: calc((4 / 7) * 100%);
  }
    [size~='5\:7\@large'] {
    flex: 0 0 calc((5 / 7) * 100%);
    min-width: calc((5 / 7) * 100%);
  }
    [size~='6\:7\@large'] {
    flex: 0 0 calc((6 / 7) * 100%);
    min-width: calc((6 / 7) * 100%);
  }
    [size~='7\:7\@large'] {
    flex: 0 0 calc((7 / 7) * 100%);
    min-width: calc((7 / 7) * 100%);
  }

  /* 8 Columns */
    [size~='1\:8\@large'] {
    flex: 0 0 calc((1 / 8) * 100%);
    min-width: calc((1 / 8) * 100%);
  }
    [size~='2\:8\@large'] {
    flex: 0 0 calc((2 / 8) * 100%);
    min-width: calc((2 / 8) * 100%);
  }
    [size~='3\:8\@large'] {
    flex: 0 0 calc((3 / 8) * 100%);
    min-width: calc((3 / 8) * 100%);
  }
    [size~='4\:8\@large'] {
    flex: 0 0 calc((4 / 8) * 100%);
    min-width: calc((4 / 8) * 100%);
  }
    [size~='5\:8\@large'] {
    flex: 0 0 calc((5 / 8) * 100%);
    min-width: calc((5 / 8) * 100%);
  }
    [size~='6\:8\@large'] {
    flex: 0 0 calc((6 / 8) * 100%);
    min-width: calc((6 / 8) * 100%);
  }
    [size~='7\:8\@large'] {
    flex: 0 0 calc((7 / 8) * 100%);
    min-width: calc((7 / 8) * 100%);
  }
    [size~='8\:8\@large'] {
    flex: 0 0 calc((8 / 8) * 100%);
    min-width: calc((8 / 8) * 100%);
  }

  /* 12 Columns */
    [size~='1\:12\@large'] {
    flex: 0 0 calc((1 / 12) * 100%);
    min-width: calc((1 / 12) * 100%);
  }
    [size~='2\:12\@large'] {
    flex: 0 0 calc((2 / 12) * 100%);
    min-width: calc((2 / 12) * 100%);
  }
    [size~='3\:12\@large'] {
    flex: 0 0 calc((3 / 12) * 100%);
    min-width: calc((3 / 12) * 100%);
  }
    [size~='4\:12\@large'] {
    flex: 0 0 calc((4 / 12) * 100%);
    min-width: calc((4 / 12) * 100%);
  }
    [size~='5\:12\@large'] {
    flex: 0 0 calc((5 / 12) * 100%);
    min-width: calc((5 / 12) * 100%);
  }
    [size~='6\:12\@large'] {
    flex: 0 0 calc((6 / 12) * 100%);
    min-width: calc((6 / 12) * 100%);
  }
    [size~='7\:12\@large'] {
    flex: 0 0 calc((7 / 12) * 100%);
    min-width: calc((7 / 12) * 100%);
  }
    [size~='8\:12\@large'] {
    flex: 0 0 calc((8 / 12) * 100%);
    min-width: calc((8 / 12) * 100%);
  }
    [size~='9\:12\@large'] {
    flex: 0 0 calc((9 / 12) * 100%);
    min-width: calc((9 / 12) * 100%);
  }
    [size~='10\:12\@large'] {
    flex: 0 0 calc((10 / 12) * 100%);
    min-width: calc((10 / 12) * 100%);
  }
    [size~='11\:12\@large'] {
    flex: 0 0 calc((11 / 12) * 100%);
    min-width: calc((11 / 12) * 100%);
  }
    [size~='12\:12\@large'] {
    flex: 0 0 calc((12 / 12) * 100%);
    min-width: calc((12 / 12) * 100%);
  }
}
@media (min-width: 1280px) {
  /* 2 Columns */
    [size~='1\:2\@x-large'] {
    flex: 0 0 calc((1 / 2) * 100%);
    min-width: calc((1 / 2) * 100%);
  }
    [size~='2\:2\@x-large'] {
    flex: 0 0 calc((2 / 2) * 100%);
    min-width: calc((2 / 2) * 100%);
  }

  /* 3 Columns */
    [size~='1\:3\@x-large'] {
    flex: 0 0 calc((1 / 3) * 100%);
    min-width: calc((1 / 3) * 100%);
  }
    [size~='2\:3\@x-large'] {
    flex: 0 0 calc((2 / 3) * 100%);
    min-width: calc((2 / 3) * 100%);
  }
    [size~='3\:3\@x-large'] {
    flex: 0 0 calc((3 / 3) * 100%);
    min-width: calc((3 / 3) * 100%);
  }

  /* 4 Columns */
    [size~='1\:4\@x-large'] {
    flex: 0 0 calc((1 / 4) * 100%);
    min-width: calc((1 / 4) * 100%);
  }
    [size~='2\:4\@x-large'] {
    flex: 0 0 calc((2 / 4) * 100%);
    min-width: calc((2 / 4) * 100%);
  }
    [size~='3\:4\@x-large'] {
    flex: 0 0 calc((3 / 4) * 100%);
    min-width: calc((3 / 4) * 100%);
  }
    [size~='4\:4\@x-large'] {
    flex: 0 0 calc((4 / 4) * 100%);
    min-width: calc((4 / 4) * 100%);
  }

  /* 5 Columns */
    [size~='1\:5\@x-large'] {
    flex: 0 0 calc((1 / 5) * 100%);
    min-width: calc((1 / 5) * 100%);
  }
    [size~='2\:5\@x-large'] {
    flex: 0 0 calc((2 / 5) * 100%);
    min-width: calc((2 / 5) * 100%);
  }
    [size~='3\:5\@x-large'] {
    flex: 0 0 calc((3 / 5) * 100%);
    min-width: calc((3 / 5) * 100%);
  }
    [size~='4\:5\@x-large'] {
    flex: 0 0 calc((4 / 5) * 100%);
    min-width: calc((4 / 5) * 100%);
  }
    [size~='5\:5\@x-large'] {
    flex: 0 0 calc((5 / 5) * 100%);
    min-width: calc((5 / 5) * 100%);
  }

  /* 6 Columns */
    [size~='1\:6\@x-large'] {
    flex: 0 0 calc((1 / 6) * 100%);
    min-width: calc((1 / 6) * 100%);
  }
    [size~='2\:6\@x-large'] {
    flex: 0 0 calc((2 / 6) * 100%);
    min-width: calc((2 / 6) * 100%);
  }
    [size~='3\:6\@x-large'] {
    flex: 0 0 calc((3 / 6) * 100%);
    min-width: calc((3 / 6) * 100%);
  }
    [size~='4\:6\@x-large'] {
    flex: 0 0 calc((4 / 6) * 100%);
    min-width: calc((4 / 6) * 100%);
  }
    [size~='5\:6\@x-large'] {
    flex: 0 0 calc((5 / 6) * 100%);
    min-width: calc((5 / 6) * 100%);
  }
    [size~='6\:6\@x-large'] {
    flex: 0 0 calc((6 / 6) * 100%);
    min-width: calc((6 / 6) * 100%);
  }

  /* 7 Columns */
    [size~='1\:7\@x-large'] {
    flex: 0 0 calc((1 / 7) * 100%);
    min-width: calc((1 / 7) * 100%);
  }
    [size~='2\:7\@x-large'] {
    flex: 0 0 calc((2 / 7) * 100%);
    min-width: calc((2 / 7) * 100%);
  }
    [size~='3\:7\@x-large'] {
    flex: 0 0 calc((3 / 7) * 100%);
    min-width: calc((3 / 7) * 100%);
  }
    [size~='4\:7\@x-large'] {
    flex: 0 0 calc((4 / 7) * 100%);
    min-width: calc((4 / 7) * 100%);
  }
    [size~='5\:7\@x-large'] {
    flex: 0 0 calc((5 / 7) * 100%);
    min-width: calc((5 / 7) * 100%);
  }
    [size~='6\:7\@x-large'] {
    flex: 0 0 calc((6 / 7) * 100%);
    min-width: calc((6 / 7) * 100%);
  }
    [size~='7\:7\@x-large'] {
    flex: 0 0 calc((7 / 7) * 100%);
    min-width: calc((7 / 7) * 100%);
  }

  /* 8 Columns */
    [size~='1\:8\@x-large'] {
    flex: 0 0 calc((1 / 8) * 100%);
    min-width: calc((1 / 8) * 100%);
  }
    [size~='2\:8\@x-large'] {
    flex: 0 0 calc((2 / 8) * 100%);
    min-width: calc((2 / 8) * 100%);
  }
    [size~='3\:8\@x-large'] {
    flex: 0 0 calc((3 / 8) * 100%);
    min-width: calc((3 / 8) * 100%);
  }
    [size~='4\:8\@x-large'] {
    flex: 0 0 calc((4 / 8) * 100%);
    min-width: calc((4 / 8) * 100%);
  }
    [size~='5\:8\@x-large'] {
    flex: 0 0 calc((5 / 8) * 100%);
    min-width: calc((5 / 8) * 100%);
  }
    [size~='6\:8\@x-large'] {
    flex: 0 0 calc((6 / 8) * 100%);
    min-width: calc((6 / 8) * 100%);
  }
    [size~='7\:8\@x-large'] {
    flex: 0 0 calc((7 / 8) * 100%);
    min-width: calc((7 / 8) * 100%);
  }
    [size~='8\:8\@x-large'] {
    flex: 0 0 calc((8 / 8) * 100%);
    min-width: calc((8 / 8) * 100%);
  }

  /* 12 Columns */
    [size~='1\:12\@x-large'] {
    flex: 0 0 calc((1 / 12) * 100%);
    min-width: calc((1 / 12) * 100%);
  }
    [size~='2\:12\@x-large'] {
    flex: 0 0 calc((2 / 12) * 100%);
    min-width: calc((2 / 12) * 100%);
  }
    [size~='3\:12\@x-large'] {
    flex: 0 0 calc((3 / 12) * 100%);
    min-width: calc((3 / 12) * 100%);
  }
    [size~='4\:12\@x-large'] {
    flex: 0 0 calc((4 / 12) * 100%);
    min-width: calc((4 / 12) * 100%);
  }
    [size~='5\:12\@x-large'] {
    flex: 0 0 calc((5 / 12) * 100%);
    min-width: calc((5 / 12) * 100%);
  }
    [size~='6\:12\@x-large'] {
    flex: 0 0 calc((6 / 12) * 100%);
    min-width: calc((6 / 12) * 100%);
  }
    [size~='7\:12\@x-large'] {
    flex: 0 0 calc((7 / 12) * 100%);
    min-width: calc((7 / 12) * 100%);
  }
    [size~='8\:12\@x-large'] {
    flex: 0 0 calc((8 / 12) * 100%);
    min-width: calc((8 / 12) * 100%);
  }
    [size~='9\:12\@x-large'] {
    flex: 0 0 calc((9 / 12) * 100%);
    min-width: calc((9 / 12) * 100%);
  }
    [size~='10\:12\@x-large'] {
    flex: 0 0 calc((10 / 12) * 100%);
    min-width: calc((10 / 12) * 100%);
  }
    [size~='11\:12\@x-large'] {
    flex: 0 0 calc((11 / 12) * 100%);
    min-width: calc((11 / 12) * 100%);
  }
    [size~='12\:12\@x-large'] {
    flex: 0 0 calc((12 / 12) * 100%);
    min-width: calc((12 / 12) * 100%);
  }
}
/* stylelint-enable at-rule-no-unknown -- SDS Grids is using postcss Atrule */