:root {
  --spacer-1: 5px;
  --spacer-2: 10px;
  --spacer-3: 20px;
  --spacer-4: 30px;
  --spacer-5: 40px;
  --spacer-6: 80px;
  --spacer-7: 100px;
}

.m-0 { margin: 0 !important; }
.m-1 { margin: var(--spacer-1) !important; }
.m-2 { margin: var(--spacer-2) !important; }
.m-3 { margin: var(--spacer-3) !important; }
.m-4 { margin: var(--spacer-4) !important; }
.m-5 { margin: var(--spacer-5) !important; }
.m-6 { margin: var(--spacer-6) !important; }
.m-7 { margin: var(--spacer-7) !important; }

.mx-0 { margin-left: 0 !important; margin-right: 0 !important; }
.mx-1 { margin-left: var(--spacer-1) !important; margin-right: var(--spacer-1) !important; }
.mx-2 { margin-left: var(--spacer-2) !important; margin-right: var(--spacer-2) !important; }
.mx-3 { margin-left: var(--spacer-3) !important; margin-right: var(--spacer-3) !important; }
.mx-4 { margin-left: var(--spacer-4) !important; margin-right: var(--spacer-4) !important; }
.mx-5 { margin-left: var(--spacer-5) !important; margin-right: var(--spacer-5) !important; }
.mx-6 { margin-left: var(--spacer-6) !important; margin-right: var(--spacer-6) !important; }
.mx-7 { margin-left: var(--spacer-7) !important; margin-right: var(--spacer-7) !important; }

.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.my-1 { margin-top: var(--spacer-1) !important; margin-bottom: var(--spacer-1) !important; }
.my-2 { margin-top: var(--spacer-2) !important; margin-bottom: var(--spacer-2) !important; }
.my-3 { margin-top: var(--spacer-3) !important; margin-bottom: var(--spacer-3) !important; }
.my-4 { margin-top: var(--spacer-4) !important; margin-bottom: var(--spacer-4) !important; }
.my-5 { margin-top: var(--spacer-5) !important; margin-bottom: var(--spacer-5) !important; }
.my-6 { margin-top: var(--spacer-6) !important; margin-bottom: var(--spacer-6) !important; }
.my-7 { margin-top: var(--spacer-7) !important; margin-bottom: var(--spacer-7) !important; }

.ms-0 { margin-left: 0 !important; }
.ms-1 { margin-left: var(--spacer-1) !important; }
.ms-2 { margin-left: var(--spacer-2) !important; }
.ms-3 { margin-left: var(--spacer-3) !important; }
.ms-4 { margin-left: var(--spacer-4) !important; }
.ms-5 { margin-left: var(--spacer-5) !important; }
.ms-6 { margin-left: var(--spacer-6) !important; }
.ms-7 { margin-left: var(--spacer-7) !important; }

.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: var(--spacer-1) !important; }
.mt-2 { margin-top: var(--spacer-2) !important; }
.mt-3 { margin-top: var(--spacer-3) !important; }
.mt-4 { margin-top: var(--spacer-4) !important; }
.mt-5 { margin-top: var(--spacer-5) !important; }
.mt-6 { margin-top: var(--spacer-6) !important; }
.mt-7 { margin-top: var(--spacer-7) !important; }

.me-0 { margin-right: 0 !important; }
.me-1 { margin-right: var(--spacer-1) !important; }
.me-2 { margin-right: var(--spacer-2) !important; }
.me-3 { margin-right: var(--spacer-3) !important; }
.me-4 { margin-right: var(--spacer-4) !important; }
.me-5 { margin-right: var(--spacer-5) !important; }
.me-6 { margin-right: var(--spacer-6) !important; }
.me-7 { margin-right: var(--spacer-7) !important; }

.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: var(--spacer-1) !important; }
.mb-2 { margin-bottom: var(--spacer-2) !important; }
.mb-3 { margin-bottom: var(--spacer-3) !important; }
.mb-4 { margin-bottom: var(--spacer-4) !important; }
.mb-5 { margin-bottom: var(--spacer-5) !important; }
.mb-6 { margin-bottom: var(--spacer-6) !important; }
.mb-7 { margin-bottom: var(--spacer-7) !important; }

.p-0 { padding: 0 !important; }
.p-1 { padding: var(--spacer-1) !important; }
.p-2 { padding: var(--spacer-2) !important; }
.p-3 { padding: var(--spacer-3) !important; }
.p-4 { padding: var(--spacer-4) !important; }
.p-5 { padding: var(--spacer-5) !important; }
.p-6 { padding: var(--spacer-6) !important; }
.p-7 { padding: var(--spacer-7) !important; }

