/* ==========================================
   NEGATIVE MARGIN UTILITIES (Bootstrap 5)
   Scale:
   n1 = -0.25rem
   n2 = -0.5rem
   n3 = -1rem
   n4 = -1.5rem
   n5 = -3rem
   n6 = -4rem
   n7 = -5rem
   n8 = -6rem
========================================== */

/* ------------------------------------------
   Base (no breakpoint)
------------------------------------------ */
.m-n1 { margin: -0.25rem !important; }
.m-n2 { margin: -0.5rem !important; }
.m-n3 { margin: -1rem !important; }
.m-n4 { margin: -1.5rem !important; }
.m-n5 { margin: -3rem !important; }
.m-n6 { margin: -4rem !important; }
.m-n7 { margin: -5rem !important; }
.m-n8 { margin: -6rem !important; }

.mt-n1 { margin-top: -0.25rem !important; }
.mt-n2 { margin-top: -0.5rem !important; }
.mt-n3 { margin-top: -1rem !important; }
.mt-n4 { margin-top: -1.5rem !important; }
.mt-n5 { margin-top: -3rem !important; }
.mt-n6 { margin-top: -4rem !important; }
.mt-n7 { margin-top: -5rem !important; }
.mt-n8 { margin-top: -6rem !important; }

.mb-n1 { margin-bottom: -0.25rem !important; }
.mb-n2 { margin-bottom: -0.5rem !important; }
.mb-n3 { margin-bottom: -1rem !important; }
.mb-n4 { margin-bottom: -1.5rem !important; }
.mb-n5 { margin-bottom: -3rem !important; }
.mb-n6 { margin-bottom: -4rem !important; }
.mb-n7 { margin-bottom: -5rem !important; }
.mb-n8 { margin-bottom: -6rem !important; }

.ms-n1 { margin-left: -0.25rem !important; }
.ms-n2 { margin-left: -0.5rem !important; }
.ms-n3 { margin-left: -1rem !important; }
.ms-n4 { margin-left: -1.5rem !important; }
.ms-n5 { margin-left: -3rem !important; }
.ms-n6 { margin-left: -4rem !important; }
.ms-n7 { margin-left: -5rem !important; }
.ms-n8 { margin-left: -6rem !important; }

.me-n1 { margin-right: -0.25rem !important; }
.me-n2 { margin-right: -0.5rem !important; }
.me-n3 { margin-right: -1rem !important; }
.me-n4 { margin-right: -1.5rem !important; }
.me-n5 { margin-right: -3rem !important; }
.me-n6 { margin-right: -4rem !important; }
.me-n7 { margin-right: -5rem !important; }
.me-n8 { margin-right: -6rem !important; }


/* ------------------------------------------
   SM (min-width: 576px)
------------------------------------------ */
@media (min-width: 576px) {
  .m-sm-n1 { margin: -0.25rem !important; }
  .m-sm-n2 { margin: -0.5rem !important; }
  .m-sm-n3 { margin: -1rem !important; }
  .m-sm-n4 { margin: -1.5rem !important; }
  .m-sm-n5 { margin: -3rem !important; }
  .m-sm-n6 { margin: -4rem !important; }
  .m-sm-n7 { margin: -5rem !important; }
  .m-sm-n8 { margin: -6rem !important; }

  .mt-sm-n1 { margin-top: -0.25rem !important; }
  .mt-sm-n2 { margin-top: -0.5rem !important; }
  .mt-sm-n3 { margin-top: -1rem !important; }
  .mt-sm-n4 { margin-top: -1.5rem !important; }
  .mt-sm-n5 { margin-top: -3rem !important; }
  .mt-sm-n6 { margin-top: -4rem !important; }
  .mt-sm-n7 { margin-top: -5rem !important; }
  .mt-sm-n8 { margin-top: -6rem !important; }

  .mb-sm-n1 { margin-bottom: -0.25rem !important; }
  .mb-sm-n2 { margin-bottom: -0.5rem !important; }
  .mb-sm-n3 { margin-bottom: -1rem !important; }
  .mb-sm-n4 { margin-bottom: -1.5rem !important; }
  .mb-sm-n5 { margin-bottom: -3rem !important; }
  .mb-sm-n6 { margin-bottom: -4rem !important; }
  .mb-sm-n7 { margin-bottom: -5rem !important; }
  .mb-sm-n8 { margin-bottom: -6rem !important; }

  .ms-sm-n1 { margin-left: -0.25rem !important; }
  .ms-sm-n2 { margin-left: -0.5rem !important; }
  .ms-sm-n3 { margin-left: -1rem !important; }
  .ms-sm-n4 { margin-left: -1.5rem !important; }
  .ms-sm-n5 { margin-left: -3rem !important; }
  .ms-sm-n6 { margin-left: -4rem !important; }
  .ms-sm-n7 { margin-left: -5rem !important; }
  .ms-sm-n8 { margin-left: -6rem !important; }

  .me-sm-n1 { margin-right: -0.25rem !important; }
  .me-sm-n2 { margin-right: -0.5rem !important; }
  .me-sm-n3 { margin-right: -1rem !important; }
  .me-sm-n4 { margin-right: -1.5rem !important; }
  .me-sm-n5 { margin-right: -3rem !important; }
  .me-sm-n6 { margin-right: -4rem !important; }
  .me-sm-n7 { margin-right: -5rem !important; }
  .me-sm-n8 { margin-right: -6rem !important; }
}

