/* Utilities (u-). Kept last so they win the cascade, as in the original bundle. */

.u-clearfix:after {
  content: ""!important;
  display: block!important;
  clear: both!important;
}

.u-1\/1 {
  width: 100%!important;
}

.u-push-1\/1 {
  right: auto!important;
  left: 100%!important;
}

.u-pull-1\/1,
.u-push-1\/1 {
  position: relative!important;
}

.u-pull-1\/1 {
  right: 100%!important;
  left: auto!important;
}

.u-1\/2 {
  width: 50%!important;
}

.u-push-1\/2 {
  right: auto!important;
  left: 50%!important;
}

.u-pull-1\/2,
.u-push-1\/2 {
  position: relative!important;
}

.u-pull-1\/2 {
  right: 50%!important;
  left: auto!important;
}

.u-2\/2 {
  width: 100%!important;
}

.u-push-2\/2 {
  right: auto!important;
  left: 100%!important;
}

.u-pull-2\/2,
.u-push-2\/2 {
  position: relative!important;
}

.u-pull-2\/2 {
  right: 100%!important;
  left: auto!important;
}

.u-1\/3 {
  width: 33.33333%!important;
}

.u-push-1\/3 {
  right: auto!important;
  left: 33.33333%!important;
}

.u-pull-1\/3,
.u-push-1\/3 {
  position: relative!important;
}

.u-pull-1\/3 {
  right: 33.33333%!important;
  left: auto!important;
}

.u-2\/3 {
  width: 66.66667%!important;
}

.u-push-2\/3 {
  right: auto!important;
  left: 66.66667%!important;
}

.u-pull-2\/3,
.u-push-2\/3 {
  position: relative!important;
}

.u-pull-2\/3 {
  right: 66.66667%!important;
  left: auto!important;
}

.u-3\/3 {
  width: 100%!important;
}

.u-push-3\/3 {
  right: auto!important;
  left: 100%!important;
}

.u-pull-3\/3,
.u-push-3\/3 {
  position: relative!important;
}

.u-pull-3\/3 {
  right: 100%!important;
  left: auto!important;
}

.u-1\/4 {
  width: 25%!important;
}

.u-push-1\/4 {
  right: auto!important;
  left: 25%!important;
}

.u-pull-1\/4,
.u-push-1\/4 {
  position: relative!important;
}

.u-pull-1\/4 {
  right: 25%!important;
  left: auto!important;
}

.u-2\/4 {
  width: 50%!important;
}

.u-push-2\/4 {
  right: auto!important;
  left: 50%!important;
}

.u-pull-2\/4,
.u-push-2\/4 {
  position: relative!important;
}

.u-pull-2\/4 {
  right: 50%!important;
  left: auto!important;
}

.u-3\/4 {
  width: 75%!important;
}

.u-push-3\/4 {
  right: auto!important;
  left: 75%!important;
}

.u-pull-3\/4,
.u-push-3\/4 {
  position: relative!important;
}

.u-pull-3\/4 {
  right: 75%!important;
  left: auto!important;
}

.u-4\/4 {
  width: 100%!important;
}

.u-push-4\/4 {
  right: auto!important;
  left: 100%!important;
}

.u-pull-4\/4,
.u-push-4\/4 {
  position: relative!important;
}

.u-pull-4\/4 {
  right: 100%!important;
  left: auto!important;
}

.u-1\/5 {
  width: 20%!important;
}

.u-push-1\/5 {
  right: auto!important;
  left: 20%!important;
}

.u-pull-1\/5,
.u-push-1\/5 {
  position: relative!important;
}

.u-pull-1\/5 {
  right: 20%!important;
  left: auto!important;
}

.u-2\/5 {
  width: 40%!important;
}

.u-push-2\/5 {
  right: auto!important;
  left: 40%!important;
}

.u-pull-2\/5,
.u-push-2\/5 {
  position: relative!important;
}

.u-pull-2\/5 {
  right: 40%!important;
  left: auto!important;
}

.u-3\/5 {
  width: 60%!important;
}

.u-push-3\/5 {
  right: auto!important;
  left: 60%!important;
}

.u-pull-3\/5,
.u-push-3\/5 {
  position: relative!important;
}

.u-pull-3\/5 {
  right: 60%!important;
  left: auto!important;
}

.u-4\/5 {
  width: 80%!important;
}

.u-push-4\/5 {
  right: auto!important;
  left: 80%!important;
}

.u-pull-4\/5,
.u-push-4\/5 {
  position: relative!important;
}

.u-pull-4\/5 {
  right: 80%!important;
  left: auto!important;
}

.u-5\/5 {
  width: 100%!important;
}

.u-push-5\/5 {
  right: auto!important;
  left: 100%!important;
}

.u-pull-5\/5,
.u-push-5\/5 {
  position: relative!important;
}

.u-pull-5\/5 {
  right: 100%!important;
  left: auto!important;
}

@media (min-width:30em) {
  .u-1\/1\@mobile {
    width: 100%!important;
  }

  .u-push-1\/1\@mobile {
    position: relative!important;
    right: auto!important;
    left: 100%!important;
  }

  .u-pull-1\/1\@mobile {
    position: relative!important;
    right: 100%!important;
    left: auto!important;
  }

  .u-1\/2\@mobile {
    width: 50%!important;
  }

  .u-push-1\/2\@mobile {
    position: relative!important;
    right: auto!important;
    left: 50%!important;
  }

  .u-pull-1\/2\@mobile {
    position: relative!important;
    right: 50%!important;
    left: auto!important;
  }

  .u-2\/2\@mobile {
    width: 100%!important;
  }

  .u-push-2\/2\@mobile {
    position: relative!important;
    right: auto!important;
    left: 100%!important;
  }

  .u-pull-2\/2\@mobile {
    position: relative!important;
    right: 100%!important;
    left: auto!important;
  }

  .u-1\/3\@mobile {
    width: 33.33333%!important;
  }

  .u-push-1\/3\@mobile {
    position: relative!important;
    right: auto!important;
    left: 33.33333%!important;
  }

  .u-pull-1\/3\@mobile {
    position: relative!important;
    right: 33.33333%!important;
    left: auto!important;
  }

  .u-2\/3\@mobile {
    width: 66.66667%!important;
  }

  .u-push-2\/3\@mobile {
    position: relative!important;
    right: auto!important;
    left: 66.66667%!important;
  }

  .u-pull-2\/3\@mobile {
    position: relative!important;
    right: 66.66667%!important;
    left: auto!important;
  }

  .u-3\/3\@mobile {
    width: 100%!important;
  }

  .u-push-3\/3\@mobile {
    position: relative!important;
    right: auto!important;
    left: 100%!important;
  }

  .u-pull-3\/3\@mobile {
    position: relative!important;
    right: 100%!important;
    left: auto!important;
  }

  .u-1\/4\@mobile {
    width: 25%!important;
  }

  .u-push-1\/4\@mobile {
    position: relative!important;
    right: auto!important;
    left: 25%!important;
  }

  .u-pull-1\/4\@mobile {
    position: relative!important;
    right: 25%!important;
    left: auto!important;
  }

  .u-2\/4\@mobile {
    width: 50%!important;
  }

  .u-push-2\/4\@mobile {
    position: relative!important;
    right: auto!important;
    left: 50%!important;
  }

  .u-pull-2\/4\@mobile {
    position: relative!important;
    right: 50%!important;
    left: auto!important;
  }

  .u-3\/4\@mobile {
    width: 75%!important;
  }

  .u-push-3\/4\@mobile {
    position: relative!important;
    right: auto!important;
    left: 75%!important;
  }

  .u-pull-3\/4\@mobile {
    position: relative!important;
    right: 75%!important;
    left: auto!important;
  }

  .u-4\/4\@mobile {
    width: 100%!important;
  }

  .u-push-4\/4\@mobile {
    position: relative!important;
    right: auto!important;
    left: 100%!important;
  }

  .u-pull-4\/4\@mobile {
    position: relative!important;
    right: 100%!important;
    left: auto!important;
  }

  .u-1\/5\@mobile {
    width: 20%!important;
  }

  .u-push-1\/5\@mobile {
    position: relative!important;
    right: auto!important;
    left: 20%!important;
  }

  .u-pull-1\/5\@mobile {
    position: relative!important;
    right: 20%!important;
    left: auto!important;
  }

  .u-2\/5\@mobile {
    width: 40%!important;
  }

  .u-push-2\/5\@mobile {
    position: relative!important;
    right: auto!important;
    left: 40%!important;
  }

  .u-pull-2\/5\@mobile {
    position: relative!important;
    right: 40%!important;
    left: auto!important;
  }

  .u-3\/5\@mobile {
    width: 60%!important;
  }

  .u-push-3\/5\@mobile {
    position: relative!important;
    right: auto!important;
    left: 60%!important;
  }

  .u-pull-3\/5\@mobile {
    position: relative!important;
    right: 60%!important;
    left: auto!important;
  }

  .u-4\/5\@mobile {
    width: 80%!important;
  }

  .u-push-4\/5\@mobile {
    position: relative!important;
    right: auto!important;
    left: 80%!important;
  }

  .u-pull-4\/5\@mobile {
    position: relative!important;
    right: 80%!important;
    left: auto!important;
  }

  .u-5\/5\@mobile {
    width: 100%!important;
  }

  .u-push-5\/5\@mobile {
    position: relative!important;
    right: auto!important;
    left: 100%!important;
  }

  .u-pull-5\/5\@mobile {
    position: relative!important;
    right: 100%!important;
    left: auto!important;
  }
}

