.m-0 {
  margin: 0 !important;
}

.mt-0, .my-0 {
  margin-block-start: 0 !important;
}

.me-0, .mx-0 {
  margin-inline-end: 0 !important;
}

.mb-0, .my-0 {
  margin-block-end: 0 !important;
}

.ms-0, .mx-0 {
  margin-inline-start: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1, .my-1 {
  margin-block-start: 0.25rem !important;
}

.me-1, .mx-1 {
  margin-inline-end: 0.25rem !important;
}

.mb-1, .my-1 {
  margin-block-end: 0.25rem !important;
}

.ms-1, .mx-1 {
  margin-inline-start: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2, .my-2 {
  margin-block-start: 0.5rem !important;
}

.me-2, .mx-2 {
  margin-inline-end: 0.5rem !important;
}

.mb-2, .my-2 {
  margin-block-end: 0.5rem !important;
}

.ms-2, .mx-2 {
  margin-inline-start: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3, .my-3 {
  margin-block-start: 1rem !important;
}

.me-3, .mx-3 {
  margin-inline-end: 1rem !important;
}

.mb-3, .my-3 {
  margin-block-end: 1rem !important;
}

.ms-3, .mx-3 {
  margin-inline-start: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4, .my-4 {
  margin-block-start: 1.5rem !important;
}

.me-4, .mx-4 {
  margin-inline-end: 1.5rem !important;
}

.mb-4, .my-4 {
  margin-block-end: 1.5rem !important;
}

.ms-4, .mx-4 {
  margin-inline-start: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5, .my-5 {
  margin-block-start: 3rem !important;
}

.me-5, .mx-5 {
  margin-inline-end: 3rem !important;
}

.mb-5, .my-5 {
  margin-block-end: 3rem !important;
}

.ms-5, .mx-5 {
  margin-inline-start: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto, .my-auto {
  margin-block-start: auto !important;
}

.me-auto, .mx-auto {
  margin-inline-end: auto !important;
}

.mb-auto, .my-auto {
  margin-block-end: auto !important;
}

.ms-auto, .mx-auto {
  margin-inline-start: auto !important;
}

@media (min-width: 375px) {
  .m-xs-0 {
    margin: 0 !important;
  }

  .mt-xs-0, .my-xs-0 {
    margin-block-start: 0 !important;
  }

  .me-xs-0, .mx-xs-0 {
    margin-inline-end: 0 !important;
  }

  .mb-xs-0, .my-xs-0 {
    margin-block-end: 0 !important;
  }

  .ms-xs-0, .mx-xs-0 {
    margin-inline-start: 0 !important;
  }

  .m-xs-1 {
    margin: 0.25rem !important;
  }

  .mt-xs-1, .my-xs-1 {
    margin-block-start: 0.25rem !important;
  }

  .me-xs-1, .mx-xs-1 {
    margin-inline-end: 0.25rem !important;
  }

  .mb-xs-1, .my-xs-1 {
    margin-block-end: 0.25rem !important;
  }

  .ms-xs-1, .mx-xs-1 {
    margin-inline-start: 0.25rem !important;
  }

  .m-xs-2 {
    margin: 0.5rem !important;
  }

  .mt-xs-2, .my-xs-2 {
    margin-block-start: 0.5rem !important;
  }

  .me-xs-2, .mx-xs-2 {
    margin-inline-end: 0.5rem !important;
  }

  .mb-xs-2, .my-xs-2 {
    margin-block-end: 0.5rem !important;
  }

  .ms-xs-2, .mx-xs-2 {
    margin-inline-start: 0.5rem !important;
  }

  .m-xs-3 {
    margin: 1rem !important;
  }

  .mt-xs-3, .my-xs-3 {
    margin-block-start: 1rem !important;
  }

  .me-xs-3, .mx-xs-3 {
    margin-inline-end: 1rem !important;
  }

  .mb-xs-3, .my-xs-3 {
    margin-block-end: 1rem !important;
  }

  .ms-xs-3, .mx-xs-3 {
    margin-inline-start: 1rem !important;
  }

  .m-xs-4 {
    margin: 1.5rem !important;
  }

  .mt-xs-4, .my-xs-4 {
    margin-block-start: 1.5rem !important;
  }

  .me-xs-4, .mx-xs-4 {
    margin-inline-end: 1.5rem !important;
  }

  .mb-xs-4, .my-xs-4 {
    margin-block-end: 1.5rem !important;
  }

  .ms-xs-4, .mx-xs-4 {
    margin-inline-start: 1.5rem !important;
  }

  .m-xs-5 {
    margin: 3rem !important;
  }

  .mt-xs-5, .my-xs-5 {
    margin-block-start: 3rem !important;
  }

  .me-xs-5, .mx-xs-5 {
    margin-inline-end: 3rem !important;
  }

  .mb-xs-5, .my-xs-5 {
    margin-block-end: 3rem !important;
  }

  .ms-xs-5, .mx-xs-5 {
    margin-inline-start: 3rem !important;
  }

  .m-xs-auto {
    margin: auto !important;
  }

  .mt-xs-auto, .my-xs-auto {
    margin-block-start: auto !important;
  }

  .me-xs-auto, .mx-xs-auto {
    margin-inline-end: auto !important;
  }

  .mb-xs-auto, .my-xs-auto {
    margin-block-end: auto !important;
  }

  .ms-xs-auto, .mx-xs-auto {
    margin-inline-start: auto !important;
  }
}

@media (min-width: 576px) {
  .mg-sm-0 {
    margin: 0px;
  }

  .mg-sm-y-0 {
    margin-block-start: 0px;
    margin-block-end: 0px;
  }

  .mg-sm-x-0 {
    margin-inline-start: 0px;
    margin-inline-end: 0px;
  }

  .mg-sm-t-0 {
    margin-block-start: 0px !important;
  }

  .mg-sm-e-0 {
    margin-inline-end: 0px;
  }

  .mg-sm-b-0 {
    margin-block-end: 0px !important;
  }

  .mg-sm-s-0 {
    margin-inline-start: 0px;
  }

  .mg-sm-1 {
    margin: 1px;
  }

  .mg-sm-y-1 {
    margin-block-start: 1px;
    margin-block-end: 1px;
  }

  .mg-sm-x-1 {
    margin-inline-start: 1px;
    margin-inline-end: 1px;
  }

  .mg-sm-t-1 {
    margin-block-start: 1px;
  }

  .mg-sm-e-1 {
    margin-inline-end: 1px;
  }

  .mg-sm-b-1 {
    margin-block-end: 1px;
  }

  .mg-sm-s-1 {
    margin-inline-start: 1px;
  }

  .mg-sm-2 {
    margin: 2px;
  }

  .mg-sm-y-2 {
    margin-block-start: 2px;
    margin-block-end: 2px;
  }

  .mg-sm-x-2 {
    margin-inline-start: 2px;
    margin-inline-end: 2px;
  }

  .mg-sm-t-2 {
    margin-block-start: 2px;
  }

  .mg-sm-e-2 {
    margin-inline-end: 2px;
  }

  .mg-sm-b-2 {
    margin-block-end: 2px;
  }

  .mg-sm-s-2 {
    margin-inline-start: 2px;
  }

  .mg-sm-3 {
    margin: 3px;
  }

  .mg-sm-y-3 {
    margin-block-start: 3px;
    margin-block-end: 3px;
  }

  .mg-sm-x-3 {
    margin-inline-start: 3px;
    margin-inline-end: 3px;
  }

  .mg-sm-t-3 {
    margin-block-start: 3px;
  }

  .mg-sm-e-3 {
    margin-inline-end: 3px;
  }

  .mg-sm-b-3 {
    margin-block-end: 3px;
  }

  .mg-sm-s-3 {
    margin-inline-start: 3px;
  }

  .mg-sm-4 {
    margin: 4px;
  }

  .mg-sm-y-4 {
    margin-block-start: 4px;
    margin-block-end: 4px;
  }

  .mg-sm-x-4 {
    margin-inline-start: 4px;
    margin-inline-end: 4px;
  }

  .mg-sm-t-4 {
    margin-block-start: 4px;
  }

  .mg-sm-e-4 {
    margin-inline-end: 4px;
  }

  .mg-sm-b-4 {
    margin-block-end: 4px;
  }

  .mg-sm-s-4 {
    margin-inline-start: 4px;
  }

  .mg-sm-5 {
    margin: 5px;
  }

  .mg-sm-y-5 {
    margin-block-start: 5px;
    margin-block-end: 5px;
  }

  .mg-sm-x-5 {
    margin-inline-start: 5px;
    margin-inline-end: 5px;
  }

  .mg-sm-t-5 {
    margin-block-start: 5px;
  }

  .mg-sm-e-5 {
    margin-inline-end: 5px;
  }

  .mg-sm-b-5 {
    margin-block-end: 5px;
  }

  .mg-sm-s-5 {
    margin-inline-start: 5px;
  }

  .mg-sm-6 {
    margin: 6px;
  }

  .mg-sm-y-6 {
    margin-block-start: 6px;
    margin-block-end: 6px;
  }

  .mg-sm-x-6 {
    margin-inline-start: 6px;
    margin-inline-end: 6px;
  }

  .mg-sm-t-6 {
    margin-block-start: 6px;
  }

  .mg-sm-e-6 {
    margin-inline-end: 6px;
  }

  .mg-sm-b-6 {
    margin-block-end: 6px;
  }

  .mg-sm-s-6 {
    margin-inline-start: 6px;
  }

  .mg-sm-7 {
    margin: 7px;
  }

  .mg-sm-y-7 {
    margin-block-start: 7px;
    margin-block-end: 7px;
  }

  .mg-sm-x-7 {
    margin-inline-start: 7px;
    margin-inline-end: 7px;
  }

  .mg-sm-t-7 {
    margin-block-start: 7px;
  }

  .mg-sm-e-7 {
    margin-inline-end: 7px;
  }

  .mg-sm-b-7 {
    margin-block-end: 7px;
  }

  .mg-sm-s-7 {
    margin-inline-start: 7px;
  }

  .mg-sm-8 {
    margin: 8px;
  }

  .mg-sm-y-8 {
    margin-block-start: 8px;
    margin-block-end: 8px;
  }

  .mg-sm-x-8 {
    margin-inline-start: 8px;
    margin-inline-end: 8px;
  }

  .mg-sm-t-8 {
    margin-block-start: 8px;
  }

  .mg-sm-e-8 {
    margin-inline-end: 8px;
  }

  .mg-sm-b-8 {
    margin-block-end: 8px;
  }

  .mg-sm-s-8 {
    margin-inline-start: 8px;
  }

  .mg-sm-9 {
    margin: 9px;
  }

  .mg-sm-y-9 {
    margin-block-start: 9px;
    margin-block-end: 9px;
  }

  .mg-sm-x-9 {
    margin-inline-start: 9px;
    margin-inline-end: 9px;
  }

  .mg-sm-t-9 {
    margin-block-start: 9px;
  }

  .mg-sm-e-9 {
    margin-inline-end: 9px;
  }

  .mg-sm-b-9 {
    margin-block-end: 9px;
  }

  .mg-sm-s-9 {
    margin-inline-start: 9px;
  }

  .mg-sm-10 {
    margin: 10px;
  }

  .mg-sm-y-10 {
    margin-block-start: 10px;
    margin-block-end: 10px;
  }

  .mg-sm-x-10 {
    margin-inline-start: 10px;
    margin-inline-end: 10px;
  }

  .mg-sm-t-10 {
    margin-block-start: 10px;
  }

  .mg-sm-e-10 {
    margin-inline-end: 10px;
  }

  .mg-sm-b-10 {
    margin-block-end: 10px;
  }

  .mg-sm-s-10 {
    margin-inline-start: 10px;
  }

  .mg-sm-15 {
    margin: 15px;
  }

  .mg-sm-y-15 {
    margin-block-start: 15px;
    margin-block-end: 15px;
  }

  .mg-sm-x-15 {
    margin-inline-start: 15px;
    margin-inline-end: 15px;
  }

  .mg-sm-t-15 {
    margin-block-start: 15px;
  }

  .mg-sm-e-15 {
    margin-inline-end: 15px;
  }

  .mg-sm-b-15 {
    margin-block-end: 15px;
  }

  .mg-sm-s-15 {
    margin-inline-start: 15px;
  }

  .mg-sm-20 {
    margin: 20px;
  }

  .mg-sm-y-20 {
    margin-block-start: 20px;
    margin-block-end: 20px;
  }

  .mg-sm-x-20 {
    margin-inline-start: 20px;
    margin-inline-end: 20px;
  }

  .mg-sm-t-20 {
    margin-block-start: 20px;
  }

  .mg-sm-e-20 {
    margin-inline-end: 20px;
  }

  .mg-sm-b-20 {
    margin-block-end: 20px;
  }

  .mg-sm-s-20 {
    margin-inline-start: 20px;
  }

  .mg-sm-25 {
    margin: 25px;
  }

  .mg-sm-y-25 {
    margin-block-start: 25px;
    margin-block-end: 25px;
  }

  .mg-sm-x-25 {
    margin-inline-start: 25px;
    margin-inline-end: 25px;
  }

  .mg-sm-t-25 {
    margin-block-start: 25px;
  }

  .mg-sm-e-25 {
    margin-inline-end: 25px;
  }

  .mg-sm-b-25 {
    margin-block-end: 25px;
  }

  .mg-sm-s-25 {
    margin-inline-start: 25px;
  }

  .mg-sm-30 {
    margin: 30px;
  }

  .mg-sm-y-30 {
    margin-block-start: 30px;
    margin-block-end: 30px;
  }

  .mg-sm-x-30 {
    margin-inline-start: 30px;
    margin-inline-end: 30px;
  }

  .mg-sm-t-30 {
    margin-block-start: 30px;
  }

  .mg-sm-e-30 {
    margin-inline-end: 30px;
  }

  .mg-sm-b-30 {
    margin-block-end: 30px;
  }

  .mg-sm-s-30 {
    margin-inline-start: 30px;
  }

  .mg-sm-35 {
    margin: 35px;
  }

  .mg-sm-y-35 {
    margin-block-start: 35px;
    margin-block-end: 35px;
  }

  .mg-sm-x-35 {
    margin-inline-start: 35px;
    margin-inline-end: 35px;
  }

  .mg-sm-t-35 {
    margin-block-start: 35px;
  }

  .mg-sm-e-35 {
    margin-inline-end: 35px;
  }

  .mg-sm-b-35 {
    margin-block-end: 35px;
  }

  .mg-sm-s-35 {
    margin-inline-start: 35px;
  }

  .mg-sm-40 {
    margin: 40px;
  }

  .mg-sm-y-40 {
    margin-block-start: 40px;
    margin-block-end: 40px;
  }

  .mg-sm-x-40 {
    margin-inline-start: 40px;
    margin-inline-end: 40px;
  }

  .mg-sm-t-40 {
    margin-block-start: 40px;
  }

  .mg-sm-e-40 {
    margin-inline-end: 40px;
  }

  .mg-sm-b-40 {
    margin-block-end: 40px;
  }

  .mg-sm-s-40 {
    margin-inline-start: 40px;
  }

  .mg-sm-t-auto {
    margin-block-start: auto;
  }

  .mg-sm-e-auto {
    margin-inline-end: auto;
  }

  .mg-sm-b-auto {
    margin-block-end: auto;
  }

  .mg-sm-s-auto {
    margin-inline-start: auto;
  }

  .mg-sm-auto {
    margin: auto;
  }

  .mg-sm-x-auto {
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }

  .mt-sm-0, .my-sm-0 {
    margin-block-start: 0 !important;
  }

  .me-sm-0, .mx-sm-0 {
    margin-inline-end: 0 !important;
  }

  .mb-sm-0, .my-sm-0 {
    margin-block-end: 0 !important;
  }

  .ms-sm-0, .mx-sm-0 {
    margin-inline-start: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .mt-sm-1, .my-sm-1 {
    margin-block-start: 0.25rem !important;
  }

  .me-sm-1, .mx-sm-1 {
    margin-inline-end: 0.25rem !important;
  }

  .mb-sm-1, .my-sm-1 {
    margin-block-end: 0.25rem !important;
  }

  .ms-sm-1, .mx-sm-1 {
    margin-inline-start: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .mt-sm-2, .my-sm-2 {
    margin-block-start: 0.5rem !important;
  }

  .me-sm-2, .mx-sm-2 {
    margin-inline-end: 0.5rem !important;
  }

  .mb-sm-2, .my-sm-2 {
    margin-block-end: 0.5rem !important;
  }

  .ms-sm-2, .mx-sm-2 {
    margin-inline-start: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .mt-sm-3, .my-sm-3 {
    margin-block-start: 1rem !important;
  }

  .me-sm-3, .mx-sm-3 {
    margin-inline-end: 1rem !important;
  }

  .mb-sm-3, .my-sm-3 {
    margin-block-end: 1rem !important;
  }

  .ms-sm-3, .mx-sm-3 {
    margin-inline-start: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .mt-sm-4, .my-sm-4 {
    margin-block-start: 1.5rem !important;
  }

  .me-sm-4, .mx-sm-4 {
    margin-inline-end: 1.5rem !important;
  }

  .mb-sm-4, .my-sm-4 {
    margin-block-end: 1.5rem !important;
  }

  .ms-sm-4, .mx-sm-4 {
    margin-inline-start: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .mt-sm-5, .my-sm-5 {
    margin-block-start: 3rem !important;
  }

  .me-sm-5, .mx-sm-5 {
    margin-inline-end: 3rem !important;
  }

  .mb-sm-5, .my-sm-5 {
    margin-block-end: 3rem !important;
  }

  .ms-sm-5, .mx-sm-5 {
    margin-inline-start: 3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mt-sm-auto, .my-sm-auto {
    margin-block-start: auto !important;
  }

  .me-sm-auto, .mx-sm-auto {
    margin-inline-end: auto !important;
  }

  .mb-sm-auto, .my-sm-auto {
    margin-block-end: auto !important;
  }

  .ms-sm-auto, .mx-sm-auto {
    margin-inline-start: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }

  .mt-md-0, .my-md-0 {
    margin-block-start: 0 !important;
  }

  .me-md-0, .mx-md-0 {
    margin-inline-end: 0 !important;
  }

  .mb-md-0, .my-md-0 {
    margin-block-end: 0 !important;
  }

  .ms-md-0, .mx-md-0 {
    margin-inline-start: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .mt-md-1, .my-md-1 {
    margin-block-start: 0.25rem !important;
  }

  .me-md-1, .mx-md-1 {
    margin-inline-end: 0.25rem !important;
  }

  .mb-md-1, .my-md-1 {
    margin-block-end: 0.25rem !important;
  }

  .ms-md-1, .mx-md-1 {
    margin-inline-start: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .mt-md-2, .my-md-2 {
    margin-block-start: 0.5rem !important;
  }

  .me-md-2, .mx-md-2 {
    margin-inline-end: 0.5rem !important;
  }

  .mb-md-2, .my-md-2 {
    margin-block-end: 0.5rem !important;
  }

  .ms-md-2, .mx-md-2 {
    margin-inline-start: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .mt-md-3, .my-md-3 {
    margin-block-start: 1rem !important;
  }

  .me-md-3, .mx-md-3 {
    margin-inline-end: 1rem !important;
  }

  .mb-md-3, .my-md-3 {
    margin-block-end: 1rem !important;
  }

  .ms-md-3, .mx-md-3 {
    margin-inline-start: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .mt-md-4, .my-md-4 {
    margin-block-start: 1.5rem !important;
  }

  .me-md-4, .mx-md-4 {
    margin-inline-end: 1.5rem !important;
  }

  .mb-md-4, .my-md-4 {
    margin-block-end: 1.5rem !important;
  }

  .ms-md-4, .mx-md-4 {
    margin-inline-start: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .mt-md-5, .my-md-5 {
    margin-block-start: 3rem !important;
  }

  .me-md-5, .mx-md-5 {
    margin-inline-end: 3rem !important;
  }

  .mb-md-5, .my-md-5 {
    margin-block-end: 3rem !important;
  }

  .ms-md-5, .mx-md-5 {
    margin-inline-start: 3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mt-md-auto, .my-md-auto {
    margin-block-start: auto !important;
  }

  .me-md-auto, .mx-md-auto {
    margin-inline-end: auto !important;
  }

  .mb-md-auto, .my-md-auto {
    margin-block-end: auto !important;
  }

  .ms-md-auto, .mx-md-auto {
    margin-inline-start: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }

  .mt-lg-0, .my-lg-0 {
    margin-block-start: 0 !important;
  }

  .me-lg-0, .mx-lg-0 {
    margin-inline-end: 0 !important;
  }

  .mb-lg-0, .my-lg-0 {
    margin-block-end: 0 !important;
  }

  .ms-lg-0, .mx-lg-0 {
    margin-inline-start: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .mt-lg-1, .my-lg-1 {
    margin-block-start: 0.25rem !important;
  }

  .me-lg-1, .mx-lg-1 {
    margin-inline-end: 0.25rem !important;
  }

  .mb-lg-1, .my-lg-1 {
    margin-block-end: 0.25rem !important;
  }

  .ms-lg-1, .mx-lg-1 {
    margin-inline-start: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .mt-lg-2, .my-lg-2 {
    margin-block-start: 0.5rem !important;
  }

  .me-lg-2, .mx-lg-2 {
    margin-inline-end: 0.5rem !important;
  }

  .mb-lg-2, .my-lg-2 {
    margin-block-end: 0.5rem !important;
  }

  .ms-lg-2, .mx-lg-2 {
    margin-inline-start: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .mt-lg-3, .my-lg-3 {
    margin-block-start: 1rem !important;
  }

  .me-lg-3, .mx-lg-3 {
    margin-inline-end: 1rem !important;
  }

  .mb-lg-3, .my-lg-3 {
    margin-block-end: 1rem !important;
  }

  .ms-lg-3, .mx-lg-3 {
    margin-inline-start: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .mt-lg-4, .my-lg-4 {
    margin-block-start: 1.5rem !important;
  }

  .me-lg-4, .mx-lg-4 {
    margin-inline-end: 1.5rem !important;
  }

  .mb-lg-4, .my-lg-4 {
    margin-block-end: 1.5rem !important;
  }

  .ms-lg-4, .mx-lg-4 {
    margin-inline-start: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .mt-lg-5, .my-lg-5 {
    margin-block-start: 3rem !important;
  }

  .me-lg-5, .mx-lg-5 {
    margin-inline-end: 3rem !important;
  }

  .mb-lg-5, .my-lg-5 {
    margin-block-end: 3rem !important;
  }

  .ms-lg-5, .mx-lg-5 {
    margin-inline-start: 3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mt-lg-auto, .my-lg-auto {
    margin-block-start: auto !important;
  }

  .me-lg-auto, .mx-lg-auto {
    margin-inline-end: auto !important;
  }

  .mb-lg-auto, .my-lg-auto {
    margin-block-end: auto !important;
  }

  .ms-lg-auto, .mx-lg-auto {
    margin-inline-start: auto !important;
  }
}

@media (min-width: 992px) {
  .mg-lg-0 {
    margin: 0px;
  }

  .mg-lg-y-0 {
    margin-block-start: 0px;
    margin-block-end: 0px;
  }

  .mg-lg-x-0 {
    margin-inline-start: 0px;
    margin-inline-end: 0px;
  }

  .mg-lg-t-0 {
    margin-block-start: 0px !important;
  }

  .mg-lg-r-0 {
    margin-inline-end: 0px;
  }

  .mg-lg-b-0 {
    margin-block-end: 0px;
  }

  .mg-lg-l-0 {
    margin-inline-start: 0px;
  }

  .mg-lg-1 {
    margin: 1px;
  }

  .mg-lg-y-1 {
    margin-block-start: 1px;
    margin-block-end: 1px;
  }

  .mg-lg-x-1 {
    margin-inline-start: 1px;
    margin-inline-end: 1px;
  }

  .mg-lg-t-1 {
    margin-block-start: 1px;
  }

  .mg-lg-r-1 {
    margin-inline-end: 1px;
  }

  .mg-lg-b-1 {
    margin-block-end: 1px;
  }

  .mg-lg-l-1 {
    margin-inline-start: 1px;
  }

  .mg-lg-2 {
    margin: 2px;
  }

  .mg-lg-y-2 {
    margin-block-start: 2px;
    margin-block-end: 2px;
  }

  .mg-lg-x-2 {
    margin-inline-start: 2px;
    margin-inline-end: 2px;
  }

  .mg-lg-t-2 {
    margin-block-start: 2px;
  }

  .mg-lg-r-2 {
    margin-inline-end: 2px;
  }

  .mg-lg-b-2 {
    margin-block-end: 2px;
  }

  .mg-lg-l-2 {
    margin-inline-start: 2px;
  }

  .mg-lg-3 {
    margin: 3px;
  }

  .mg-lg-y-3 {
    margin-block-start: 3px;
    margin-block-end: 3px;
  }

  .mg-lg-x-3 {
    margin-inline-start: 3px;
    margin-inline-end: 3px;
  }

  .mg-lg-t-3 {
    margin-block-start: 3px;
  }

  .mg-lg-r-3 {
    margin-inline-end: 3px;
  }

  .mg-lg-b-3 {
    margin-block-end: 3px;
  }

  .mg-lg-l-3 {
    margin-inline-start: 3px;
  }

  .mg-lg-4 {
    margin: 4px;
  }

  .mg-lg-y-4 {
    margin-block-start: 4px;
    margin-block-end: 4px;
  }

  .mg-lg-x-4 {
    margin-inline-start: 4px;
    margin-inline-end: 4px;
  }

  .mg-lg-t-4 {
    margin-block-start: 4px;
  }

  .mg-lg-r-4 {
    margin-inline-end: 4px;
  }

  .mg-lg-b-4 {
    margin-block-end: 4px;
  }

  .mg-lg-l-4 {
    margin-inline-start: 4px;
  }

  .mg-lg-5 {
    margin: 5px;
  }

  .mg-lg-y-5 {
    margin-block-start: 5px;
    margin-block-end: 5px;
  }

  .mg-lg-x-5 {
    margin-inline-start: 5px;
    margin-inline-end: 5px;
  }

  .mg-lg-t-5 {
    margin-block-start: 5px;
  }

  .mg-lg-r-5 {
    margin-inline-end: 5px;
  }

  .mg-lg-b-5 {
    margin-block-end: 5px;
  }

  .mg-lg-l-5 {
    margin-inline-start: 5px;
  }

  .mg-lg-6 {
    margin: 6px;
  }

  .mg-lg-y-6 {
    margin-block-start: 6px;
    margin-block-end: 6px;
  }

  .mg-lg-x-6 {
    margin-inline-start: 6px;
    margin-inline-end: 6px;
  }

  .mg-lg-t-6 {
    margin-block-start: 6px;
  }

  .mg-lg-r-6 {
    margin-inline-end: 6px;
  }

  .mg-lg-b-6 {
    margin-block-end: 6px;
  }

  .mg-lg-l-6 {
    margin-inline-start: 6px;
  }

  .mg-lg-7 {
    margin: 7px;
  }

  .mg-lg-y-7 {
    margin-block-start: 7px;
    margin-block-end: 7px;
  }

  .mg-lg-x-7 {
    margin-inline-start: 7px;
    margin-inline-end: 7px;
  }

  .mg-lg-t-7 {
    margin-block-start: 7px;
  }

  .mg-lg-r-7 {
    margin-inline-end: 7px;
  }

  .mg-lg-b-7 {
    margin-block-end: 7px;
  }

  .mg-lg-l-7 {
    margin-inline-start: 7px;
  }

  .mg-lg-8 {
    margin: 8px;
  }

  .mg-lg-y-8 {
    margin-block-start: 8px;
    margin-block-end: 8px;
  }

  .mg-lg-x-8 {
    margin-inline-start: 8px;
    margin-inline-end: 8px;
  }

  .mg-lg-t-8 {
    margin-block-start: 8px;
  }

  .mg-lg-r-8 {
    margin-inline-end: 8px;
  }

  .mg-lg-b-8 {
    margin-block-end: 8px;
  }

  .mg-lg-l-8 {
    margin-inline-start: 8px;
  }

  .mg-lg-9 {
    margin: 9px;
  }

  .mg-lg-y-9 {
    margin-block-start: 9px;
    margin-block-end: 9px;
  }

  .mg-lg-x-9 {
    margin-inline-start: 9px;
    margin-inline-end: 9px;
  }

  .mg-lg-t-9 {
    margin-block-start: 9px;
  }

  .mg-lg-r-9 {
    margin-inline-end: 9px;
  }

  .mg-lg-b-9 {
    margin-block-end: 9px;
  }

  .mg-lg-l-9 {
    margin-inline-start: 9px;
  }

  .mg-lg-10 {
    margin: 10px;
  }

  .mg-lg-y-10 {
    margin-block-start: 10px;
    margin-block-end: 10px;
  }

  .mg-lg-x-10 {
    margin-inline-start: 10px;
    margin-inline-end: 10px;
  }

  .mg-lg-t-10 {
    margin-block-start: 10px;
  }

  .mg-lg-r-10 {
    margin-inline-end: 10px;
  }

  .mg-lg-b-10 {
    margin-block-end: 10px;
  }

  .mg-lg-l-10 {
    margin-inline-start: 10px;
  }

  .mg-lg-15 {
    margin: 15px;
  }

  .mg-lg-y-15 {
    margin-block-start: 15px;
    margin-block-end: 15px;
  }

  .mg-lg-x-15 {
    margin-inline-start: 15px;
    margin-inline-end: 15px;
  }

  .mg-lg-t-15 {
    margin-block-start: 15px;
  }

  .mg-lg-r-15 {
    margin-inline-end: 15px;
  }

  .mg-lg-b-15 {
    margin-block-end: 15px;
  }

  .mg-lg-l-15 {
    margin-inline-start: 15px;
  }

  .mg-lg-20 {
    margin: 20px;
  }

  .mg-lg-y-20 {
    margin-block-start: 20px;
    margin-block-end: 20px;
  }

  .mg-lg-x-20 {
    margin-inline-start: 20px;
    margin-inline-end: 20px;
  }

  .mg-lg-t-20 {
    margin-block-start: 20px;
  }

  .mg-lg-r-20 {
    margin-inline-end: 20px;
  }

  .mg-lg-b-20 {
    margin-block-end: 20px;
  }

  .mg-lg-l-20 {
    margin-inline-start: 20px;
  }

  .mg-lg-25 {
    margin: 25px;
  }

  .mg-lg-y-25 {
    margin-block-start: 25px;
    margin-block-end: 25px;
  }

  .mg-lg-x-25 {
    margin-inline-start: 25px;
    margin-inline-end: 25px;
  }

  .mg-lg-t-25 {
    margin-block-start: 25px;
  }

  .mg-lg-r-25 {
    margin-inline-end: 25px;
  }

  .mg-lg-b-25 {
    margin-block-end: 25px;
  }

  .mg-lg-l-25 {
    margin-inline-start: 25px;
  }

  .mg-lg-30 {
    margin: 30px;
  }

  .mg-lg-y-30 {
    margin-block-start: 30px;
    margin-block-end: 30px;
  }

  .mg-lg-x-30 {
    margin-inline-start: 30px;
    margin-inline-end: 30px;
  }

  .mg-lg-t-30 {
    margin-block-start: 30px;
  }

  .mg-lg-r-30 {
    margin-inline-end: 30px;
  }

  .mg-lg-b-30 {
    margin-block-end: 30px;
  }

  .mg-lg-l-30 {
    margin-inline-start: 30px;
  }

  .mg-lg-35 {
    margin: 35px;
  }

  .mg-lg-y-35 {
    margin-block-start: 35px;
    margin-block-end: 35px;
  }

  .mg-lg-x-35 {
    margin-inline-start: 35px;
    margin-inline-end: 35px;
  }

  .mg-lg-t-35 {
    margin-block-start: 35px;
  }

  .mg-lg-r-35 {
    margin-inline-end: 35px;
  }

  .mg-lg-b-35 {
    margin-block-end: 35px;
  }

  .mg-lg-l-35 {
    margin-inline-start: 35px;
  }

  .mg-lg-40 {
    margin: 40px;
  }

  .mg-lg-y-40 {
    margin-block-start: 40px;
    margin-block-end: 40px;
  }

  .mg-lg-x-40 {
    margin-inline-start: 40px;
    margin-inline-end: 40px;
  }

  .mg-lg-t-40 {
    margin-block-start: 40px;
  }

  .mg-lg-r-40 {
    margin-inline-end: 40px;
  }

  .mg-lg-b-40 {
    margin-block-end: 40px;
  }

  .mg-lg-l-40 {
    margin-inline-start: 40px;
  }

  .mg-lg-t-auto {
    margin-block-start: auto;
  }

  .mg-lg-r-auto {
    margin-inline-end: auto;
  }

  .mg-lg-b-auto {
    margin-block-end: auto;
  }

  .mg-lg-l-auto {
    margin-inline-start: auto;
  }

  .mg-lg-auto {
    margin: auto;
  }

  .mg-lg-x-auto {
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }

  .mt-xl-0, .my-xl-0 {
    margin-block-start: 0 !important;
  }

  .me-xl-0, .mx-xl-0 {
    margin-inline-end: 0 !important;
  }

  .mb-xl-0, .my-xl-0 {
    margin-block-end: 0 !important;
  }

  .ms-xl-0, .mx-xl-0 {
    margin-inline-start: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .mt-xl-1, .my-xl-1 {
    margin-block-start: 0.25rem !important;
  }

  .me-xl-1, .mx-xl-1 {
    margin-inline-end: 0.25rem !important;
  }

  .mb-xl-1, .my-xl-1 {
    margin-block-end: 0.25rem !important;
  }

  .ms-xl-1, .mx-xl-1 {
    margin-inline-start: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .mt-xl-2, .my-xl-2 {
    margin-block-start: 0.5rem !important;
  }

  .me-xl-2, .mx-xl-2 {
    margin-inline-end: 0.5rem !important;
  }

  .mb-xl-2, .my-xl-2 {
    margin-block-end: 0.5rem !important;
  }

  .ms-xl-2, .mx-xl-2 {
    margin-inline-start: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .mt-xl-3, .my-xl-3 {
    margin-block-start: 1rem !important;
  }

  .me-xl-3, .mx-xl-3 {
    margin-inline-end: 1rem !important;
  }

  .mb-xl-3, .my-xl-3 {
    margin-block-end: 1rem !important;
  }

  .ms-xl-3, .mx-xl-3 {
    margin-inline-start: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .mt-xl-4, .my-xl-4 {
    margin-block-start: 1.5rem !important;
  }

  .me-xl-4, .mx-xl-4 {
    margin-inline-end: 1.5rem !important;
  }

  .mb-xl-4, .my-xl-4 {
    margin-block-end: 1.5rem !important;
  }

  .ms-xl-4, .mx-xl-4 {
    margin-inline-start: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .mt-xl-5, .my-xl-5 {
    margin-block-start: 3rem !important;
  }

  .me-xl-5, .mx-xl-5 {
    margin-inline-end: 3rem !important;
  }

  .mb-xl-5, .my-xl-5 {
    margin-block-end: 3rem !important;
  }

  .ms-xl-5, .mx-xl-5 {
    margin-inline-start: 3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mt-xl-auto, .my-xl-auto {
    margin-block-start: auto !important;
  }

  .me-xl-auto, .mx-xl-auto {
    margin-inline-end: auto !important;
  }

  .mb-xl-auto, .my-xl-auto {
    margin-block-end: auto !important;
  }

  .ms-xl-auto, .mx-xl-auto {
    margin-inline-start: auto !important;
  }
}

/* ###### 9.4 Margin   ###### */

.mg-0 {
  margin: 0px;
}

.mg-y-0 {
  margin-block-start: 0px;
  margin-block-end: 0px;
}

.mg-x-0 {
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

.mg-t-0 {
  margin-block-start: 0px;
}

.mg-e-0 {
  margin-inline-end: 0px;
}

.mg-b-0 {
  margin-block-end: 0px;
}

.mg-s-0 {
  margin-inline-start: 0px;
}

.mg-1 {
  margin: 1px;
}

.mg-y-1 {
  margin-block-start: 1px;
  margin-block-end: 1px;
}

.mg-x-1 {
  margin-inline-start: 1px;
  margin-inline-end: 1px;
}

.mg-t-1 {
  margin-block-start: 1px;
}

.mg-e-1 {
  margin-inline-end: 1px;
}

.mg-b-1 {
  margin-block-end: 1px;
}

.mg-s-1 {
  margin-inline-start: 1px;
}

.mg-2 {
  margin: 2px;
}

.mg-y-2 {
  margin-block-start: 2px;
  margin-block-end: 2px;
}

.mg-x-2 {
  margin-inline-start: 2px;
  margin-inline-end: 2px;
}

.mg-t-2 {
  margin-block-start: 2px;
}

.mg-e-2 {
  margin-inline-end: 2px;
}

.mg-b-2 {
  margin-block-end: 2px;
}

.mg-s-2 {
  margin-inline-start: 2px;
}

.mg-3 {
  margin: 3px;
}

.mg-y-3 {
  margin-block-start: 3px;
  margin-block-end: 3px;
}

.mg-x-3 {
  margin-inline-start: 3px;
  margin-inline-end: 3px;
}

.mg-t-3 {
  margin-block-start: 3px;
}

.mg-e-3 {
  margin-inline-end: 3px;
}

.mg-b-3 {
  margin-block-end: 3px;
}

.mg-s-3 {
  margin-inline-start: 3px;
}

.mg-4 {
  margin: 4px;
}

.mg-y-4 {
  margin-block-start: 4px;
  margin-block-end: 4px;
}

.mg-x-4 {
  margin-inline-start: 4px;
  margin-inline-end: 4px;
}

.mg-t-4 {
  margin-block-start: 4px;
}

.mg-e-4 {
  margin-inline-end: 4px;
}

.mg-b-4 {
  margin-block-end: 4px;
}

.mg-s-4 {
  margin-inline-start: 4px;
}

.mg-5 {
  margin: 5px;
}

.mg-y-5 {
  margin-block-start: 5px;
  margin-block-end: 5px;
}

.mg-x-5 {
  margin-inline-start: 5px;
  margin-inline-end: 5px;
}

.mg-t-5 {
  margin-block-start: 5px;
}

.mg-e-5 {
  margin-inline-end: 5px;
}

.mg-b-5 {
  margin-block-end: 5px;
}

.mg-s-5 {
  margin-inline-start: 5px;
}

.mg-6 {
  margin: 6px;
}

.mg-y-6 {
  margin-block-start: 6px;
  margin-block-end: 6px;
}

.mg-x-6 {
  margin-inline-start: 6px;
  margin-inline-end: 6px;
}

.mg-t-6 {
  margin-block-start: 6px;
}

.mg-e-6 {
  margin-inline-end: 6px;
}

.mg-b-6 {
  margin-block-end: 6px;
}

.mg-s-6 {
  margin-inline-start: 6px;
}

.mg-7 {
  margin: 7px;
}

.mg-y-7 {
  margin-block-start: 7px;
  margin-block-end: 7px;
}

.mg-x-7 {
  margin-inline-start: 7px;
  margin-inline-end: 7px;
}

.mg-t-7 {
  margin-block-start: 7px;
}

.mg-e-7 {
  margin-inline-end: 7px;
}

.mg-b-7 {
  margin-block-end: 7px;
}

.mg-s-7 {
  margin-inline-start: 7px;
}

.mg-8 {
  margin: 8px;
}

.mg-y-8 {
  margin-block-start: 8px;
  margin-block-end: 8px;
}

.mg-x-8 {
  margin-inline-start: 8px;
  margin-inline-end: 8px;
}

.mg-t-8 {
  margin-block-start: 8px;
}

.mg-e-8 {
  margin-inline-end: 8px;
}

.mg-b-8 {
  margin-block-end: 8px;
}

.mg-s-8 {
  margin-inline-start: 8px;
}

.mg-9 {
  margin: 9px;
}

.mg-y-9 {
  margin-block-start: 9px;
  margin-block-end: 9px;
}

.mg-x-9 {
  margin-inline-start: 9px;
  margin-inline-end: 9px;
}

.mg-t-9 {
  margin-block-start: 9px;
}

.mg-e-9 {
  margin-inline-end: 9px;
}

.mg-b-9 {
  margin-block-end: 9px;
}

.mg-s-9 {
  margin-inline-start: 9px;
}

.mg-10 {
  margin: 10px;
}

.mg-y-10 {
  margin-block-start: 10px;
  margin-block-end: 10px;
}

.mg-x-10 {
  margin-inline-start: 10px;
  margin-inline-end: 10px;
}

.mg-t-10 {
  margin-block-start: 10px;
}

.mg-e-10 {
  margin-inline-end: 10px;
}

.mg-b-10 {
  margin-block-end: 10px;
}

.mg-s-10 {
  margin-inline-start: 10px;
}

.mg-15 {
  margin: 15px;
}

.mg-y-15 {
  margin-block-start: 15px;
  margin-block-end: 15px;
}

.mg-x-15 {
  margin-inline-start: 15px;
  margin-inline-end: 15px;
}

.mg-t-15 {
  margin-block-start: 15px;
}

.mg-e-15 {
  margin-inline-end: 15px;
}

.mg-b-15 {
  margin-block-end: 15px;
}

.mg-s-15 {
  margin-inline-start: 15px;
}

.mg-20 {
  margin: 20px;
}

.mg-y-20 {
  margin-block-start: 20px;
  margin-block-end: 20px;
}

.mg-x-20 {
  margin-inline-start: 20px;
  margin-inline-end: 20px;
}

.mg-t-20 {
  margin-block-start: 20px;
}

.mg-e-20 {
  margin-inline-end: 20px;
}

.mg-b-20 {
  margin-block-end: 20px;
}

.mg-s-20 {
  margin-inline-start: 20px;
}

.mg-25 {
  margin: 25px;
}

.mg-y-25 {
  margin-block-start: 25px;
  margin-block-end: 25px;
}

.mg-x-25 {
  margin-inline-start: 25px;
  margin-inline-end: 25px;
}

.mg-t-25 {
  margin-block-start: 25px;
}

.mg-e-25 {
  margin-inline-end: 25px;
}

.mg-b-25 {
  margin-block-end: 25px;
}

.mg-s-25 {
  margin-inline-start: 25px;
}

.mg-30 {
  margin: 30px;
}

.mg-y-30 {
  margin-block-start: 30px;
  margin-block-end: 30px;
}

.mg-x-30 {
  margin-inline-start: 30px;
  margin-inline-end: 30px;
}

.mg-t-30 {
  margin-block-start: 30px;
}

.mg-e-30 {
  margin-inline-end: 30px;
}

.mg-b-30 {
  margin-block-end: 30px;
}

.mg-s-30 {
  margin-inline-start: 30px;
}

.mg-35 {
  margin: 35px;
}

.mg-y-35 {
  margin-block-start: 35px;
  margin-block-end: 35px;
}

.mg-x-35 {
  margin-inline-start: 35px;
  margin-inline-end: 35px;
}

.mg-t-35 {
  margin-block-start: 35px;
}

.mg-e-35 {
  margin-inline-end: 35px;
}

.mg-b-35 {
  margin-block-end: 35px;
}

.mg-s-35 {
  margin-inline-start: 35px;
}

.mg-40 {
  margin: 40px;
}

.mg-y-40 {
  margin-block-start: 40px;
  margin-block-end: 40px;
}

.mg-x-40 {
  margin-inline-start: 40px;
  margin-inline-end: 40px;
}

.mg-t-40 {
  margin-block-start: 40px;
}

.mg-e-40 {
  margin-inline-end: 40px;
}

.mg-b-40 {
  margin-block-end: 40px;
}

.mg-s-40 {
  margin-inline-start: 40px;
}

.mg-t-auto {
  margin-block-start: auto;
}

.mg-e-auto {
  margin-inline-end: auto;
}

.mg-b-auto {
  margin-block-end: auto;
}

.mg-s-auto {
  margin-inline-start: auto;
}

.mg-x-auto {
  margin: auto;
}

@media (min-width: 480px) {
  .mg-xs-0 {
    margin: 0px;
  }

  .mg-xs-y-0 {
    margin-block-start: 0px;
    margin-block-end: 0px;
  }

  .mg-xs-x-0 {
    margin-inline-start: 0px;
    margin-inline-end: 0px;
  }

  .mg-xs-t-0 {
    margin-block-start: 0px;
  }

  .mg-xs-e-0 {
    margin-inline-end: 0px;
  }

  .mg-xs-b-0 {
    margin-block-end: 0px;
  }

  .mg-xs-s-0 {
    margin-inline-start: 0px;
  }

  .mg-xs-1 {
    margin: 1px;
  }

  .mg-xs-y-1 {
    margin-block-start: 1px;
    margin-block-end: 1px;
  }

  .mg-xs-x-1 {
    margin-inline-start: 1px;
    margin-inline-end: 1px;
  }

  .mg-xs-t-1 {
    margin-block-start: 1px;
  }

  .mg-xs-e-1 {
    margin-inline-end: 1px;
  }

  .mg-xs-b-1 {
    margin-block-end: 1px;
  }

  .mg-xs-s-1 {
    margin-inline-start: 1px;
  }

  .mg-xs-2 {
    margin: 2px;
  }

  .mg-xs-y-2 {
    margin-block-start: 2px;
    margin-block-end: 2px;
  }

  .mg-xs-x-2 {
    margin-inline-start: 2px;
    margin-inline-end: 2px;
  }

  .mg-xs-t-2 {
    margin-block-start: 2px;
  }

  .mg-xs-e-2 {
    margin-inline-end: 2px;
  }

  .mg-xs-b-2 {
    margin-block-end: 2px;
  }

  .mg-xs-s-2 {
    margin-inline-start: 2px;
  }

  .mg-xs-3 {
    margin: 3px;
  }

  .mg-xs-y-3 {
    margin-block-start: 3px;
    margin-block-end: 3px;
  }

  .mg-xs-x-3 {
    margin-inline-start: 3px;
    margin-inline-end: 3px;
  }

  .mg-xs-t-3 {
    margin-block-start: 3px;
  }

  .mg-xs-e-3 {
    margin-inline-end: 3px;
  }

  .mg-xs-b-3 {
    margin-block-end: 3px;
  }

  .mg-xs-s-3 {
    margin-inline-start: 3px;
  }

  .mg-xs-4 {
    margin: 4px;
  }

  .mg-xs-y-4 {
    margin-block-start: 4px;
    margin-block-end: 4px;
  }

  .mg-xs-x-4 {
    margin-inline-start: 4px;
    margin-inline-end: 4px;
  }

  .mg-xs-t-4 {
    margin-block-start: 4px;
  }

  .mg-xs-e-4 {
    margin-inline-end: 4px;
  }

  .mg-xs-b-4 {
    margin-block-end: 4px;
  }

  .mg-xs-s-4 {
    margin-inline-start: 4px;
  }

  .mg-xs-5 {
    margin: 5px;
  }

  .mg-xs-y-5 {
    margin-block-start: 5px;
    margin-block-end: 5px;
  }

  .mg-xs-x-5 {
    margin-inline-start: 5px;
    margin-inline-end: 5px;
  }

  .mg-xs-t-5 {
    margin-block-start: 5px;
  }

  .mg-xs-e-5 {
    margin-inline-end: 5px;
  }

  .mg-xs-b-5 {
    margin-block-end: 5px;
  }

  .mg-xs-s-5 {
    margin-inline-start: 5px;
  }

  .mg-xs-6 {
    margin: 6px;
  }

  .mg-xs-y-6 {
    margin-block-start: 6px;
    margin-block-end: 6px;
  }

  .mg-xs-x-6 {
    margin-inline-start: 6px;
    margin-inline-end: 6px;
  }

  .mg-xs-t-6 {
    margin-block-start: 6px;
  }

  .mg-xs-e-6 {
    margin-inline-end: 6px;
  }

  .mg-xs-b-6 {
    margin-block-end: 6px;
  }

  .mg-xs-s-6 {
    margin-inline-start: 6px;
  }

  .mg-xs-7 {
    margin: 7px;
  }

  .mg-xs-y-7 {
    margin-block-start: 7px;
    margin-block-end: 7px;
  }

  .mg-xs-x-7 {
    margin-inline-start: 7px;
    margin-inline-end: 7px;
  }

  .mg-xs-t-7 {
    margin-block-start: 7px;
  }

  .mg-xs-e-7 {
    margin-inline-end: 7px;
  }

  .mg-xs-b-7 {
    margin-block-end: 7px;
  }

  .mg-xs-s-7 {
    margin-inline-start: 7px;
  }

  .mg-xs-8 {
    margin: 8px;
  }

  .mg-xs-y-8 {
    margin-block-start: 8px;
    margin-block-end: 8px;
  }

  .mg-xs-x-8 {
    margin-inline-start: 8px;
    margin-inline-end: 8px;
  }

  .mg-xs-t-8 {
    margin-block-start: 8px;
  }

  .mg-xs-e-8 {
    margin-inline-end: 8px;
  }

  .mg-xs-b-8 {
    margin-block-end: 8px;
  }

  .mg-xs-s-8 {
    margin-inline-start: 8px;
  }

  .mg-xs-9 {
    margin: 9px;
  }

  .mg-xs-y-9 {
    margin-block-start: 9px;
    margin-block-end: 9px;
  }

  .mg-xs-x-9 {
    margin-inline-start: 9px;
    margin-inline-end: 9px;
  }

  .mg-xs-t-9 {
    margin-block-start: 9px;
  }

  .mg-xs-e-9 {
    margin-inline-end: 9px;
  }

  .mg-xs-b-9 {
    margin-block-end: 9px;
  }

  .mg-xs-s-9 {
    margin-inline-start: 9px;
  }

  .mg-xs-10 {
    margin: 10px;
  }

  .mg-xs-y-10 {
    margin-block-start: 10px;
    margin-block-end: 10px;
  }

  .mg-xs-x-10 {
    margin-inline-start: 10px;
    margin-inline-end: 10px;
  }

  .mg-xs-t-10 {
    margin-block-start: 10px;
  }

  .mg-xs-e-10 {
    margin-inline-end: 10px;
  }

  .mg-xs-b-10 {
    margin-block-end: 10px;
  }

  .mg-xs-s-10 {
    margin-inline-start: 10px;
  }

  .mg-xs-15 {
    margin: 15px;
  }

  .mg-xs-y-15 {
    margin-block-start: 15px;
    margin-block-end: 15px;
  }

  .mg-xs-x-15 {
    margin-inline-start: 15px;
    margin-inline-end: 15px;
  }

  .mg-xs-t-15 {
    margin-block-start: 15px;
  }

  .mg-xs-e-15 {
    margin-inline-end: 15px;
  }

  .mg-xs-b-15 {
    margin-block-end: 15px;
  }

  .mg-xs-s-15 {
    margin-inline-start: 15px;
  }

  .mg-xs-20 {
    margin: 20px;
  }

  .mg-xs-y-20 {
    margin-block-start: 20px;
    margin-block-end: 20px;
  }

  .mg-xs-x-20 {
    margin-inline-start: 20px;
    margin-inline-end: 20px;
  }

  .mg-xs-t-20 {
    margin-block-start: 20px;
  }

  .mg-xs-e-20 {
    margin-inline-end: 20px;
  }

  .mg-xs-b-20 {
    margin-block-end: 20px;
  }

  .mg-xs-s-20 {
    margin-inline-start: 20px;
  }

  .mg-xs-25 {
    margin: 25px;
  }

  .mg-xs-y-25 {
    margin-block-start: 25px;
    margin-block-end: 25px;
  }

  .mg-xs-x-25 {
    margin-inline-start: 25px;
    margin-inline-end: 25px;
  }

  .mg-xs-t-25 {
    margin-block-start: 25px;
  }

  .mg-xs-e-25 {
    margin-inline-end: 25px;
  }

  .mg-xs-b-25 {
    margin-block-end: 25px;
  }

  .mg-xs-s-25 {
    margin-inline-start: 25px;
  }

  .mg-xs-30 {
    margin: 30px;
  }

  .mg-xs-y-30 {
    margin-block-start: 30px;
    margin-block-end: 30px;
  }

  .mg-xs-x-30 {
    margin-inline-start: 30px;
    margin-inline-end: 30px;
  }

  .mg-xs-t-30 {
    margin-block-start: 30px;
  }

  .mg-xs-e-30 {
    margin-inline-end: 30px;
  }

  .mg-xs-b-30 {
    margin-block-end: 30px;
  }

  .mg-xs-s-30 {
    margin-inline-start: 30px;
  }

  .mg-xs-35 {
    margin: 35px;
  }

  .mg-xs-y-35 {
    margin-block-start: 35px;
    margin-block-end: 35px;
  }

  .mg-xs-x-35 {
    margin-inline-start: 35px;
    margin-inline-end: 35px;
  }

  .mg-xs-t-35 {
    margin-block-start: 35px;
  }

  .mg-xs-e-35 {
    margin-inline-end: 35px;
  }

  .mg-xs-b-35 {
    margin-block-end: 35px;
  }

  .mg-xs-s-35 {
    margin-inline-start: 35px;
  }

  .mg-xs-40 {
    margin: 40px;
  }

  .mg-xs-y-40 {
    margin-block-start: 40px;
    margin-block-end: 40px;
  }

  .mg-xs-x-40 {
    margin-inline-start: 40px;
    margin-inline-end: 40px;
  }

  .mg-xs-t-40 {
    margin-block-start: 40px;
  }

  .mg-xs-e-40 {
    margin-inline-end: 40px;
  }

  .mg-xs-b-40 {
    margin-block-end: 40px;
  }

  .mg-xs-s-40 {
    margin-inline-start: 40px;
  }

  .mg-xs-t-auto {
    margin-block-start: auto;
  }

  .mg-xs-e-auto {
    margin-inline-end: auto;
  }

  .mg-xs-b-auto {
    margin-block-end: auto;
  }

  .mg-xs-s-auto {
    margin-inline-start: auto;
  }

  .mg-xs-auto {
    margin: auto;
  }

  .mg-xs-x-auto {
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
}

@media (min-width: 768px) {
  .mg-md-0 {
    margin: 0px;
  }

  .mg-md-y-0 {
    margin-block-start: 0px;
    margin-block-end: 0px;
  }

  .mg-md-x-0 {
    margin-inline-start: 0px;
    margin-inline-end: 0px;
  }

  .mg-md-t-0 {
    margin-block-start: 0px !important;
  }

  .mg-md-e-0 {
    margin-inline-end: 0px;
  }

  .mg-md-b-0 {
    margin-block-end: 0px;
  }

  .mg-md-s-0 {
    margin-inline-start: 0px;
  }

  .mg-md-1 {
    margin: 1px;
  }

  .mg-md-y-1 {
    margin-block-start: 1px;
    margin-block-end: 1px;
  }

  .mg-md-x-1 {
    margin-inline-start: 1px;
    margin-inline-end: 1px;
  }

  .mg-md-t-1 {
    margin-block-start: 1px;
  }

  .mg-md-e-1 {
    margin-inline-end: 1px;
  }

  .mg-md-b-1 {
    margin-block-end: 1px;
  }

  .mg-md-s-1 {
    margin-inline-start: 1px;
  }

  .mg-md-2 {
    margin: 2px;
  }

  .mg-md-y-2 {
    margin-block-start: 2px;
    margin-block-end: 2px;
  }

  .mg-md-x-2 {
    margin-inline-start: 2px;
    margin-inline-end: 2px;
  }

  .mg-md-t-2 {
    margin-block-start: 2px;
  }

  .mg-md-e-2 {
    margin-inline-end: 2px;
  }

  .mg-md-b-2 {
    margin-block-end: 2px;
  }

  .mg-md-s-2 {
    margin-inline-start: 2px;
  }

  .mg-md-3 {
    margin: 3px;
  }

  .mg-md-y-3 {
    margin-block-start: 3px;
    margin-block-end: 3px;
  }

  .mg-md-x-3 {
    margin-inline-start: 3px;
    margin-inline-end: 3px;
  }

  .mg-md-t-3 {
    margin-block-start: 3px;
  }

  .mg-md-e-3 {
    margin-inline-end: 3px;
  }

  .mg-md-b-3 {
    margin-block-end: 3px;
  }

  .mg-md-s-3 {
    margin-inline-start: 3px;
  }

  .mg-md-4 {
    margin: 4px;
  }

  .mg-md-y-4 {
    margin-block-start: 4px;
    margin-block-end: 4px;
  }

  .mg-md-x-4 {
    margin-inline-start: 4px;
    margin-inline-end: 4px;
  }

  .mg-md-t-4 {
    margin-block-start: 4px;
  }

  .mg-md-e-4 {
    margin-inline-end: 4px;
  }

  .mg-md-b-4 {
    margin-block-end: 4px;
  }

  .mg-md-s-4 {
    margin-inline-start: 4px;
  }

  .mg-md-5 {
    margin: 5px;
  }

  .mg-md-y-5 {
    margin-block-start: 5px;
    margin-block-end: 5px;
  }

  .mg-md-x-5 {
    margin-inline-start: 5px;
    margin-inline-end: 5px;
  }

  .mg-md-t-5 {
    margin-block-start: 5px;
  }

  .mg-md-e-5 {
    margin-inline-end: 5px;
  }

  .mg-md-b-5 {
    margin-block-end: 5px;
  }

  .mg-md-s-5 {
    margin-inline-start: 5px;
  }

  .mg-md-6 {
    margin: 6px;
  }

  .mg-md-y-6 {
    margin-block-start: 6px;
    margin-block-end: 6px;
  }

  .mg-md-x-6 {
    margin-inline-start: 6px;
    margin-inline-end: 6px;
  }

  .mg-md-t-6 {
    margin-block-start: 6px;
  }

  .mg-md-e-6 {
    margin-inline-end: 6px;
  }

  .mg-md-b-6 {
    margin-block-end: 6px;
  }

  .mg-md-s-6 {
    margin-inline-start: 6px;
  }

  .mg-md-7 {
    margin: 7px;
  }

  .mg-md-y-7 {
    margin-block-start: 7px;
    margin-block-end: 7px;
  }

  .mg-md-x-7 {
    margin-inline-start: 7px;
    margin-inline-end: 7px;
  }

  .mg-md-t-7 {
    margin-block-start: 7px;
  }

  .mg-md-e-7 {
    margin-inline-end: 7px;
  }

  .mg-md-b-7 {
    margin-block-end: 7px;
  }

  .mg-md-s-7 {
    margin-inline-start: 7px;
  }

  .mg-md-8 {
    margin: 8px;
  }

  .mg-md-y-8 {
    margin-block-start: 8px;
    margin-block-end: 8px;
  }

  .mg-md-x-8 {
    margin-inline-start: 8px;
    margin-inline-end: 8px;
  }

  .mg-md-t-8 {
    margin-block-start: 8px;
  }

  .mg-md-e-8 {
    margin-inline-end: 8px;
  }

  .mg-md-b-8 {
    margin-block-end: 8px;
  }

  .mg-md-s-8 {
    margin-inline-start: 8px;
  }

  .mg-md-9 {
    margin: 9px;
  }

  .mg-md-y-9 {
    margin-block-start: 9px;
    margin-block-end: 9px;
  }

  .mg-md-x-9 {
    margin-inline-start: 9px;
    margin-inline-end: 9px;
  }

  .mg-md-t-9 {
    margin-block-start: 9px;
  }

  .mg-md-e-9 {
    margin-inline-end: 9px;
  }

  .mg-md-b-9 {
    margin-block-end: 9px;
  }

  .mg-md-s-9 {
    margin-inline-start: 9px;
  }

  .mg-md-10 {
    margin: 10px;
  }

  .mg-md-y-10 {
    margin-block-start: 10px;
    margin-block-end: 10px;
  }

  .mg-md-x-10 {
    margin-inline-start: 10px;
    margin-inline-end: 10px;
  }

  .mg-md-t-10 {
    margin-block-start: 10px;
  }

  .mg-md-e-10 {
    margin-inline-end: 10px;
  }

  .mg-md-b-10 {
    margin-block-end: 10px;
  }

  .mg-md-s-10 {
    margin-inline-start: 10px;
  }

  .mg-md-15 {
    margin: 15px;
  }

  .mg-md-y-15 {
    margin-block-start: 15px;
    margin-block-end: 15px;
  }

  .mg-md-x-15 {
    margin-inline-start: 15px;
    margin-inline-end: 15px;
  }

  .mg-md-t-15 {
    margin-block-start: 15px;
  }

  .mg-md-e-15 {
    margin-inline-end: 15px;
  }

  .mg-md-b-15 {
    margin-block-end: 15px;
  }

  .mg-md-s-15 {
    margin-inline-start: 15px;
  }

  .mg-md-20 {
    margin: 20px;
  }

  .mg-md-y-20 {
    margin-block-start: 20px;
    margin-block-end: 20px;
  }

  .mg-md-x-20 {
    margin-inline-start: 20px;
    margin-inline-end: 20px;
  }

  .mg-md-t-20 {
    margin-block-start: 20px;
  }

  .mg-md-e-20 {
    margin-inline-end: 20px;
  }

  .mg-md-b-20 {
    margin-block-end: 20px;
  }

  .mg-md-s-20 {
    margin-inline-start: 20px;
  }

  .mg-md-25 {
    margin: 25px;
  }

  .mg-md-y-25 {
    margin-block-start: 25px;
    margin-block-end: 25px;
  }

  .mg-md-x-25 {
    margin-inline-start: 25px;
    margin-inline-end: 25px;
  }

  .mg-md-t-25 {
    margin-block-start: 25px;
  }

  .mg-md-e-25 {
    margin-inline-end: 25px;
  }

  .mg-md-b-25 {
    margin-block-end: 25px;
  }

  .mg-md-s-25 {
    margin-inline-start: 25px;
  }

  .mg-md-30 {
    margin: 30px;
  }

  .mg-md-y-30 {
    margin-block-start: 30px;
    margin-block-end: 30px;
  }

  .mg-md-x-30 {
    margin-inline-start: 30px;
    margin-inline-end: 30px;
  }

  .mg-md-t-30 {
    margin-block-start: 30px;
  }

  .mg-md-e-30 {
    margin-inline-end: 30px;
  }

  .mg-md-b-30 {
    margin-block-end: 30px;
  }

  .mg-md-s-30 {
    margin-inline-start: 30px;
  }

  .mg-md-35 {
    margin: 35px;
  }

  .mg-md-y-35 {
    margin-block-start: 35px;
    margin-block-end: 35px;
  }

  .mg-md-x-35 {
    margin-inline-start: 35px;
    margin-inline-end: 35px;
  }

  .mg-md-t-35 {
    margin-block-start: 35px;
  }

  .mg-md-e-35 {
    margin-inline-end: 35px;
  }

  .mg-md-b-35 {
    margin-block-end: 35px;
  }

  .mg-md-s-35 {
    margin-inline-start: 35px;
  }

  .mg-md-40 {
    margin: 40px;
  }

  .mg-md-y-40 {
    margin-block-start: 40px;
    margin-block-end: 40px;
  }

  .mg-md-x-40 {
    margin-inline-start: 40px;
    margin-inline-end: 40px;
  }

  .mg-md-t-40 {
    margin-block-start: 40px;
  }

  .mg-md-e-40 {
    margin-inline-end: 40px;
  }

  .mg-md-b-40 {
    margin-block-end: 40px;
  }

  .mg-md-s-40 {
    margin-inline-start: 40px;
  }

  .mg-md-t-auto {
    margin-block-start: auto;
  }

  .mg-md-e-auto {
    margin-inline-end: auto;
  }

  .mg-md-b-auto {
    margin-block-end: auto;
  }

  .mg-md-s-auto {
    margin-inline-start: auto;
  }

  .mg-md-auto {
    margin: auto;
  }

  .mg-md-x-auto {
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
}

@media (min-width: 992px) {
  .mg-sg-0 {
    margin: 0px;
  }

  .mg-sg-y-0 {
    margin-block-start: 0px;
    margin-block-end: 0px;
  }

  .mg-sg-x-0 {
    margin-inline-start: 0px;
    margin-inline-end: 0px;
  }

  .mg-sg-t-0 {
    margin-block-start: 0px;
  }

  .mg-sg-e-0 {
    margin-inline-end: 0px;
  }

  .mg-sg-b-0 {
    margin-block-end: 0px;
  }

  .mg-sg-s-0 {
    margin-inline-start: 0px;
  }

  .mg-sg-1 {
    margin: 1px;
  }

  .mg-sg-y-1 {
    margin-block-start: 1px;
    margin-block-end: 1px;
  }

  .mg-sg-x-1 {
    margin-inline-start: 1px;
    margin-inline-end: 1px;
  }

  .mg-sg-t-1 {
    margin-block-start: 1px;
  }

  .mg-sg-e-1 {
    margin-inline-end: 1px;
  }

  .mg-sg-b-1 {
    margin-block-end: 1px;
  }

  .mg-sg-s-1 {
    margin-inline-start: 1px;
  }

  .mg-sg-2 {
    margin: 2px;
  }

  .mg-sg-y-2 {
    margin-block-start: 2px;
    margin-block-end: 2px;
  }

  .mg-sg-x-2 {
    margin-inline-start: 2px;
    margin-inline-end: 2px;
  }

  .mg-sg-t-2 {
    margin-block-start: 2px;
  }

  .mg-sg-e-2 {
    margin-inline-end: 2px;
  }

  .mg-sg-b-2 {
    margin-block-end: 2px;
  }

  .mg-sg-s-2 {
    margin-inline-start: 2px;
  }

  .mg-sg-3 {
    margin: 3px;
  }

  .mg-sg-y-3 {
    margin-block-start: 3px;
    margin-block-end: 3px;
  }

  .mg-sg-x-3 {
    margin-inline-start: 3px;
    margin-inline-end: 3px;
  }

  .mg-sg-t-3 {
    margin-block-start: 3px;
  }

  .mg-sg-e-3 {
    margin-inline-end: 3px;
  }

  .mg-sg-b-3 {
    margin-block-end: 3px;
  }

  .mg-sg-s-3 {
    margin-inline-start: 3px;
  }

  .mg-sg-4 {
    margin: 4px;
  }

  .mg-sg-y-4 {
    margin-block-start: 4px;
    margin-block-end: 4px;
  }

  .mg-sg-x-4 {
    margin-inline-start: 4px;
    margin-inline-end: 4px;
  }

  .mg-sg-t-4 {
    margin-block-start: 4px;
  }

  .mg-sg-e-4 {
    margin-inline-end: 4px;
  }

  .mg-sg-b-4 {
    margin-block-end: 4px;
  }

  .mg-sg-s-4 {
    margin-inline-start: 4px;
  }

  .mg-sg-5 {
    margin: 5px;
  }

  .mg-sg-y-5 {
    margin-block-start: 5px;
    margin-block-end: 5px;
  }

  .mg-sg-x-5 {
    margin-inline-start: 5px;
    margin-inline-end: 5px;
  }

  .mg-sg-t-5 {
    margin-block-start: 5px;
  }

  .mg-sg-e-5 {
    margin-inline-end: 5px;
  }

  .mg-sg-b-5 {
    margin-block-end: 5px;
  }

  .mg-sg-s-5 {
    margin-inline-start: 5px;
  }

  .mg-sg-6 {
    margin: 6px;
  }

  .mg-sg-y-6 {
    margin-block-start: 6px;
    margin-block-end: 6px;
  }

  .mg-sg-x-6 {
    margin-inline-start: 6px;
    margin-inline-end: 6px;
  }

  .mg-sg-t-6 {
    margin-block-start: 6px;
  }

  .mg-sg-e-6 {
    margin-inline-end: 6px;
  }

  .mg-sg-b-6 {
    margin-block-end: 6px;
  }

  .mg-sg-s-6 {
    margin-inline-start: 6px;
  }

  .mg-sg-7 {
    margin: 7px;
  }

  .mg-sg-y-7 {
    margin-block-start: 7px;
    margin-block-end: 7px;
  }

  .mg-sg-x-7 {
    margin-inline-start: 7px;
    margin-inline-end: 7px;
  }

  .mg-sg-t-7 {
    margin-block-start: 7px;
  }

  .mg-sg-e-7 {
    margin-inline-end: 7px;
  }

  .mg-sg-b-7 {
    margin-block-end: 7px;
  }

  .mg-sg-s-7 {
    margin-inline-start: 7px;
  }

  .mg-sg-8 {
    margin: 8px;
  }

  .mg-sg-y-8 {
    margin-block-start: 8px;
    margin-block-end: 8px;
  }

  .mg-sg-x-8 {
    margin-inline-start: 8px;
    margin-inline-end: 8px;
  }

  .mg-sg-t-8 {
    margin-block-start: 8px;
  }

  .mg-sg-e-8 {
    margin-inline-end: 8px;
  }

  .mg-sg-b-8 {
    margin-block-end: 8px;
  }

  .mg-sg-s-8 {
    margin-inline-start: 8px;
  }

  .mg-sg-9 {
    margin: 9px;
  }

  .mg-sg-y-9 {
    margin-block-start: 9px;
    margin-block-end: 9px;
  }

  .mg-sg-x-9 {
    margin-inline-start: 9px;
    margin-inline-end: 9px;
  }

  .mg-sg-t-9 {
    margin-block-start: 9px;
  }

  .mg-sg-e-9 {
    margin-inline-end: 9px;
  }

  .mg-sg-b-9 {
    margin-block-end: 9px;
  }

  .mg-sg-s-9 {
    margin-inline-start: 9px;
  }

  .mg-sg-10 {
    margin: 10px;
  }

  .mg-sg-y-10 {
    margin-block-start: 10px;
    margin-block-end: 10px;
  }

  .mg-sg-x-10 {
    margin-inline-start: 10px;
    margin-inline-end: 10px;
  }

  .mg-sg-t-10 {
    margin-block-start: 10px;
  }

  .mg-sg-e-10 {
    margin-inline-end: 10px;
  }

  .mg-sg-b-10 {
    margin-block-end: 10px;
  }

  .mg-sg-s-10 {
    margin-inline-start: 10px;
  }

  .mg-sg-15 {
    margin: 15px;
  }

  .mg-sg-y-15 {
    margin-block-start: 15px;
    margin-block-end: 15px;
  }

  .mg-sg-x-15 {
    margin-inline-start: 15px;
    margin-inline-end: 15px;
  }

  .mg-sg-t-15 {
    margin-block-start: 15px;
  }

  .mg-sg-e-15 {
    margin-inline-end: 15px;
  }

  .mg-sg-b-15 {
    margin-block-end: 15px;
  }

  .mg-sg-s-15 {
    margin-inline-start: 15px;
  }

  .mg-sg-20 {
    margin: 20px;
  }

  .mg-sg-y-20 {
    margin-block-start: 20px;
    margin-block-end: 20px;
  }

  .mg-sg-x-20 {
    margin-inline-start: 20px;
    margin-inline-end: 20px;
  }

  .mg-sg-t-20 {
    margin-block-start: 20px;
  }

  .mg-sg-e-20 {
    margin-inline-end: 20px;
  }

  .mg-sg-b-20 {
    margin-block-end: 20px;
  }

  .mg-sg-s-20 {
    margin-inline-start: 20px;
  }

  .mg-sg-25 {
    margin: 25px;
  }

  .mg-sg-y-25 {
    margin-block-start: 25px;
    margin-block-end: 25px;
  }

  .mg-sg-x-25 {
    margin-inline-start: 25px;
    margin-inline-end: 25px;
  }

  .mg-sg-t-25 {
    margin-block-start: 25px;
  }

  .mg-sg-e-25 {
    margin-inline-end: 25px;
  }

  .mg-sg-b-25 {
    margin-block-end: 25px;
  }

  .mg-sg-s-25 {
    margin-inline-start: 25px;
  }

  .mg-sg-30 {
    margin: 30px;
  }

  .mg-sg-y-30 {
    margin-block-start: 30px;
    margin-block-end: 30px;
  }

  .mg-sg-x-30 {
    margin-inline-start: 30px;
    margin-inline-end: 30px;
  }

  .mg-sg-t-30 {
    margin-block-start: 30px;
  }

  .mg-sg-e-30 {
    margin-inline-end: 30px;
  }

  .mg-sg-b-30 {
    margin-block-end: 30px;
  }

  .mg-sg-s-30 {
    margin-inline-start: 30px;
  }

  .mg-sg-35 {
    margin: 35px;
  }

  .mg-sg-y-35 {
    margin-block-start: 35px;
    margin-block-end: 35px;
  }

  .mg-sg-x-35 {
    margin-inline-start: 35px;
    margin-inline-end: 35px;
  }

  .mg-sg-t-35 {
    margin-block-start: 35px;
  }

  .mg-sg-e-35 {
    margin-inline-end: 35px;
  }

  .mg-sg-b-35 {
    margin-block-end: 35px;
  }

  .mg-sg-s-35 {
    margin-inline-start: 35px;
  }

  .mg-sg-40 {
    margin: 40px;
  }

  .mg-sg-y-40 {
    margin-block-start: 40px;
    margin-block-end: 40px;
  }

  .mg-sg-x-40 {
    margin-inline-start: 40px;
    margin-inline-end: 40px;
  }

  .mg-sg-t-40 {
    margin-block-start: 40px;
  }

  .mg-sg-e-40 {
    margin-inline-end: 40px;
  }

  .mg-sg-b-40 {
    margin-block-end: 40px;
  }

  .mg-sg-s-40 {
    margin-inline-start: 40px;
  }

  .mg-sg-t-auto {
    margin-block-start: auto;
  }

  .mg-sg-e-auto {
    margin-inline-end: auto;
  }

  .mg-sg-b-auto {
    margin-block-end: auto;
  }

  .mg-sg-s-auto {
    margin-inline-start: auto;
  }

  .mg-sg-auto {
    margin: auto;
  }

  .mg-sg-x-auto {
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
}

@media (min-width: 1200px) {
  .mg-xl-0 {
    margin: 0px;
  }

  .mg-xl-y-0 {
    margin-block-start: 0px;
    margin-block-end: 0px;
  }

  .mg-xl-x-0 {
    margin-inline-start: 0px;
    margin-inline-end: 0px;
  }

  .mg-xl-t-0 {
    margin-block-start: 0px;
  }

  .mg-xl-e-0 {
    margin-inline-end: 0px;
  }

  .mg-xl-b-0 {
    margin-block-end: 0px;
  }

  .mg-xl-s-0 {
    margin-inline-start: 0px;
  }

  .mg-xl-1 {
    margin: 1px;
  }

  .mg-xl-y-1 {
    margin-block-start: 1px;
    margin-block-end: 1px;
  }

  .mg-xl-x-1 {
    margin-inline-start: 1px;
    margin-inline-end: 1px;
  }

  .mg-xl-t-1 {
    margin-block-start: 1px;
  }

  .mg-xl-e-1 {
    margin-inline-end: 1px;
  }

  .mg-xl-b-1 {
    margin-block-end: 1px;
  }

  .mg-xl-s-1 {
    margin-inline-start: 1px;
  }

  .mg-xl-2 {
    margin: 2px;
  }

  .mg-xl-y-2 {
    margin-block-start: 2px;
    margin-block-end: 2px;
  }

  .mg-xl-x-2 {
    margin-inline-start: 2px;
    margin-inline-end: 2px;
  }

  .mg-xl-t-2 {
    margin-block-start: 2px;
  }

  .mg-xl-e-2 {
    margin-inline-end: 2px;
  }

  .mg-xl-b-2 {
    margin-block-end: 2px;
  }

  .mg-xl-s-2 {
    margin-inline-start: 2px;
  }

  .mg-xl-3 {
    margin: 3px;
  }

  .mg-xl-y-3 {
    margin-block-start: 3px;
    margin-block-end: 3px;
  }

  .mg-xl-x-3 {
    margin-inline-start: 3px;
    margin-inline-end: 3px;
  }

  .mg-xl-t-3 {
    margin-block-start: 3px;
  }

  .mg-xl-e-3 {
    margin-inline-end: 3px;
  }

  .mg-xl-b-3 {
    margin-block-end: 3px;
  }

  .mg-xl-s-3 {
    margin-inline-start: 3px;
  }

  .mg-xl-4 {
    margin: 4px;
  }

  .mg-xl-y-4 {
    margin-block-start: 4px;
    margin-block-end: 4px;
  }

  .mg-xl-x-4 {
    margin-inline-start: 4px;
    margin-inline-end: 4px;
  }

  .mg-xl-t-4 {
    margin-block-start: 4px;
  }

  .mg-xl-e-4 {
    margin-inline-end: 4px;
  }

  .mg-xl-b-4 {
    margin-block-end: 4px;
  }

  .mg-xl-s-4 {
    margin-inline-start: 4px;
  }

  .mg-xl-5 {
    margin: 5px;
  }

  .mg-xl-y-5 {
    margin-block-start: 5px;
    margin-block-end: 5px;
  }

  .mg-xl-x-5 {
    margin-inline-start: 5px;
    margin-inline-end: 5px;
  }

  .mg-xl-t-5 {
    margin-block-start: 5px;
  }

  .mg-xl-e-5 {
    margin-inline-end: 5px;
  }

  .mg-xl-b-5 {
    margin-block-end: 5px;
  }

  .mg-xl-s-5 {
    margin-inline-start: 5px;
  }

  .mg-xl-6 {
    margin: 6px;
  }

  .mg-xl-y-6 {
    margin-block-start: 6px;
    margin-block-end: 6px;
  }

  .mg-xl-x-6 {
    margin-inline-start: 6px;
    margin-inline-end: 6px;
  }

  .mg-xl-t-6 {
    margin-block-start: 6px;
  }

  .mg-xl-e-6 {
    margin-inline-end: 6px;
  }

  .mg-xl-b-6 {
    margin-block-end: 6px;
  }

  .mg-xl-s-6 {
    margin-inline-start: 6px;
  }

  .mg-xl-7 {
    margin: 7px;
  }

  .mg-xl-y-7 {
    margin-block-start: 7px;
    margin-block-end: 7px;
  }

  .mg-xl-x-7 {
    margin-inline-start: 7px;
    margin-inline-end: 7px;
  }

  .mg-xl-t-7 {
    margin-block-start: 7px;
  }

  .mg-xl-e-7 {
    margin-inline-end: 7px;
  }

  .mg-xl-b-7 {
    margin-block-end: 7px;
  }

  .mg-xl-s-7 {
    margin-inline-start: 7px;
  }

  .mg-xl-8 {
    margin: 8px;
  }

  .mg-xl-y-8 {
    margin-block-start: 8px;
    margin-block-end: 8px;
  }

  .mg-xl-x-8 {
    margin-inline-start: 8px;
    margin-inline-end: 8px;
  }

  .mg-xl-t-8 {
    margin-block-start: 8px;
  }

  .mg-xl-e-8 {
    margin-inline-end: 8px;
  }

  .mg-xl-b-8 {
    margin-block-end: 8px;
  }

  .mg-xl-s-8 {
    margin-inline-start: 8px;
  }

  .mg-xl-9 {
    margin: 9px;
  }

  .mg-xl-y-9 {
    margin-block-start: 9px;
    margin-block-end: 9px;
  }

  .mg-xl-x-9 {
    margin-inline-start: 9px;
    margin-inline-end: 9px;
  }

  .mg-xl-t-9 {
    margin-block-start: 9px;
  }

  .mg-xl-e-9 {
    margin-inline-end: 9px;
  }

  .mg-xl-b-9 {
    margin-block-end: 9px;
  }

  .mg-xl-s-9 {
    margin-inline-start: 9px;
  }

  .mg-xl-10 {
    margin: 10px;
  }

  .mg-xl-y-10 {
    margin-block-start: 10px;
    margin-block-end: 10px;
  }

  .mg-xl-x-10 {
    margin-inline-start: 10px;
    margin-inline-end: 10px;
  }

  .mg-xl-t-10 {
    margin-block-start: 10px;
  }

  .mg-xl-e-10 {
    margin-inline-end: 10px;
  }

  .mg-xl-b-10 {
    margin-block-end: 10px;
  }

  .mg-xl-s-10 {
    margin-inline-start: 10px;
  }

  .mg-xl-15 {
    margin: 15px;
  }

  .mg-xl-y-15 {
    margin-block-start: 15px;
    margin-block-end: 15px;
  }

  .mg-xl-x-15 {
    margin-inline-start: 15px;
    margin-inline-end: 15px;
  }

  .mg-xl-t-15 {
    margin-block-start: 15px;
  }

  .mg-xl-e-15 {
    margin-inline-end: 15px;
  }

  .mg-xl-b-15 {
    margin-block-end: 15px;
  }

  .mg-xl-s-15 {
    margin-inline-start: 15px;
  }

  .mg-xl-20 {
    margin: 20px;
  }
  .mg-xl-y-20 {
    margin-block-start: 20px;
    margin-block-end: 20px;
  }

  .mg-xl-x-20 {
    margin-inline-start: 20px;
    margin-inline-end: 20px;
  }

  .mg-xl-t-20 {
    margin-block-start: 20px;
  }

  .mg-xl-e-20 {
    margin-inline-end: 20px;
  }

  .mg-xl-b-20 {
    margin-block-end: 20px;
  }

  .mg-xl-s-20 {
    margin-inline-start: 20px;
  }

  .mg-xl-25 {
    margin: 25px;
  }

  .mg-xl-y-25 {
    margin-block-start: 25px;
    margin-block-end: 25px;
  }

  .mg-xl-x-25 {
    margin-inline-start: 25px;
    margin-inline-end: 25px;
  }

  .mg-xl-t-25 {
    margin-block-start: 25px;
  }

  .mg-xl-e-25 {
    margin-inline-end: 25px;
  }

  .mg-xl-b-25 {
    margin-block-end: 25px;
  }

  .mg-xl-s-25 {
    margin-inline-start: 25px;
  }

  .mg-xl-30 {
    margin: 30px;
  }

  .mg-xl-y-30 {
    margin-block-start: 30px;
    margin-block-end: 30px;
  }

  .mg-xl-x-30 {
    margin-inline-start: 30px;
    margin-inline-end: 30px;
  }

  .mg-xl-t-30 {
    margin-block-start: 30px;
  }

  .mg-xl-e-30 {
    margin-inline-end: 30px;
  }

  .mg-xl-b-30 {
    margin-block-end: 30px;
  }

  .mg-xl-s-30 {
    margin-inline-start: 30px;
  }

  .mg-xl-35 {
    margin: 35px;
  }

  .mg-xl-y-35 {
    margin-block-start: 35px;
    margin-block-end: 35px;
  }

  .mg-xl-x-35 {
    margin-inline-start: 35px;
    margin-inline-end: 35px;
  }

  .mg-xl-t-35 {
    margin-block-start: 35px;
  }

  .mg-xl-e-35 {
    margin-inline-end: 35px;
  }

  .mg-xl-b-35 {
    margin-block-end: 35px;
  }

  .mg-xl-s-35 {
    margin-inline-start: 35px;
  }

  .mg-xl-40 {
    margin: 40px;
  }

  .mg-xl-y-40 {
    margin-block-start: 40px;
    margin-block-end: 40px;
  }

  .mg-xl-x-40 {
    margin-inline-start: 40px;
    margin-inline-end: 40px;
  }

  .mg-xl-t-40 {
    margin-block-start: 40px;
  }

  .mg-xl-e-40 {
    margin-inline-end: 40px;
  }

  .mg-xl-b-40 {
    margin-block-end: 40px;
  }

  .mg-xl-s-40 {
    margin-inline-start: 40px;
  }

  .mg-xl-t-auto {
    margin-block-start: auto;
  }

  .mg-xl-e-auto {
    margin-inline-end: auto;
  }

  .mg-xl-b-auto {
    margin-block-end: auto;
  }

  .mg-xl-s-auto {
    margin-inline-start: auto;
  }

  .mg-xl-auto {
    margin: auto;
  }

  .mg-xl-x-auto {
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
}