/* ------------------------------------------
   MD (min-width: 768px)
------------------------------------------ */
@media (min-width: 768px) {
  .m-md-n1 { margin: -0.25rem !important; }
  .m-md-n2 { margin: -0.5rem !important; }
  .m-md-n3 { margin: -1rem !important; }
  .m-md-n4 { margin: -1.5rem !important; }
  .m-md-n5 { margin: -3rem !important; }
  .m-md-n6 { margin: -4rem !important; }
  .m-md-n7 { margin: -5rem !important; }
  .m-md-n8 { margin: -6rem !important; }

  .mt-md-n1 { margin-top: -0.25rem !important; }
  .mt-md-n2 { margin-top: -0.5rem !important; }
  .mt-md-n3 { margin-top: -1rem !important; }
  .mt-md-n4 { margin-top: -1.5rem !important; }
  .mt-md-n5 { margin-top: -3rem !important; }
  .mt-md-n6 { margin-top: -4rem !important; }
  .mt-md-n7 { margin-top: -5rem !important; }
  .mt-md-n8 { margin-top: -6rem !important; }

  .mb-md-n1 { margin-bottom: -0.25rem !important; }
  .mb-md-n2 { margin-bottom: -0.5rem !important; }
  .mb-md-n3 { margin-bottom: -1rem !important; }
  .mb-md-n4 { margin-bottom: -1.5rem !important; }
  .mb-md-n5 { margin-bottom: -3rem !important; }
  .mb-md-n6 { margin-bottom: -4rem !important; }
  .mb-md-n7 { margin-bottom: -5rem !important; }
  .mb-md-n8 { margin-bottom: -6rem !important; }

  .ms-md-n1 { margin-left: -0.25rem !important; }
  .ms-md-n2 { margin-left: -0.5rem !important; }
  .ms-md-n3 { margin-left: -1rem !important; }
  .ms-md-n4 { margin-left: -1.5rem !important; }
  .ms-md-n5 { margin-left: -3rem !important; }
  .ms-md-n6 { margin-left: -4rem !important; }
  .ms-md-n7 { margin-left: -5rem !important; }
  .ms-md-n8 { margin-left: -6rem !important; }

  .me-md-n1 { margin-right: -0.25rem !important; }
  .me-md-n2 { margin-right: -0.5rem !important; }
  .me-md-n3 { margin-right: -1rem !important; }
  .me-md-n4 { margin-right: -1.5rem !important; }
  .me-md-n5 { margin-right: -3rem !important; }
  .me-md-n6 { margin-right: -4rem !important; }
  .me-md-n7 { margin-right: -5rem !important; }
  .me-md-n8 { margin-right: -6rem !important; }
}