@media (min-width:48em) {
  .u-1\/1\@tablet {
    width: 100%!important;
  }

  .u-push-1\/1\@tablet {
    position: relative!important;
    right: auto!important;
    left: 100%!important;
  }

  .u-pull-1\/1\@tablet {
    position: relative!important;
    right: 100%!important;
    left: auto!important;
  }

  .u-1\/2\@tablet {
    width: 50%!important;
  }

  .u-push-1\/2\@tablet {
    position: relative!important;
    right: auto!important;
    left: 50%!important;
  }

  .u-pull-1\/2\@tablet {
    position: relative!important;
    right: 50%!important;
    left: auto!important;
  }

  .u-2\/2\@tablet {
    width: 100%!important;
  }

  .u-push-2\/2\@tablet {
    position: relative!important;
    right: auto!important;
    left: 100%!important;
  }

  .u-pull-2\/2\@tablet {
    position: relative!important;
    right: 100%!important;
    left: auto!important;
  }

  .u-1\/3\@tablet {
    width: 33.33333%!important;
  }

  .u-push-1\/3\@tablet {
    position: relative!important;
    right: auto!important;
    left: 33.33333%!important;
  }

  .u-pull-1\/3\@tablet {
    position: relative!important;
    right: 33.33333%!important;
    left: auto!important;
  }

  .u-2\/3\@tablet {
    width: 66.66667%!important;
  }

  .u-push-2\/3\@tablet {
    position: relative!important;
    right: auto!important;
    left: 66.66667%!important;
  }

  .u-pull-2\/3\@tablet {
    position: relative!important;
    right: 66.66667%!important;
    left: auto!important;
  }

  .u-3\/3\@tablet {
    width: 100%!important;
  }

  .u-push-3\/3\@tablet {
    position: relative!important;
    right: auto!important;
    left: 100%!important;
  }

  .u-pull-3\/3\@tablet {
    position: relative!important;
    right: 100%!important;
    left: auto!important;
  }

  .u-1\/4\@tablet {
    width: 25%!important;
  }

  .u-push-1\/4\@tablet {
    position: relative!important;
    right: auto!important;
    left: 25%!important;
  }

  .u-pull-1\/4\@tablet {
    position: relative!important;
    right: 25%!important;
    left: auto!important;
  }

  .u-2\/4\@tablet {
    width: 50%!important;
  }

  .u-push-2\/4\@tablet {
    position: relative!important;
    right: auto!important;
    left: 50%!important;
  }

  .u-pull-2\/4\@tablet {
    position: relative!important;
    right: 50%!important;
    left: auto!important;
  }

  .u-3\/4\@tablet {
    width: 75%!important;
  }

  .u-push-3\/4\@tablet {
    position: relative!important;
    right: auto!important;
    left: 75%!important;
  }

  .u-pull-3\/4\@tablet {
    position: relative!important;
    right: 75%!important;
    left: auto!important;
  }

  .u-4\/4\@tablet {
    width: 100%!important;
  }

  .u-push-4\/4\@tablet {
    position: relative!important;
    right: auto!important;
    left: 100%!important;
  }

  .u-pull-4\/4\@tablet {
    position: relative!important;
    right: 100%!important;
    left: auto!important;
  }

  .u-1\/5\@tablet {
    width: 20%!important;
  }

  .u-push-1\/5\@tablet {
    position: relative!important;
    right: auto!important;
    left: 20%!important;
  }

  .u-pull-1\/5\@tablet {
    position: relative!important;
    right: 20%!important;
    left: auto!important;
  }

  .u-2\/5\@tablet {
    width: 40%!important;
  }

  .u-push-2\/5\@tablet {
    position: relative!important;
    right: auto!important;
    left: 40%!important;
  }

  .u-pull-2\/5\@tablet {
    position: relative!important;
    right: 40%!important;
    left: auto!important;
  }

  .u-3\/5\@tablet {
    width: 60%!important;
  }

  .u-push-3\/5\@tablet {
    position: relative!important;
    right: auto!important;
    left: 60%!important;
  }

  .u-pull-3\/5\@tablet {
    position: relative!important;
    right: 60%!important;
    left: auto!important;
  }

  .u-4\/5\@tablet {
    width: 80%!important;
  }

  .u-push-4\/5\@tablet {
    position: relative!important;
    right: auto!important;
    left: 80%!important;
  }

  .u-pull-4\/5\@tablet {
    position: relative!important;
    right: 80%!important;
    left: auto!important;
  }

  .u-5\/5\@tablet {
    width: 100%!important;
  }

  .u-push-5\/5\@tablet {
    position: relative!important;
    right: auto!important;
    left: 100%!important;
  }

  .u-pull-5\/5\@tablet {
    position: relative!important;
    right: 100%!important;
    left: auto!important;
  }
}

@media (min-width:67.5em) {
  .u-1\/1\@desktop {
    width: 100%!important;
  }

  .u-push-1\/1\@desktop {
    position: relative!important;
    right: auto!important;
    left: 100%!important;
  }

  .u-pull-1\/1\@desktop {
    position: relative!important;
    right: 100%!important;
    left: auto!important;
  }

  .u-1\/2\@desktop {
    width: 50%!important;
  }

  .u-push-1\/2\@desktop {
    position: relative!important;
    right: auto!important;
    left: 50%!important;
  }

  .u-pull-1\/2\@desktop {
    position: relative!important;
    right: 50%!important;
    left: auto!important;
  }

  .u-2\/2\@desktop {
    width: 100%!important;
  }

  .u-push-2\/2\@desktop {
    position: relative!important;
    right: auto!important;
    left: 100%!important;
  }

  .u-pull-2\/2\@desktop {
    position: relative!important;
    right: 100%!important;
    left: auto!important;
  }

  .u-1\/3\@desktop {
    width: 33.33333%!important;
  }

  .u-push-1\/3\@desktop {
    position: relative!important;
    right: auto!important;
    left: 33.33333%!important;
  }

  .u-pull-1\/3\@desktop {
    position: relative!important;
    right: 33.33333%!important;
    left: auto!important;
  }

  .u-2\/3\@desktop {
    width: 66.66667%!important;
  }

  .u-push-2\/3\@desktop {
    position: relative!important;
    right: auto!important;
    left: 66.66667%!important;
  }

  .u-pull-2\/3\@desktop {
    position: relative!important;
    right: 66.66667%!important;
    left: auto!important;
  }

  .u-3\/3\@desktop {
    width: 100%!important;
  }

  .u-push-3\/3\@desktop {
    position: relative!important;
    right: auto!important;
    left: 100%!important;
  }

  .u-pull-3\/3\@desktop {
    position: relative!important;
    right: 100%!important;
    left: auto!important;
  }

  .u-1\/4\@desktop {
    width: 25%!important;
  }

  .u-push-1\/4\@desktop {
    position: relative!important;
    right: auto!important;
    left: 25%!important;
  }

  .u-pull-1\/4\@desktop {
    position: relative!important;
    right: 25%!important;
    left: auto!important;
  }

  .u-2\/4\@desktop {
    width: 50%!important;
  }

  .u-push-2\/4\@desktop {
    position: relative!important;
    right: auto!important;
    left: 50%!important;
  }

  .u-pull-2\/4\@desktop {
    position: relative!important;
    right: 50%!important;
    left: auto!important;
  }

  .u-3\/4\@desktop {
    width: 75%!important;
  }

  .u-push-3\/4\@desktop {
    position: relative!important;
    right: auto!important;
    left: 75%!important;
  }

  .u-pull-3\/4\@desktop {
    position: relative!important;
    right: 75%!important;
    left: auto!important;
  }

  .u-4\/4\@desktop {
    width: 100%!important;
  }

  .u-push-4\/4\@desktop {
    position: relative!important;
    right: auto!important;
    left: 100%!important;
  }

  .u-pull-4\/4\@desktop {
    position: relative!important;
    right: 100%!important;
    left: auto!important;
  }

  .u-1\/5\@desktop {
    width: 20%!important;
  }

  .u-push-1\/5\@desktop {
    position: relative!important;
    right: auto!important;
    left: 20%!important;
  }

  .u-pull-1\/5\@desktop {
    position: relative!important;
    right: 20%!important;
    left: auto!important;
  }

  .u-2\/5\@desktop {
    width: 40%!important;
  }

  .u-push-2\/5\@desktop {
    position: relative!important;
    right: auto!important;
    left: 40%!important;
  }

  .u-pull-2\/5\@desktop {
    position: relative!important;
    right: 40%!important;
    left: auto!important;
  }

  .u-3\/5\@desktop {
    width: 60%!important;
  }

  .u-push-3\/5\@desktop {
    position: relative!important;
    right: auto!important;
    left: 60%!important;
  }

  .u-pull-3\/5\@desktop {
    position: relative!important;
    right: 60%!important;
    left: auto!important;
  }

  .u-4\/5\@desktop {
    width: 80%!important;
  }

  .u-push-4\/5\@desktop {
    position: relative!important;
    right: auto!important;
    left: 80%!important;
  }

  .u-pull-4\/5\@desktop {
    position: relative!important;
    right: 80%!important;
    left: auto!important;
  }

  .u-5\/5\@desktop {
    width: 100%!important;
  }

  .u-push-5\/5\@desktop {
    position: relative!important;
    right: auto!important;
    left: 100%!important;
  }

  .u-pull-5\/5\@desktop {
    position: relative!important;
    right: 100%!important;
    left: auto!important;
  }
}

