/* Gaps */
/* Top */
.margin-top-m {
  margin-top: 1rem; }

.margin-top-l {
  margin-top: 1rem; }

.margin-top-xl {
  margin-top: 2rem; }

.padding-top-m {
  padding-top: 1rem; }

.padding-top-l {
  padding-top: 1rem; }

.padding-top-xl {
  padding-top: 2rem; }

@media screen and (min-width: 31.25em) {
  .margin-top-m {
    margin-top: 1rem; }

  .margin-top-l {
    margin-top: 1rem; }

  .margin-top-xl {
    margin-top: 2rem; }

  .padding-top-m {
    padding-top: 1rem; }

  .padding-top-l {
    padding-top: 1rem; }

  .padding-top-xl {
    padding-top: 2rem; } }

@media screen and (min-width: 43.75em) {
  .margin-top-m {
    margin-top: 1rem; }

  .margin-top-l {
    margin-top: 2rem; }

  .margin-top-xl {
    margin-top: 2rem; }

  .padding-top-m {
    padding-top: 1rem; }

  .padding-top-l {
    padding-top: 2rem; }

  .padding-top-xl {
    padding-top: 2rem; } }

@media screen and (min-width: 62.5em) {
  .margin-top-m {
    margin-top: 1rem; }

  .margin-top-l {
    margin-top: 2rem; }

  .margin-top-xl {
    margin-top: 4rem; }

  .padding-top-m {
    padding-top: 1rem; }

  .padding-top-l {
    padding-top: 2rem; }

  .padding-top-xl {
    padding-top: 4rem; } }

@media screen and (min-width: 75em) {
  .margin-top-m {
    margin-top: 1rem; }

  .margin-top-l {
    margin-top: 2rem; }

  .margin-top-xl {
    margin-top: 4rem; }

  .padding-top-m {
    padding-top: 1rem; }

  .padding-top-l {
    padding-top: 2rem; }

  .padding-top-xl {
    padding-top: 4rem; } }
/* Bottom */
.margin-bottom-m {
  margin-bottom: 1rem; }

.margin-bottom-l {
  margin-bottom: 1rem; }

.margin-bottom-xl {
  margin-bottom: 2rem; }

.padding-bottom-m {
  padding-bottom: 1rem; }

.padding-bottom-l {
  padding-bottom: 1rem; }

.padding-bottom-xl {
  padding-bottom: 2rem; }

@media screen and (min-width: 31.25em) {
  .margin-bottom-m {
    margin-bottom: 1rem; }

  .margin-bottom-l {
    margin-bottom: 1rem; }

  .margin-bottom-xl {
    margin-bottom: 2rem; }

  .padding-bottom-m {
    padding-bottom: 1rem; }

  .padding-bottom-l {
    padding-bottom: 1rem; }

  .padding-bottom-xl {
    padding-bottom: 2rem; } }

@media screen and (min-width: 43.75em) {
  .margin-bottom-m {
    margin-bottom: 1rem; }

  .margin-bottom-l {
    margin-bottom: 2rem; }

  .margin-bottom-xl {
    margin-bottom: 2rem; }

  .padding-bottom-m {
    padding-bottom: 1rem; }

  .padding-bottom-l {
    padding-bottom: 2rem; }

  .padding-bottom-xl {
    padding-bottom: 2rem; } }

@media screen and (min-width: 62.5em) {
  .margin-bottom-m {
    margin-bottom: 1rem; }

  .margin-bottom-l {
    margin-bottom: 2rem; }

  .margin-bottom-xl {
    margin-bottom: 4rem; }

  .padding-bottom-m {
    padding-bottom: 1rem; }

  .padding-bottom-l {
    padding-bottom: 2rem; }

  .padding-bottom-xl {
    padding-bottom: 4rem; } }

@media screen and (min-width: 75em) {
  .margin-bottom-m {
    margin-bottom: 1rem; }

  .margin-bottom-l {
    margin-bottom: 2rem; }

  .margin-bottom-xl {
    margin-bottom: 4rem; }

  .padding-bottom-m {
    padding-bottom: 1rem; }

  .padding-bottom-l {
    padding-bottom: 2rem; }

  .padding-bottom-xl {
    padding-bottom: 4rem; } }
/* Top and Bottom */
.margin-top-bottom-m {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.margin-top-bottom-l {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.margin-top-bottom-xl {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.padding-top-bottom-m {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.padding-top-bottom-l {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.padding-top-bottom-xl {
  padding-top: 2rem;
  padding-bottom: 2rem; }

@media screen and (min-width: 31.25em) {
  .margin-top-bottom-m {
    margin-top: 1rem;
    margin-bottom: 1rem; }

  .margin-top-bottom-l {
    margin-top: 1rem;
    margin-bottom: 1rem; }

  .margin-top-bottom-xl {
    margin-top: 2rem;
    margin-bottom: 2rem; }

  .padding-top-bottom-m {
    padding-top: 1rem;
    padding-bottom: 1rem; }

  .padding-top-bottom-l {
    padding-top: 1rem;
    padding-bottom: 1rem; }

  .padding-top-bottom-xl {
    padding-top: 2rem;
    padding-bottom: 2rem; } }

@media screen and (min-width: 43.75em) {
  .margin-top-bottom-m {
    margin-top: 1rem;
    margin-bottom: 1rem; }

  .margin-top-bottom-l {
    margin-top: 2rem;
    margin-bottom: 2rem; }

  .margin-top-bottom-xl {
    margin-top: 2rem;
    margin-bottom: 2rem; }

  .padding-top-bottom-m {
    padding-top: 1rem;
    padding-bottom: 1rem; }

  .padding-top-bottom-l {
    padding-top: 2rem;
    padding-bottom: 2rem; }

  .padding-top-bottom-xl {
    padding-top: 2rem;
    padding-bottom: 2rem; } }

@media screen and (min-width: 62.5em) {
  .margin-top-bottom-m {
    margin-top: 1rem;
    margin-bottom: 1rem; }

  .margin-top-bottom-l {
    margin-top: 2rem;
    margin-bottom: 2rem; }

  .margin-top-bottom-xl {
    margin-top: 4rem;
    margin-bottom: 4rem; }

  .padding-top-bottom-m {
    padding-top: 1rem;
    padding-bottom: 1rem; }

  .padding-top-bottom-l {
    padding-top: 2rem;
    padding-bottom: 2rem; }

  .padding-top-bottom-xl {
    padding-top: 4rem;
    padding-bottom: 4rem; } }

@media screen and (min-width: 75em) {
  .margin-top-bottom-m {
    margin-top: 1rem;
    margin-bottom: 1rem; }

  .margin-top-bottom-l {
    margin-top: 2rem;
    margin-bottom: 2rem; }

  .margin-top-bottom-xl {
    margin-top: 4rem;
    margin-bottom: 4rem; }

  .padding-top-bottom-m {
    padding-top: 1rem;
    padding-bottom: 1rem; }

  .padding-top-bottom-l {
    padding-top: 2rem;
    padding-bottom: 2rem; }

  .padding-top-bottom-xl {
    padding-top: 4rem;
    padding-bottom: 4rem; } }