/* ------------------------------------------
   LG (min-width: 992px)
------------------------------------------ */
@media (min-width: 992px) {
  .m-lg-n1 { margin: -0.25rem !important; }
  .m-lg-n2 { margin: -0.5rem !important; }
  .m-lg-n-n3 { margin: -1rem !important; }
  .m-lg-n4 { margin: -1.5rem !important; }
  .m-lg-n5 { margin: -3rem !important; }
  .m-lg-n6 { margin: -4rem !important; }
  .m-lg-n7 { margin: -5rem !important; }
  .m-lg-n8 { margin: -6rem !important; }

  .mt-lg-n1 { margin-top: -0.25rem !important; }
  .mt-lg-n2 { margin-top: -0.5rem !important; }
  .mt-lg-n3 { margin-top: -1rem !important; }
  .mt-lg-n4 { margin-top: -1.5rem !important; }
  .mt-lg-n5 { margin-top: -3rem !important; }
  .mt-lg-n6 { margin-top: -4rem !important; }
  .mt-lg-n7 { margin-top: -5rem !important; }
  .mt-lg-n8 { margin-top: -6rem !important; }

  .mb-lg-n1 { margin-bottom: -0.25rem !important; }
  .mb-lg-n2 { margin-bottom: -0.5rem !important; }
  .mb-lg-n3 { margin-bottom: -1rem !important; }
  .mb-lg-n4 { margin-bottom: -1.5rem !important; }
  .mb-lg-n5 { margin-bottom: -3rem !important; }
  .mb-lg-n6 { margin-bottom: -4rem !important; }
  .mb-lg-n7 { margin-bottom: -5rem !important; }
  .mb-lg-n8 { margin-bottom: -6rem !important; }

  .ms-lg-n1 { margin-left: -0.25rem !important; }
  .ms-lg-n2 { margin-left: -0.5rem !important; }
  .ms-lg-n3 { margin-left: -1rem !important; }
  .ms-lg-n4 { margin-left: -1.5rem !important; }
  .ms-lg-n5 { margin-left: -3rem !important; }
  .ms-lg-n6 { margin-left: -4rem !important; }
  .ms-lg-n7 { margin-left: -5rem !important; }
  .ms-lg-n8 { margin-left: -6rem !important; }

  .me-lg-n1 { margin-right: -0.25rem !important; }
  .me-lg-n2 { margin-right: -0.5rem !important; }
  .me-lg-n3 { margin-right: -1rem !important; }
  .me-lg-n4 { margin-right: -1.5rem !important; }
  .me-lg-n5 { margin-right: -3rem !important; }
  .me-lg-n6 { margin-right: -4rem !important; }
  .me-lg-n7 { margin-right: -5rem !important; }
  .me-lg-n8 { margin-right: -6rem !important; }
}

/* ------------------------------------------
   XL (min-width: 1200px)
------------------------------------------ */
@media (min-width: 1200px) {
  .m-xl-n1 { margin: -0.25rem !important; }
  .m-xl-n2 { margin: -0.5rem !important; }
  .m-xl-n3 { margin: -1rem !important; }
  .m-xl-n4 { margin: -1.5rem !important; }
  .m-xl-n5 { margin: -3rem !important; }
  .m-xl-n6 { margin: -4rem !important; }
  .m-xl-n7 { margin: -5rem !important; }
  .m-xl-n8 { margin: -6rem !important; }

  .mt-xl-n1 { margin-top: -0.25rem !important; }
  .mt-xl-n2 { margin-top: -0.5rem !important; }
  .mt-xl-n3 { margin-top: -1rem !important; }
  .mt-xl-n4 { margin-top: -1.5rem !important; }
  .mt-xl-n5 { margin-top: -3rem !important; }
  .mt-xl-n6 { margin-top: -4rem !important; }
  .mt-xl-n7 { margin-top: -5rem !important; }
  .mt-xl-n8 { margin-top: -6rem !important; }

  .mb-xl-n1 { margin-bottom: -0.25rem !important; }
  .mb-xl-n2 { margin-bottom: -0.5rem !important; }
  .mb-xl-n3 { margin-bottom: -1rem !important; }
  .mb-xl-n4 { margin-bottom: -1.5rem !important; }
  .mb-xl-n5 { margin-bottom: -3rem !important; }
  .mb-xl-n6 { margin-bottom: -4rem !important; }
  .mb-xl-n7 { margin-bottom: -5rem !important; }
  .mb-xl-n8 { margin-bottom: -6rem !important; }

  .ms-xl-n1 { margin-left: -0.25rem !important; }
  .ms-xl-n2 { margin-left: -0.5rem !important; }
  .ms-xl-n3 { margin-left: -1rem !important; }
  .ms-xl-n4 { margin-left: -1.5rem !important; }
  .ms-xl-n5 { margin-left: -3rem !important; }
  .ms-xl-n6 { margin-left: -4rem !important; }
  .ms-xl-n7 { margin-left: -5rem !important; }
  .ms-xl-n8 { margin-left: -6rem !important; }

  .me-xl-n1 { margin-right: -0.25rem !important; }
  .me-xl-n2 { margin-right: -0.5rem !important; }
  .me-xl-n3 { margin-right: -1rem !important; }
  .me-xl-n4 { margin-right: -1.5rem !important; }
  .me-xl-n5 { margin-right: -3rem !important; }
  .me-xl-n6 { margin-right: -4rem !important; }
  .me-xl-n7 { margin-right: -5rem !important; }
  .me-xl-n8 { margin-right: -6rem !important; }
}