@media (min-width:81.25em) {
  .u-1\/1\@wide {
    width: 100%!important;
  }

  .u-push-1\/1\@wide {
    position: relative!important;
    right: auto!important;
    left: 100%!important;
  }

  .u-pull-1\/1\@wide {
    position: relative!important;
    right: 100%!important;
    left: auto!important;
  }

  .u-1\/2\@wide {
    width: 50%!important;
  }

  .u-push-1\/2\@wide {
    position: relative!important;
    right: auto!important;
    left: 50%!important;
  }

  .u-pull-1\/2\@wide {
    position: relative!important;
    right: 50%!important;
    left: auto!important;
  }

  .u-2\/2\@wide {
    width: 100%!important;
  }

  .u-push-2\/2\@wide {
    position: relative!important;
    right: auto!important;
    left: 100%!important;
  }

  .u-pull-2\/2\@wide {
    position: relative!important;
    right: 100%!important;
    left: auto!important;
  }

  .u-1\/3\@wide {
    width: 33.33333%!important;
  }

  .u-push-1\/3\@wide {
    position: relative!important;
    right: auto!important;
    left: 33.33333%!important;
  }

  .u-pull-1\/3\@wide {
    position: relative!important;
    right: 33.33333%!important;
    left: auto!important;
  }

  .u-2\/3\@wide {
    width: 66.66667%!important;
  }

  .u-push-2\/3\@wide {
    position: relative!important;
    right: auto!important;
    left: 66.66667%!important;
  }

  .u-pull-2\/3\@wide {
    position: relative!important;
    right: 66.66667%!important;
    left: auto!important;
  }

  .u-3\/3\@wide {
    width: 100%!important;
  }

  .u-push-3\/3\@wide {
    position: relative!important;
    right: auto!important;
    left: 100%!important;
  }

  .u-pull-3\/3\@wide {
    position: relative!important;
    right: 100%!important;
    left: auto!important;
  }

  .u-1\/4\@wide {
    width: 25%!important;
  }

  .u-push-1\/4\@wide {
    position: relative!important;
    right: auto!important;
    left: 25%!important;
  }

  .u-pull-1\/4\@wide {
    position: relative!important;
    right: 25%!important;
    left: auto!important;
  }

  .u-2\/4\@wide {
    width: 50%!important;
  }

  .u-push-2\/4\@wide {
    position: relative!important;
    right: auto!important;
    left: 50%!important;
  }

  .u-pull-2\/4\@wide {
    position: relative!important;
    right: 50%!important;
    left: auto!important;
  }

  .u-3\/4\@wide {
    width: 75%!important;
  }

  .u-push-3\/4\@wide {
    position: relative!important;
    right: auto!important;
    left: 75%!important;
  }

  .u-pull-3\/4\@wide {
    position: relative!important;
    right: 75%!important;
    left: auto!important;
  }

  .u-4\/4\@wide {
    width: 100%!important;
  }

  .u-push-4\/4\@wide {
    position: relative!important;
    right: auto!important;
    left: 100%!important;
  }

  .u-pull-4\/4\@wide {
    position: relative!important;
    right: 100%!important;
    left: auto!important;
  }

  .u-1\/5\@wide {
    width: 20%!important;
  }

  .u-push-1\/5\@wide {
    position: relative!important;
    right: auto!important;
    left: 20%!important;
  }

  .u-pull-1\/5\@wide {
    position: relative!important;
    right: 20%!important;
    left: auto!important;
  }

  .u-2\/5\@wide {
    width: 40%!important;
  }

  .u-push-2\/5\@wide {
    position: relative!important;
    right: auto!important;
    left: 40%!important;
  }

  .u-pull-2\/5\@wide {
    position: relative!important;
    right: 40%!important;
    left: auto!important;
  }

  .u-3\/5\@wide {
    width: 60%!important;
  }

  .u-push-3\/5\@wide {
    position: relative!important;
    right: auto!important;
    left: 60%!important;
  }

  .u-pull-3\/5\@wide {
    position: relative!important;
    right: 60%!important;
    left: auto!important;
  }

  .u-4\/5\@wide {
    width: 80%!important;
  }

  .u-push-4\/5\@wide {
    position: relative!important;
    right: auto!important;
    left: 80%!important;
  }

  .u-pull-4\/5\@wide {
    position: relative!important;
    right: 80%!important;
    left: auto!important;
  }

  .u-5\/5\@wide {
    width: 100%!important;
  }

  .u-push-5\/5\@wide {
    position: relative!important;
    right: auto!important;
    left: 100%!important;
  }

  .u-pull-5\/5\@wide {
    position: relative!important;
    right: 100%!important;
    left: auto!important;
  }
}

.u-h1 {
  font-size: 36px!important;
  font-size: 2.25rem!important;
  line-height: 1.33333!important;
}

.u-h2 {
  font-size: 28px!important;
  font-size: 1.75rem!important;
  line-height: 1.71429!important;
}

.u-h3 {
  font-size: 24px!important;
  font-size: 1.5rem!important;
  line-height: 1!important;
}

.u-h4 {
  font-size: 20px!important;
  font-size: 1.25rem!important;
  line-height: 1.2!important;
}

.u-h5 {
  font-size: 18px!important;
  font-size: 1.125rem!important;
  line-height: 1.33333!important;
}

.u-h6 {
  font-size: 16px!important;
  font-size: 1rem!important;
  line-height: 1.5!important;
}

.u-padding {
  padding: 24px!important;
}

.u-padding-tiny {
  padding: 6px!important;
}

.u-padding-small {
  padding: 12px!important;
}

.u-padding-large {
  padding: 48px!important;
}

.u-padding-huge {
  padding: 96px!important;
}

.u-padding-none {
  padding: 0!important;
}

.u-padding-top {
  padding-top: 24px!important;
}

.u-padding-top-tiny {
  padding-top: 6px!important;
}

.u-padding-top-small {
  padding-top: 12px!important;
}

.u-padding-top-large {
  padding-top: 48px!important;
}

.u-padding-top-huge {
  padding-top: 96px!important;
}

.u-padding-top-none {
  padding-top: 0!important;
}

.u-padding-right {
  padding-right: 24px!important;
}

.u-padding-right-tiny {
  padding-right: 6px!important;
}

.u-padding-right-small {
  padding-right: 12px!important;
}

.u-padding-right-large {
  padding-right: 48px!important;
}

.u-padding-right-huge {
  padding-right: 96px!important;
}

.u-padding-right-none {
  padding-right: 0!important;
}

.u-padding-bottom {
  padding-bottom: 24px!important;
}

.u-padding-bottom-tiny {
  padding-bottom: 6px!important;
}

.u-padding-bottom-small {
  padding-bottom: 12px!important;
}

.u-padding-bottom-large {
  padding-bottom: 48px!important;
}

.u-padding-bottom-huge {
  padding-bottom: 96px!important;
}

.u-padding-bottom-none {
  padding-bottom: 0!important;
}

.u-padding-left {
  padding-left: 24px!important;
}

.u-padding-left-tiny {
  padding-left: 6px!important;
}

.u-padding-left-small {
  padding-left: 12px!important;
}

.u-padding-left-large {
  padding-left: 48px!important;
}

.u-padding-left-huge {
  padding-left: 96px!important;
}

.u-padding-left-none {
  padding-left: 0!important;
}

.u-padding-horizontal {
  padding-left: 24px!important;
  padding-right: 24px!important;
}

.u-padding-horizontal-tiny {
  padding-left: 6px!important;
  padding-right: 6px!important;
}

.u-padding-horizontal-small {
  padding-left: 12px!important;
  padding-right: 12px!important;
}

