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

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

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

.ms-0 { margin-inline-start: var(--space-0) !important; }
.ms-1 { margin-inline-start: var(--space-1) !important; }
.ms-2 { margin-inline-start: var(--space-2) !important; }
.ms-3 { margin-inline-start: var(--space-3) !important; }
.ms-4 { margin-inline-start: var(--space-4) !important; }
.ms-5 { margin-inline-start: var(--space-5) !important; }
.ms-6 { margin-inline-start: var(--space-6) !important; }
.ms-7 { margin-inline-start: var(--space-7) !important; }
.ms-8 { margin-inline-start: var(--space-8) !important; }

.me-0 { margin-inline-end: var(--space-0) !important; }
.me-1 { margin-inline-end: var(--space-1) !important; }
.me-2 { margin-inline-end: var(--space-2) !important; }
.me-3 { margin-inline-end: var(--space-3) !important; }
.me-4 { margin-inline-end: var(--space-4) !important; }
.me-5 { margin-inline-end: var(--space-5) !important; }
.me-6 { margin-inline-end: var(--space-6) !important; }
.me-7 { margin-inline-end: var(--space-7) !important; }
.me-8 { margin-inline-end: var(--space-8) !important; }

.mx-0 {
  margin-inline: var(--space-0) !important;
}

.mx-1 {
  margin-inline: var(--space-1) !important;
}

.mx-2 {
  margin-inline: var(--space-2) !important;
}

.mx-3 {
  margin-inline: var(--space-3) !important;
}

.mx-4 {
  margin-inline: var(--space-4) !important;
}

.mx-5 {
  margin-inline: var(--space-5) !important;
}

.mx-6 {
  margin-inline: var(--space-6) !important;
}

.mx-7 {
  margin-inline: var(--space-7) !important;
}

.mx-8 {
  margin-inline: var(--space-8) !important;
}

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

.my-0 {
  margin-block: var(--space-0) !important;
}

.my-1 {
  margin-block: var(--space-1) !important;
}

.my-2 {
  margin-block: var(--space-2) !important;
}

.my-3 {
  margin-block: var(--space-3) !important;
}

.my-4 {
  margin-block: var(--space-4) !important;
}

.my-5 {
  margin-block: var(--space-5) !important;
}

.my-6 {
  margin-block: var(--space-6) !important;
}

.my-7 {
  margin-block: var(--space-7) !important;
}

.my-8 {
  margin-block: var(--space-8) !important;
}

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

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

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

.ps-0 { padding-inline-start: var(--space-0) !important; }
.ps-1 { padding-inline-start: var(--space-1) !important; }
.ps-2 { padding-inline-start: var(--space-2) !important; }
.ps-3 { padding-inline-start: var(--space-3) !important; }
.ps-4 { padding-inline-start: var(--space-4) !important; }
.ps-5 { padding-inline-start: var(--space-5) !important; }
.ps-6 { padding-inline-start: var(--space-6) !important; }
.ps-7 { padding-inline-start: var(--space-7) !important; }
.ps-8 { padding-inline-start: var(--space-8) !important; }

.pe-0 { padding-inline-end: var(--space-0) !important; }
.pe-1 { padding-inline-end: var(--space-1) !important; }
.pe-2 { padding-inline-end: var(--space-2) !important; }
.pe-3 { padding-inline-end: var(--space-3) !important; }
.pe-4 { padding-inline-end: var(--space-4) !important; }
.pe-5 { padding-inline-end: var(--space-5) !important; }
.pe-6 { padding-inline-end: var(--space-6) !important; }
.pe-7 { padding-inline-end: var(--space-7) !important; }
.pe-8 { padding-inline-end: var(--space-8) !important; }

.px-0 {
  padding-inline: var(--space-0) !important;
}

.px-1 {
  padding-inline: var(--space-1) !important;
}

.px-2 {
  padding-inline: var(--space-2) !important;
}

.px-3 {
  padding-inline: var(--space-3) !important;
}

.px-4 {
  padding-inline: var(--space-4) !important;
}

