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

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

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

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

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

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

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

@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: 1rem;
}

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

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

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

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

@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: 1rem;
  margin-bottom: 1rem;
}

.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: 1rem;
  padding-bottom: 1rem;
}

@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: 1rem;
    margin-bottom: 1rem;
  }
  .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: 1rem;
    padding-bottom: 1rem;
  }
}

@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;
  }
}