.u-padding-horizontal-large {
  padding-left: 48px!important;
  padding-right: 48px!important;
}

.u-padding-horizontal-huge {
  padding-left: 96px!important;
  padding-right: 96px!important;
}

.u-padding-horizontal-none {
  padding-left: 0!important;
  padding-right: 0!important;
}

.u-padding-vertical {
  padding-top: 24px!important;
  padding-bottom: 24px!important;
}

.u-padding-vertical-tiny {
  padding-top: 6px!important;
  padding-bottom: 6px!important;
}

.u-padding-vertical-small {
  padding-top: 12px!important;
  padding-bottom: 12px!important;
}

.u-padding-vertical-large {
  padding-top: 48px!important;
  padding-bottom: 48px!important;
}

.u-padding-vertical-huge {
  padding-top: 96px!important;
  padding-bottom: 96px!important;
}

.u-padding-vertical-none {
  padding-top: 0!important;
  padding-bottom: 0!important;
}

.u-margin {
  margin: 24px!important;
}

.u-margin-tiny {
  margin: 6px!important;
}

.u-margin-small {
  margin: 12px!important;
}

.u-margin-large {
  margin: 48px!important;
}

.u-margin-huge {
  margin: 96px!important;
}

.u-margin-none {
  margin: 0!important;
}

.u-margin-top {
  margin-top: 24px!important;
}

.u-margin-top-tiny {
  margin-top: 6px!important;
}

.u-margin-top-small {
  margin-top: 12px!important;
}

.u-margin-top-large {
  margin-top: 48px!important;
}

.u-margin-top-huge {
  margin-top: 96px!important;
}

.u-margin-top-none {
  margin-top: 0!important;
}

.u-margin-right {
  margin-right: 24px!important;
}

.u-margin-right-tiny {
  margin-right: 6px!important;
}

.u-margin-right-small {
  margin-right: 12px!important;
}

.u-margin-right-large {
  margin-right: 48px!important;
}

.u-margin-right-huge {
  margin-right: 96px!important;
}

.u-margin-right-none {
  margin-right: 0!important;
}

.u-margin-bottom {
  margin-bottom: 24px!important;
}

.u-margin-bottom-tiny {
  margin-bottom: 6px!important;
}

.u-margin-bottom-small {
  margin-bottom: 12px!important;
}

.u-margin-bottom-large {
  margin-bottom: 48px!important;
}

.u-margin-bottom-huge {
  margin-bottom: 96px!important;
}

.u-margin-bottom-none {
  margin-bottom: 0!important;
}

.u-margin-left {
  margin-left: 24px!important;
}

.u-margin-left-tiny {
  margin-left: 6px!important;
}

.u-margin-left-small {
  margin-left: 12px!important;
}

.u-margin-left-large {
  margin-left: 48px!important;
}

.u-margin-left-huge {
  margin-left: 96px!important;
}

.u-margin-left-none {
  margin-left: 0!important;
}

.u-margin-horizontal {
  margin-left: 24px!important;
  margin-right: 24px!important;
}

.u-margin-horizontal-tiny {
  margin-left: 6px!important;
  margin-right: 6px!important;
}

.u-margin-horizontal-small {
  margin-left: 12px!important;
  margin-right: 12px!important;
}

.u-margin-horizontal-large {
  margin-left: 48px!important;
  margin-right: 48px!important;
}

.u-margin-horizontal-huge {
  margin-left: 96px!important;
  margin-right: 96px!important;
}

.u-margin-horizontal-none {
  margin-left: 0!important;
  margin-right: 0!important;
}

.u-margin-vertical {
  margin-top: 24px!important;
  margin-bottom: 24px!important;
}

.u-margin-vertical-tiny {
  margin-top: 6px!important;
  margin-bottom: 6px!important;
}

.u-margin-vertical-small {
  margin-top: 12px!important;
  margin-bottom: 12px!important;
}

.u-margin-vertical-large {
  margin-top: 48px!important;
  margin-bottom: 48px!important;
}

.u-margin-vertical-huge {
  margin-top: 96px!important;
  margin-bottom: 96px!important;
}

.u-margin-vertical-none {
  margin-top: 0!important;
  margin-bottom: 0!important;
}

@media (min-width:30em) {
  .u-padding\@mobile {
    padding: 24px!important;
  }
}