.px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.px-1 { padding-left: var(--spacer-1) !important; padding-right: var(--spacer-1) !important; }
.px-2 { padding-left: var(--spacer-2) !important; padding-right: var(--spacer-2) !important; }
.px-3 { padding-left: var(--spacer-3) !important; padding-right: var(--spacer-3) !important; }
.px-4 { padding-left: var(--spacer-4) !important; padding-right: var(--spacer-4) !important; }
.px-5 { padding-left: var(--spacer-5) !important; padding-right: var(--spacer-5) !important; }
.px-6 { padding-left: var(--spacer-6) !important; padding-right: var(--spacer-6) !important; }
.px-7 { padding-left: var(--spacer-7) !important; padding-right: var(--spacer-7) !important; }

.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.py-1 { padding-top: var(--spacer-1) !important; padding-bottom: var(--spacer-1) !important; }
.py-2 { padding-top: var(--spacer-2) !important; padding-bottom: var(--spacer-2) !important; }
.py-3 { padding-top: var(--spacer-3) !important; padding-bottom: var(--spacer-3) !important; }
.py-4 { padding-top: var(--spacer-4) !important; padding-bottom: var(--spacer-4) !important; }
.py-5 { padding-top: var(--spacer-5) !important; padding-bottom: var(--spacer-5) !important; }
.py-6 { padding-top: var(--spacer-6) !important; padding-bottom: var(--spacer-6) !important; }
.py-7 { padding-top: var(--spacer-7) !important; padding-bottom: var(--spacer-7) !important; }

.ps-0 { padding-left: 0 !important; }
.ps-1 { padding-left: var(--spacer-1) !important; }
.ps-2 { padding-left: var(--spacer-2) !important; }
.ps-3 { padding-left: var(--spacer-3) !important; }
.ps-4 { padding-left: var(--spacer-4) !important; }
.ps-5 { padding-left: var(--spacer-5) !important; }
.ps-6 { padding-left: var(--spacer-6) !important; }
.ps-7 { padding-left: var(--spacer-7) !important; }

.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: var(--spacer-1) !important; }
.pt-2 { padding-top: var(--spacer-2) !important; }
.pt-3 { padding-top: var(--spacer-3) !important; }
.pt-4 { padding-top: var(--spacer-4) !important; }
.pt-5 { padding-top: var(--spacer-5) !important; }
.pt-6 { padding-top: var(--spacer-6) !important; }
.pt-7 { padding-top: var(--spacer-7) !important; }

.pe-0 { padding-right: 0 !important; }
.pe-1 { padding-right: var(--spacer-1) !important; }
.pe-2 { padding-right: var(--spacer-2) !important; }
.pe-3 { padding-right: var(--spacer-3) !important; }
.pe-4 { padding-right: var(--spacer-4) !important; }
.pe-5 { padding-right: var(--spacer-5) !important; }
.pe-6 { padding-right: var(--spacer-6) !important; }
.pe-7 { padding-right: var(--spacer-7) !important; }

.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: var(--spacer-1) !important; }
.pb-2 { padding-bottom: var(--spacer-2) !important; }
.pb-3 { padding-bottom: var(--spacer-3) !important; }
.pb-4 { padding-bottom: var(--spacer-4) !important; }
.pb-5 { padding-bottom: var(--spacer-5) !important; }
.pb-6 { padding-bottom: var(--spacer-6) !important; }
.pb-7 { padding-bottom: var(--spacer-7) !important; }