.px-5 {
  padding-inline: var(--space-5) !important;
}

.px-6 {
  padding-inline: var(--space-6) !important;
}

.px-7 {
  padding-inline: var(--space-7) !important;
}

.px-8 {
  padding-inline: var(--space-8) !important;
}

.py-0 {
  padding-block: var(--space-0) !important;
}

.py-1 {
  padding-block: var(--space-1) !important;
}

.py-2 {
  padding-block: var(--space-2) !important;
}

.py-3 {
  padding-block: var(--space-3) !important;
}

.py-4 {
  padding-block: var(--space-4) !important;
}

.py-5 {
  padding-block: var(--space-5) !important;
}

.py-6 {
  padding-block: var(--space-6) !important;
}

.py-7 {
  padding-block: var(--space-7) !important;
}

.py-8 {
  padding-block: var(--space-8) !important;
}

.g-0 { --gutter-x: var(--space-0) !important; --gutter-y: var(--space-0) !important; }
.g-1 { --gutter-x: var(--space-1) !important; --gutter-y: var(--space-1) !important; }
.g-2 { --gutter-x: var(--space-2) !important; --gutter-y: var(--space-2) !important; }
.g-3 { --gutter-x: var(--space-3) !important; --gutter-y: var(--space-3) !important; }
.g-4 { --gutter-x: var(--space-4) !important; --gutter-y: var(--space-4) !important; }
.g-5 { --gutter-x: var(--space-5) !important; --gutter-y: var(--space-5) !important; }
.g-6 { --gutter-x: var(--space-6) !important; --gutter-y: var(--space-6) !important; }
.g-7 { --gutter-x: var(--space-7) !important; --gutter-y: var(--space-7) !important; }
.g-8 { --gutter-x: var(--space-8) !important; --gutter-y: var(--space-8) !important; }

.gx-0 { --gutter-x: var(--space-0) !important; }
.gx-1 { --gutter-x: var(--space-1) !important; }
.gx-2 { --gutter-x: var(--space-2) !important; }
.gx-3 { --gutter-x: var(--space-3) !important; }
.gx-4 { --gutter-x: var(--space-4) !important; }
.gx-5 { --gutter-x: var(--space-5) !important; }
.gx-6 { --gutter-x: var(--space-6) !important; }
.gx-7 { --gutter-x: var(--space-7) !important; }
.gx-8 { --gutter-x: var(--space-8) !important; }

.gy-0 { --gutter-y: var(--space-0) !important; }
.gy-1 { --gutter-y: var(--space-1) !important; }
.gy-2 { --gutter-y: var(--space-2) !important; }
.gy-3 { --gutter-y: var(--space-3) !important; }
.gy-4 { --gutter-y: var(--space-4) !important; }
.gy-5 { --gutter-y: var(--space-5) !important; }
.gy-6 { --gutter-y: var(--space-6) !important; }
.gy-7 { --gutter-y: var(--space-7) !important; }
.gy-8 { --gutter-y: var(--space-8) !important; }

