.u-slice {
  float: left;
  padding-left: 6px;
  padding-right: 6px;
  margin-bottom: 12px; }

.u-slice-no-float {
  float: none;
  padding-left: 6px;
  padding-right: 6px;
  margin-bottom: 12px; }

@media screen and (min-width: 320px) {
  .u-1\/1\@xs {
    width: 100%; }
  .u-1\/2\@xs {
    width: 50%; }
  .u-1\/3\@xs {
    width: 33.33333%; }
  .u-2\/3\@xs {
    width: 66.66667%; }
  .u-1\/4\@xs {
    width: 25%; }
  .u-2\/4\@xs {
    width: 50%; }
  .u-3\/4\@xs {
    width: 75%; }
  .u-1\/5\@xs {
    width: 20%; }
  .u-2\/5\@xs {
    width: 40%; }
  .u-3\/5\@xs {
    width: 60%; }
  .u-4\/5\@xs {
    width: 80%; }
  .u-1\/6\@xs {
    width: 16.66667%; }
  .u-2\/6\@xs {
    width: 33.33333%; }
  .u-3\/6\@xs {
    width: 50%; }
  .u-4\/6\@xs {
    width: 66.66667%; }
  .u-5\/6\@xs {
    width: 83.33333%; }
  .u-1\/7\@xs {
    width: 14.28571%; }
  .u-2\/7\@xs {
    width: 28.57143%; }
  .u-3\/7\@xs {
    width: 42.85714%; }
  .u-4\/7\@xs {
    width: 57.14286%; }
  .u-5\/7\@xs {
    width: 71.42857%; }
  .u-6\/7\@xs {
    width: 85.71429%; }
  .u-1\/8\@xs {
    width: 12.5%; }
  .u-2\/8\@xs {
    width: 25%; }
  .u-3\/8\@xs {
    width: 37.5%; }
  .u-4\/8\@xs {
    width: 50%; }
  .u-5\/8\@xs {
    width: 62.5%; }
  .u-6\/8\@xs {
    width: 75%; }
  .u-7\/8\@xs {
    width: 87.5%; } }

@media screen and (min-width: 630px) {
  .u-1\/1\@sm {
    width: 100%; }
  .u-1\/2\@sm {
    width: 50%; }
  .u-1\/3\@sm {
    width: 33.33333%; }
  .u-2\/3\@sm {
    width: 66.66667%; }
  .u-1\/4\@sm {
    width: 25%; }
  .u-2\/4\@sm {
    width: 50%; }
  .u-3\/4\@sm {
    width: 75%; }
  .u-1\/5\@sm {
    width: 20%; }
  .u-2\/5\@sm {
    width: 40%; }
  .u-3\/5\@sm {
    width: 60%; }
  .u-4\/5\@sm {
    width: 80%; }
  .u-1\/6\@sm {
    width: 16.66667%; }
  .u-2\/6\@sm {
    width: 33.33333%; }
  .u-3\/6\@sm {
    width: 50%; }
  .u-4\/6\@sm {
    width: 66.66667%; }
  .u-5\/6\@sm {
    width: 83.33333%; }
  .u-1\/7\@sm {
    width: 14.28571%; }
  .u-2\/7\@sm {
    width: 28.57143%; }
  .u-3\/7\@sm {
    width: 42.85714%; }
  .u-4\/7\@sm {
    width: 57.14286%; }
  .u-5\/7\@sm {
    width: 71.42857%; }
  .u-6\/7\@sm {
    width: 85.71429%; }
  .u-1\/8\@sm {
    width: 12.5%; }
  .u-2\/8\@sm {
    width: 25%; }
  .u-3\/8\@sm {
    width: 37.5%; }
  .u-4\/8\@sm {
    width: 50%; }
  .u-5\/8\@sm {
    width: 62.5%; }
  .u-6\/8\@sm {
    width: 75%; }
  .u-7\/8\@sm {
    width: 87.5%; } }

@media screen and (min-width: 948px) {
  .u-1\/1\@md {
    width: 100%; }
  .u-1\/2\@md {
    width: 50%; }
  .u-1\/3\@md {
    width: 33.33333%; }
  .u-2\/3\@md {
    width: 66.66667%; }
  .u-1\/4\@md {
    width: 25%; }
  .u-2\/4\@md {
    width: 50%; }
  .u-3\/4\@md {
    width: 75%; }
  .u-1\/5\@md {
    width: 20%; }
  .u-2\/5\@md {
    width: 40%; }
  .u-3\/5\@md {
    width: 60%; }
  .u-4\/5\@md {
    width: 80%; }
  .u-1\/6\@md {
    width: 16.66667%; }
  .u-2\/6\@md {
    width: 33.33333%; }
  .u-3\/6\@md {
    width: 50%; }
  .u-4\/6\@md {
    width: 66.66667%; }
  .u-5\/6\@md {
    width: 83.33333%; }
  .u-1\/7\@md {
    width: 14.28571%; }
  .u-2\/7\@md {
    width: 28.57143%; }
  .u-3\/7\@md {
    width: 42.85714%; }
  .u-4\/7\@md {
    width: 57.14286%; }
  .u-5\/7\@md {
    width: 71.42857%; }
  .u-6\/7\@md {
    width: 85.71429%; }
  .u-1\/8\@md {
    width: 12.5%; }
  .u-2\/8\@md {
    width: 25%; }
  .u-3\/8\@md {
    width: 37.5%; }
  .u-4\/8\@md {
    width: 50%; }
  .u-5\/8\@md {
    width: 62.5%; }
  .u-6\/8\@md {
    width: 75%; }
  .u-7\/8\@md {
    width: 87.5%; } }