@media only screen and (min-width: 768px) {

  .m-md-0 { margin: 0 !important; }
  .m-md-1 { margin: var(--spacer-1) !important; }
  .m-md-2 { margin: var(--spacer-2) !important; }
  .m-md-3 { margin: var(--spacer-3) !important; }
  .m-md-4 { margin: var(--spacer-4) !important; }
  .m-md-5 { margin: var(--spacer-5) !important; }
  .m-md-6 { margin: var(--spacer-6) !important; }
  .m-md-7 { margin: var(--spacer-7) !important; }

  .mx-md-0 { margin-left: 0 !important; margin-right: 0 !important; }
  .mx-md-1 { margin-left: var(--spacer-1) !important; margin-right: var(--spacer-1) !important; }
  .mx-md-2 { margin-left: var(--spacer-2) !important; margin-right: var(--spacer-2) !important; }
  .mx-md-3 { margin-left: var(--spacer-3) !important; margin-right: var(--spacer-3) !important; }
  .mx-md-4 { margin-left: var(--spacer-4) !important; margin-right: var(--spacer-4) !important; }
  .mx-md-5 { margin-left: var(--spacer-5) !important; margin-right: var(--spacer-5) !important; }
  .mx-md-6 { margin-left: var(--spacer-6) !important; margin-right: var(--spacer-6) !important; }
  .mx-md-7 { margin-left: var(--spacer-7) !important; margin-right: var(--spacer-7) !important; }

  .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
  .my-md-1 { margin-top: var(--spacer-1) !important; margin-bottom: var(--spacer-1) !important; }
  .my-md-2 { margin-top: var(--spacer-2) !important; margin-bottom: var(--spacer-2) !important; }
  .my-md-3 { margin-top: var(--spacer-3) !important; margin-bottom: var(--spacer-3) !important; }
  .my-md-4 { margin-top: var(--spacer-4) !important; margin-bottom: var(--spacer-4) !important; }
  .my-md-5 { margin-top: var(--spacer-5) !important; margin-bottom: var(--spacer-5) !important; }
  .my-md-6 { margin-top: var(--spacer-6) !important; margin-bottom: var(--spacer-6) !important; }
  .my-md-7 { margin-top: var(--spacer-7) !important; margin-bottom: var(--spacer-7) !important; }

  .ms-md-0 { margin-left: 0 !important; }
  .ms-md-1 { margin-left: var(--spacer-1) !important; }
  .ms-md-2 { margin-left: var(--spacer-2) !important; }
  .ms-md-3 { margin-left: var(--spacer-3) !important; }
  .ms-md-4 { margin-left: var(--spacer-4) !important; }
  .ms-md-5 { margin-left: var(--spacer-5) !important; }
  .ms-md-6 { margin-left: var(--spacer-6) !important; }
  .ms-md-7 { margin-left: var(--spacer-7) !important; }

  .mt-md-0 { margin-top: 0 !important; }
  .mt-md-1 { margin-top: var(--spacer-1) !important; }
  .mt-md-2 { margin-top: var(--spacer-2) !important; }
  .mt-md-3 { margin-top: var(--spacer-3) !important; }
  .mt-md-4 { margin-top: var(--spacer-4) !important; }
  .mt-md-5 { margin-top: var(--spacer-5) !important; }
  .mt-md-6 { margin-top: var(--spacer-6) !important; }
  .mt-md-7 { margin-top: var(--spacer-7) !important; }

  .me-md-0 { margin-right: 0 !important; }
  .me-md-1 { margin-right: var(--spacer-1) !important; }
  .me-md-2 { margin-right: var(--spacer-2) !important; }
  .me-md-3 { margin-right: var(--spacer-3) !important; }
  .me-md-4 { margin-right: var(--spacer-4) !important; }
  .me-md-5 { margin-right: var(--spacer-5) !important; }
  .me-md-6 { margin-right: var(--spacer-6) !important; }
  .me-md-7 { margin-right: var(--spacer-7) !important; }

  .mb-md-0 { margin-bottom: 0 !important; }
  .mb-md-1 { margin-bottom: var(--spacer-1) !important; }
  .mb-md-2 { margin-bottom: var(--spacer-2) !important; }
  .mb-md-3 { margin-bottom: var(--spacer-3) !important; }
  .mb-md-4 { margin-bottom: var(--spacer-4) !important; }
  .mb-md-5 { margin-bottom: var(--spacer-5) !important; }
  .mb-md-6 { margin-bottom: var(--spacer-6) !important; }
  .mb-md-7 { margin-bottom: var(--spacer-7) !important; }

  .p-md-0 { padding: 0 !important; }
  .p-md-1 { padding: var(--spacer-1) !important; }
  .p-md-2 { padding: var(--spacer-2) !important; }
  .p-md-3 { padding: var(--spacer-3) !important; }
  .p-md-4 { padding: var(--spacer-4) !important; }
  .p-md-5 { padding: var(--spacer-5) !important; }
  .p-md-6 { padding: var(--spacer-6) !important; }
  .p-md-7 { padding: var(--spacer-7) !important; }

  .px-md-0 { padding-left: 0 !important; padding-right: 0 !important; }
  .px-md-1 { padding-left: var(--spacer-1) !important; padding-right: var(--spacer-1) !important; }
  .px-md-2 { padding-left: var(--spacer-2) !important; padding-right: var(--spacer-2) !important; }
  .px-md-3 { padding-left: var(--spacer-3) !important; padding-right: var(--spacer-3) !important; }
  .px-md-4 { padding-left: var(--spacer-4) !important; padding-right: var(--spacer-4) !important; }
  .px-md-5 { padding-left: var(--spacer-5) !important; padding-right: var(--spacer-5) !important; }
  .px-md-6 { padding-left: var(--spacer-6) !important; padding-right: var(--spacer-6) !important; }
  .px-md-7 { padding-left: var(--spacer-7) !important; padding-right: var(--spacer-7) !important; }

  .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
  .py-md-1 { padding-top: var(--spacer-1) !important; padding-bottom: var(--spacer-1) !important; }
  .py-md-2 { padding-top: var(--spacer-2) !important; padding-bottom: var(--spacer-2) !important; }
  .py-md-3 { padding-top: var(--spacer-3) !important; padding-bottom: var(--spacer-3) !important; }
  .py-md-4 { padding-top: var(--spacer-4) !important; padding-bottom: var(--spacer-4) !important; }
  .py-md-5 { padding-top: var(--spacer-5) !important; padding-bottom: var(--spacer-5) !important; }
  .py-md-6 { padding-top: var(--spacer-6) !important; padding-bottom: var(--spacer-6) !important; }
  .py-md-7 { padding-top: var(--spacer-7) !important; padding-bottom: var(--spacer-7) !important; }

  .ps-md-0 { padding-left: 0 !important; }
  .ps-md-1 { padding-left: var(--spacer-1) !important; }
  .ps-md-2 { padding-left: var(--spacer-2) !important; }
  .ps-md-3 { padding-left: var(--spacer-3) !important; }
  .ps-md-4 { padding-left: var(--spacer-4) !important; }
  .ps-md-5 { padding-left: var(--spacer-5) !important; }
  .ps-md-6 { padding-left: var(--spacer-6) !important; }
  .ps-md-7 { padding-left: var(--spacer-7) !important; }

  .pt-md-0 { padding-top: 0 !important; }
  .pt-md-1 { padding-top: var(--spacer-1) !important; }
  .pt-md-2 { padding-top: var(--spacer-2) !important; }
  .pt-md-3 { padding-top: var(--spacer-3) !important; }
  .pt-md-4 { padding-top: var(--spacer-4) !important; }
  .pt-md-5 { padding-top: var(--spacer-5) !important; }
  .pt-md-6 { padding-top: var(--spacer-6) !important; }
  .pt-md-7 { padding-top: var(--spacer-7) !important; }

  .pe-md-0 { padding-right: 0 !important; }
  .pe-md-1 { padding-right: var(--spacer-1) !important; }
  .pe-md-2 { padding-right: var(--spacer-2) !important; }
  .pe-md-3 { padding-right: var(--spacer-3) !important; }
  .pe-md-4 { padding-right: var(--spacer-4) !important; }
  .pe-md-5 { padding-right: var(--spacer-5) !important; }
  .pe-md-6 { padding-right: var(--spacer-6) !important; }
  .pe-md-7 { padding-right: var(--spacer-7) !important; }

  .pb-md-0 { padding-bottom: 0 !important; }
  .pb-md-1 { padding-bottom: var(--spacer-1) !important; }
  .pb-md-2 { padding-bottom: var(--spacer-2) !important; }
  .pb-md-3 { padding-bottom: var(--spacer-3) !important; }
  .pb-md-4 { padding-bottom: var(--spacer-4) !important; }
  .pb-md-5 { padding-bottom: var(--spacer-5) !important; }
  .pb-md-6 { padding-bottom: var(--spacer-6) !important; }
  .pb-md-7 { padding-bottom: var(--spacer-7) !important; }
}