@media (min-width: 640px) {
  .ms-sm-0 { margin-inline-start: var(--space-0) !important; }
  .ms-sm-1 { margin-inline-start: var(--space-1) !important; }
  .ms-sm-2 { margin-inline-start: var(--space-2) !important; }
  .ms-sm-3 { margin-inline-start: var(--space-3) !important; }
  .ms-sm-4 { margin-inline-start: var(--space-4) !important; }
  .ms-sm-5 { margin-inline-start: var(--space-5) !important; }
  .ms-sm-6 { margin-inline-start: var(--space-6) !important; }
  .ms-sm-7 { margin-inline-start: var(--space-7) !important; }
  .ms-sm-8 { margin-inline-start: var(--space-8) !important; }
  .ms-sm-auto { margin-inline-start: auto !important; }

  .me-sm-0 { margin-inline-end: var(--space-0) !important; }
  .me-sm-1 { margin-inline-end: var(--space-1) !important; }
  .me-sm-2 { margin-inline-end: var(--space-2) !important; }
  .me-sm-3 { margin-inline-end: var(--space-3) !important; }
  .me-sm-4 { margin-inline-end: var(--space-4) !important; }
  .me-sm-5 { margin-inline-end: var(--space-5) !important; }
  .me-sm-6 { margin-inline-end: var(--space-6) !important; }
  .me-sm-7 { margin-inline-end: var(--space-7) !important; }
  .me-sm-8 { margin-inline-end: var(--space-8) !important; }
  .me-sm-auto { margin-inline-end: auto !important; }

  .mx-sm-0 { margin-inline: var(--space-0) !important; }
  .mx-sm-1 { margin-inline: var(--space-1) !important; }
  .mx-sm-2 { margin-inline: var(--space-2) !important; }
  .mx-sm-3 { margin-inline: var(--space-3) !important; }
  .mx-sm-4 { margin-inline: var(--space-4) !important; }
  .mx-sm-5 { margin-inline: var(--space-5) !important; }
  .mx-sm-6 { margin-inline: var(--space-6) !important; }
  .mx-sm-7 { margin-inline: var(--space-7) !important; }
  .mx-sm-8 { margin-inline: var(--space-8) !important; }
  .mx-sm-auto { margin-inline: auto !important; }

  .my-sm-0 { margin-block: var(--space-0) !important; }
  .my-sm-1 { margin-block: var(--space-1) !important; }
  .my-sm-2 { margin-block: var(--space-2) !important; }
  .my-sm-3 { margin-block: var(--space-3) !important; }
  .my-sm-4 { margin-block: var(--space-4) !important; }
  .my-sm-5 { margin-block: var(--space-5) !important; }
  .my-sm-6 { margin-block: var(--space-6) !important; }
  .my-sm-7 { margin-block: var(--space-7) !important; }
  .my-sm-8 { margin-block: var(--space-8) !important; }
  .my-sm-auto { margin-block: auto !important; }

  .g-sm-0 { --gutter-x: var(--space-0) !important; --gutter-y: var(--space-0) !important; }
  .g-sm-1 { --gutter-x: var(--space-1) !important; --gutter-y: var(--space-1) !important; }
  .g-sm-2 { --gutter-x: var(--space-2) !important; --gutter-y: var(--space-2) !important; }
  .g-sm-3 { --gutter-x: var(--space-3) !important; --gutter-y: var(--space-3) !important; }
  .g-sm-4 { --gutter-x: var(--space-4) !important; --gutter-y: var(--space-4) !important; }
  .g-sm-5 { --gutter-x: var(--space-5) !important; --gutter-y: var(--space-5) !important; }
  .g-sm-6 { --gutter-x: var(--space-6) !important; --gutter-y: var(--space-6) !important; }
  .g-sm-7 { --gutter-x: var(--space-7) !important; --gutter-y: var(--space-7) !important; }
  .g-sm-8 { --gutter-x: var(--space-8) !important; --gutter-y: var(--space-8) !important; }

  .gx-sm-0 { --gutter-x: var(--space-0) !important; }
  .gx-sm-1 { --gutter-x: var(--space-1) !important; }
  .gx-sm-2 { --gutter-x: var(--space-2) !important; }
  .gx-sm-3 { --gutter-x: var(--space-3) !important; }
  .gx-sm-4 { --gutter-x: var(--space-4) !important; }
  .gx-sm-5 { --gutter-x: var(--space-5) !important; }
  .gx-sm-6 { --gutter-x: var(--space-6) !important; }
  .gx-sm-7 { --gutter-x: var(--space-7) !important; }
  .gx-sm-8 { --gutter-x: var(--space-8) !important; }

  .gy-sm-0 { --gutter-y: var(--space-0) !important; }
  .gy-sm-1 { --gutter-y: var(--space-1) !important; }
  .gy-sm-2 { --gutter-y: var(--space-2) !important; }
  .gy-sm-3 { --gutter-y: var(--space-3) !important; }
  .gy-sm-4 { --gutter-y: var(--space-4) !important; }
  .gy-sm-5 { --gutter-y: var(--space-5) !important; }
  .gy-sm-6 { --gutter-y: var(--space-6) !important; }
  .gy-sm-7 { --gutter-y: var(--space-7) !important; }
  .gy-sm-8 { --gutter-y: var(--space-8) !important; }
}