@media (min-width:48em) {
  .u-padding\@tablet {
    padding: 24px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding\@desktop {
    padding: 24px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding\@wide {
    padding: 24px!important;
  }
}

@media (min-width:30em) {
  .u-padding-tiny\@mobile {
    padding: 6px!important;
  }
}

@media (min-width:48em) {
  .u-padding-tiny\@tablet {
    padding: 6px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-tiny\@desktop {
    padding: 6px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-tiny\@wide {
    padding: 6px!important;
  }
}

@media (min-width:30em) {
  .u-padding-small\@mobile {
    padding: 12px!important;
  }
}

@media (min-width:48em) {
  .u-padding-small\@tablet {
    padding: 12px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-small\@desktop {
    padding: 12px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-small\@wide {
    padding: 12px!important;
  }
}

@media (min-width:30em) {
  .u-padding-large\@mobile {
    padding: 48px!important;
  }
}

@media (min-width:48em) {
  .u-padding-large\@tablet {
    padding: 48px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-large\@desktop {
    padding: 48px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-large\@wide {
    padding: 48px!important;
  }
}

@media (min-width:30em) {
  .u-padding-huge\@mobile {
    padding: 96px!important;
  }
}

@media (min-width:48em) {
  .u-padding-huge\@tablet {
    padding: 96px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-huge\@desktop {
    padding: 96px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-huge\@wide {
    padding: 96px!important;
  }
}

@media (min-width:30em) {
  .u-padding-none\@mobile {
    padding: 0!important;
  }
}

@media (min-width:48em) {
  .u-padding-none\@tablet {
    padding: 0!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-none\@desktop {
    padding: 0!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-none\@wide {
    padding: 0!important;
  }
}

@media (min-width:30em) {
  .u-padding-top\@mobile {
    padding-top: 24px!important;
  }
}

@media (min-width:48em) {
  .u-padding-top\@tablet {
    padding-top: 24px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-top\@desktop {
    padding-top: 24px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-top\@wide {
    padding-top: 24px!important;
  }
}

@media (min-width:30em) {
  .u-padding-top-tiny\@mobile {
    padding-top: 6px!important;
  }
}

@media (min-width:48em) {
  .u-padding-top-tiny\@tablet {
    padding-top: 6px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-top-tiny\@desktop {
    padding-top: 6px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-top-tiny\@wide {
    padding-top: 6px!important;
  }
}

@media (min-width:30em) {
  .u-padding-top-small\@mobile {
    padding-top: 12px!important;
  }
}

@media (min-width:48em) {
  .u-padding-top-small\@tablet {
    padding-top: 12px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-top-small\@desktop {
    padding-top: 12px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-top-small\@wide {
    padding-top: 12px!important;
  }
}

@media (min-width:30em) {
  .u-padding-top-large\@mobile {
    padding-top: 48px!important;
  }
}

@media (min-width:48em) {
  .u-padding-top-large\@tablet {
    padding-top: 48px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-top-large\@desktop {
    padding-top: 48px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-top-large\@wide {
    padding-top: 48px!important;
  }
}

@media (min-width:30em) {
  .u-padding-top-huge\@mobile {
    padding-top: 96px!important;
  }
}

@media (min-width:48em) {
  .u-padding-top-huge\@tablet {
    padding-top: 96px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-top-huge\@desktop {
    padding-top: 96px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-top-huge\@wide {
    padding-top: 96px!important;
  }
}

@media (min-width:30em) {
  .u-padding-top-none\@mobile {
    padding-top: 0!important;
  }
}

@media (min-width:48em) {
  .u-padding-top-none\@tablet {
    padding-top: 0!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-top-none\@desktop {
    padding-top: 0!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-top-none\@wide {
    padding-top: 0!important;
  }
}

@media (min-width:30em) {
  .u-padding-right\@mobile {
    padding-right: 24px!important;
  }
}

@media (min-width:48em) {
  .u-padding-right\@tablet {
    padding-right: 24px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-right\@desktop {
    padding-right: 24px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-right\@wide {
    padding-right: 24px!important;
  }
}

@media (min-width:30em) {
  .u-padding-right-tiny\@mobile {
    padding-right: 6px!important;
  }
}

@media (min-width:48em) {
  .u-padding-right-tiny\@tablet {
    padding-right: 6px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-right-tiny\@desktop {
    padding-right: 6px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-right-tiny\@wide {
    padding-right: 6px!important;
  }
}

@media (min-width:30em) {
  .u-padding-right-small\@mobile {
    padding-right: 12px!important;
  }
}

@media (min-width:48em) {
  .u-padding-right-small\@tablet {
    padding-right: 12px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-right-small\@desktop {
    padding-right: 12px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-right-small\@wide {
    padding-right: 12px!important;
  }
}

@media (min-width:30em) {
  .u-padding-right-large\@mobile {
    padding-right: 48px!important;
  }
}

@media (min-width:48em) {
  .u-padding-right-large\@tablet {
    padding-right: 48px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-right-large\@desktop {
    padding-right: 48px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-right-large\@wide {
    padding-right: 48px!important;
  }
}

@media (min-width:30em) {
  .u-padding-right-huge\@mobile {
    padding-right: 96px!important;
  }
}

@media (min-width:48em) {
  .u-padding-right-huge\@tablet {
    padding-right: 96px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-right-huge\@desktop {
    padding-right: 96px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-right-huge\@wide {
    padding-right: 96px!important;
  }
}

@media (min-width:30em) {
  .u-padding-right-none\@mobile {
    padding-right: 0!important;
  }
}

@media (min-width:48em) {
  .u-padding-right-none\@tablet {
    padding-right: 0!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-right-none\@desktop {
    padding-right: 0!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-right-none\@wide {
    padding-right: 0!important;
  }
}

@media (min-width:30em) {
  .u-padding-bottom\@mobile {
    padding-bottom: 24px!important;
  }
}

@media (min-width:48em) {
  .u-padding-bottom\@tablet {
    padding-bottom: 24px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-bottom\@desktop {
    padding-bottom: 24px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-bottom\@wide {
    padding-bottom: 24px!important;
  }
}

@media (min-width:30em) {
  .u-padding-bottom-tiny\@mobile {
    padding-bottom: 6px!important;
  }
}

@media (min-width:48em) {
  .u-padding-bottom-tiny\@tablet {
    padding-bottom: 6px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-bottom-tiny\@desktop {
    padding-bottom: 6px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-bottom-tiny\@wide {
    padding-bottom: 6px!important;
  }
}

@media (min-width:30em) {
  .u-padding-bottom-small\@mobile {
    padding-bottom: 12px!important;
  }
}

@media (min-width:48em) {
  .u-padding-bottom-small\@tablet {
    padding-bottom: 12px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-bottom-small\@desktop {
    padding-bottom: 12px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-bottom-small\@wide {
    padding-bottom: 12px!important;
  }
}

@media (min-width:30em) {
  .u-padding-bottom-large\@mobile {
    padding-bottom: 48px!important;
  }
}

@media (min-width:48em) {
  .u-padding-bottom-large\@tablet {
    padding-bottom: 48px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-bottom-large\@desktop {
    padding-bottom: 48px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-bottom-large\@wide {
    padding-bottom: 48px!important;
  }
}

@media (min-width:30em) {
  .u-padding-bottom-huge\@mobile {
    padding-bottom: 96px!important;
  }
}

@media (min-width:48em) {
  .u-padding-bottom-huge\@tablet {
    padding-bottom: 96px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-bottom-huge\@desktop {
    padding-bottom: 96px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-bottom-huge\@wide {
    padding-bottom: 96px!important;
  }
}

@media (min-width:30em) {
  .u-padding-bottom-none\@mobile {
    padding-bottom: 0!important;
  }
}

@media (min-width:48em) {
  .u-padding-bottom-none\@tablet {
    padding-bottom: 0!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-bottom-none\@desktop {
    padding-bottom: 0!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-bottom-none\@wide {
    padding-bottom: 0!important;
  }
}

@media (min-width:30em) {
  .u-padding-left\@mobile {
    padding-left: 24px!important;
  }
}

@media (min-width:48em) {
  .u-padding-left\@tablet {
    padding-left: 24px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-left\@desktop {
    padding-left: 24px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-left\@wide {
    padding-left: 24px!important;
  }
}

@media (min-width:30em) {
  .u-padding-left-tiny\@mobile {
    padding-left: 6px!important;
  }
}

@media (min-width:48em) {
  .u-padding-left-tiny\@tablet {
    padding-left: 6px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-left-tiny\@desktop {
    padding-left: 6px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-left-tiny\@wide {
    padding-left: 6px!important;
  }
}

@media (min-width:30em) {
  .u-padding-left-small\@mobile {
    padding-left: 12px!important;
  }
}

@media (min-width:48em) {
  .u-padding-left-small\@tablet {
    padding-left: 12px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-left-small\@desktop {
    padding-left: 12px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-left-small\@wide {
    padding-left: 12px!important;
  }
}

@media (min-width:30em) {
  .u-padding-left-large\@mobile {
    padding-left: 48px!important;
  }
}

@media (min-width:48em) {
  .u-padding-left-large\@tablet {
    padding-left: 48px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-left-large\@desktop {
    padding-left: 48px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-left-large\@wide {
    padding-left: 48px!important;
  }
}

@media (min-width:30em) {
  .u-padding-left-huge\@mobile {
    padding-left: 96px!important;
  }
}

@media (min-width:48em) {
  .u-padding-left-huge\@tablet {
    padding-left: 96px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-left-huge\@desktop {
    padding-left: 96px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-left-huge\@wide {
    padding-left: 96px!important;
  }
}

@media (min-width:30em) {
  .u-padding-left-none\@mobile {
    padding-left: 0!important;
  }
}

@media (min-width:48em) {
  .u-padding-left-none\@tablet {
    padding-left: 0!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-left-none\@desktop {
    padding-left: 0!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-left-none\@wide {
    padding-left: 0!important;
  }
}

@media (min-width:30em) {
  .u-padding-horizontal\@mobile {
    padding-left: 24px!important;
    padding-right: 24px!important;
  }
}

@media (min-width:48em) {
  .u-padding-horizontal\@tablet {
    padding-left: 24px!important;
    padding-right: 24px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-horizontal\@desktop {
    padding-left: 24px!important;
    padding-right: 24px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-horizontal\@wide {
    padding-left: 24px!important;
    padding-right: 24px!important;
  }
}

@media (min-width:30em) {
  .u-padding-horizontal-tiny\@mobile {
    padding-left: 6px!important;
    padding-right: 6px!important;
  }
}

@media (min-width:48em) {
  .u-padding-horizontal-tiny\@tablet {
    padding-left: 6px!important;
    padding-right: 6px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-horizontal-tiny\@desktop {
    padding-left: 6px!important;
    padding-right: 6px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-horizontal-tiny\@wide {
    padding-left: 6px!important;
    padding-right: 6px!important;
  }
}

@media (min-width:30em) {
  .u-padding-horizontal-small\@mobile {
    padding-left: 12px!important;
    padding-right: 12px!important;
  }
}

@media (min-width:48em) {
  .u-padding-horizontal-small\@tablet {
    padding-left: 12px!important;
    padding-right: 12px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-horizontal-small\@desktop {
    padding-left: 12px!important;
    padding-right: 12px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-horizontal-small\@wide {
    padding-left: 12px!important;
    padding-right: 12px!important;
  }
}

@media (min-width:30em) {
  .u-padding-horizontal-large\@mobile {
    padding-left: 48px!important;
    padding-right: 48px!important;
  }
}

@media (min-width:48em) {
  .u-padding-horizontal-large\@tablet {
    padding-left: 48px!important;
    padding-right: 48px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-horizontal-large\@desktop {
    padding-left: 48px!important;
    padding-right: 48px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-horizontal-large\@wide {
    padding-left: 48px!important;
    padding-right: 48px!important;
  }
}

@media (min-width:30em) {
  .u-padding-horizontal-huge\@mobile {
    padding-left: 96px!important;
    padding-right: 96px!important;
  }
}

@media (min-width:48em) {
  .u-padding-horizontal-huge\@tablet {
    padding-left: 96px!important;
    padding-right: 96px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-horizontal-huge\@desktop {
    padding-left: 96px!important;
    padding-right: 96px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-horizontal-huge\@wide {
    padding-left: 96px!important;
    padding-right: 96px!important;
  }
}

@media (min-width:30em) {
  .u-padding-horizontal-none\@mobile {
    padding-left: 0!important;
    padding-right: 0!important;
  }
}

@media (min-width:48em) {
  .u-padding-horizontal-none\@tablet {
    padding-left: 0!important;
    padding-right: 0!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-horizontal-none\@desktop {
    padding-left: 0!important;
    padding-right: 0!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-horizontal-none\@wide {
    padding-left: 0!important;
    padding-right: 0!important;
  }
}

@media (min-width:30em) {
  .u-padding-vertical\@mobile {
    padding-top: 24px!important;
    padding-bottom: 24px!important;
  }
}

@media (min-width:48em) {
  .u-padding-vertical\@tablet {
    padding-top: 24px!important;
    padding-bottom: 24px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-vertical\@desktop {
    padding-top: 24px!important;
    padding-bottom: 24px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-vertical\@wide {
    padding-top: 24px!important;
    padding-bottom: 24px!important;
  }
}

@media (min-width:30em) {
  .u-padding-vertical-tiny\@mobile {
    padding-top: 6px!important;
    padding-bottom: 6px!important;
  }
}

@media (min-width:48em) {
  .u-padding-vertical-tiny\@tablet {
    padding-top: 6px!important;
    padding-bottom: 6px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-vertical-tiny\@desktop {
    padding-top: 6px!important;
    padding-bottom: 6px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-vertical-tiny\@wide {
    padding-top: 6px!important;
    padding-bottom: 6px!important;
  }
}

@media (min-width:30em) {
  .u-padding-vertical-small\@mobile {
    padding-top: 12px!important;
    padding-bottom: 12px!important;
  }
}

@media (min-width:48em) {
  .u-padding-vertical-small\@tablet {
    padding-top: 12px!important;
    padding-bottom: 12px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-vertical-small\@desktop {
    padding-top: 12px!important;
    padding-bottom: 12px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-vertical-small\@wide {
    padding-top: 12px!important;
    padding-bottom: 12px!important;
  }
}

@media (min-width:30em) {
  .u-padding-vertical-large\@mobile {
    padding-top: 48px!important;
    padding-bottom: 48px!important;
  }
}

@media (min-width:48em) {
  .u-padding-vertical-large\@tablet {
    padding-top: 48px!important;
    padding-bottom: 48px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-vertical-large\@desktop {
    padding-top: 48px!important;
    padding-bottom: 48px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-vertical-large\@wide {
    padding-top: 48px!important;
    padding-bottom: 48px!important;
  }
}

@media (min-width:30em) {
  .u-padding-vertical-huge\@mobile {
    padding-top: 96px!important;
    padding-bottom: 96px!important;
  }
}

@media (min-width:48em) {
  .u-padding-vertical-huge\@tablet {
    padding-top: 96px!important;
    padding-bottom: 96px!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-vertical-huge\@desktop {
    padding-top: 96px!important;
    padding-bottom: 96px!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-vertical-huge\@wide {
    padding-top: 96px!important;
    padding-bottom: 96px!important;
  }
}

@media (min-width:30em) {
  .u-padding-vertical-none\@mobile {
    padding-top: 0!important;
    padding-bottom: 0!important;
  }
}

@media (min-width:48em) {
  .u-padding-vertical-none\@tablet {
    padding-top: 0!important;
    padding-bottom: 0!important;
  }
}

@media (min-width:67.5em) {
  .u-padding-vertical-none\@desktop {
    padding-top: 0!important;
    padding-bottom: 0!important;
  }
}

@media (min-width:81.25em) {
  .u-padding-vertical-none\@wide {
    padding-top: 0!important;
    padding-bottom: 0!important;
  }
}

@media (min-width:30em) {
  .u-margin\@mobile {
    margin: 24px!important;
  }
}

@media (min-width:48em) {
  .u-margin\@tablet {
    margin: 24px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin\@desktop {
    margin: 24px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin\@wide {
    margin: 24px!important;
  }
}

@media (min-width:30em) {
  .u-margin-tiny\@mobile {
    margin: 6px!important;
  }
}

@media (min-width:48em) {
  .u-margin-tiny\@tablet {
    margin: 6px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-tiny\@desktop {
    margin: 6px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-tiny\@wide {
    margin: 6px!important;
  }
}

@media (min-width:30em) {
  .u-margin-small\@mobile {
    margin: 12px!important;
  }
}

@media (min-width:48em) {
  .u-margin-small\@tablet {
    margin: 12px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-small\@desktop {
    margin: 12px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-small\@wide {
    margin: 12px!important;
  }
}

@media (min-width:30em) {
  .u-margin-large\@mobile {
    margin: 48px!important;
  }
}

@media (min-width:48em) {
  .u-margin-large\@tablet {
    margin: 48px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-large\@desktop {
    margin: 48px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-large\@wide {
    margin: 48px!important;
  }
}

@media (min-width:30em) {
  .u-margin-huge\@mobile {
    margin: 96px!important;
  }
}

@media (min-width:48em) {
  .u-margin-huge\@tablet {
    margin: 96px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-huge\@desktop {
    margin: 96px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-huge\@wide {
    margin: 96px!important;
  }
}

@media (min-width:30em) {
  .u-margin-none\@mobile {
    margin: 0!important;
  }
}

@media (min-width:48em) {
  .u-margin-none\@tablet {
    margin: 0!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-none\@desktop {
    margin: 0!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-none\@wide {
    margin: 0!important;
  }
}

@media (min-width:30em) {
  .u-margin-top\@mobile {
    margin-top: 24px!important;
  }
}

@media (min-width:48em) {
  .u-margin-top\@tablet {
    margin-top: 24px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-top\@desktop {
    margin-top: 24px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-top\@wide {
    margin-top: 24px!important;
  }
}

@media (min-width:30em) {
  .u-margin-top-tiny\@mobile {
    margin-top: 6px!important;
  }
}

@media (min-width:48em) {
  .u-margin-top-tiny\@tablet {
    margin-top: 6px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-top-tiny\@desktop {
    margin-top: 6px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-top-tiny\@wide {
    margin-top: 6px!important;
  }
}

@media (min-width:30em) {
  .u-margin-top-small\@mobile {
    margin-top: 12px!important;
  }
}

@media (min-width:48em) {
  .u-margin-top-small\@tablet {
    margin-top: 12px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-top-small\@desktop {
    margin-top: 12px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-top-small\@wide {
    margin-top: 12px!important;
  }
}

@media (min-width:30em) {
  .u-margin-top-large\@mobile {
    margin-top: 48px!important;
  }
}

@media (min-width:48em) {
  .u-margin-top-large\@tablet {
    margin-top: 48px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-top-large\@desktop {
    margin-top: 48px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-top-large\@wide {
    margin-top: 48px!important;
  }
}

@media (min-width:30em) {
  .u-margin-top-huge\@mobile {
    margin-top: 96px!important;
  }
}

@media (min-width:48em) {
  .u-margin-top-huge\@tablet {
    margin-top: 96px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-top-huge\@desktop {
    margin-top: 96px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-top-huge\@wide {
    margin-top: 96px!important;
  }
}

@media (min-width:30em) {
  .u-margin-top-none\@mobile {
    margin-top: 0!important;
  }
}

@media (min-width:48em) {
  .u-margin-top-none\@tablet {
    margin-top: 0!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-top-none\@desktop {
    margin-top: 0!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-top-none\@wide {
    margin-top: 0!important;
  }
}

@media (min-width:30em) {
  .u-margin-right\@mobile {
    margin-right: 24px!important;
  }
}

@media (min-width:48em) {
  .u-margin-right\@tablet {
    margin-right: 24px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-right\@desktop {
    margin-right: 24px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-right\@wide {
    margin-right: 24px!important;
  }
}

@media (min-width:30em) {
  .u-margin-right-tiny\@mobile {
    margin-right: 6px!important;
  }
}

@media (min-width:48em) {
  .u-margin-right-tiny\@tablet {
    margin-right: 6px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-right-tiny\@desktop {
    margin-right: 6px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-right-tiny\@wide {
    margin-right: 6px!important;
  }
}

@media (min-width:30em) {
  .u-margin-right-small\@mobile {
    margin-right: 12px!important;
  }
}

@media (min-width:48em) {
  .u-margin-right-small\@tablet {
    margin-right: 12px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-right-small\@desktop {
    margin-right: 12px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-right-small\@wide {
    margin-right: 12px!important;
  }
}

@media (min-width:30em) {
  .u-margin-right-large\@mobile {
    margin-right: 48px!important;
  }
}

@media (min-width:48em) {
  .u-margin-right-large\@tablet {
    margin-right: 48px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-right-large\@desktop {
    margin-right: 48px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-right-large\@wide {
    margin-right: 48px!important;
  }
}

@media (min-width:30em) {
  .u-margin-right-huge\@mobile {
    margin-right: 96px!important;
  }
}

@media (min-width:48em) {
  .u-margin-right-huge\@tablet {
    margin-right: 96px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-right-huge\@desktop {
    margin-right: 96px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-right-huge\@wide {
    margin-right: 96px!important;
  }
}

@media (min-width:30em) {
  .u-margin-right-none\@mobile {
    margin-right: 0!important;
  }
}

@media (min-width:48em) {
  .u-margin-right-none\@tablet {
    margin-right: 0!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-right-none\@desktop {
    margin-right: 0!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-right-none\@wide {
    margin-right: 0!important;
  }
}

@media (min-width:30em) {
  .u-margin-bottom\@mobile {
    margin-bottom: 24px!important;
  }
}

@media (min-width:48em) {
  .u-margin-bottom\@tablet {
    margin-bottom: 24px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-bottom\@desktop {
    margin-bottom: 24px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-bottom\@wide {
    margin-bottom: 24px!important;
  }
}

@media (min-width:30em) {
  .u-margin-bottom-tiny\@mobile {
    margin-bottom: 6px!important;
  }
}

@media (min-width:48em) {
  .u-margin-bottom-tiny\@tablet {
    margin-bottom: 6px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-bottom-tiny\@desktop {
    margin-bottom: 6px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-bottom-tiny\@wide {
    margin-bottom: 6px!important;
  }
}

@media (min-width:30em) {
  .u-margin-bottom-small\@mobile {
    margin-bottom: 12px!important;
  }
}

@media (min-width:48em) {
  .u-margin-bottom-small\@tablet {
    margin-bottom: 12px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-bottom-small\@desktop {
    margin-bottom: 12px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-bottom-small\@wide {
    margin-bottom: 12px!important;
  }
}

@media (min-width:30em) {
  .u-margin-bottom-large\@mobile {
    margin-bottom: 48px!important;
  }
}

@media (min-width:48em) {
  .u-margin-bottom-large\@tablet {
    margin-bottom: 48px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-bottom-large\@desktop {
    margin-bottom: 48px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-bottom-large\@wide {
    margin-bottom: 48px!important;
  }
}

@media (min-width:30em) {
  .u-margin-bottom-huge\@mobile {
    margin-bottom: 96px!important;
  }
}

@media (min-width:48em) {
  .u-margin-bottom-huge\@tablet {
    margin-bottom: 96px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-bottom-huge\@desktop {
    margin-bottom: 96px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-bottom-huge\@wide {
    margin-bottom: 96px!important;
  }
}

@media (min-width:30em) {
  .u-margin-bottom-none\@mobile {
    margin-bottom: 0!important;
  }
}

@media (min-width:48em) {
  .u-margin-bottom-none\@tablet {
    margin-bottom: 0!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-bottom-none\@desktop {
    margin-bottom: 0!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-bottom-none\@wide {
    margin-bottom: 0!important;
  }
}

@media (min-width:30em) {
  .u-margin-left\@mobile {
    margin-left: 24px!important;
  }
}

@media (min-width:48em) {
  .u-margin-left\@tablet {
    margin-left: 24px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-left\@desktop {
    margin-left: 24px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-left\@wide {
    margin-left: 24px!important;
  }
}

@media (min-width:30em) {
  .u-margin-left-tiny\@mobile {
    margin-left: 6px!important;
  }
}

@media (min-width:48em) {
  .u-margin-left-tiny\@tablet {
    margin-left: 6px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-left-tiny\@desktop {
    margin-left: 6px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-left-tiny\@wide {
    margin-left: 6px!important;
  }
}

@media (min-width:30em) {
  .u-margin-left-small\@mobile {
    margin-left: 12px!important;
  }
}

@media (min-width:48em) {
  .u-margin-left-small\@tablet {
    margin-left: 12px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-left-small\@desktop {
    margin-left: 12px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-left-small\@wide {
    margin-left: 12px!important;
  }
}

@media (min-width:30em) {
  .u-margin-left-large\@mobile {
    margin-left: 48px!important;
  }
}

@media (min-width:48em) {
  .u-margin-left-large\@tablet {
    margin-left: 48px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-left-large\@desktop {
    margin-left: 48px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-left-large\@wide {
    margin-left: 48px!important;
  }
}

@media (min-width:30em) {
  .u-margin-left-huge\@mobile {
    margin-left: 96px!important;
  }
}

@media (min-width:48em) {
  .u-margin-left-huge\@tablet {
    margin-left: 96px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-left-huge\@desktop {
    margin-left: 96px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-left-huge\@wide {
    margin-left: 96px!important;
  }
}

@media (min-width:30em) {
  .u-margin-left-none\@mobile {
    margin-left: 0!important;
  }
}

@media (min-width:48em) {
  .u-margin-left-none\@tablet {
    margin-left: 0!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-left-none\@desktop {
    margin-left: 0!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-left-none\@wide {
    margin-left: 0!important;
  }
}

@media (min-width:30em) {
  .u-margin-horizontal\@mobile {
    margin-left: 24px!important;
    margin-right: 24px!important;
  }
}

@media (min-width:48em) {
  .u-margin-horizontal\@tablet {
    margin-left: 24px!important;
    margin-right: 24px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-horizontal\@desktop {
    margin-left: 24px!important;
    margin-right: 24px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-horizontal\@wide {
    margin-left: 24px!important;
    margin-right: 24px!important;
  }
}

@media (min-width:30em) {
  .u-margin-horizontal-tiny\@mobile {
    margin-left: 6px!important;
    margin-right: 6px!important;
  }
}

@media (min-width:48em) {
  .u-margin-horizontal-tiny\@tablet {
    margin-left: 6px!important;
    margin-right: 6px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-horizontal-tiny\@desktop {
    margin-left: 6px!important;
    margin-right: 6px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-horizontal-tiny\@wide {
    margin-left: 6px!important;
    margin-right: 6px!important;
  }
}

@media (min-width:30em) {
  .u-margin-horizontal-small\@mobile {
    margin-left: 12px!important;
    margin-right: 12px!important;
  }
}

@media (min-width:48em) {
  .u-margin-horizontal-small\@tablet {
    margin-left: 12px!important;
    margin-right: 12px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-horizontal-small\@desktop {
    margin-left: 12px!important;
    margin-right: 12px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-horizontal-small\@wide {
    margin-left: 12px!important;
    margin-right: 12px!important;
  }
}

@media (min-width:30em) {
  .u-margin-horizontal-large\@mobile {
    margin-left: 48px!important;
    margin-right: 48px!important;
  }
}

@media (min-width:48em) {
  .u-margin-horizontal-large\@tablet {
    margin-left: 48px!important;
    margin-right: 48px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-horizontal-large\@desktop {
    margin-left: 48px!important;
    margin-right: 48px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-horizontal-large\@wide {
    margin-left: 48px!important;
    margin-right: 48px!important;
  }
}

@media (min-width:30em) {
  .u-margin-horizontal-huge\@mobile {
    margin-left: 96px!important;
    margin-right: 96px!important;
  }
}

@media (min-width:48em) {
  .u-margin-horizontal-huge\@tablet {
    margin-left: 96px!important;
    margin-right: 96px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-horizontal-huge\@desktop {
    margin-left: 96px!important;
    margin-right: 96px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-horizontal-huge\@wide {
    margin-left: 96px!important;
    margin-right: 96px!important;
  }
}

@media (min-width:30em) {
  .u-margin-horizontal-none\@mobile {
    margin-left: 0!important;
    margin-right: 0!important;
  }
}

@media (min-width:48em) {
  .u-margin-horizontal-none\@tablet {
    margin-left: 0!important;
    margin-right: 0!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-horizontal-none\@desktop {
    margin-left: 0!important;
    margin-right: 0!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-horizontal-none\@wide {
    margin-left: 0!important;
    margin-right: 0!important;
  }
}

@media (min-width:30em) {
  .u-margin-vertical\@mobile {
    margin-top: 24px!important;
    margin-bottom: 24px!important;
  }
}

@media (min-width:48em) {
  .u-margin-vertical\@tablet {
    margin-top: 24px!important;
    margin-bottom: 24px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-vertical\@desktop {
    margin-top: 24px!important;
    margin-bottom: 24px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-vertical\@wide {
    margin-top: 24px!important;
    margin-bottom: 24px!important;
  }
}

@media (min-width:30em) {
  .u-margin-vertical-tiny\@mobile {
    margin-top: 6px!important;
    margin-bottom: 6px!important;
  }
}

@media (min-width:48em) {
  .u-margin-vertical-tiny\@tablet {
    margin-top: 6px!important;
    margin-bottom: 6px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-vertical-tiny\@desktop {
    margin-top: 6px!important;
    margin-bottom: 6px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-vertical-tiny\@wide {
    margin-top: 6px!important;
    margin-bottom: 6px!important;
  }
}

@media (min-width:30em) {
  .u-margin-vertical-small\@mobile {
    margin-top: 12px!important;
    margin-bottom: 12px!important;
  }
}

@media (min-width:48em) {
  .u-margin-vertical-small\@tablet {
    margin-top: 12px!important;
    margin-bottom: 12px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-vertical-small\@desktop {
    margin-top: 12px!important;
    margin-bottom: 12px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-vertical-small\@wide {
    margin-top: 12px!important;
    margin-bottom: 12px!important;
  }
}

@media (min-width:30em) {
  .u-margin-vertical-large\@mobile {
    margin-top: 48px!important;
    margin-bottom: 48px!important;
  }
}

@media (min-width:48em) {
  .u-margin-vertical-large\@tablet {
    margin-top: 48px!important;
    margin-bottom: 48px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-vertical-large\@desktop {
    margin-top: 48px!important;
    margin-bottom: 48px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-vertical-large\@wide {
    margin-top: 48px!important;
    margin-bottom: 48px!important;
  }
}

@media (min-width:30em) {
  .u-margin-vertical-huge\@mobile {
    margin-top: 96px!important;
    margin-bottom: 96px!important;
  }
}

@media (min-width:48em) {
  .u-margin-vertical-huge\@tablet {
    margin-top: 96px!important;
    margin-bottom: 96px!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-vertical-huge\@desktop {
    margin-top: 96px!important;
    margin-bottom: 96px!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-vertical-huge\@wide {
    margin-top: 96px!important;
    margin-bottom: 96px!important;
  }
}

@media (min-width:30em) {
  .u-margin-vertical-none\@mobile {
    margin-top: 0!important;
    margin-bottom: 0!important;
  }
}

@media (min-width:48em) {
  .u-margin-vertical-none\@tablet {
    margin-top: 0!important;
    margin-bottom: 0!important;
  }
}

@media (min-width:67.5em) {
  .u-margin-vertical-none\@desktop {
    margin-top: 0!important;
    margin-bottom: 0!important;
  }
}

@media (min-width:81.25em) {
  .u-margin-vertical-none\@wide {
    margin-top: 0!important;
    margin-bottom: 0!important;
  }
}

.u-text-left {
  text-align: left!important;
}

.u-text-right {
  text-align: right!important;
}

.u-text-center {
  text-align: center!important;
}

.u-text-justify {
  text-align: justify!important;
}

.u-text-wrap {
  white-space: normal!important;
}

.u-text-nowrap {
  white-space: nowrap!important;
  min-width: 0!important;
  overflow: hidden!important;
  -o-text-overflow: ellipsis!important;
  text-overflow: ellipsis!important;
}

.u-text-uppercase {
  text-transform: uppercase!important;
}

.u-text-lowercase {
  text-transform: lowercase!important;
}

.u-text-capitalize {
  text-transform: capitalize!important;
}

.u-center {
  display: block;
  float: none;
  margin-right: auto;
  margin-left: auto;
}

.u-hidden-visually {
  border: 0!important;
  clip: rect(0 0 0 0)!important;
  -webkit-clip-path: inset(50%)!important;
  clip-path: inset(50%)!important;
  height: 1px!important;
  margin: -1px!important;
  overflow: hidden!important;
  padding: 0!important;
  position: absolute!important;
  white-space: nowrap!important;
  width: 1px!important;
}

.u-hidden {
  display: none!important;
}

@media (min-width:30em) {
  .u-hidden-from-mobile {
    display: none!important;
  }
}

@media (max-width:29.99em) {
  .u-hidden-until-mobile {
    display: none!important;
  }
}

@media (min-width:48em) {
  .u-hidden-from-tablet {
    display: none!important;
  }
}

@media (max-width:47.99em) {
  .u-hidden-until-tablet {
    display: none!important;
  }
}

@media (min-width:67.5em) {
  .u-hidden-from-desktop {
    display: none!important;
  }
}

@media (max-width:67.49em) {
  .u-hidden-until-desktop {
    display: none!important;
  }
}

@media (min-width:81.25em) {
  .u-hidden-from-wide {
    display: none!important;
  }
}

@media (max-width:81.24em) {
  .u-hidden-until-wide {
    display: none!important;
  }
}

.u-float-left {
  float: left;
  margin-right: 24px;
}

.u-float-left--tiny {
  margin-right: 6px;
}

.u-float-left--small {
  margin-right: 12px;
}

.u-float-left--large {
  margin-right: 48px;
}

.u-float-left--huge {
  margin-right: 96px;
}

.u-float-left--flush {
  margin-right: 0;
}

.u-float-right {
  float: right;
  margin-left: 24px;
}

.u-float-right--tiny {
  margin-left: 6px;
}

.u-float-right--small {
  margin-left: 12px;
}

.u-float-right--large {
  margin-left: 48px;
}

.u-float-right--huge {
  margin-left: 96px;
}

.u-float-right--flush {
  margin-left: 0;
}

.u-white {
  color: #fff;
}

.u-bg--white {
  background-color: #fff;
}

.u-white-background {
  color: #f4f4f4;
}

.u-bg--white-background {
  background-color: #f4f4f4;
}

.u-white-transparent {
  color: hsla(0,0%,100%,.5);
}

.u-bg--white-transparent {
  background-color: hsla(0,0%,100%,.5);
}

.u-theme--white {
  background-color: #fff;
  color: #4a4a4a;
}

.u-black {
  color: #4a4a4a;
}

.u-bg--black {
  background-color: #4a4a4a;
}

.u-black-dark {
  color: #5a5a5a;
}

.u-bg--black-dark {
  background-color: #5a5a5a;
}

.u-black-transparent {
  color: rgba(74,74,74,.75);
}

.u-bg--black-transparent {
  background-color: rgba(74,74,74,.75);
}

.u-theme--black {
  background-color: #4a4a4a;
  color: #fff;
}

.u-disabled {
  color: #c8c8c8;
}

.u-bg--disabled {
  background-color: #c8c8c8;
}

.u-disabled-dark {
  color: #8a8a8a;
}

.u-bg--disabled-dark {
  background-color: #8a8a8a;
}

.u-disabled-transparent {
  color: hsla(0,0%,78%,.75);
}

.u-bg--disabled-transparent {
  background-color: hsla(0,0%,78%,.75);
}

.u-theme--disabled {
  background-color: #c8c8c8;
  color: #fff;
}

.u-primary {
  color: #007c59;
}

.u-bg--primary {
  background-color: #007c59;
}

.u-primary-light {
  color: #00cc8c;
}

.u-bg--primary-light {
  background-color: #00cc8c;
}

.u-primary-dark {
  color: #009573;
}

.u-bg--primary-dark {
  background-color: #009573;
}

.u-primary-transparent {
  color: rgba(0,124,89,.75);
}

.u-bg--primary-transparent {
  background-color: rgba(0,124,89,.75);
}

.u-theme--primary {
  background-color: #007c59;
  color: #fff;
}

.u-secondary {
  color: #fcb514;
}

.u-bg--secondary {
  background-color: #fcb514;
}

.u-secondary-light {
  color: #ffcc46;
}

.u-bg--secondary-light {
  background-color: #ffcc46;
}

.u-secondary-dark {
  color: #ff6d00;
}

.u-bg--secondary-dark {
  background-color: #ff6d00;
}

.u-secondary-transparent {
  color: rgba(252,181,20,.5);
}

.u-bg--secondary-transparent {
  background-color: rgba(252,181,20,.5);
}

.u-theme--secondary {
  background-color: #fcb514;
  color: #4a4a4a;
}

.u-error {
  color: #e23d28;
}

.u-bg--error {
  background-color: #e23d28;
}

.u-error-light {
  color: #f77568;
}

.u-bg--error-light {
  background-color: #f77568;
}

.u-error-dark {
  color: #ff5b46;
}

.u-bg--error-dark {
  background-color: #ff5b46;
}

.u-error-transparent {
  color: rgba(226,61,40,.75);
}

.u-bg--error-transparent {
  background-color: rgba(226,61,40,.75);
}

.u-theme--error {
  background-color: #e23d28;
  color: #fff;
}

.u-red {
  color: #e13840;
}

.u-bg--red {
  background-color: #e13840;
}

.u-red-light {
  color: #ec424d;
}

.u-bg--red-light {
  background-color: #ec424d;
}

.u-red-dark {
  color: #d91931;
}

.u-bg--red-dark {
  background-color: #d91931;
}

.u-red-transparent {
  color: rgba(225,56,64,.5);
}

.u-bg--red-transparent {
  background-color: rgba(225,56,64,.5);
}

.u-theme--red {
  background-color: #e13840;
  color: #fff;
}

.u-blue {
  color: #0097d1;
}

.u-bg--blue {
  background-color: #0097d1;
}

.u-blue-light {
  color: #00b1de;
}

.u-bg--blue-light {
  background-color: #00b1de;
}

.u-blue-dark {
  color: #0074a2;
}

.u-bg--blue-dark {
  background-color: #0074a2;
}

.u-blue-transparent {
  color: rgba(0,151,209,.75);
}

.u-bg--blue-transparent {
  background-color: rgba(0,151,209,.75);
}

.u-theme--blue {
  background-color: #0097d1;
  color: #fff;
}

.u-yellow {
  color: #f8db19;
}

.u-bg--yellow {
  background-color: #f8db19;
}

.u-yellow-light {
  color: #fde644;
}

.u-bg--yellow-light {
  background-color: #fde644;
}

.u-yellow-dark {
  color: #e3c400;
}

.u-bg--yellow-dark {
  background-color: #e3c400;
}

.u-yellow-transparent {
  color: rgba(248,219,25,.5);
}

.u-bg--yellow-transparent {
  background-color: rgba(248,219,25,.5);
}

.u-theme--yellow {
  background-color: #f8db19;
  color: #4a4a4a;
}

.u-outline {
  color: #9b9b9b;
}

.u-bg--outline {
  background-color: #9b9b9b;
}