@media only screen and (min-width: 1280px) {

  .m-xl-0 { margin: 0 !important; }
  .m-xl-1 { margin: var(--spacer-1) !important; }
  .m-xl-2 { margin: var(--spacer-2) !important; }
  .m-xl-3 { margin: var(--spacer-3) !important; }
  .m-xl-4 { margin: var(--spacer-4) !important; }
  .m-xl-5 { margin: var(--spacer-5) !important; }
  .m-xl-6 { margin: var(--spacer-6) !important; }
  .m-xl-7 { margin: var(--spacer-7) !important; }

  .mx-xl-0 { margin-left: 0 !important; margin-right: 0 !important; }
  .mx-xl-1 { margin-left: var(--spacer-1) !important; margin-right: var(--spacer-1) !important; }
  .mx-xl-2 { margin-left: var(--spacer-2) !important; margin-right: var(--spacer-2) !important; }
  .mx-xl-3 { margin-left: var(--spacer-3) !important; margin-right: var(--spacer-3) !important; }
  .mx-xl-4 { margin-left: var(--spacer-4) !important; margin-right: var(--spacer-4) !important; }
  .mx-xl-5 { margin-left: var(--spacer-5) !important; margin-right: var(--spacer-5) !important; }
  .mx-xl-6 { margin-left: var(--spacer-6) !important; margin-right: var(--spacer-6) !important; }
  .mx-xl-7 { margin-left: var(--spacer-7) !important; margin-right: var(--spacer-7) !important; }

  .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
  .my-xl-1 { margin-top: var(--spacer-1) !important; margin-bottom: var(--spacer-1) !important; }
  .my-xl-2 { margin-top: var(--spacer-2) !important; margin-bottom: var(--spacer-2) !important; }
  .my-xl-3 { margin-top: var(--spacer-3) !important; margin-bottom: var(--spacer-3) !important; }
  .my-xl-4 { margin-top: var(--spacer-4) !important; margin-bottom: var(--spacer-4) !important; }
  .my-xl-5 { margin-top: var(--spacer-5) !important; margin-bottom: var(--spacer-5) !important; }
  .my-xl-6 { margin-top: var(--spacer-6) !important; margin-bottom: var(--spacer-6) !important; }
  .my-xl-7 { margin-top: var(--spacer-7) !important; margin-bottom: var(--spacer-7) !important; }

  .ms-xl-0 { margin-left: 0 !important; }
  .ms-xl-1 { margin-left: var(--spacer-1) !important; }
  .ms-xl-2 { margin-left: var(--spacer-2) !important; }
  .ms-xl-3 { margin-left: var(--spacer-3) !important; }
  .ms-xl-4 { margin-left: var(--spacer-4) !important; }
  .ms-xl-5 { margin-left: var(--spacer-5) !important; }
  .ms-xl-6 { margin-left: var(--spacer-6) !important; }
  .ms-xl-7 { margin-left: var(--spacer-7) !important; }

  .mt-xl-0 { margin-top: 0 !important; }
  .mt-xl-1 { margin-top: var(--spacer-1) !important; }
  .mt-xl-2 { margin-top: var(--spacer-2) !important; }
  .mt-xl-3 { margin-top: var(--spacer-3) !important; }
  .mt-xl-4 { margin-top: var(--spacer-4) !important; }
  .mt-xl-5 { margin-top: var(--spacer-5) !important; }
  .mt-xl-6 { margin-top: var(--spacer-6) !important; }
  .mt-xl-7 { margin-top: var(--spacer-7) !important; }

  .me-xl-0 { margin-right: 0 !important; }
  .me-xl-1 { margin-right: var(--spacer-1) !important; }
  .me-xl-2 { margin-right: var(--spacer-2) !important; }
  .me-xl-3 { margin-right: var(--spacer-3) !important; }
  .me-xl-4 { margin-right: var(--spacer-4) !important; }
  .me-xl-5 { margin-right: var(--spacer-5) !important; }
  .me-xl-6 { margin-right: var(--spacer-6) !important; }
  .me-xl-7 { margin-right: var(--spacer-7) !important; }

  .mb-xl-0 { margin-bottom: 0 !important; }
  .mb-xl-1 { margin-bottom: var(--spacer-1) !important; }
  .mb-xl-2 { margin-bottom: var(--spacer-2) !important; }
  .mb-xl-3 { margin-bottom: var(--spacer-3) !important; }
  .mb-xl-4 { margin-bottom: var(--spacer-4) !important; }
  .mb-xl-5 { margin-bottom: var(--spacer-5) !important; }
  .mb-xl-6 { margin-bottom: var(--spacer-6) !important; }
  .mb-xl-7 { margin-bottom: var(--spacer-7) !important; }

  .p-xl-0 { padding: 0 !important; }
  .p-xl-1 { padding: var(--spacer-1) !important; }
  .p-xl-2 { padding: var(--spacer-2) !important; }
  .p-xl-3 { padding: var(--spacer-3) !important; }
  .p-xl-4 { padding: var(--spacer-4) !important; }
  .p-xl-5 { padding: var(--spacer-5) !important; }
  .p-xl-6 { padding: var(--spacer-6) !important; }
  .p-xl-7 { padding: var(--spacer-7) !important; }

  .px-xl-0 { padding-left: 0 !important; padding-right: 0 !important; }
  .px-xl-1 { padding-left: var(--spacer-1) !important; padding-right: var(--spacer-1) !important; }
  .px-xl-2 { padding-left: var(--spacer-2) !important; padding-right: var(--spacer-2) !important; }
  .px-xl-3 { padding-left: var(--spacer-3) !important; padding-right: var(--spacer-3) !important; }
  .px-xl-4 { padding-left: var(--spacer-4) !important; padding-right: var(--spacer-4) !important; }
  .px-xl-5 { padding-left: var(--spacer-5) !important; padding-right: var(--spacer-5) !important; }
  .px-xl-6 { padding-left: var(--spacer-6) !important; padding-right: var(--spacer-6) !important; }
  .px-xl-7 { padding-left: var(--spacer-7) !important; padding-right: var(--spacer-7) !important; }

  .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
  .py-xl-1 { padding-top: var(--spacer-1) !important; padding-bottom: var(--spacer-1) !important; }
  .py-xl-2 { padding-top: var(--spacer-2) !important; padding-bottom: var(--spacer-2) !important; }
  .py-xl-3 { padding-top: var(--spacer-3) !important; padding-bottom: var(--spacer-3) !important; }
  .py-xl-4 { padding-top: var(--spacer-4) !important; padding-bottom: var(--spacer-4) !important; }
  .py-xl-5 { padding-top: var(--spacer-5) !important; padding-bottom: var(--spacer-5) !important; }
  .py-xl-6 { padding-top: var(--spacer-6) !important; padding-bottom: var(--spacer-6) !important; }
  .py-xl-7 { padding-top: var(--spacer-7) !important; padding-bottom: var(--spacer-7) !important; }

  .ps-xl-0 { padding-left: 0 !important; }
  .ps-xl-1 { padding-left: var(--spacer-1) !important; }
  .ps-xl-2 { padding-left: var(--spacer-2) !important; }
  .ps-xl-3 { padding-left: var(--spacer-3) !important; }
  .ps-xl-4 { padding-left: var(--spacer-4) !important; }
  .ps-xl-5 { padding-left: var(--spacer-5) !important; }
  .ps-xl-6 { padding-left: var(--spacer-6) !important; }
  .ps-xl-7 { padding-left: var(--spacer-7) !important; }

  .pt-xl-0 { padding-top: 0 !important; }
  .pt-xl-1 { padding-top: var(--spacer-1) !important; }
  .pt-xl-2 { padding-top: var(--spacer-2) !important; }
  .pt-xl-3 { padding-top: var(--spacer-3) !important; }
  .pt-xl-4 { padding-top: var(--spacer-4) !important; }
  .pt-xl-5 { padding-top: var(--spacer-5) !important; }
  .pt-xl-6 { padding-top: var(--spacer-6) !important; }
  .pt-xl-7 { padding-top: var(--spacer-7) !important; }

  .pe-xl-0 { padding-right: 0 !important; }
  .pe-xl-1 { padding-right: var(--spacer-1) !important; }
  .pe-xl-2 { padding-right: var(--spacer-2) !important; }
  .pe-xl-3 { padding-right: var(--spacer-3) !important; }
  .pe-xl-4 { padding-right: var(--spacer-4) !important; }
  .pe-xl-5 { padding-right: var(--spacer-5) !important; }
  .pe-xl-6 { padding-right: var(--spacer-6) !important; }
  .pe-xl-7 { padding-right: var(--spacer-7) !important; }

  .pb-xl-0 { padding-bottom: 0 !important; }
  .pb-xl-1 { padding-bottom: var(--spacer-1) !important; }
  .pb-xl-2 { padding-bottom: var(--spacer-2) !important; }
  .pb-xl-3 { padding-bottom: var(--spacer-3) !important; }
  .pb-xl-4 { padding-bottom: var(--spacer-4) !important; }
  .pb-xl-5 { padding-bottom: var(--spacer-5) !important; }
  .pb-xl-6 { padding-bottom: var(--spacer-6) !important; }
  .pb-xl-7 { padding-bottom: var(--spacer-7) !important; }
}