@media (min-width: 768px) {
  .ms-md-0 { margin-inline-start: var(--space-0) !important; }
  .ms-md-1 { margin-inline-start: var(--space-1) !important; }
  .ms-md-2 { margin-inline-start: var(--space-2) !important; }
  .ms-md-3 { margin-inline-start: var(--space-3) !important; }
  .ms-md-4 { margin-inline-start: var(--space-4) !important; }
  .ms-md-5 { margin-inline-start: var(--space-5) !important; }
  .ms-md-6 { margin-inline-start: var(--space-6) !important; }
  .ms-md-7 { margin-inline-start: var(--space-7) !important; }
  .ms-md-8 { margin-inline-start: var(--space-8) !important; }
  .ms-md-auto { margin-inline-start: auto !important; }

  .me-md-0 { margin-inline-end: var(--space-0) !important; }
  .me-md-1 { margin-inline-end: var(--space-1) !important; }
  .me-md-2 { margin-inline-end: var(--space-2) !important; }
  .me-md-3 { margin-inline-end: var(--space-3) !important; }
  .me-md-4 { margin-inline-end: var(--space-4) !important; }
  .me-md-5 { margin-inline-end: var(--space-5) !important; }
  .me-md-6 { margin-inline-end: var(--space-6) !important; }
  .me-md-7 { margin-inline-end: var(--space-7) !important; }
  .me-md-8 { margin-inline-end: var(--space-8) !important; }
  .me-md-auto { margin-inline-end: auto !important; }

  .mx-md-0 { margin-inline: var(--space-0) !important; }
  .mx-md-1 { margin-inline: var(--space-1) !important; }
  .mx-md-2 { margin-inline: var(--space-2) !important; }
  .mx-md-3 { margin-inline: var(--space-3) !important; }
  .mx-md-4 { margin-inline: var(--space-4) !important; }
  .mx-md-5 { margin-inline: var(--space-5) !important; }
  .mx-md-6 { margin-inline: var(--space-6) !important; }
  .mx-md-7 { margin-inline: var(--space-7) !important; }
  .mx-md-8 { margin-inline: var(--space-8) !important; }
  .mx-md-auto { margin-inline: auto !important; }

  .my-md-0 { margin-block: var(--space-0) !important; }
  .my-md-1 { margin-block: var(--space-1) !important; }
  .my-md-2 { margin-block: var(--space-2) !important; }
  .my-md-3 { margin-block: var(--space-3) !important; }
  .my-md-4 { margin-block: var(--space-4) !important; }
  .my-md-5 { margin-block: var(--space-5) !important; }
  .my-md-6 { margin-block: var(--space-6) !important; }
  .my-md-7 { margin-block: var(--space-7) !important; }
  .my-md-8 { margin-block: var(--space-8) !important; }
  .my-md-auto { margin-block: auto !important; }

  .g-md-0 { --gutter-x: var(--space-0) !important; --gutter-y: var(--space-0) !important; }
  .g-md-1 { --gutter-x: var(--space-1) !important; --gutter-y: var(--space-1) !important; }
  .g-md-2 { --gutter-x: var(--space-2) !important; --gutter-y: var(--space-2) !important; }
  .g-md-3 { --gutter-x: var(--space-3) !important; --gutter-y: var(--space-3) !important; }
  .g-md-4 { --gutter-x: var(--space-4) !important; --gutter-y: var(--space-4) !important; }
  .g-md-5 { --gutter-x: var(--space-5) !important; --gutter-y: var(--space-5) !important; }
  .g-md-6 { --gutter-x: var(--space-6) !important; --gutter-y: var(--space-6) !important; }
  .g-md-7 { --gutter-x: var(--space-7) !important; --gutter-y: var(--space-7) !important; }
  .g-md-8 { --gutter-x: var(--space-8) !important; --gutter-y: var(--space-8) !important; }

  .gx-md-0 { --gutter-x: var(--space-0) !important; }
  .gx-md-1 { --gutter-x: var(--space-1) !important; }
  .gx-md-2 { --gutter-x: var(--space-2) !important; }
  .gx-md-3 { --gutter-x: var(--space-3) !important; }
  .gx-md-4 { --gutter-x: var(--space-4) !important; }
  .gx-md-5 { --gutter-x: var(--space-5) !important; }
  .gx-md-6 { --gutter-x: var(--space-6) !important; }
  .gx-md-7 { --gutter-x: var(--space-7) !important; }
  .gx-md-8 { --gutter-x: var(--space-8) !important; }

  .gy-md-0 { --gutter-y: var(--space-0) !important; }
  .gy-md-1 { --gutter-y: var(--space-1) !important; }
  .gy-md-2 { --gutter-y: var(--space-2) !important; }
  .gy-md-3 { --gutter-y: var(--space-3) !important; }
  .gy-md-4 { --gutter-y: var(--space-4) !important; }
  .gy-md-5 { --gutter-y: var(--space-5) !important; }
  .gy-md-6 { --gutter-y: var(--space-6) !important; }
  .gy-md-7 { --gutter-y: var(--space-7) !important; }
  .gy-md-8 { --gutter-y: var(--space-8) !important; }
}