/* ------------------------------------------
   XXL (min-width: 1400px)
------------------------------------------ */
@media (min-width: 1400px) {
  .m-xxl-n1 { margin: -0.25rem !important; }
  .m-xxl-n2 { margin: -0.5rem !important; }
  .m-xxl-n3 { margin: -1rem !important; }
  .m-xxl-n4 { margin: -1.5rem !important; }
  .m-xxl-n5 { margin: -3rem !important; }
  .m-xxl-n6 { margin: -4rem !important; }
  .m-xxl-n7 { margin: -5rem !important; }
  .m-xxl-n8 { margin: -6rem !important; }

  .mt-xxl-n1 { margin-top: -0.25rem !important; }
  .mt-xxl-n2 { margin-top: -0.5rem !important; }
  .mt-xxl-n3 { margin-top: -1rem !important; }
  .mt-xxl-n4 { margin-top: -1.5rem !important; }
  .mt-xxl-n5 { margin-top: -3rem !important; }
  .mt-xxl-n6 { margin-top: -4rem !important; }
  .mt-xxl-n7 { margin-top: -5rem !important; }
  .mt-xxl-n8 { margin-top: -6rem !important; }

  .mb-xxl-n1 { margin-bottom: -0.25rem !important; }
  .mb-xxl-n2 { margin-bottom: -0.5rem !important; }
  .mb-xxl-n3 { margin-bottom: -1rem !important; }
  .mb-xxl-n4 { margin-bottom: -1.5rem !important; }
  .mb-xxl-n5 { margin-bottom: -3rem !important; }
  .mb-xxl-n6 { margin-bottom: -4rem !important; }
  .mb-xxl-n7 { margin-bottom: -5rem !important; }
  .mb-xxl-n8 { margin-bottom: -6rem !important; }

  .ms-xxl-n1 { margin-left: -0.25rem !important; }
  .ms-xxl-n2 { margin-left: -0.5rem !important; }
  .ms-xxl-n3 { margin-left: -1rem !important; }
  .ms-xxl-n4 { margin-left: -1.5rem !important; }
  .ms-xxl-n5 { margin-left: -3rem !important; }
  .ms-xxl-n6 { margin-left: -4rem !important; }
  .ms-xxl-n7 { margin-left: -5rem !important; }
  .ms-xxl-n8 { margin-left: -6rem !important; }

  .me-xxl-n1 { margin-right: -0.25rem !important; }
  .me-xxl-n2 { margin-right: -0.5rem !important; }
  .me-xxl-n3 { margin-right: -1rem !important; }
  .me-xxl-n4 { margin-right: -1.5rem !important; }
  .me-xxl-n5 { margin-right: -3rem !important; }
  .me-xxl-n6 { margin-right: -4rem !important; }
  .me-xxl-n7 { margin-right: -5rem !important; }
  .me-xxl-n8 { margin-right: -6rem !important; }
}