@media screen and (min-width: 1260px) {
  .u-1\/1\@lg {
    width: 100%; }
  .u-1\/2\@lg {
    width: 50%; }
  .u-1\/3\@lg {
    width: 33.33333%; }
  .u-2\/3\@lg {
    width: 66.66667%; }
  .u-1\/4\@lg {
    width: 25%; }
  .u-2\/4\@lg {
    width: 50%; }
  .u-3\/4\@lg {
    width: 75%; }
  .u-1\/5\@lg {
    width: 20%; }
  .u-2\/5\@lg {
    width: 40%; }
  .u-3\/5\@lg {
    width: 60%; }
  .u-4\/5\@lg {
    width: 80%; }
  .u-1\/6\@lg {
    width: 16.66667%; }
  .u-2\/6\@lg {
    width: 33.33333%; }
  .u-3\/6\@lg {
    width: 50%; }
  .u-4\/6\@lg {
    width: 66.66667%; }
  .u-5\/6\@lg {
    width: 83.33333%; }
  .u-1\/7\@lg {
    width: 14.28571%; }
  .u-2\/7\@lg {
    width: 28.57143%; }
  .u-3\/7\@lg {
    width: 42.85714%; }
  .u-4\/7\@lg {
    width: 57.14286%; }
  .u-5\/7\@lg {
    width: 71.42857%; }
  .u-6\/7\@lg {
    width: 85.71429%; }
  .u-1\/8\@lg {
    width: 12.5%; }
  .u-2\/8\@lg {
    width: 25%; }
  .u-3\/8\@lg {
    width: 37.5%; }
  .u-4\/8\@lg {
    width: 50%; }
  .u-5\/8\@lg {
    width: 62.5%; }
  .u-6\/8\@lg {
    width: 75%; }
  .u-7\/8\@lg {
    width: 87.5%; } }

@media screen and (min-width: 1572px) {
  .u-1\/1\@xl {
    width: 100%; }
  .u-1\/2\@xl {
    width: 50%; }
  .u-1\/3\@xl {
    width: 33.33333%; }
  .u-2\/3\@xl {
    width: 66.66667%; }
  .u-1\/4\@xl {
    width: 25%; }
  .u-2\/4\@xl {
    width: 50%; }
  .u-3\/4\@xl {
    width: 75%; }
  .u-1\/5\@xl {
    width: 20%; }
  .u-2\/5\@xl {
    width: 40%; }
  .u-3\/5\@xl {
    width: 60%; }
  .u-4\/5\@xl {
    width: 80%; }
  .u-1\/6\@xl {
    width: 16.66667%; }
  .u-2\/6\@xl {
    width: 33.33333%; }
  .u-3\/6\@xl {
    width: 50%; }
  .u-4\/6\@xl {
    width: 66.66667%; }
  .u-5\/6\@xl {
    width: 83.33333%; }
  .u-1\/7\@xl {
    width: 14.28571%; }
  .u-2\/7\@xl {
    width: 28.57143%; }
  .u-3\/7\@xl {
    width: 42.85714%; }
  .u-4\/7\@xl {
    width: 57.14286%; }
  .u-5\/7\@xl {
    width: 71.42857%; }
  .u-6\/7\@xl {
    width: 85.71429%; }
  .u-1\/8\@xl {
    width: 12.5%; }
  .u-2\/8\@xl {
    width: 25%; }
  .u-3\/8\@xl {
    width: 37.5%; }
  .u-4\/8\@xl {
    width: 50%; }
  .u-5\/8\@xl {
    width: 62.5%; }
  .u-6\/8\@xl {
    width: 75%; }
  .u-7\/8\@xl {
    width: 87.5%; } }

.ms-list--has-arrow-pagination .u-1\/2\@sm {
  width: 45%; }
  @media screen and (min-width: 630px) {
    .ms-list--has-arrow-pagination .u-1\/4\@sm {
  width: 22.5%; }
  }
@media screen and (min-width: 948px) {
.ms-list--has-arrow-pagination .u-1\/3\@md {
  width: 30%; }

.ms-list--has-arrow-pagination .u-1\/4\@md {
  width: 22.5%; }

.ms-list--has-arrow-pagination .u-1\/7\@md {
  width: 12.85714285714286%; }
}


@media screen and (max-width: 629px){
  .ms-list--has-arrow-pagination .u-1\/1\@xs {
      width: 90%;
      display: inline-block;
      float: none;
      white-space: wrap;
  }
}