@media (min-width: 1024px) {
  .ms-lg-0 { margin-inline-start: var(--space-0) !important; }
  .ms-lg-1 { margin-inline-start: var(--space-1) !important; }
  .ms-lg-2 { margin-inline-start: var(--space-2) !important; }
  .ms-lg-3 { margin-inline-start: var(--space-3) !important; }
  .ms-lg-4 { margin-inline-start: var(--space-4) !important; }
  .ms-lg-5 { margin-inline-start: var(--space-5) !important; }
  .ms-lg-6 { margin-inline-start: var(--space-6) !important; }
  .ms-lg-7 { margin-inline-start: var(--space-7) !important; }
  .ms-lg-8 { margin-inline-start: var(--space-8) !important; }
  .ms-lg-auto { margin-inline-start: auto !important; }

  .me-lg-0 { margin-inline-end: var(--space-0) !important; }
  .me-lg-1 { margin-inline-end: var(--space-1) !important; }
  .me-lg-2 { margin-inline-end: var(--space-2) !important; }
  .me-lg-3 { margin-inline-end: var(--space-3) !important; }
  .me-lg-4 { margin-inline-end: var(--space-4) !important; }
  .me-lg-5 { margin-inline-end: var(--space-5) !important; }
  .me-lg-6 { margin-inline-end: var(--space-6) !important; }
  .me-lg-7 { margin-inline-end: var(--space-7) !important; }
  .me-lg-8 { margin-inline-end: var(--space-8) !important; }
  .me-lg-auto { margin-inline-end: auto !important; }

  .mx-lg-0 { margin-inline: var(--space-0) !important; }
  .mx-lg-1 { margin-inline: var(--space-1) !important; }
  .mx-lg-2 { margin-inline: var(--space-2) !important; }
  .mx-lg-3 { margin-inline: var(--space-3) !important; }
  .mx-lg-4 { margin-inline: var(--space-4) !important; }
  .mx-lg-5 { margin-inline: var(--space-5) !important; }
  .mx-lg-6 { margin-inline: var(--space-6) !important; }
  .mx-lg-7 { margin-inline: var(--space-7) !important; }
  .mx-lg-8 { margin-inline: var(--space-8) !important; }
  .mx-lg-auto { margin-inline: auto !important; }

  .my-lg-0 { margin-block: var(--space-0) !important; }
  .my-lg-1 { margin-block: var(--space-1) !important; }
  .my-lg-2 { margin-block: var(--space-2) !important; }
  .my-lg-3 { margin-block: var(--space-3) !important; }
  .my-lg-4 { margin-block: var(--space-4) !important; }
  .my-lg-5 { margin-block: var(--space-5) !important; }
  .my-lg-6 { margin-block: var(--space-6) !important; }
  .my-lg-7 { margin-block: var(--space-7) !important; }
  .my-lg-8 { margin-block: var(--space-8) !important; }
  .my-lg-auto { margin-block: auto !important; }

  .g-lg-0 { --gutter-x: var(--space-0) !important; --gutter-y: var(--space-0) !important; }
  .g-lg-1 { --gutter-x: var(--space-1) !important; --gutter-y: var(--space-1) !important; }
  .g-lg-2 { --gutter-x: var(--space-2) !important; --gutter-y: var(--space-2) !important; }
  .g-lg-3 { --gutter-x: var(--space-3) !important; --gutter-y: var(--space-3) !important; }
  .g-lg-4 { --gutter-x: var(--space-4) !important; --gutter-y: var(--space-4) !important; }
  .g-lg-5 { --gutter-x: var(--space-5) !important; --gutter-y: var(--space-5) !important; }
  .g-lg-6 { --gutter-x: var(--space-6) !important; --gutter-y: var(--space-6) !important; }
  .g-lg-7 { --gutter-x: var(--space-7) !important; --gutter-y: var(--space-7) !important; }
  .g-lg-8 { --gutter-x: var(--space-8) !important; --gutter-y: var(--space-8) !important; }

  .gx-lg-0 { --gutter-x: var(--space-0) !important; }
  .gx-lg-1 { --gutter-x: var(--space-1) !important; }
  .gx-lg-2 { --gutter-x: var(--space-2) !important; }
  .gx-lg-3 { --gutter-x: var(--space-3) !important; }
  .gx-lg-4 { --gutter-x: var(--space-4) !important; }
  .gx-lg-5 { --gutter-x: var(--space-5) !important; }
  .gx-lg-6 { --gutter-x: var(--space-6) !important; }
  .gx-lg-7 { --gutter-x: var(--space-7) !important; }
  .gx-lg-8 { --gutter-x: var(--space-8) !important; }

  .gy-lg-0 { --gutter-y: var(--space-0) !important; }
  .gy-lg-1 { --gutter-y: var(--space-1) !important; }
  .gy-lg-2 { --gutter-y: var(--space-2) !important; }
  .gy-lg-3 { --gutter-y: var(--space-3) !important; }
  .gy-lg-4 { --gutter-y: var(--space-4) !important; }
  .gy-lg-5 { --gutter-y: var(--space-5) !important; }
  .gy-lg-6 { --gutter-y: var(--space-6) !important; }
  .gy-lg-7 { --gutter-y: var(--space-7) !important; }
  .gy-lg-8 { --gutter-y: var(--space-8) !important; }
}

@media (min-width: 1280px) {
  .ms-xl-0 { margin-inline-start: var(--space-0) !important; }
  .ms-xl-1 { margin-inline-start: var(--space-1) !important; }
  .ms-xl-2 { margin-inline-start: var(--space-2) !important; }
  .ms-xl-3 { margin-inline-start: var(--space-3) !important; }
  .ms-xl-4 { margin-inline-start: var(--space-4) !important; }
  .ms-xl-5 { margin-inline-start: var(--space-5) !important; }
  .ms-xl-6 { margin-inline-start: var(--space-6) !important; }
  .ms-xl-7 { margin-inline-start: var(--space-7) !important; }
  .ms-xl-8 { margin-inline-start: var(--space-8) !important; }
  .ms-xl-auto { margin-inline-start: auto !important; }

  .me-xl-0 { margin-inline-end: var(--space-0) !important; }
  .me-xl-1 { margin-inline-end: var(--space-1) !important; }
  .me-xl-2 { margin-inline-end: var(--space-2) !important; }
  .me-xl-3 { margin-inline-end: var(--space-3) !important; }
  .me-xl-4 { margin-inline-end: var(--space-4) !important; }
  .me-xl-5 { margin-inline-end: var(--space-5) !important; }
  .me-xl-6 { margin-inline-end: var(--space-6) !important; }
  .me-xl-7 { margin-inline-end: var(--space-7) !important; }
  .me-xl-8 { margin-inline-end: var(--space-8) !important; }
  .me-xl-auto { margin-inline-end: auto !important; }

  .mx-xl-0 { margin-inline: var(--space-0) !important; }
  .mx-xl-1 { margin-inline: var(--space-1) !important; }
  .mx-xl-2 { margin-inline: var(--space-2) !important; }
  .mx-xl-3 { margin-inline: var(--space-3) !important; }
  .mx-xl-4 { margin-inline: var(--space-4) !important; }
  .mx-xl-5 { margin-inline: var(--space-5) !important; }
  .mx-xl-6 { margin-inline: var(--space-6) !important; }
  .mx-xl-7 { margin-inline: var(--space-7) !important; }
  .mx-xl-8 { margin-inline: var(--space-8) !important; }
  .mx-xl-auto { margin-inline: auto !important; }

  .my-xl-0 { margin-block: var(--space-0) !important; }
  .my-xl-1 { margin-block: var(--space-1) !important; }
  .my-xl-2 { margin-block: var(--space-2) !important; }
  .my-xl-3 { margin-block: var(--space-3) !important; }
  .my-xl-4 { margin-block: var(--space-4) !important; }
  .my-xl-5 { margin-block: var(--space-5) !important; }
  .my-xl-6 { margin-block: var(--space-6) !important; }
  .my-xl-7 { margin-block: var(--space-7) !important; }
  .my-xl-8 { margin-block: var(--space-8) !important; }
  .my-xl-auto { margin-block: auto !important; }

  .g-xl-0 { --gutter-x: var(--space-0) !important; --gutter-y: var(--space-0) !important; }
  .g-xl-1 { --gutter-x: var(--space-1) !important; --gutter-y: var(--space-1) !important; }
  .g-xl-2 { --gutter-x: var(--space-2) !important; --gutter-y: var(--space-2) !important; }
  .g-xl-3 { --gutter-x: var(--space-3) !important; --gutter-y: var(--space-3) !important; }
  .g-xl-4 { --gutter-x: var(--space-4) !important; --gutter-y: var(--space-4) !important; }
  .g-xl-5 { --gutter-x: var(--space-5) !important; --gutter-y: var(--space-5) !important; }
  .g-xl-6 { --gutter-x: var(--space-6) !important; --gutter-y: var(--space-6) !important; }
  .g-xl-7 { --gutter-x: var(--space-7) !important; --gutter-y: var(--space-7) !important; }
  .g-xl-8 { --gutter-x: var(--space-8) !important; --gutter-y: var(--space-8) !important; }

  .gx-xl-0 { --gutter-x: var(--space-0) !important; }
  .gx-xl-1 { --gutter-x: var(--space-1) !important; }
  .gx-xl-2 { --gutter-x: var(--space-2) !important; }
  .gx-xl-3 { --gutter-x: var(--space-3) !important; }
  .gx-xl-4 { --gutter-x: var(--space-4) !important; }
  .gx-xl-5 { --gutter-x: var(--space-5) !important; }
  .gx-xl-6 { --gutter-x: var(--space-6) !important; }
  .gx-xl-7 { --gutter-x: var(--space-7) !important; }
  .gx-xl-8 { --gutter-x: var(--space-8) !important; }

  .gy-xl-0 { --gutter-y: var(--space-0) !important; }
  .gy-xl-1 { --gutter-y: var(--space-1) !important; }
  .gy-xl-2 { --gutter-y: var(--space-2) !important; }
  .gy-xl-3 { --gutter-y: var(--space-3) !important; }
  .gy-xl-4 { --gutter-y: var(--space-4) !important; }
  .gy-xl-5 { --gutter-y: var(--space-5) !important; }
  .gy-xl-6 { --gutter-y: var(--space-6) !important; }
  .gy-xl-7 { --gutter-y: var(--space-7) !important; }
  .gy-xl-8 { --gutter-y: var(--space-8) !important; }
}