.g-gap-0,
.gap-0 {
  grid-gap: 0 !important;
}
.g-gap-1,
.gap-1 {
  grid-gap: calc(0.25 * var(--root-unit)) !important;
}
.g-gap-2,
.gap-2 {
  grid-gap: calc(0.5 * var(--root-unit)) !important;
}
.g-gap-3,
.gap-3 {
  grid-gap: calc(1 * var(--root-unit)) !important;
}
.g-gap-4,
.gap-4 {
  grid-gap: calc(1.5 * var(--root-unit)) !important;
}
.g-gap-4plus,
.gap-4plus {
  grid-gap: calc(2 * var(--root-unit)) !important;
}
.g-gap-5,
.gap-5 {
  grid-gap: calc(2.5 * var(--root-unit)) !important;
}
.g-gap-6,
.gap-6 {
  grid-gap: calc(3 * var(--root-unit)) !important;
}
.g-gap-7,
.gap-7 {
  grid-gap: calc(3.5 * var(--root-unit)) !important;
}
.g-gap-8,
.gap-8 {
  grid-gap: calc(4 * var(--root-unit)) !important;
}
.g-gap-9,
.gap-9 {
  grid-gap: calc(4.5 * var(--root-unit)) !important;
}
.g-gap-10,
.gap-10 {
  grid-gap: calc(5 * var(--root-unit)) !important;
}
.g-gap-11,
.gap-11 {
  grid-gap: calc(5.5 * var(--root-unit)) !important;
}
.g-gap-12,
.gap-12 {
  grid-gap: calc(6 * var(--root-unit)) !important;
}
.g-gap-13,
.gap-13 {
  grid-gap: calc(6.5 * var(--root-unit)) !important;
}
.g-gap-14,
.gap-14 {
  grid-gap: calc(7 * var(--root-unit)) !important;
}
.g-gap-15,
.gap-15 {
  grid-gap: calc(7.5 * var(--root-unit)) !important;
}
.g-gap-16,
.gap-16 {
  grid-gap: calc(8 * var(--root-unit)) !important;
}
.g-gap-17,
.gap-17 {
  grid-gap: calc(8.5 * var(--root-unit)) !important;
}
.g-gap-18,
.gap-18 {
  grid-gap: calc(9 * var(--root-unit)) !important;
}
.g-gap-19,
.gap-19 {
  grid-gap: calc(9.5 * var(--root-unit)) !important;
}
.g-gap-20,
.gap-20 {
  grid-gap: calc(10 * var(--root-unit)) !important;
}
.g-rgap-0,
.row-gap-0 {
  grid-row-gap: 0 !important;
}
.g-rgap-1,
.row-gap-1 {
  grid-row-gap: calc(0.25 * var(--root-unit)) !important;
}
.g-rgap-2,
.row-gap-2 {
  grid-row-gap: calc(0.5 * var(--root-unit)) !important;
}
.g-rgap-3,
.row-gap-3 {
  grid-row-gap: calc(1 * var(--root-unit)) !important;
}
.g-rgap-4,
.row-gap-4 {
  grid-row-gap: calc(1.5 * var(--root-unit)) !important;
}
.g-rgap-4plus,
.row-gap-4plus {
  grid-row-gap: calc(2 * var(--root-unit)) !important;
}
.g-rgap-5,
.row-gap-5 {
  grid-row-gap: calc(2.5 * var(--root-unit)) !important;
}
.g-rgap-6,
.row-gap-6 {
  grid-row-gap: calc(3 * var(--root-unit)) !important;
}
.g-rgap-7,
.row-gap-7 {
  grid-row-gap: calc(3.5 * var(--root-unit)) !important;
}
.g-rgap-8,
.row-gap-8 {
  grid-row-gap: calc(4 * var(--root-unit)) !important;
}
.g-rgap-9,
.row-gap-9 {
  grid-row-gap: calc(4.5 * var(--root-unit)) !important;
}
.g-rgap-10,
.row-gap-10 {
  grid-row-gap: calc(5 * var(--root-unit)) !important;
}
.g-rgap-11,
.row-gap-11 {
  grid-row-gap: calc(5.5 * var(--root-unit)) !important;
}
.g-rgap-12,
.row-gap-12 {
  grid-row-gap: calc(6 * var(--root-unit)) !important;
}
.g-rgap-13,
.row-gap-13 {
  grid-row-gap: calc(6.5 * var(--root-unit)) !important;
}
.g-rgap-14,
.row-gap-14 {
  grid-row-gap: calc(7 * var(--root-unit)) !important;
}
.g-rgap-15,
.row-gap-15 {
  grid-row-gap: calc(7.5 * var(--root-unit)) !important;
}
.g-rgap-16,
.row-gap-16 {
  grid-row-gap: calc(8 * var(--root-unit)) !important;
}
.g-rgap-17,
.row-gap-17 {
  grid-row-gap: calc(8.5 * var(--root-unit)) !important;
}
.g-rgap-18,
.row-gap-18 {
  grid-row-gap: calc(9 * var(--root-unit)) !important;
}
.g-rgap-19,
.row-gap-19 {
  grid-row-gap: calc(9.5 * var(--root-unit)) !important;
}
.g-rgap-20,
.row-gap-20 {
  grid-row-gap: calc(10 * var(--root-unit)) !important;
}
.g-cgap-0,
.column-gap-0 {
  grid-column-gap: 0 !important;
}
.g-cgap-1,
.column-gap-1 {
  grid-column-gap: calc(0.25 * var(--root-unit)) !important;
}
.g-cgap-2,
.column-gap-2 {
  grid-column-gap: calc(0.5 * var(--root-unit)) !important;
}
.g-cgap-3,
.column-gap-3 {
  grid-column-gap: calc(1 * var(--root-unit)) !important;
}
.g-cgap-4,
.column-gap-4 {
  grid-column-gap: calc(1.5 * var(--root-unit)) !important;
}
.g-cgap-4plus,
.column-gap-4plus {
  grid-column-gap: calc(2 * var(--root-unit)) !important;
}
.g-cgap-5,
.column-gap-5 {
  grid-column-gap: calc(2.5 * var(--root-unit)) !important;
}
.g-cgap-6,
.column-gap-6 {
  grid-column-gap: calc(3 * var(--root-unit)) !important;
}
.g-cgap-7,
.column-gap-7 {
  grid-column-gap: calc(3.5 * var(--root-unit)) !important;
}
.g-cgap-8,
.column-gap-8 {
  grid-column-gap: calc(4 * var(--root-unit)) !important;
}
.g-cgap-9,
.column-gap-9 {
  grid-column-gap: calc(4.5 * var(--root-unit)) !important;
}
.g-cgap-10,
.column-gap-10 {
  grid-column-gap: calc(5 * var(--root-unit)) !important;
}
.g-cgap-11,
.column-gap-11 {
  grid-column-gap: calc(5.5 * var(--root-unit)) !important;
}
.g-cgap-12,
.column-gap-12 {
  grid-column-gap: calc(6 * var(--root-unit)) !important;
}
.g-cgap-13,
.column-gap-13 {
  grid-column-gap: calc(6.5 * var(--root-unit)) !important;
}
.g-cgap-14,
.column-gap-14 {
  grid-column-gap: calc(7 * var(--root-unit)) !important;
}
.g-cgap-15,
.column-gap-15 {
  grid-column-gap: calc(7.5 * var(--root-unit)) !important;
}
.g-cgap-16,
.column-gap-16 {
  grid-column-gap: calc(8 * var(--root-unit)) !important;
}
.g-cgap-17,
.column-gap-17 {
  grid-column-gap: calc(8.5 * var(--root-unit)) !important;
}
.g-cgap-18,
.column-gap-18 {
  grid-column-gap: calc(9 * var(--root-unit)) !important;
}
.g-cgap-19,
.column-gap-19 {
  grid-column-gap: calc(9.5 * var(--root-unit)) !important;
}
.g-cgap-20,
.column-gap-20 {
  grid-column-gap: calc(10 * var(--root-unit)) !important;
}
@media (max-width: 575px) {
  .g-gap-xs-0,
  .gap-xs-0 {
    grid-gap: 0 !important;
  }
  .g-gap-xs-1,
  .gap-xs-1 {
    grid-gap: calc(0.25 * var(--root-unit)) !important;
  }
  .g-gap-xs-2,
  .gap-xs-2 {
    grid-gap: calc(0.5 * var(--root-unit)) !important;
  }
  .g-gap-xs-3,
  .gap-xs-3 {
    grid-gap: calc(1 * var(--root-unit)) !important;
  }
  .g-gap-xs-4,
  .gap-xs-4 {
    grid-gap: calc(1.5 * var(--root-unit)) !important;
  }
  .g-gap-xs-4plus,
  .gap-xs-4plus {
    grid-gap: calc(2 * var(--root-unit)) !important;
  }
  .g-gap-xs-5,
  .gap-xs-5 {
    grid-gap: calc(2.5 * var(--root-unit)) !important;
  }
  .g-gap-xs-6,
  .gap-xs-6 {
    grid-gap: calc(3 * var(--root-unit)) !important;
  }
  .g-gap-xs-7,
  .gap-xs-7 {
    grid-gap: calc(3.5 * var(--root-unit)) !important;
  }
  .g-gap-xs-8,
  .gap-xs-8 {
    grid-gap: calc(4 * var(--root-unit)) !important;
  }
  .g-gap-xs-9,
  .gap-xs-9 {
    grid-gap: calc(4.5 * var(--root-unit)) !important;
  }
  .g-gap-xs-10,
  .gap-xs-10 {
    grid-gap: calc(5 * var(--root-unit)) !important;
  }
  .g-gap-xs-11,
  .gap-xs-11 {
    grid-gap: calc(5.5 * var(--root-unit)) !important;
  }
  .g-gap-xs-12,
  .gap-xs-12 {
    grid-gap: calc(6 * var(--root-unit)) !important;
  }
  .g-gap-xs-13,
  .gap-xs-13 {
    grid-gap: calc(6.5 * var(--root-unit)) !important;
  }
  .g-gap-xs-14,
  .gap-xs-14 {
    grid-gap: calc(7 * var(--root-unit)) !important;
  }
  .g-gap-xs-15,
  .gap-xs-15 {
    grid-gap: calc(7.5 * var(--root-unit)) !important;
  }
  .g-gap-xs-16,
  .gap-xs-16 {
    grid-gap: calc(8 * var(--root-unit)) !important;
  }
  .g-gap-xs-17,
  .gap-xs-17 {
    grid-gap: calc(8.5 * var(--root-unit)) !important;
  }
  .g-gap-xs-18,
  .gap-xs-18 {
    grid-gap: calc(9 * var(--root-unit)) !important;
  }
  .g-gap-xs-19,
  .gap-xs-19 {
    grid-gap: calc(9.5 * var(--root-unit)) !important;
  }
  .g-gap-xs-20,
  .gap-xs-20 {
    grid-gap: calc(10 * var(--root-unit)) !important;
  }
  .g-rgap-xs-0,
  .row-gap-xs-0 {
    grid-row-gap: 0 !important;
  }
  .g-rgap-xs-1,
  .row-gap-xs-1 {
    grid-row-gap: calc(0.25 * var(--root-unit)) !important;
  }
  .g-rgap-xs-2,
  .row-gap-xs-2 {
    grid-row-gap: calc(0.5 * var(--root-unit)) !important;
  }
  .g-rgap-xs-3,
  .row-gap-xs-3 {
    grid-row-gap: calc(1 * var(--root-unit)) !important;
  }
  .g-rgap-xs-4,
  .row-gap-xs-4 {
    grid-row-gap: calc(1.5 * var(--root-unit)) !important;
  }
  .g-rgap-xs-4plus,
  .row-gap-xs-4plus {
    grid-row-gap: calc(2 * var(--root-unit)) !important;
  }
  .g-rgap-xs-5,
  .row-gap-xs-5 {
    grid-row-gap: calc(2.5 * var(--root-unit)) !important;
  }
  .g-rgap-xs-6,
  .row-gap-xs-6 {
    grid-row-gap: calc(3 * var(--root-unit)) !important;
  }
  .g-rgap-xs-7,
  .row-gap-xs-7 {
    grid-row-gap: calc(3.5 * var(--root-unit)) !important;
  }
  .g-rgap-xs-8,
  .row-gap-xs-8 {
    grid-row-gap: calc(4 * var(--root-unit)) !important;
  }
  .g-rgap-xs-9,
  .row-gap-xs-9 {
    grid-row-gap: calc(4.5 * var(--root-unit)) !important;
  }
  .g-rgap-xs-10,
  .row-gap-xs-10 {
    grid-row-gap: calc(5 * var(--root-unit)) !important;
  }
  .g-rgap-xs-11,
  .row-gap-xs-11 {
    grid-row-gap: calc(5.5 * var(--root-unit)) !important;
  }
  .g-rgap-xs-12,
  .row-gap-xs-12 {
    grid-row-gap: calc(6 * var(--root-unit)) !important;
  }
  .g-rgap-xs-13,
  .row-gap-xs-13 {
    grid-row-gap: calc(6.5 * var(--root-unit)) !important;
  }
  .g-rgap-xs-14,
  .row-gap-xs-14 {
    grid-row-gap: calc(7 * var(--root-unit)) !important;
  }
  .g-rgap-xs-15,
  .row-gap-xs-15 {
    grid-row-gap: calc(7.5 * var(--root-unit)) !important;
  }
  .g-rgap-xs-16,
  .row-gap-xs-16 {
    grid-row-gap: calc(8 * var(--root-unit)) !important;
  }
  .g-rgap-xs-17,
  .row-gap-xs-17 {
    grid-row-gap: calc(8.5 * var(--root-unit)) !important;
  }
  .g-rgap-xs-18,
  .row-gap-xs-18 {
    grid-row-gap: calc(9 * var(--root-unit)) !important;
  }
  .g-rgap-xs-19,
  .row-gap-xs-19 {
    grid-row-gap: calc(9.5 * var(--root-unit)) !important;
  }
  .g-rgap-xs-20,
  .row-gap-xs-20 {
    grid-row-gap: calc(10 * var(--root-unit)) !important;
  }
  .g-cgap-xs-0,
  .column-gap-xs-0 {
    grid-column-gap: 0 !important;
  }
  .g-cgap-xs-1,
  .column-gap-xs-1 {
    grid-column-gap: calc(0.25 * var(--root-unit)) !important;
  }
  .g-cgap-xs-2,
  .column-gap-xs-2 {
    grid-column-gap: calc(0.5 * var(--root-unit)) !important;
  }
  .g-cgap-xs-3,
  .column-gap-xs-3 {
    grid-column-gap: calc(1 * var(--root-unit)) !important;
  }
  .g-cgap-xs-4,
  .column-gap-xs-4 {
    grid-column-gap: calc(1.5 * var(--root-unit)) !important;
  }
  .g-cgap-xs-4plus,
  .column-gap-xs-4plus {
    grid-column-gap: calc(2 * var(--root-unit)) !important;
  }
  .g-cgap-xs-5,
  .column-gap-xs-5 {
    grid-column-gap: calc(2.5 * var(--root-unit)) !important;
  }
  .g-cgap-xs-6,
  .column-gap-xs-6 {
    grid-column-gap: calc(3 * var(--root-unit)) !important;
  }
  .g-cgap-xs-7,
  .column-gap-xs-7 {
    grid-column-gap: calc(3.5 * var(--root-unit)) !important;
  }
  .g-cgap-xs-8,
  .column-gap-xs-8 {
    grid-column-gap: calc(4 * var(--root-unit)) !important;
  }
  .g-cgap-xs-9,
  .column-gap-xs-9 {
    grid-column-gap: calc(4.5 * var(--root-unit)) !important;
  }
  .g-cgap-xs-10,
  .column-gap-xs-10 {
    grid-column-gap: calc(5 * var(--root-unit)) !important;
  }
  .g-cgap-xs-11,
  .column-gap-xs-11 {
    grid-column-gap: calc(5.5 * var(--root-unit)) !important;
  }
  .g-cgap-xs-12,
  .column-gap-xs-12 {
    grid-column-gap: calc(6 * var(--root-unit)) !important;
  }
  .g-cgap-xs-13,
  .column-gap-xs-13 {
    grid-column-gap: calc(6.5 * var(--root-unit)) !important;
  }
  .g-cgap-xs-14,
  .column-gap-xs-14 {
    grid-column-gap: calc(7 * var(--root-unit)) !important;
  }
  .g-cgap-xs-15,
  .column-gap-xs-15 {
    grid-column-gap: calc(7.5 * var(--root-unit)) !important;
  }
  .g-cgap-xs-16,
  .column-gap-xs-16 {
    grid-column-gap: calc(8 * var(--root-unit)) !important;
  }
  .g-cgap-xs-17,
  .column-gap-xs-17 {
    grid-column-gap: calc(8.5 * var(--root-unit)) !important;
  }
  .g-cgap-xs-18,
  .column-gap-xs-18 {
    grid-column-gap: calc(9 * var(--root-unit)) !important;
  }
  .g-cgap-xs-19,
  .column-gap-xs-19 {
    grid-column-gap: calc(9.5 * var(--root-unit)) !important;
  }
  .g-cgap-xs-20,
  .column-gap-xs-20 {
    grid-column-gap: calc(10 * var(--root-unit)) !important;
  }
}
@media (min-width: 576px) {
  .g-gap-sm-0,
  .gap-sm-0 {
    grid-gap: 0 !important;
  }
  .g-gap-sm-1,
  .gap-sm-1 {
    grid-gap: calc(0.25 * var(--root-unit)) !important;
  }
  .g-gap-sm-2,
  .gap-sm-2 {
    grid-gap: calc(0.5 * var(--root-unit)) !important;
  }
  .g-gap-sm-3,
  .gap-sm-3 {
    grid-gap: calc(1 * var(--root-unit)) !important;
  }
  .g-gap-sm-4,
  .gap-sm-4 {
    grid-gap: calc(1.5 * var(--root-unit)) !important;
  }
  .g-gap-sm-4plus,
  .gap-sm-4plus {
    grid-gap: calc(2 * var(--root-unit)) !important;
  }
  .g-gap-sm-5,
  .gap-sm-5 {
    grid-gap: calc(2.5 * var(--root-unit)) !important;
  }
  .g-gap-sm-6,
  .gap-sm-6 {
    grid-gap: calc(3 * var(--root-unit)) !important;
  }
  .g-gap-sm-7,
  .gap-sm-7 {
    grid-gap: calc(3.5 * var(--root-unit)) !important;
  }
  .g-gap-sm-8,
  .gap-sm-8 {
    grid-gap: calc(4 * var(--root-unit)) !important;
  }
  .g-gap-sm-9,
  .gap-sm-9 {
    grid-gap: calc(4.5 * var(--root-unit)) !important;
  }
  .g-gap-sm-10,
  .gap-sm-10 {
    grid-gap: calc(5 * var(--root-unit)) !important;
  }
  .g-gap-sm-11,
  .gap-sm-11 {
    grid-gap: calc(5.5 * var(--root-unit)) !important;
  }
  .g-gap-sm-12,
  .gap-sm-12 {
    grid-gap: calc(6 * var(--root-unit)) !important;
  }
  .g-gap-sm-13,
  .gap-sm-13 {
    grid-gap: calc(6.5 * var(--root-unit)) !important;
  }
  .g-gap-sm-14,
  .gap-sm-14 {
    grid-gap: calc(7 * var(--root-unit)) !important;
  }
  .g-gap-sm-15,
  .gap-sm-15 {
    grid-gap: calc(7.5 * var(--root-unit)) !important;
  }
  .g-gap-sm-16,
  .gap-sm-16 {
    grid-gap: calc(8 * var(--root-unit)) !important;
  }
  .g-gap-sm-17,
  .gap-sm-17 {
    grid-gap: calc(8.5 * var(--root-unit)) !important;
  }
  .g-gap-sm-18,
  .gap-sm-18 {
    grid-gap: calc(9 * var(--root-unit)) !important;
  }
  .g-gap-sm-19,
  .gap-sm-19 {
    grid-gap: calc(9.5 * var(--root-unit)) !important;
  }
  .g-gap-sm-20,
  .gap-sm-20 {
    grid-gap: calc(10 * var(--root-unit)) !important;
  }
  .g-rgap-sm-0,
  .row-gap-sm-0 {
    grid-row-gap: 0 !important;
  }
  .g-rgap-sm-1,
  .row-gap-sm-1 {
    grid-row-gap: calc(0.25 * var(--root-unit)) !important;
  }
  .g-rgap-sm-2,
  .row-gap-sm-2 {
    grid-row-gap: calc(0.5 * var(--root-unit)) !important;
  }
  .g-rgap-sm-3,
  .row-gap-sm-3 {
    grid-row-gap: calc(1 * var(--root-unit)) !important;
  }
  .g-rgap-sm-4,
  .row-gap-sm-4 {
    grid-row-gap: calc(1.5 * var(--root-unit)) !important;
  }
  .g-rgap-sm-4plus,
  .row-gap-sm-4plus {
    grid-row-gap: calc(2 * var(--root-unit)) !important;
  }
  .g-rgap-sm-5,
  .row-gap-sm-5 {
    grid-row-gap: calc(2.5 * var(--root-unit)) !important;
  }
  .g-rgap-sm-6,
  .row-gap-sm-6 {
    grid-row-gap: calc(3 * var(--root-unit)) !important;
  }
  .g-rgap-sm-7,
  .row-gap-sm-7 {
    grid-row-gap: calc(3.5 * var(--root-unit)) !important;
  }
  .g-rgap-sm-8,
  .row-gap-sm-8 {
    grid-row-gap: calc(4 * var(--root-unit)) !important;
  }
  .g-rgap-sm-9,
  .row-gap-sm-9 {
    grid-row-gap: calc(4.5 * var(--root-unit)) !important;
  }
  .g-rgap-sm-10,
  .row-gap-sm-10 {
    grid-row-gap: calc(5 * var(--root-unit)) !important;
  }
  .g-rgap-sm-11,
  .row-gap-sm-11 {
    grid-row-gap: calc(5.5 * var(--root-unit)) !important;
  }
  .g-rgap-sm-12,
  .row-gap-sm-12 {
    grid-row-gap: calc(6 * var(--root-unit)) !important;
  }
  .g-rgap-sm-13,
  .row-gap-sm-13 {
    grid-row-gap: calc(6.5 * var(--root-unit)) !important;
  }
  .g-rgap-sm-14,
  .row-gap-sm-14 {
    grid-row-gap: calc(7 * var(--root-unit)) !important;
  }
  .g-rgap-sm-15,
  .row-gap-sm-15 {
    grid-row-gap: calc(7.5 * var(--root-unit)) !important;
  }
  .g-rgap-sm-16,
  .row-gap-sm-16 {
    grid-row-gap: calc(8 * var(--root-unit)) !important;
  }
  .g-rgap-sm-17,
  .row-gap-sm-17 {
    grid-row-gap: calc(8.5 * var(--root-unit)) !important;
  }
  .g-rgap-sm-18,
  .row-gap-sm-18 {
    grid-row-gap: calc(9 * var(--root-unit)) !important;
  }
  .g-rgap-sm-19,
  .row-gap-sm-19 {
    grid-row-gap: calc(9.5 * var(--root-unit)) !important;
  }
  .g-rgap-sm-20,
  .row-gap-sm-20 {
    grid-row-gap: calc(10 * var(--root-unit)) !important;
  }
  .g-cgap-sm-0,
  .column-gap-sm-0 {
    grid-column-gap: 0 !important;
  }
  .g-cgap-sm-1,
  .column-gap-sm-1 {
    grid-column-gap: calc(0.25 * var(--root-unit)) !important;
  }
  .g-cgap-sm-2,
  .column-gap-sm-2 {
    grid-column-gap: calc(0.5 * var(--root-unit)) !important;
  }
  .g-cgap-sm-3,
  .column-gap-sm-3 {
    grid-column-gap: calc(1 * var(--root-unit)) !important;
  }
  .g-cgap-sm-4,
  .column-gap-sm-4 {
    grid-column-gap: calc(1.5 * var(--root-unit)) !important;
  }
  .g-cgap-sm-4plus,
  .column-gap-sm-4plus {
    grid-column-gap: calc(2 * var(--root-unit)) !important;
  }
  .g-cgap-sm-5,
  .column-gap-sm-5 {
    grid-column-gap: calc(2.5 * var(--root-unit)) !important;
  }
  .g-cgap-sm-6,
  .column-gap-sm-6 {
    grid-column-gap: calc(3 * var(--root-unit)) !important;
  }
  .g-cgap-sm-7,
  .column-gap-sm-7 {
    grid-column-gap: calc(3.5 * var(--root-unit)) !important;
  }
  .g-cgap-sm-8,
  .column-gap-sm-8 {
    grid-column-gap: calc(4 * var(--root-unit)) !important;
  }
  .g-cgap-sm-9,
  .column-gap-sm-9 {
    grid-column-gap: calc(4.5 * var(--root-unit)) !important;
  }
  .g-cgap-sm-10,
  .column-gap-sm-10 {
    grid-column-gap: calc(5 * var(--root-unit)) !important;
  }
  .g-cgap-sm-11,
  .column-gap-sm-11 {
    grid-column-gap: calc(5.5 * var(--root-unit)) !important;
  }
  .g-cgap-sm-12,
  .column-gap-sm-12 {
    grid-column-gap: calc(6 * var(--root-unit)) !important;
  }
  .g-cgap-sm-13,
  .column-gap-sm-13 {
    grid-column-gap: calc(6.5 * var(--root-unit)) !important;
  }
  .g-cgap-sm-14,
  .column-gap-sm-14 {
    grid-column-gap: calc(7 * var(--root-unit)) !important;
  }
  .g-cgap-sm-15,
  .column-gap-sm-15 {
    grid-column-gap: calc(7.5 * var(--root-unit)) !important;
  }
  .g-cgap-sm-16,
  .column-gap-sm-16 {
    grid-column-gap: calc(8 * var(--root-unit)) !important;
  }
  .g-cgap-sm-17,
  .column-gap-sm-17 {
    grid-column-gap: calc(8.5 * var(--root-unit)) !important;
  }
  .g-cgap-sm-18,
  .column-gap-sm-18 {
    grid-column-gap: calc(9 * var(--root-unit)) !important;
  }
  .g-cgap-sm-19,
  .column-gap-sm-19 {
    grid-column-gap: calc(9.5 * var(--root-unit)) !important;
  }
  .g-cgap-sm-20,
  .column-gap-sm-20 {
    grid-column-gap: calc(10 * var(--root-unit)) !important;
  }
}
@media (min-width: 768px) {
  .g-gap-md-0,
  .gap-md-0 {
    grid-gap: 0 !important;
  }
  .g-gap-md-1,
  .gap-md-1 {
    grid-gap: calc(0.25 * var(--root-unit)) !important;
  }
  .g-gap-md-2,
  .gap-md-2 {
    grid-gap: calc(0.5 * var(--root-unit)) !important;
  }
  .g-gap-md-3,
  .gap-md-3 {
    grid-gap: calc(1 * var(--root-unit)) !important;
  }
  .g-gap-md-4,
  .gap-md-4 {
    grid-gap: calc(1.5 * var(--root-unit)) !important;
  }
  .g-gap-md-4plus,
  .gap-md-4plus {
    grid-gap: calc(2 * var(--root-unit)) !important;
  }
  .g-gap-md-5,
  .gap-md-5 {
    grid-gap: calc(2.5 * var(--root-unit)) !important;
  }
  .g-gap-md-6,
  .gap-md-6 {
    grid-gap: calc(3 * var(--root-unit)) !important;
  }
  .g-gap-md-7,
  .gap-md-7 {
    grid-gap: calc(3.5 * var(--root-unit)) !important;
  }
  .g-gap-md-8,
  .gap-md-8 {
    grid-gap: calc(4 * var(--root-unit)) !important;
  }
  .g-gap-md-9,
  .gap-md-9 {
    grid-gap: calc(4.5 * var(--root-unit)) !important;
  }
  .g-gap-md-10,
  .gap-md-10 {
    grid-gap: calc(5 * var(--root-unit)) !important;
  }
  .g-gap-md-11,
  .gap-md-11 {
    grid-gap: calc(5.5 * var(--root-unit)) !important;
  }
  .g-gap-md-12,
  .gap-md-12 {
    grid-gap: calc(6 * var(--root-unit)) !important;
  }
  .g-gap-md-13,
  .gap-md-13 {
    grid-gap: calc(6.5 * var(--root-unit)) !important;
  }
  .g-gap-md-14,
  .gap-md-14 {
    grid-gap: calc(7 * var(--root-unit)) !important;
  }
  .g-gap-md-15,
  .gap-md-15 {
    grid-gap: calc(7.5 * var(--root-unit)) !important;
  }
  .g-gap-md-16,
  .gap-md-16 {
    grid-gap: calc(8 * var(--root-unit)) !important;
  }
  .g-gap-md-17,
  .gap-md-17 {
    grid-gap: calc(8.5 * var(--root-unit)) !important;
  }
  .g-gap-md-18,
  .gap-md-18 {
    grid-gap: calc(9 * var(--root-unit)) !important;
  }
  .g-gap-md-19,
  .gap-md-19 {
    grid-gap: calc(9.5 * var(--root-unit)) !important;
  }
  .g-gap-md-20,
  .gap-md-20 {
    grid-gap: calc(10 * var(--root-unit)) !important;
  }
  .g-rgap-md-0,
  .row-gap-md-0 {
    grid-row-gap: 0 !important;
  }
  .g-rgap-md-1,
  .row-gap-md-1 {
    grid-row-gap: calc(0.25 * var(--root-unit)) !important;
  }
  .g-rgap-md-2,
  .row-gap-md-2 {
    grid-row-gap: calc(0.5 * var(--root-unit)) !important;
  }
  .g-rgap-md-3,
  .row-gap-md-3 {
    grid-row-gap: calc(1 * var(--root-unit)) !important;
  }
  .g-rgap-md-4,
  .row-gap-md-4 {
    grid-row-gap: calc(1.5 * var(--root-unit)) !important;
  }
  .g-rgap-md-4plus,
  .row-gap-md-4plus {
    grid-row-gap: calc(2 * var(--root-unit)) !important;
  }
  .g-rgap-md-5,
  .row-gap-md-5 {
    grid-row-gap: calc(2.5 * var(--root-unit)) !important;
  }
  .g-rgap-md-6,
  .row-gap-md-6 {
    grid-row-gap: calc(3 * var(--root-unit)) !important;
  }
  .g-rgap-md-7,
  .row-gap-md-7 {
    grid-row-gap: calc(3.5 * var(--root-unit)) !important;
  }
  .g-rgap-md-8,
  .row-gap-md-8 {
    grid-row-gap: calc(4 * var(--root-unit)) !important;
  }
  .g-rgap-md-9,
  .row-gap-md-9 {
    grid-row-gap: calc(4.5 * var(--root-unit)) !important;
  }
  .g-rgap-md-10,
  .row-gap-md-10 {
    grid-row-gap: calc(5 * var(--root-unit)) !important;
  }
  .g-rgap-md-11,
  .row-gap-md-11 {
    grid-row-gap: calc(5.5 * var(--root-unit)) !important;
  }
  .g-rgap-md-12,
  .row-gap-md-12 {
    grid-row-gap: calc(6 * var(--root-unit)) !important;
  }
  .g-rgap-md-13,
  .row-gap-md-13 {
    grid-row-gap: calc(6.5 * var(--root-unit)) !important;
  }
  .g-rgap-md-14,
  .row-gap-md-14 {
    grid-row-gap: calc(7 * var(--root-unit)) !important;
  }
  .g-rgap-md-15,
  .row-gap-md-15 {
    grid-row-gap: calc(7.5 * var(--root-unit)) !important;
  }
  .g-rgap-md-16,
  .row-gap-md-16 {
    grid-row-gap: calc(8 * var(--root-unit)) !important;
  }
  .g-rgap-md-17,
  .row-gap-md-17 {
    grid-row-gap: calc(8.5 * var(--root-unit)) !important;
  }
  .g-rgap-md-18,
  .row-gap-md-18 {
    grid-row-gap: calc(9 * var(--root-unit)) !important;
  }
  .g-rgap-md-19,
  .row-gap-md-19 {
    grid-row-gap: calc(9.5 * var(--root-unit)) !important;
  }
  .g-rgap-md-20,
  .row-gap-md-20 {
    grid-row-gap: calc(10 * var(--root-unit)) !important;
  }
  .g-cgap-md-0,
  .column-gap-md-0 {
    grid-column-gap: 0 !important;
  }
  .g-cgap-md-1,
  .column-gap-md-1 {
    grid-column-gap: calc(0.25 * var(--root-unit)) !important;
  }
  .g-cgap-md-2,
  .column-gap-md-2 {
    grid-column-gap: calc(0.5 * var(--root-unit)) !important;
  }
  .g-cgap-md-3,
  .column-gap-md-3 {
    grid-column-gap: calc(1 * var(--root-unit)) !important;
  }
  .g-cgap-md-4,
  .column-gap-md-4 {
    grid-column-gap: calc(1.5 * var(--root-unit)) !important;
  }
  .g-cgap-md-4plus,
  .column-gap-md-4plus {
    grid-column-gap: calc(2 * var(--root-unit)) !important;
  }
  .g-cgap-md-5,
  .column-gap-md-5 {
    grid-column-gap: calc(2.5 * var(--root-unit)) !important;
  }
  .g-cgap-md-6,
  .column-gap-md-6 {
    grid-column-gap: calc(3 * var(--root-unit)) !important;
  }
  .g-cgap-md-7,
  .column-gap-md-7 {
    grid-column-gap: calc(3.5 * var(--root-unit)) !important;
  }
  .g-cgap-md-8,
  .column-gap-md-8 {
    grid-column-gap: calc(4 * var(--root-unit)) !important;
  }
  .g-cgap-md-9,
  .column-gap-md-9 {
    grid-column-gap: calc(4.5 * var(--root-unit)) !important;
  }
  .g-cgap-md-10,
  .column-gap-md-10 {
    grid-column-gap: calc(5 * var(--root-unit)) !important;
  }
  .g-cgap-md-11,
  .column-gap-md-11 {
    grid-column-gap: calc(5.5 * var(--root-unit)) !important;
  }
  .g-cgap-md-12,
  .column-gap-md-12 {
    grid-column-gap: calc(6 * var(--root-unit)) !important;
  }
  .g-cgap-md-13,
  .column-gap-md-13 {
    grid-column-gap: calc(6.5 * var(--root-unit)) !important;
  }
  .g-cgap-md-14,
  .column-gap-md-14 {
    grid-column-gap: calc(7 * var(--root-unit)) !important;
  }
  .g-cgap-md-15,
  .column-gap-md-15 {
    grid-column-gap: calc(7.5 * var(--root-unit)) !important;
  }
  .g-cgap-md-16,
  .column-gap-md-16 {
    grid-column-gap: calc(8 * var(--root-unit)) !important;
  }
  .g-cgap-md-17,
  .column-gap-md-17 {
    grid-column-gap: calc(8.5 * var(--root-unit)) !important;
  }
  .g-cgap-md-18,
  .column-gap-md-18 {
    grid-column-gap: calc(9 * var(--root-unit)) !important;
  }
  .g-cgap-md-19,
  .column-gap-md-19 {
    grid-column-gap: calc(9.5 * var(--root-unit)) !important;
  }
  .g-cgap-md-20,
  .column-gap-md-20 {
    grid-column-gap: calc(10 * var(--root-unit)) !important;
  }
}
@media (min-width: 992px) {
  .g-gap-lg-0,
  .gap-lg-0 {
    grid-gap: 0 !important;
  }
  .g-gap-lg-1,
  .gap-lg-1 {
    grid-gap: calc(0.25 * var(--root-unit)) !important;
  }
  .g-gap-lg-2,
  .gap-lg-2 {
    grid-gap: calc(0.5 * var(--root-unit)) !important;
  }
  .g-gap-lg-3,
  .gap-lg-3 {
    grid-gap: calc(1 * var(--root-unit)) !important;
  }
  .g-gap-lg-4,
  .gap-lg-4 {
    grid-gap: calc(1.5 * var(--root-unit)) !important;
  }
  .g-gap-lg-4plus,
  .gap-lg-4plus {
    grid-gap: calc(2 * var(--root-unit)) !important;
  }
  .g-gap-lg-5,
  .gap-lg-5 {
    grid-gap: calc(2.5 * var(--root-unit)) !important;
  }
  .g-gap-lg-6,
  .gap-lg-6 {
    grid-gap: calc(3 * var(--root-unit)) !important;
  }
  .g-gap-lg-7,
  .gap-lg-7 {
    grid-gap: calc(3.5 * var(--root-unit)) !important;
  }
  .g-gap-lg-8,
  .gap-lg-8 {
    grid-gap: calc(4 * var(--root-unit)) !important;
  }
  .g-gap-lg-9,
  .gap-lg-9 {
    grid-gap: calc(4.5 * var(--root-unit)) !important;
  }
  .g-gap-lg-10,
  .gap-lg-10 {
    grid-gap: calc(5 * var(--root-unit)) !important;
  }
  .g-gap-lg-11,
  .gap-lg-11 {
    grid-gap: calc(5.5 * var(--root-unit)) !important;
  }
  .g-gap-lg-12,
  .gap-lg-12 {
    grid-gap: calc(6 * var(--root-unit)) !important;
  }
  .g-gap-lg-13,
  .gap-lg-13 {
    grid-gap: calc(6.5 * var(--root-unit)) !important;
  }
  .g-gap-lg-14,
  .gap-lg-14 {
    grid-gap: calc(7 * var(--root-unit)) !important;
  }
  .g-gap-lg-15,
  .gap-lg-15 {
    grid-gap: calc(7.5 * var(--root-unit)) !important;
  }
  .g-gap-lg-16,
  .gap-lg-16 {
    grid-gap: calc(8 * var(--root-unit)) !important;
  }
  .g-gap-lg-17,
  .gap-lg-17 {
    grid-gap: calc(8.5 * var(--root-unit)) !important;
  }
  .g-gap-lg-18,
  .gap-lg-18 {
    grid-gap: calc(9 * var(--root-unit)) !important;
  }
  .g-gap-lg-19,
  .gap-lg-19 {
    grid-gap: calc(9.5 * var(--root-unit)) !important;
  }
  .g-gap-lg-20,
  .gap-lg-20 {
    grid-gap: calc(10 * var(--root-unit)) !important;
  }
  .g-rgap-lg-0,
  .row-gap-lg-0 {
    grid-row-gap: 0 !important;
  }
  .g-rgap-lg-1,
  .row-gap-lg-1 {
    grid-row-gap: calc(0.25 * var(--root-unit)) !important;
  }
  .g-rgap-lg-2,
  .row-gap-lg-2 {
    grid-row-gap: calc(0.5 * var(--root-unit)) !important;
  }
  .g-rgap-lg-3,
  .row-gap-lg-3 {
    grid-row-gap: calc(1 * var(--root-unit)) !important;
  }
  .g-rgap-lg-4,
  .row-gap-lg-4 {
    grid-row-gap: calc(1.5 * var(--root-unit)) !important;
  }
  .g-rgap-lg-4plus,
  .row-gap-lg-4plus {
    grid-row-gap: calc(2 * var(--root-unit)) !important;
  }
  .g-rgap-lg-5,
  .row-gap-lg-5 {
    grid-row-gap: calc(2.5 * var(--root-unit)) !important;
  }
  .g-rgap-lg-6,
  .row-gap-lg-6 {
    grid-row-gap: calc(3 * var(--root-unit)) !important;
  }
  .g-rgap-lg-7,
  .row-gap-lg-7 {
    grid-row-gap: calc(3.5 * var(--root-unit)) !important;
  }
  .g-rgap-lg-8,
  .row-gap-lg-8 {
    grid-row-gap: calc(4 * var(--root-unit)) !important;
  }
  .g-rgap-lg-9,
  .row-gap-lg-9 {
    grid-row-gap: calc(4.5 * var(--root-unit)) !important;
  }
  .g-rgap-lg-10,
  .row-gap-lg-10 {
    grid-row-gap: calc(5 * var(--root-unit)) !important;
  }
  .g-rgap-lg-11,
  .row-gap-lg-11 {
    grid-row-gap: calc(5.5 * var(--root-unit)) !important;
  }
  .g-rgap-lg-12,
  .row-gap-lg-12 {
    grid-row-gap: calc(6 * var(--root-unit)) !important;
  }
  .g-rgap-lg-13,
  .row-gap-lg-13 {
    grid-row-gap: calc(6.5 * var(--root-unit)) !important;
  }
  .g-rgap-lg-14,
  .row-gap-lg-14 {
    grid-row-gap: calc(7 * var(--root-unit)) !important;
  }
  .g-rgap-lg-15,
  .row-gap-lg-15 {
    grid-row-gap: calc(7.5 * var(--root-unit)) !important;
  }
  .g-rgap-lg-16,
  .row-gap-lg-16 {
    grid-row-gap: calc(8 * var(--root-unit)) !important;
  }
  .g-rgap-lg-17,
  .row-gap-lg-17 {
    grid-row-gap: calc(8.5 * var(--root-unit)) !important;
  }
  .g-rgap-lg-18,
  .row-gap-lg-18 {
    grid-row-gap: calc(9 * var(--root-unit)) !important;
  }
  .g-rgap-lg-19,
  .row-gap-lg-19 {
    grid-row-gap: calc(9.5 * var(--root-unit)) !important;
  }
  .g-rgap-lg-20,
  .row-gap-lg-20 {
    grid-row-gap: calc(10 * var(--root-unit)) !important;
  }
  .g-cgap-lg-0,
  .column-gap-lg-0 {
    grid-column-gap: 0 !important;
  }
  .g-cgap-lg-1,
  .column-gap-lg-1 {
    grid-column-gap: calc(0.25 * var(--root-unit)) !important;
  }
  .g-cgap-lg-2,
  .column-gap-lg-2 {
    grid-column-gap: calc(0.5 * var(--root-unit)) !important;
  }
  .g-cgap-lg-3,
  .column-gap-lg-3 {
    grid-column-gap: calc(1 * var(--root-unit)) !important;
  }
  .g-cgap-lg-4,
  .column-gap-lg-4 {
    grid-column-gap: calc(1.5 * var(--root-unit)) !important;
  }
  .g-cgap-lg-4plus,
  .column-gap-lg-4plus {
    grid-column-gap: calc(2 * var(--root-unit)) !important;
  }
  .g-cgap-lg-5,
  .column-gap-lg-5 {
    grid-column-gap: calc(2.5 * var(--root-unit)) !important;
  }
  .g-cgap-lg-6,
  .column-gap-lg-6 {
    grid-column-gap: calc(3 * var(--root-unit)) !important;
  }
  .g-cgap-lg-7,
  .column-gap-lg-7 {
    grid-column-gap: calc(3.5 * var(--root-unit)) !important;
  }
  .g-cgap-lg-8,
  .column-gap-lg-8 {
    grid-column-gap: calc(4 * var(--root-unit)) !important;
  }
  .g-cgap-lg-9,
  .column-gap-lg-9 {
    grid-column-gap: calc(4.5 * var(--root-unit)) !important;
  }
  .g-cgap-lg-10,
  .column-gap-lg-10 {
    grid-column-gap: calc(5 * var(--root-unit)) !important;
  }
  .g-cgap-lg-11,
  .column-gap-lg-11 {
    grid-column-gap: calc(5.5 * var(--root-unit)) !important;
  }
  .g-cgap-lg-12,
  .column-gap-lg-12 {
    grid-column-gap: calc(6 * var(--root-unit)) !important;
  }
  .g-cgap-lg-13,
  .column-gap-lg-13 {
    grid-column-gap: calc(6.5 * var(--root-unit)) !important;
  }
  .g-cgap-lg-14,
  .column-gap-lg-14 {
    grid-column-gap: calc(7 * var(--root-unit)) !important;
  }
  .g-cgap-lg-15,
  .column-gap-lg-15 {
    grid-column-gap: calc(7.5 * var(--root-unit)) !important;
  }
  .g-cgap-lg-16,
  .column-gap-lg-16 {
    grid-column-gap: calc(8 * var(--root-unit)) !important;
  }
  .g-cgap-lg-17,
  .column-gap-lg-17 {
    grid-column-gap: calc(8.5 * var(--root-unit)) !important;
  }
  .g-cgap-lg-18,
  .column-gap-lg-18 {
    grid-column-gap: calc(9 * var(--root-unit)) !important;
  }
  .g-cgap-lg-19,
  .column-gap-lg-19 {
    grid-column-gap: calc(9.5 * var(--root-unit)) !important;
  }
  .g-cgap-lg-20,
  .column-gap-lg-20 {
    grid-column-gap: calc(10 * var(--root-unit)) !important;
  }
}
@media (min-width: 1200px) {
  .g-gap-xl-0,
  .gap-xl-0 {
    grid-gap: 0 !important;
  }
  .g-gap-xl-1,
  .gap-xl-1 {
    grid-gap: calc(0.25 * var(--root-unit)) !important;
  }
  .g-gap-xl-2,
  .gap-xl-2 {
    grid-gap: calc(0.5 * var(--root-unit)) !important;
  }
  .g-gap-xl-3,
  .gap-xl-3 {
    grid-gap: calc(1 * var(--root-unit)) !important;
  }
  .g-gap-xl-4,
  .gap-xl-4 {
    grid-gap: calc(1.5 * var(--root-unit)) !important;
  }
  .g-gap-xl-4plus,
  .gap-xl-4plus {
    grid-gap: calc(2 * var(--root-unit)) !important;
  }
  .g-gap-xl-5,
  .gap-xl-5 {
    grid-gap: calc(2.5 * var(--root-unit)) !important;
  }
  .g-gap-xl-6,
  .gap-xl-6 {
    grid-gap: calc(3 * var(--root-unit)) !important;
  }
  .g-gap-xl-7,
  .gap-xl-7 {
    grid-gap: calc(3.5 * var(--root-unit)) !important;
  }
  .g-gap-xl-8,
  .gap-xl-8 {
    grid-gap: calc(4 * var(--root-unit)) !important;
  }
  .g-gap-xl-9,
  .gap-xl-9 {
    grid-gap: calc(4.5 * var(--root-unit)) !important;
  }
  .g-gap-xl-10,
  .gap-xl-10 {
    grid-gap: calc(5 * var(--root-unit)) !important;
  }
  .g-gap-xl-11,
  .gap-xl-11 {
    grid-gap: calc(5.5 * var(--root-unit)) !important;
  }
  .g-gap-xl-12,
  .gap-xl-12 {
    grid-gap: calc(6 * var(--root-unit)) !important;
  }
  .g-gap-xl-13,
  .gap-xl-13 {
    grid-gap: calc(6.5 * var(--root-unit)) !important;
  }
  .g-gap-xl-14,
  .gap-xl-14 {
    grid-gap: calc(7 * var(--root-unit)) !important;
  }
  .g-gap-xl-15,
  .gap-xl-15 {
    grid-gap: calc(7.5 * var(--root-unit)) !important;
  }
  .g-gap-xl-16,
  .gap-xl-16 {
    grid-gap: calc(8 * var(--root-unit)) !important;
  }
  .g-gap-xl-17,
  .gap-xl-17 {
    grid-gap: calc(8.5 * var(--root-unit)) !important;
  }
  .g-gap-xl-18,
  .gap-xl-18 {
    grid-gap: calc(9 * var(--root-unit)) !important;
  }
  .g-gap-xl-19,
  .gap-xl-19 {
    grid-gap: calc(9.5 * var(--root-unit)) !important;
  }
  .g-gap-xl-20,
  .gap-xl-20 {
    grid-gap: calc(10 * var(--root-unit)) !important;
  }
  .g-rgap-xl-0,
  .row-gap-xl-0 {
    grid-row-gap: 0 !important;
  }
  .g-rgap-xl-1,
  .row-gap-xl-1 {
    grid-row-gap: calc(0.25 * var(--root-unit)) !important;
  }
  .g-rgap-xl-2,
  .row-gap-xl-2 {
    grid-row-gap: calc(0.5 * var(--root-unit)) !important;
  }
  .g-rgap-xl-3,
  .row-gap-xl-3 {
    grid-row-gap: calc(1 * var(--root-unit)) !important;
  }
  .g-rgap-xl-4,
  .row-gap-xl-4 {
    grid-row-gap: calc(1.5 * var(--root-unit)) !important;
  }
  .g-rgap-xl-4plus,
  .row-gap-xl-4plus {
    grid-row-gap: calc(2 * var(--root-unit)) !important;
  }
  .g-rgap-xl-5,
  .row-gap-xl-5 {
    grid-row-gap: calc(2.5 * var(--root-unit)) !important;
  }
  .g-rgap-xl-6,
  .row-gap-xl-6 {
    grid-row-gap: calc(3 * var(--root-unit)) !important;
  }
  .g-rgap-xl-7,
  .row-gap-xl-7 {
    grid-row-gap: calc(3.5 * var(--root-unit)) !important;
  }
  .g-rgap-xl-8,
  .row-gap-xl-8 {
    grid-row-gap: calc(4 * var(--root-unit)) !important;
  }
  .g-rgap-xl-9,
  .row-gap-xl-9 {
    grid-row-gap: calc(4.5 * var(--root-unit)) !important;
  }
  .g-rgap-xl-10,
  .row-gap-xl-10 {
    grid-row-gap: calc(5 * var(--root-unit)) !important;
  }
  .g-rgap-xl-11,
  .row-gap-xl-11 {
    grid-row-gap: calc(5.5 * var(--root-unit)) !important;
  }
  .g-rgap-xl-12,
  .row-gap-xl-12 {
    grid-row-gap: calc(6 * var(--root-unit)) !important;
  }
  .g-rgap-xl-13,
  .row-gap-xl-13 {
    grid-row-gap: calc(6.5 * var(--root-unit)) !important;
  }
  .g-rgap-xl-14,
  .row-gap-xl-14 {
    grid-row-gap: calc(7 * var(--root-unit)) !important;
  }
  .g-rgap-xl-15,
  .row-gap-xl-15 {
    grid-row-gap: calc(7.5 * var(--root-unit)) !important;
  }
  .g-rgap-xl-16,
  .row-gap-xl-16 {
    grid-row-gap: calc(8 * var(--root-unit)) !important;
  }
  .g-rgap-xl-17,
  .row-gap-xl-17 {
    grid-row-gap: calc(8.5 * var(--root-unit)) !important;
  }
  .g-rgap-xl-18,
  .row-gap-xl-18 {
    grid-row-gap: calc(9 * var(--root-unit)) !important;
  }
  .g-rgap-xl-19,
  .row-gap-xl-19 {
    grid-row-gap: calc(9.5 * var(--root-unit)) !important;
  }
  .g-rgap-xl-20,
  .row-gap-xl-20 {
    grid-row-gap: calc(10 * var(--root-unit)) !important;
  }
  .g-cgap-xl-0,
  .column-gap-xl-0 {
    grid-column-gap: 0 !important;
  }
  .g-cgap-xl-1,
  .column-gap-xl-1 {
    grid-column-gap: calc(0.25 * var(--root-unit)) !important;
  }
  .g-cgap-xl-2,
  .column-gap-xl-2 {
    grid-column-gap: calc(0.5 * var(--root-unit)) !important;
  }
  .g-cgap-xl-3,
  .column-gap-xl-3 {
    grid-column-gap: calc(1 * var(--root-unit)) !important;
  }
  .g-cgap-xl-4,
  .column-gap-xl-4 {
    grid-column-gap: calc(1.5 * var(--root-unit)) !important;
  }
  .g-cgap-xl-4plus,
  .column-gap-xl-4plus {
    grid-column-gap: calc(2 * var(--root-unit)) !important;
  }
  .g-cgap-xl-5,
  .column-gap-xl-5 {
    grid-column-gap: calc(2.5 * var(--root-unit)) !important;
  }
  .g-cgap-xl-6,
  .column-gap-xl-6 {
    grid-column-gap: calc(3 * var(--root-unit)) !important;
  }
  .g-cgap-xl-7,
  .column-gap-xl-7 {
    grid-column-gap: calc(3.5 * var(--root-unit)) !important;
  }
  .g-cgap-xl-8,
  .column-gap-xl-8 {
    grid-column-gap: calc(4 * var(--root-unit)) !important;
  }
  .g-cgap-xl-9,
  .column-gap-xl-9 {
    grid-column-gap: calc(4.5 * var(--root-unit)) !important;
  }
  .g-cgap-xl-10,
  .column-gap-xl-10 {
    grid-column-gap: calc(5 * var(--root-unit)) !important;
  }
  .g-cgap-xl-11,
  .column-gap-xl-11 {
    grid-column-gap: calc(5.5 * var(--root-unit)) !important;
  }
  .g-cgap-xl-12,
  .column-gap-xl-12 {
    grid-column-gap: calc(6 * var(--root-unit)) !important;
  }
  .g-cgap-xl-13,
  .column-gap-xl-13 {
    grid-column-gap: calc(6.5 * var(--root-unit)) !important;
  }
  .g-cgap-xl-14,
  .column-gap-xl-14 {
    grid-column-gap: calc(7 * var(--root-unit)) !important;
  }
  .g-cgap-xl-15,
  .column-gap-xl-15 {
    grid-column-gap: calc(7.5 * var(--root-unit)) !important;
  }
  .g-cgap-xl-16,
  .column-gap-xl-16 {
    grid-column-gap: calc(8 * var(--root-unit)) !important;
  }
  .g-cgap-xl-17,
  .column-gap-xl-17 {
    grid-column-gap: calc(8.5 * var(--root-unit)) !important;
  }
  .g-cgap-xl-18,
  .column-gap-xl-18 {
    grid-column-gap: calc(9 * var(--root-unit)) !important;
  }
  .g-cgap-xl-19,
  .column-gap-xl-19 {
    grid-column-gap: calc(9.5 * var(--root-unit)) !important;
  }
  .g-cgap-xl-20,
  .column-gap-xl-20 {
    grid-column-gap: calc(10 * var(--root-unit)) !important;
  }
}
@media (min-width: 1400px) {
  .g-gap-xxl-0,
  .gap-xxl-0 {
    grid-gap: 0 !important;
  }
  .g-gap-xxl-1,
  .gap-xxl-1 {
    grid-gap: calc(0.25 * var(--root-unit)) !important;
  }
  .g-gap-xxl-2,
  .gap-xxl-2 {
    grid-gap: calc(0.5 * var(--root-unit)) !important;
  }
  .g-gap-xxl-3,
  .gap-xxl-3 {
    grid-gap: calc(1 * var(--root-unit)) !important;
  }
  .g-gap-xxl-4,
  .gap-xxl-4 {
    grid-gap: calc(1.5 * var(--root-unit)) !important;
  }
  .g-gap-xxl-4plus,
  .gap-xxl-4plus {
    grid-gap: calc(2 * var(--root-unit)) !important;
  }
  .g-gap-xxl-5,
  .gap-xxl-5 {
    grid-gap: calc(2.5 * var(--root-unit)) !important;
  }
  .g-gap-xxl-6,
  .gap-xxl-6 {
    grid-gap: calc(3 * var(--root-unit)) !important;
  }
  .g-gap-xxl-7,
  .gap-xxl-7 {
    grid-gap: calc(3.5 * var(--root-unit)) !important;
  }
  .g-gap-xxl-8,
  .gap-xxl-8 {
    grid-gap: calc(4 * var(--root-unit)) !important;
  }
  .g-gap-xxl-9,
  .gap-xxl-9 {
    grid-gap: calc(4.5 * var(--root-unit)) !important;
  }
  .g-gap-xxl-10,
  .gap-xxl-10 {
    grid-gap: calc(5 * var(--root-unit)) !important;
  }
  .g-gap-xxl-11,
  .gap-xxl-11 {
    grid-gap: calc(5.5 * var(--root-unit)) !important;
  }
  .g-gap-xxl-12,
  .gap-xxl-12 {
    grid-gap: calc(6 * var(--root-unit)) !important;
  }
  .g-gap-xxl-13,
  .gap-xxl-13 {
    grid-gap: calc(6.5 * var(--root-unit)) !important;
  }
  .g-gap-xxl-14,
  .gap-xxl-14 {
    grid-gap: calc(7 * var(--root-unit)) !important;
  }
  .g-gap-xxl-15,
  .gap-xxl-15 {
    grid-gap: calc(7.5 * var(--root-unit)) !important;
  }
  .g-gap-xxl-16,
  .gap-xxl-16 {
    grid-gap: calc(8 * var(--root-unit)) !important;
  }
  .g-gap-xxl-17,
  .gap-xxl-17 {
    grid-gap: calc(8.5 * var(--root-unit)) !important;
  }
  .g-gap-xxl-18,
  .gap-xxl-18 {
    grid-gap: calc(9 * var(--root-unit)) !important;
  }
  .g-gap-xxl-19,
  .gap-xxl-19 {
    grid-gap: calc(9.5 * var(--root-unit)) !important;
  }
  .g-gap-xxl-20,
  .gap-xxl-20 {
    grid-gap: calc(10 * var(--root-unit)) !important;
  }
  .g-rgap-xxl-0,
  .row-gap-xxl-0 {
    grid-row-gap: 0 !important;
  }
  .g-rgap-xxl-1,
  .row-gap-xxl-1 {
    grid-row-gap: calc(0.25 * var(--root-unit)) !important;
  }
  .g-rgap-xxl-2,
  .row-gap-xxl-2 {
    grid-row-gap: calc(0.5 * var(--root-unit)) !important;
  }
  .g-rgap-xxl-3,
  .row-gap-xxl-3 {
    grid-row-gap: calc(1 * var(--root-unit)) !important;
  }
  .g-rgap-xxl-4,
  .row-gap-xxl-4 {
    grid-row-gap: calc(1.5 * var(--root-unit)) !important;
  }
  .g-rgap-xxl-4plus,
  .row-gap-xxl-4plus {
    grid-row-gap: calc(2 * var(--root-unit)) !important;
  }
  .g-rgap-xxl-5,
  .row-gap-xxl-5 {
    grid-row-gap: calc(2.5 * var(--root-unit)) !important;
  }
  .g-rgap-xxl-6,
  .row-gap-xxl-6 {
    grid-row-gap: calc(3 * var(--root-unit)) !important;
  }
  .g-rgap-xxl-7,
  .row-gap-xxl-7 {
    grid-row-gap: calc(3.5 * var(--root-unit)) !important;
  }
  .g-rgap-xxl-8,
  .row-gap-xxl-8 {
    grid-row-gap: calc(4 * var(--root-unit)) !important;
  }
  .g-rgap-xxl-9,
  .row-gap-xxl-9 {
    grid-row-gap: calc(4.5 * var(--root-unit)) !important;
  }
  .g-rgap-xxl-10,
  .row-gap-xxl-10 {
    grid-row-gap: calc(5 * var(--root-unit)) !important;
  }
  .g-rgap-xxl-11,
  .row-gap-xxl-11 {
    grid-row-gap: calc(5.5 * var(--root-unit)) !important;
  }
  .g-rgap-xxl-12,
  .row-gap-xxl-12 {
    grid-row-gap: calc(6 * var(--root-unit)) !important;
  }
  .g-rgap-xxl-13,
  .row-gap-xxl-13 {
    grid-row-gap: calc(6.5 * var(--root-unit)) !important;
  }
  .g-rgap-xxl-14,
  .row-gap-xxl-14 {
    grid-row-gap: calc(7 * var(--root-unit)) !important;
  }
  .g-rgap-xxl-15,
  .row-gap-xxl-15 {
    grid-row-gap: calc(7.5 * var(--root-unit)) !important;
  }
  .g-rgap-xxl-16,
  .row-gap-xxl-16 {
    grid-row-gap: calc(8 * var(--root-unit)) !important;
  }
  .g-rgap-xxl-17,
  .row-gap-xxl-17 {
    grid-row-gap: calc(8.5 * var(--root-unit)) !important;
  }
  .g-rgap-xxl-18,
  .row-gap-xxl-18 {
    grid-row-gap: calc(9 * var(--root-unit)) !important;
  }
  .g-rgap-xxl-19,
  .row-gap-xxl-19 {
    grid-row-gap: calc(9.5 * var(--root-unit)) !important;
  }
  .g-rgap-xxl-20,
  .row-gap-xxl-20 {
    grid-row-gap: calc(10 * var(--root-unit)) !important;
  }
  .g-cgap-xxl-0,
  .column-gap-xxl-0 {
    grid-column-gap: 0 !important;
  }
  .g-cgap-xxl-1,
  .column-gap-xxl-1 {
    grid-column-gap: calc(0.25 * var(--root-unit)) !important;
  }
  .g-cgap-xxl-2,
  .column-gap-xxl-2 {
    grid-column-gap: calc(0.5 * var(--root-unit)) !important;
  }
  .g-cgap-xxl-3,
  .column-gap-xxl-3 {
    grid-column-gap: calc(1 * var(--root-unit)) !important;
  }
  .g-cgap-xxl-4,
  .column-gap-xxl-4 {
    grid-column-gap: calc(1.5 * var(--root-unit)) !important;
  }
  .g-cgap-xxl-4plus,
  .column-gap-xxl-4plus {
    grid-column-gap: calc(2 * var(--root-unit)) !important;
  }
  .g-cgap-xxl-5,
  .column-gap-xxl-5 {
    grid-column-gap: calc(2.5 * var(--root-unit)) !important;
  }
  .g-cgap-xxl-6,
  .column-gap-xxl-6 {
    grid-column-gap: calc(3 * var(--root-unit)) !important;
  }
  .g-cgap-xxl-7,
  .column-gap-xxl-7 {
    grid-column-gap: calc(3.5 * var(--root-unit)) !important;
  }
  .g-cgap-xxl-8,
  .column-gap-xxl-8 {
    grid-column-gap: calc(4 * var(--root-unit)) !important;
  }
  .g-cgap-xxl-9,
  .column-gap-xxl-9 {
    grid-column-gap: calc(4.5 * var(--root-unit)) !important;
  }
  .g-cgap-xxl-10,
  .column-gap-xxl-10 {
    grid-column-gap: calc(5 * var(--root-unit)) !important;
  }
  .g-cgap-xxl-11,
  .column-gap-xxl-11 {
    grid-column-gap: calc(5.5 * var(--root-unit)) !important;
  }
  .g-cgap-xxl-12,
  .column-gap-xxl-12 {
    grid-column-gap: calc(6 * var(--root-unit)) !important;
  }
  .g-cgap-xxl-13,
  .column-gap-xxl-13 {
    grid-column-gap: calc(6.5 * var(--root-unit)) !important;
  }
  .g-cgap-xxl-14,
  .column-gap-xxl-14 {
    grid-column-gap: calc(7 * var(--root-unit)) !important;
  }
  .g-cgap-xxl-15,
  .column-gap-xxl-15 {
    grid-column-gap: calc(7.5 * var(--root-unit)) !important;
  }
  .g-cgap-xxl-16,
  .column-gap-xxl-16 {
    grid-column-gap: calc(8 * var(--root-unit)) !important;
  }
  .g-cgap-xxl-17,
  .column-gap-xxl-17 {
    grid-column-gap: calc(8.5 * var(--root-unit)) !important;
  }
  .g-cgap-xxl-18,
  .column-gap-xxl-18 {
    grid-column-gap: calc(9 * var(--root-unit)) !important;
  }
  .g-cgap-xxl-19,
  .column-gap-xxl-19 {
    grid-column-gap: calc(9.5 * var(--root-unit)) !important;
  }
  .g-cgap-xxl-20,
  .column-gap-xxl-20 {
    grid-column-gap: calc(10 * var(--root-unit)) !important;
  }
}
@media (min-width: 1920px) {
  .g-gap-xxxl-0,
  .gap-xxxl-0 {
    grid-gap: 0 !important;
  }
  .g-gap-xxxl-1,
  .gap-xxxl-1 {
    grid-gap: calc(0.25 * var(--root-unit)) !important;
  }
  .g-gap-xxxl-2,
  .gap-xxxl-2 {
    grid-gap: calc(0.5 * var(--root-unit)) !important;
  }
  .g-gap-xxxl-3,
  .gap-xxxl-3 {
    grid-gap: calc(1 * var(--root-unit)) !important;
  }
  .g-gap-xxxl-4,
  .gap-xxxl-4 {
    grid-gap: calc(1.5 * var(--root-unit)) !important;
  }
  .g-gap-xxxl-4plus,
  .gap-xxxl-4plus {
    grid-gap: calc(2 * var(--root-unit)) !important;
  }
  .g-gap-xxxl-5,
  .gap-xxxl-5 {
    grid-gap: calc(2.5 * var(--root-unit)) !important;
  }
  .g-gap-xxxl-6,
  .gap-xxxl-6 {
    grid-gap: calc(3 * var(--root-unit)) !important;
  }
  .g-gap-xxxl-7,
  .gap-xxxl-7 {
    grid-gap: calc(3.5 * var(--root-unit)) !important;
  }
  .g-gap-xxxl-8,
  .gap-xxxl-8 {
    grid-gap: calc(4 * var(--root-unit)) !important;
  }
  .g-gap-xxxl-9,
  .gap-xxxl-9 {
    grid-gap: calc(4.5 * var(--root-unit)) !important;
  }
  .g-gap-xxxl-10,
  .gap-xxxl-10 {
    grid-gap: calc(5 * var(--root-unit)) !important;
  }
  .g-gap-xxxl-11,
  .gap-xxxl-11 {
    grid-gap: calc(5.5 * var(--root-unit)) !important;
  }
  .g-gap-xxxl-12,
  .gap-xxxl-12 {
    grid-gap: calc(6 * var(--root-unit)) !important;
  }
  .g-gap-xxxl-13,
  .gap-xxxl-13 {
    grid-gap: calc(6.5 * var(--root-unit)) !important;
  }
  .g-gap-xxxl-14,
  .gap-xxxl-14 {
    grid-gap: calc(7 * var(--root-unit)) !important;
  }
  .g-gap-xxxl-15,
  .gap-xxxl-15 {
    grid-gap: calc(7.5 * var(--root-unit)) !important;
  }
  .g-gap-xxxl-16,
  .gap-xxxl-16 {
    grid-gap: calc(8 * var(--root-unit)) !important;
  }
  .g-gap-xxxl-17,
  .gap-xxxl-17 {
    grid-gap: calc(8.5 * var(--root-unit)) !important;
  }
  .g-gap-xxxl-18,
  .gap-xxxl-18 {
    grid-gap: calc(9 * var(--root-unit)) !important;
  }
  .g-gap-xxxl-19,
  .gap-xxxl-19 {
    grid-gap: calc(9.5 * var(--root-unit)) !important;
  }
  .g-gap-xxxl-20,
  .gap-xxxl-20 {
    grid-gap: calc(10 * var(--root-unit)) !important;
  }
  .g-rgap-xxxl-0,
  .row-gap-xxxl-0 {
    grid-row-gap: 0 !important;
  }
  .g-rgap-xxxl-1,
  .row-gap-xxxl-1 {
    grid-row-gap: calc(0.25 * var(--root-unit)) !important;
  }
  .g-rgap-xxxl-2,
  .row-gap-xxxl-2 {
    grid-row-gap: calc(0.5 * var(--root-unit)) !important;
  }
  .g-rgap-xxxl-3,
  .row-gap-xxxl-3 {
    grid-row-gap: calc(1 * var(--root-unit)) !important;
  }
  .g-rgap-xxxl-4,
  .row-gap-xxxl-4 {
    grid-row-gap: calc(1.5 * var(--root-unit)) !important;
  }
  .g-rgap-xxxl-4plus,
  .row-gap-xxxl-4plus {
    grid-row-gap: calc(2 * var(--root-unit)) !important;
  }
  .g-rgap-xxxl-5,
  .row-gap-xxxl-5 {
    grid-row-gap: calc(2.5 * var(--root-unit)) !important;
  }
  .g-rgap-xxxl-6,
  .row-gap-xxxl-6 {
    grid-row-gap: calc(3 * var(--root-unit)) !important;
  }
  .g-rgap-xxxl-7,
  .row-gap-xxxl-7 {
    grid-row-gap: calc(3.5 * var(--root-unit)) !important;
  }
  .g-rgap-xxxl-8,
  .row-gap-xxxl-8 {
    grid-row-gap: calc(4 * var(--root-unit)) !important;
  }
  .g-rgap-xxxl-9,
  .row-gap-xxxl-9 {
    grid-row-gap: calc(4.5 * var(--root-unit)) !important;
  }
  .g-rgap-xxxl-10,
  .row-gap-xxxl-10 {
    grid-row-gap: calc(5 * var(--root-unit)) !important;
  }
  .g-rgap-xxxl-11,
  .row-gap-xxxl-11 {
    grid-row-gap: calc(5.5 * var(--root-unit)) !important;
  }
  .g-rgap-xxxl-12,
  .row-gap-xxxl-12 {
    grid-row-gap: calc(6 * var(--root-unit)) !important;
  }
  .g-rgap-xxxl-13,
  .row-gap-xxxl-13 {
    grid-row-gap: calc(6.5 * var(--root-unit)) !important;
  }
  .g-rgap-xxxl-14,
  .row-gap-xxxl-14 {
    grid-row-gap: calc(7 * var(--root-unit)) !important;
  }
  .g-rgap-xxxl-15,
  .row-gap-xxxl-15 {
    grid-row-gap: calc(7.5 * var(--root-unit)) !important;
  }
  .g-rgap-xxxl-16,
  .row-gap-xxxl-16 {
    grid-row-gap: calc(8 * var(--root-unit)) !important;
  }
  .g-rgap-xxxl-17,
  .row-gap-xxxl-17 {
    grid-row-gap: calc(8.5 * var(--root-unit)) !important;
  }
  .g-rgap-xxxl-18,
  .row-gap-xxxl-18 {
    grid-row-gap: calc(9 * var(--root-unit)) !important;
  }
  .g-rgap-xxxl-19,
  .row-gap-xxxl-19 {
    grid-row-gap: calc(9.5 * var(--root-unit)) !important;
  }
  .g-rgap-xxxl-20,
  .row-gap-xxxl-20 {
    grid-row-gap: calc(10 * var(--root-unit)) !important;
  }
  .g-cgap-xxxl-0,
  .column-gap-xxxl-0 {
    grid-column-gap: 0 !important;
  }
  .g-cgap-xxxl-1,
  .column-gap-xxxl-1 {
    grid-column-gap: calc(0.25 * var(--root-unit)) !important;
  }
  .g-cgap-xxxl-2,
  .column-gap-xxxl-2 {
    grid-column-gap: calc(0.5 * var(--root-unit)) !important;
  }
  .g-cgap-xxxl-3,
  .column-gap-xxxl-3 {
    grid-column-gap: calc(1 * var(--root-unit)) !important;
  }
  .g-cgap-xxxl-4,
  .column-gap-xxxl-4 {
    grid-column-gap: calc(1.5 * var(--root-unit)) !important;
  }
  .g-cgap-xxxl-4plus,
  .column-gap-xxxl-4plus {
    grid-column-gap: calc(2 * var(--root-unit)) !important;
  }
  .g-cgap-xxxl-5,
  .column-gap-xxxl-5 {
    grid-column-gap: calc(2.5 * var(--root-unit)) !important;
  }
  .g-cgap-xxxl-6,
  .column-gap-xxxl-6 {
    grid-column-gap: calc(3 * var(--root-unit)) !important;
  }
  .g-cgap-xxxl-7,
  .column-gap-xxxl-7 {
    grid-column-gap: calc(3.5 * var(--root-unit)) !important;
  }
  .g-cgap-xxxl-8,
  .column-gap-xxxl-8 {
    grid-column-gap: calc(4 * var(--root-unit)) !important;
  }
  .g-cgap-xxxl-9,
  .column-gap-xxxl-9 {
    grid-column-gap: calc(4.5 * var(--root-unit)) !important;
  }
  .g-cgap-xxxl-10,
  .column-gap-xxxl-10 {
    grid-column-gap: calc(5 * var(--root-unit)) !important;
  }
  .g-cgap-xxxl-11,
  .column-gap-xxxl-11 {
    grid-column-gap: calc(5.5 * var(--root-unit)) !important;
  }
  .g-cgap-xxxl-12,
  .column-gap-xxxl-12 {
    grid-column-gap: calc(6 * var(--root-unit)) !important;
  }
  .g-cgap-xxxl-13,
  .column-gap-xxxl-13 {
    grid-column-gap: calc(6.5 * var(--root-unit)) !important;
  }
  .g-cgap-xxxl-14,
  .column-gap-xxxl-14 {
    grid-column-gap: calc(7 * var(--root-unit)) !important;
  }
  .g-cgap-xxxl-15,
  .column-gap-xxxl-15 {
    grid-column-gap: calc(7.5 * var(--root-unit)) !important;
  }
  .g-cgap-xxxl-16,
  .column-gap-xxxl-16 {
    grid-column-gap: calc(8 * var(--root-unit)) !important;
  }
  .g-cgap-xxxl-17,
  .column-gap-xxxl-17 {
    grid-column-gap: calc(8.5 * var(--root-unit)) !important;
  }
  .g-cgap-xxxl-18,
  .column-gap-xxxl-18 {
    grid-column-gap: calc(9 * var(--root-unit)) !important;
  }
  .g-cgap-xxxl-19,
  .column-gap-xxxl-19 {
    grid-column-gap: calc(9.5 * var(--root-unit)) !important;
  }
  .g-cgap-xxxl-20,
  .column-gap-xxxl-20 {
    grid-column-gap: calc(10 * var(--root-unit)) !important;
  }
}
.m-n1 {
  margin: calc(-0.25 * var(--root-unit)) !important;
}
.mt-n1,
.my-n1 {
  margin-top: calc(-0.25 * var(--root-unit)) !important;
}
.me-n1,
.mr-n1,
.mx-n1 {
  margin-right: calc(-0.25 * var(--root-unit)) !important;
}
.mb-n1,
.my-n1 {
  margin-bottom: calc(-0.25 * var(--root-unit)) !important;
}
.ms-n1,
.ml-n1,
.mx-n1 {
  margin-left: calc(-0.25 * var(--root-unit)) !important;
}
.m-n2 {
  margin: calc(-0.5 * var(--root-unit)) !important;
}
.mt-n2,
.my-n2 {
  margin-top: calc(-0.5 * var(--root-unit)) !important;
}
.me-n2,
.mr-n2,
.mx-n2 {
  margin-right: calc(-0.5 * var(--root-unit)) !important;
}
.mb-n2,
.my-n2 {
  margin-bottom: calc(-0.5 * var(--root-unit)) !important;
}
.ms-n2,
.ml-n2,
.mx-n2 {
  margin-left: calc(-0.5 * var(--root-unit)) !important;
}
.m-n3 {
  margin: calc(-1 * var(--root-unit)) !important;
}
.mt-n3,
.my-n3 {
  margin-top: calc(-1 * var(--root-unit)) !important;
}
.me-n3,
.mr-n3,
.mx-n3 {
  margin-right: calc(-1 * var(--root-unit)) !important;
}
.mb-n3,
.my-n3 {
  margin-bottom: calc(-1 * var(--root-unit)) !important;
}
.ms-n3,
.ml-n3,
.mx-n3 {
  margin-left: calc(-1 * var(--root-unit)) !important;
}
.m-n4 {
  margin: calc(-1.5 * var(--root-unit)) !important;
}
.mt-n4,
.my-n4 {
  margin-top: calc(-1.5 * var(--root-unit)) !important;
}
.me-n4,
.mr-n4,
.mx-n4 {
  margin-right: calc(-1.5 * var(--root-unit)) !important;
}
.mb-n4,
.my-n4 {
  margin-bottom: calc(-1.5 * var(--root-unit)) !important;
}
.ms-n4,
.ml-n4,
.mx-n4 {
  margin-left: calc(-1.5 * var(--root-unit)) !important;
}
.m-n4plus {
  margin: calc(-2 * var(--root-unit)) !important;
}
.mt-n4plus,
.my-n4plus {
  margin-top: calc(-2 * var(--root-unit)) !important;
}
.me-n4plus,
.mr-n4plus,
.mx-n4plus {
  margin-right: calc(-2 * var(--root-unit)) !important;
}
.mb-n4plus,
.my-n4plus {
  margin-bottom: calc(-2 * var(--root-unit)) !important;
}
.ms-n4plus,
.ml-n4plus,
.mx-n4plus {
  margin-left: calc(-2 * var(--root-unit)) !important;
}
.m-n5 {
  margin: calc(-2.5 * var(--root-unit)) !important;
}
.mt-n5,
.my-n5 {
  margin-top: calc(-2.5 * var(--root-unit)) !important;
}
.me-n5,
.mr-n5,
.mx-n5 {
  margin-right: calc(-2.5 * var(--root-unit)) !important;
}
.mb-n5,
.my-n5 {
  margin-bottom: calc(-2.5 * var(--root-unit)) !important;
}
.ms-n5,
.ml-n5,
.mx-n5 {
  margin-left: calc(-2.5 * var(--root-unit)) !important;
}
.m-n6 {
  margin: calc(-3 * var(--root-unit)) !important;
}
.mt-n6,
.my-n6 {
  margin-top: calc(-3 * var(--root-unit)) !important;
}
.me-n6,
.mr-n6,
.mx-n6 {
  margin-right: calc(-3 * var(--root-unit)) !important;
}
.mb-n6,
.my-n6 {
  margin-bottom: calc(-3 * var(--root-unit)) !important;
}
.ms-n6,
.ml-n6,
.mx-n6 {
  margin-left: calc(-3 * var(--root-unit)) !important;
}
.m-n7 {
  margin: calc(-3.5 * var(--root-unit)) !important;
}
.mt-n7,
.my-n7 {
  margin-top: calc(-3.5 * var(--root-unit)) !important;
}
.me-n7,
.mr-n7,
.mx-n7 {
  margin-right: calc(-3.5 * var(--root-unit)) !important;
}
.mb-n7,
.my-n7 {
  margin-bottom: calc(-3.5 * var(--root-unit)) !important;
}
.ms-n7,
.ml-n7,
.mx-n7 {
  margin-left: calc(-3.5 * var(--root-unit)) !important;
}
.m-n8 {
  margin: calc(-4 * var(--root-unit)) !important;
}
.mt-n8,
.my-n8 {
  margin-top: calc(-4 * var(--root-unit)) !important;
}
.me-n8,
.mr-n8,
.mx-n8 {
  margin-right: calc(-4 * var(--root-unit)) !important;
}
.mb-n8,
.my-n8 {
  margin-bottom: calc(-4 * var(--root-unit)) !important;
}
.ms-n8,
.ml-n8,
.mx-n8 {
  margin-left: calc(-4 * var(--root-unit)) !important;
}
.m-n9 {
  margin: calc(-4.5 * var(--root-unit)) !important;
}
.mt-n9,
.my-n9 {
  margin-top: calc(-4.5 * var(--root-unit)) !important;
}
.me-n9,
.mr-n9,
.mx-n9 {
  margin-right: calc(-4.5 * var(--root-unit)) !important;
}
.mb-n9,
.my-n9 {
  margin-bottom: calc(-4.5 * var(--root-unit)) !important;
}
.ms-n9,
.ml-n9,
.mx-n9 {
  margin-left: calc(-4.5 * var(--root-unit)) !important;
}
.m-n10 {
  margin: calc(-5 * var(--root-unit)) !important;
}
.mt-n10,
.my-n10 {
  margin-top: calc(-5 * var(--root-unit)) !important;
}
.me-n10,
.mr-n10,
.mx-n10 {
  margin-right: calc(-5 * var(--root-unit)) !important;
}
.mb-n10,
.my-n10 {
  margin-bottom: calc(-5 * var(--root-unit)) !important;
}
.ms-n10,
.ml-n10,
.mx-n10 {
  margin-left: calc(-5 * var(--root-unit)) !important;
}
.m-n11 {
  margin: calc(-5.5 * var(--root-unit)) !important;
}
.mt-n11,
.my-n11 {
  margin-top: calc(-5.5 * var(--root-unit)) !important;
}
.me-n11,
.mr-n11,
.mx-n11 {
  margin-right: calc(-5.5 * var(--root-unit)) !important;
}
.mb-n11,
.my-n11 {
  margin-bottom: calc(-5.5 * var(--root-unit)) !important;
}
.ms-n11,
.ml-n11,
.mx-n11 {
  margin-left: calc(-5.5 * var(--root-unit)) !important;
}
.m-n12 {
  margin: calc(-6 * var(--root-unit)) !important;
}
.mt-n12,
.my-n12 {
  margin-top: calc(-6 * var(--root-unit)) !important;
}
.me-n12,
.mr-n12,
.mx-n12 {
  margin-right: calc(-6 * var(--root-unit)) !important;
}
.mb-n12,
.my-n12 {
  margin-bottom: calc(-6 * var(--root-unit)) !important;
}
.ms-n12,
.ml-n12,
.mx-n12 {
  margin-left: calc(-6 * var(--root-unit)) !important;
}
.m-n13 {
  margin: calc(-6.5 * var(--root-unit)) !important;
}
.mt-n13,
.my-n13 {
  margin-top: calc(-6.5 * var(--root-unit)) !important;
}
.me-n13,
.mr-n13,
.mx-n13 {
  margin-right: calc(-6.5 * var(--root-unit)) !important;
}
.mb-n13,
.my-n13 {
  margin-bottom: calc(-6.5 * var(--root-unit)) !important;
}
.ms-n13,
.ml-n13,
.mx-n13 {
  margin-left: calc(-6.5 * var(--root-unit)) !important;
}
.m-n14 {
  margin: calc(-7 * var(--root-unit)) !important;
}
.mt-n14,
.my-n14 {
  margin-top: calc(-7 * var(--root-unit)) !important;
}
.me-n14,
.mr-n14,
.mx-n14 {
  margin-right: calc(-7 * var(--root-unit)) !important;
}
.mb-n14,
.my-n14 {
  margin-bottom: calc(-7 * var(--root-unit)) !important;
}
.ms-n14,
.ml-n14,
.mx-n14 {
  margin-left: calc(-7 * var(--root-unit)) !important;
}
.m-n15 {
  margin: calc(-8 * var(--root-unit)) !important;
}
.mt-n15,
.my-n15 {
  margin-top: calc(-8 * var(--root-unit)) !important;
}
.me-n15,
.mr-n15,
.mx-n15 {
  margin-right: calc(-8 * var(--root-unit)) !important;
}
.mb-n15,
.my-n15 {
  margin-bottom: calc(-8 * var(--root-unit)) !important;
}
.ms-n15,
.ml-n15,
.mx-n15 {
  margin-left: calc(-8 * var(--root-unit)) !important;
}
.m-n16 {
  margin: calc(-8.5 * var(--root-unit)) !important;
}
.mt-n16,
.my-n16 {
  margin-top: calc(-8.5 * var(--root-unit)) !important;
}
.me-n16,
.mr-n16,
.mx-n16 {
  margin-right: calc(-8.5 * var(--root-unit)) !important;
}
.mb-n16,
.my-n16 {
  margin-bottom: calc(-8.5 * var(--root-unit)) !important;
}
.ms-n16,
.ml-n16,
.mx-n16 {
  margin-left: calc(-8.5 * var(--root-unit)) !important;
}
.m-n17 {
  margin: calc(-9 * var(--root-unit)) !important;
}
.mt-n17,
.my-n17 {
  margin-top: calc(-9 * var(--root-unit)) !important;
}
.me-n17,
.mr-n17,
.mx-n17 {
  margin-right: calc(-9 * var(--root-unit)) !important;
}
.mb-n17,
.my-n17 {
  margin-bottom: calc(-9 * var(--root-unit)) !important;
}
.ms-n17,
.ml-n17,
.mx-n17 {
  margin-left: calc(-9 * var(--root-unit)) !important;
}
.m-n18 {
  margin: calc(-9.5 * var(--root-unit)) !important;
}
.mt-n18,
.my-n18 {
  margin-top: calc(-9.5 * var(--root-unit)) !important;
}
.me-n18,
.mr-n18,
.mx-n18 {
  margin-right: calc(-9.5 * var(--root-unit)) !important;
}
.mb-n18,
.my-n18 {
  margin-bottom: calc(-9.5 * var(--root-unit)) !important;
}
.ms-n18,
.ml-n18,
.mx-n18 {
  margin-left: calc(-9.5 * var(--root-unit)) !important;
}
.m-n19 {
  margin: calc(-10 * var(--root-unit)) !important;
}
.mt-n19,
.my-n19 {
  margin-top: calc(-10 * var(--root-unit)) !important;
}
.me-n19,
.mr-n19,
.mx-n19 {
  margin-right: calc(-10 * var(--root-unit)) !important;
}
.mb-n19,
.my-n19 {
  margin-bottom: calc(-10 * var(--root-unit)) !important;
}
.ms-n19,
.ml-n19,
.mx-n19 {
  margin-left: calc(-10 * var(--root-unit)) !important;
}
.m-n20 {
  margin: calc(-10.5 * var(--root-unit)) !important;
}
.mt-n20,
.my-n20 {
  margin-top: calc(-10.5 * var(--root-unit)) !important;
}
.me-n20,
.mr-n20,
.mx-n20 {
  margin-right: calc(-10.5 * var(--root-unit)) !important;
}
.mb-n20,
.my-n20 {
  margin-bottom: calc(-10.5 * var(--root-unit)) !important;
}
.ms-n20,
.ml-n20,
.mx-n20 {
  margin-left: calc(-10.5 * var(--root-unit)) !important;
}
.m-0 {
  margin: 0 !important;
}
.mt-0,
.my-0 {
  margin-top: 0 !important;
}
.me-0,
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}
.ms-0,
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: calc(0.25 * var(--root-unit)) !important;
}
.mt-1,
.my-1 {
  margin-top: calc(0.25 * var(--root-unit)) !important;
}
.me-1,
.mr-1,
.mx-1 {
  margin-right: calc(0.25 * var(--root-unit)) !important;
}
.mb-1,
.my-1 {
  margin-bottom: calc(0.25 * var(--root-unit)) !important;
}
.ms-1,
.ml-1,
.mx-1 {
  margin-left: calc(0.25 * var(--root-unit)) !important;
}
.m-2 {
  margin: calc(0.5 * var(--root-unit)) !important;
}
.mt-2,
.my-2 {
  margin-top: calc(0.5 * var(--root-unit)) !important;
}
.me-2,
.mr-2,
.mx-2 {
  margin-right: calc(0.5 * var(--root-unit)) !important;
}
.mb-2,
.my-2 {
  margin-bottom: calc(0.5 * var(--root-unit)) !important;
}
.ms-2,
.ml-2,
.mx-2 {
  margin-left: calc(0.5 * var(--root-unit)) !important;
}
.m-3 {
  margin: calc(1 * var(--root-unit)) !important;
}
.mt-3,
.my-3 {
  margin-top: calc(1 * var(--root-unit)) !important;
}
.me-3,
.mr-3,
.mx-3 {
  margin-right: calc(1 * var(--root-unit)) !important;
}
.mb-3,
.my-3 {
  margin-bottom: calc(1 * var(--root-unit)) !important;
}
.ms-3,
.ml-3,
.mx-3 {
  margin-left: calc(1 * var(--root-unit)) !important;
}
.m-4 {
  margin: calc(1.5 * var(--root-unit)) !important;
}
.mt-4,
.my-4 {
  margin-top: calc(1.5 * var(--root-unit)) !important;
}
.me-4,
.mr-4,
.mx-4 {
  margin-right: calc(1.5 * var(--root-unit)) !important;
}
.mb-4,
.my-4 {
  margin-bottom: calc(1.5 * var(--root-unit)) !important;
}
.ms-4,
.ml-4,
.mx-4 {
  margin-left: calc(1.5 * var(--root-unit)) !important;
}
.m-4plus {
  margin: calc(2 * var(--root-unit)) !important;
}
.mt-4plus,
.my-4plus {
  margin-top: calc(2 * var(--root-unit)) !important;
}
.me-4plus,
.mr-4plus,
.mx-4plus {
  margin-right: calc(2 * var(--root-unit)) !important;
}
.mb-4plus,
.my-4plus {
  margin-bottom: calc(2 * var(--root-unit)) !important;
}
.ms-4plus,
.ml-4plus,
.mx-4plus {
  margin-left: calc(2 * var(--root-unit)) !important;
}
.m-5 {
  margin: calc(2.5 * var(--root-unit)) !important;
}
.mt-5,
.my-5 {
  margin-top: calc(2.5 * var(--root-unit)) !important;
}
.me-5,
.mr-5,
.mx-5 {
  margin-right: calc(2.5 * var(--root-unit)) !important;
}
.mb-5,
.my-5 {
  margin-bottom: calc(2.5 * var(--root-unit)) !important;
}
.ms-5,
.ml-5,
.mx-5 {
  margin-left: calc(2.5 * var(--root-unit)) !important;
}
.m-6 {
  margin: calc(3 * var(--root-unit)) !important;
}
.mt-6,
.my-6 {
  margin-top: calc(3 * var(--root-unit)) !important;
}
.me-6,
.mr-6,
.mx-6 {
  margin-right: calc(3 * var(--root-unit)) !important;
}
.mb-6,
.my-6 {
  margin-bottom: calc(3 * var(--root-unit)) !important;
}
.ms-6,
.ml-6,
.mx-6 {
  margin-left: calc(3 * var(--root-unit)) !important;
}
.m-7 {
  margin: calc(3.5 * var(--root-unit)) !important;
}
.mt-7,
.my-7 {
  margin-top: calc(3.5 * var(--root-unit)) !important;
}
.me-7,
.mr-7,
.mx-7 {
  margin-right: calc(3.5 * var(--root-unit)) !important;
}
.mb-7,
.my-7 {
  margin-bottom: calc(3.5 * var(--root-unit)) !important;
}
.ms-7,
.ml-7,
.mx-7 {
  margin-left: calc(3.5 * var(--root-unit)) !important;
}
.m-8 {
  margin: calc(4 * var(--root-unit)) !important;
}
.mt-8,
.my-8 {
  margin-top: calc(4 * var(--root-unit)) !important;
}
.me-8,
.mr-8,
.mx-8 {
  margin-right: calc(4 * var(--root-unit)) !important;
}
.mb-8,
.my-8 {
  margin-bottom: calc(4 * var(--root-unit)) !important;
}
.ms-8,
.ml-8,
.mx-8 {
  margin-left: calc(4 * var(--root-unit)) !important;
}
.m-9 {
  margin: calc(4.5 * var(--root-unit)) !important;
}
.mt-9,
.my-9 {
  margin-top: calc(4.5 * var(--root-unit)) !important;
}
.me-9,
.mr-9,
.mx-9 {
  margin-right: calc(4.5 * var(--root-unit)) !important;
}
.mb-9,
.my-9 {
  margin-bottom: calc(4.5 * var(--root-unit)) !important;
}
.ms-9,
.ml-9,
.mx-9 {
  margin-left: calc(4.5 * var(--root-unit)) !important;
}
.m-10 {
  margin: calc(5 * var(--root-unit)) !important;
}
.mt-10,
.my-10 {
  margin-top: calc(5 * var(--root-unit)) !important;
}
.me-10,
.mr-10,
.mx-10 {
  margin-right: calc(5 * var(--root-unit)) !important;
}
.mb-10,
.my-10 {
  margin-bottom: calc(5 * var(--root-unit)) !important;
}
.ms-10,
.ml-10,
.mx-10 {
  margin-left: calc(5 * var(--root-unit)) !important;
}
.m-11 {
  margin: calc(5.5 * var(--root-unit)) !important;
}
.mt-11,
.my-11 {
  margin-top: calc(5.5 * var(--root-unit)) !important;
}
.me-11,
.mr-11,
.mx-11 {
  margin-right: calc(5.5 * var(--root-unit)) !important;
}
.mb-11,
.my-11 {
  margin-bottom: calc(5.5 * var(--root-unit)) !important;
}
.ms-11,
.ml-11,
.mx-11 {
  margin-left: calc(5.5 * var(--root-unit)) !important;
}
.m-12 {
  margin: calc(6 * var(--root-unit)) !important;
}
.mt-12,
.my-12 {
  margin-top: calc(6 * var(--root-unit)) !important;
}
.me-12,
.mr-12,
.mx-12 {
  margin-right: calc(6 * var(--root-unit)) !important;
}
.mb-12,
.my-12 {
  margin-bottom: calc(6 * var(--root-unit)) !important;
}
.ms-12,
.ml-12,
.mx-12 {
  margin-left: calc(6 * var(--root-unit)) !important;
}
.m-13 {
  margin: calc(6.5 * var(--root-unit)) !important;
}
.mt-13,
.my-13 {
  margin-top: calc(6.5 * var(--root-unit)) !important;
}
.me-13,
.mr-13,
.mx-13 {
  margin-right: calc(6.5 * var(--root-unit)) !important;
}
.mb-13,
.my-13 {
  margin-bottom: calc(6.5 * var(--root-unit)) !important;
}
.ms-13,
.ml-13,
.mx-13 {
  margin-left: calc(6.5 * var(--root-unit)) !important;
}
.m-14 {
  margin: calc(7 * var(--root-unit)) !important;
}
.mt-14,
.my-14 {
  margin-top: calc(7 * var(--root-unit)) !important;
}
.me-14,
.mr-14,
.mx-14 {
  margin-right: calc(7 * var(--root-unit)) !important;
}
.mb-14,
.my-14 {
  margin-bottom: calc(7 * var(--root-unit)) !important;
}
.ms-14,
.ml-14,
.mx-14 {
  margin-left: calc(7 * var(--root-unit)) !important;
}
.m-15 {
  margin: calc(7.5 * var(--root-unit)) !important;
}
.mt-15,
.my-15 {
  margin-top: calc(7.5 * var(--root-unit)) !important;
}
.me-15,
.mr-15,
.mx-15 {
  margin-right: calc(7.5 * var(--root-unit)) !important;
}
.mb-15,
.my-15 {
  margin-bottom: calc(7.5 * var(--root-unit)) !important;
}
.ms-15,
.ml-15,
.mx-15 {
  margin-left: calc(7.5 * var(--root-unit)) !important;
}
.m-16 {
  margin: calc(8 * var(--root-unit)) !important;
}
.mt-16,
.my-16 {
  margin-top: calc(8 * var(--root-unit)) !important;
}
.me-16,
.mr-16,
.mx-16 {
  margin-right: calc(8 * var(--root-unit)) !important;
}
.mb-16,
.my-16 {
  margin-bottom: calc(8 * var(--root-unit)) !important;
}
.ms-16,
.ml-16,
.mx-16 {
  margin-left: calc(8 * var(--root-unit)) !important;
}
.m-17 {
  margin: calc(8.5 * var(--root-unit)) !important;
}
.mt-17,
.my-17 {
  margin-top: calc(8.5 * var(--root-unit)) !important;
}
.me-17,
.mr-17,
.mx-17 {
  margin-right: calc(8.5 * var(--root-unit)) !important;
}
.mb-17,
.my-17 {
  margin-bottom: calc(8.5 * var(--root-unit)) !important;
}
.ms-17,
.ml-17,
.mx-17 {
  margin-left: calc(8.5 * var(--root-unit)) !important;
}
.m-18 {
  margin: calc(9 * var(--root-unit)) !important;
}
.mt-18,
.my-18 {
  margin-top: calc(9 * var(--root-unit)) !important;
}
.me-18,
.mr-18,
.mx-18 {
  margin-right: calc(9 * var(--root-unit)) !important;
}
.mb-18,
.my-18 {
  margin-bottom: calc(9 * var(--root-unit)) !important;
}
.ms-18,
.ml-18,
.mx-18 {
  margin-left: calc(9 * var(--root-unit)) !important;
}
.m-19 {
  margin: calc(9.5 * var(--root-unit)) !important;
}
.mt-19,
.my-19 {
  margin-top: calc(9.5 * var(--root-unit)) !important;
}
.me-19,
.mr-19,
.mx-19 {
  margin-right: calc(9.5 * var(--root-unit)) !important;
}
.mb-19,
.my-19 {
  margin-bottom: calc(9.5 * var(--root-unit)) !important;
}
.ms-19,
.ml-19,
.mx-19 {
  margin-left: calc(9.5 * var(--root-unit)) !important;
}
.m-20 {
  margin: calc(10 * var(--root-unit)) !important;
}
.mt-20,
.my-20 {
  margin-top: calc(10 * var(--root-unit)) !important;
}
.me-20,
.mr-20,
.mx-20 {
  margin-right: calc(10 * var(--root-unit)) !important;
}
.mb-20,
.my-20 {
  margin-bottom: calc(10 * var(--root-unit)) !important;
}
.ms-20,
.ml-20,
.mx-20 {
  margin-left: calc(10 * var(--root-unit)) !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0,
.py-0 {
  padding-top: 0 !important;
}
.pe-0,
.pr-0,
.px-0 {
  padding-right: 0 !important;
}
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}
.ps-0,
.pl-0,
.px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: calc(0.25 * var(--root-unit)) !important;
}
.pt-1,
.py-1 {
  padding-top: calc(0.25 * var(--root-unit)) !important;
}
.pe-1,
.pr-1,
.px-1 {
  padding-right: calc(0.25 * var(--root-unit)) !important;
}
.pb-1,
.py-1 {
  padding-bottom: calc(0.25 * var(--root-unit)) !important;
}
.ps-1,
.pl-1,
.px-1 {
  padding-left: calc(0.25 * var(--root-unit)) !important;
}
.p-2 {
  padding: calc(0.5 * var(--root-unit)) !important;
}
.pt-2,
.py-2 {
  padding-top: calc(0.5 * var(--root-unit)) !important;
}
.pe-2,
.pr-2,
.px-2 {
  padding-right: calc(0.5 * var(--root-unit)) !important;
}
.pb-2,
.py-2 {
  padding-bottom: calc(0.5 * var(--root-unit)) !important;
}
.ps-2,
.pl-2,
.px-2 {
  padding-left: calc(0.5 * var(--root-unit)) !important;
}
.p-3 {
  padding: calc(1 * var(--root-unit)) !important;
}
.pt-3,
.py-3 {
  padding-top: calc(1 * var(--root-unit)) !important;
}
.pe-3,
.pr-3,
.px-3 {
  padding-right: calc(1 * var(--root-unit)) !important;
}
.pb-3,
.py-3 {
  padding-bottom: calc(1 * var(--root-unit)) !important;
}
.ps-3,
.pl-3,
.px-3 {
  padding-left: calc(1 * var(--root-unit)) !important;
}
.p-4 {
  padding: calc(1.5 * var(--root-unit)) !important;
}
.pt-4,
.py-4 {
  padding-top: calc(1.5 * var(--root-unit)) !important;
}
.pe-4,
.pr-4,
.px-4 {
  padding-right: calc(1.5 * var(--root-unit)) !important;
}
.pb-4,
.py-4 {
  padding-bottom: calc(1.5 * var(--root-unit)) !important;
}
.ps-4,
.pl-4,
.px-4 {
  padding-left: calc(1.5 * var(--root-unit)) !important;
}
.p-4plus {
  padding: calc(2 * var(--root-unit)) !important;
}
.pt-4plus,
.py-4plus {
  padding-top: calc(2 * var(--root-unit)) !important;
}
.pe-4plus,
.pr-4plus,
.px-4plus {
  padding-right: calc(2 * var(--root-unit)) !important;
}
.pb-4plus,
.py-4plus {
  padding-bottom: calc(2 * var(--root-unit)) !important;
}
.ps-4plus,
.pl-4plus,
.px-4plus {
  padding-left: calc(2 * var(--root-unit)) !important;
}
.p-5 {
  padding: calc(2.5 * var(--root-unit)) !important;
}
.pt-5,
.py-5 {
  padding-top: calc(2.5 * var(--root-unit)) !important;
}
.pe-5,
.pr-5,
.px-5 {
  padding-right: calc(2.5 * var(--root-unit)) !important;
}
.pb-5,
.py-5 {
  padding-bottom: calc(2.5 * var(--root-unit)) !important;
}
.ps-5,
.pl-5,
.px-5 {
  padding-left: calc(2.5 * var(--root-unit)) !important;
}
.p-6 {
  padding: calc(3 * var(--root-unit)) !important;
}
.pt-6,
.py-6 {
  padding-top: calc(3 * var(--root-unit)) !important;
}
.pe-6,
.pr-6,
.px-6 {
  padding-right: calc(3 * var(--root-unit)) !important;
}
.pb-6,
.py-6 {
  padding-bottom: calc(3 * var(--root-unit)) !important;
}
.ps-6,
.pl-6,
.px-6 {
  padding-left: calc(3 * var(--root-unit)) !important;
}
.p-7 {
  padding: calc(3.5 * var(--root-unit)) !important;
}
.pt-7,
.py-7 {
  padding-top: calc(3.5 * var(--root-unit)) !important;
}
.pe-7,
.pr-7,
.px-7 {
  padding-right: calc(3.5 * var(--root-unit)) !important;
}
.pb-7,
.py-7 {
  padding-bottom: calc(3.5 * var(--root-unit)) !important;
}
.ps-7,
.pl-7,
.px-7 {
  padding-left: calc(3.5 * var(--root-unit)) !important;
}
.p-8 {
  padding: calc(4 * var(--root-unit)) !important;
}
.pt-8,
.py-8 {
  padding-top: calc(4 * var(--root-unit)) !important;
}
.pe-8,
.pr-8,
.px-8 {
  padding-right: calc(4 * var(--root-unit)) !important;
}
.pb-8,
.py-8 {
  padding-bottom: calc(4 * var(--root-unit)) !important;
}
.ps-8,
.pl-8,
.px-8 {
  padding-left: calc(4 * var(--root-unit)) !important;
}
.p-9 {
  padding: calc(4.5 * var(--root-unit)) !important;
}
.pt-9,
.py-9 {
  padding-top: calc(4.5 * var(--root-unit)) !important;
}
.pe-9,
.pr-9,
.px-9 {
  padding-right: calc(4.5 * var(--root-unit)) !important;
}
.pb-9,
.py-9 {
  padding-bottom: calc(4.5 * var(--root-unit)) !important;
}
.ps-9,
.pl-9,
.px-9 {
  padding-left: calc(4.5 * var(--root-unit)) !important;
}
.p-10 {
  padding: calc(5 * var(--root-unit)) !important;
}
.pt-10,
.py-10 {
  padding-top: calc(5 * var(--root-unit)) !important;
}
.pe-10,
.pr-10,
.px-10 {
  padding-right: calc(5 * var(--root-unit)) !important;
}
.pb-10,
.py-10 {
  padding-bottom: calc(5 * var(--root-unit)) !important;
}
.ps-10,
.pl-10,
.px-10 {
  padding-left: calc(5 * var(--root-unit)) !important;
}
.p-11 {
  padding: calc(5.5 * var(--root-unit)) !important;
}
.pt-11,
.py-11 {
  padding-top: calc(5.5 * var(--root-unit)) !important;
}
.pe-11,
.pr-11,
.px-11 {
  padding-right: calc(5.5 * var(--root-unit)) !important;
}
.pb-11,
.py-11 {
  padding-bottom: calc(5.5 * var(--root-unit)) !important;
}
.ps-11,
.pl-11,
.px-11 {
  padding-left: calc(5.5 * var(--root-unit)) !important;
}
.p-12 {
  padding: calc(6 * var(--root-unit)) !important;
}
.pt-12,
.py-12 {
  padding-top: calc(6 * var(--root-unit)) !important;
}
.pe-12,
.pr-12,
.px-12 {
  padding-right: calc(6 * var(--root-unit)) !important;
}
.pb-12,
.py-12 {
  padding-bottom: calc(6 * var(--root-unit)) !important;
}
.ps-12,
.pl-12,
.px-12 {
  padding-left: calc(6 * var(--root-unit)) !important;
}
.p-13 {
  padding: calc(6.5 * var(--root-unit)) !important;
}
.pt-13,
.py-13 {
  padding-top: calc(6.5 * var(--root-unit)) !important;
}
.pe-13,
.pr-13,
.px-13 {
  padding-right: calc(6.5 * var(--root-unit)) !important;
}
.pb-13,
.py-13 {
  padding-bottom: calc(6.5 * var(--root-unit)) !important;
}
.ps-13,
.pl-13,
.px-13 {
  padding-left: calc(6.5 * var(--root-unit)) !important;
}
.p-14 {
  padding: calc(7 * var(--root-unit)) !important;
}
.pt-14,
.py-14 {
  padding-top: calc(7 * var(--root-unit)) !important;
}
.pe-14,
.pr-14,
.px-14 {
  padding-right: calc(7 * var(--root-unit)) !important;
}
.pb-14,
.py-14 {
  padding-bottom: calc(7 * var(--root-unit)) !important;
}
.ps-14,
.pl-14,
.px-14 {
  padding-left: calc(7 * var(--root-unit)) !important;
}
.p-15 {
  padding: calc(7.5 * var(--root-unit)) !important;
}
.pt-15,
.py-15 {
  padding-top: calc(7.5 * var(--root-unit)) !important;
}
.pe-15,
.pr-15,
.px-15 {
  padding-right: calc(7.5 * var(--root-unit)) !important;
}
.pb-15,
.py-15 {
  padding-bottom: calc(7.5 * var(--root-unit)) !important;
}
.ps-15,
.pl-15,
.px-15 {
  padding-left: calc(7.5 * var(--root-unit)) !important;
}
.p-16 {
  padding: calc(8 * var(--root-unit)) !important;
}
.pt-16,
.py-16 {
  padding-top: calc(8 * var(--root-unit)) !important;
}
.pe-16,
.pr-16,
.px-16 {
  padding-right: calc(8 * var(--root-unit)) !important;
}
.pb-16,
.py-16 {
  padding-bottom: calc(8 * var(--root-unit)) !important;
}
.ps-16,
.pl-16,
.px-16 {
  padding-left: calc(8 * var(--root-unit)) !important;
}
.p-17 {
  padding: calc(8.5 * var(--root-unit)) !important;
}
.pt-17,
.py-17 {
  padding-top: calc(8.5 * var(--root-unit)) !important;
}
.pe-17,
.pr-17,
.px-17 {
  padding-right: calc(8.5 * var(--root-unit)) !important;
}
.pb-17,
.py-17 {
  padding-bottom: calc(8.5 * var(--root-unit)) !important;
}
.ps-17,
.pl-17,
.px-17 {
  padding-left: calc(8.5 * var(--root-unit)) !important;
}
.p-18 {
  padding: calc(9 * var(--root-unit)) !important;
}
.pt-18,
.py-18 {
  padding-top: calc(9 * var(--root-unit)) !important;
}
.pe-18,
.pr-18,
.px-18 {
  padding-right: calc(9 * var(--root-unit)) !important;
}
.pb-18,
.py-18 {
  padding-bottom: calc(9 * var(--root-unit)) !important;
}
.ps-18,
.pl-18,
.px-18 {
  padding-left: calc(9 * var(--root-unit)) !important;
}
.p-19 {
  padding: calc(9.5 * var(--root-unit)) !important;
}
.pt-19,
.py-19 {
  padding-top: calc(9.5 * var(--root-unit)) !important;
}
.pe-19,
.pr-19,
.px-19 {
  padding-right: calc(9.5 * var(--root-unit)) !important;
}
.pb-19,
.py-19 {
  padding-bottom: calc(9.5 * var(--root-unit)) !important;
}
.ps-19,
.pl-19,
.px-19 {
  padding-left: calc(9.5 * var(--root-unit)) !important;
}
.p-20 {
  padding: calc(10 * var(--root-unit)) !important;
}
.pt-20,
.py-20 {
  padding-top: calc(10 * var(--root-unit)) !important;
}
.pe-20,
.pr-20,
.px-20 {
  padding-right: calc(10 * var(--root-unit)) !important;
}
.pb-20,
.py-20 {
  padding-bottom: calc(10 * var(--root-unit)) !important;
}
.ps-20,
.pl-20,
.px-20 {
  padding-left: calc(10 * var(--root-unit)) !important;
}
.m-n1 {
  margin: calc(-0.25 * var(--root-unit)) !important;
}
.mt-n1,
.my-n1 {
  margin-top: calc(-0.25 * var(--root-unit)) !important;
}
.me-n1,
.mr-n1,
.mx-n1 {
  margin-right: calc(-0.25 * var(--root-unit)) !important;
}
.mb-n1,
.my-n1 {
  margin-bottom: calc(-0.25 * var(--root-unit)) !important;
}
.ms-n1,
.ml-n1,
.mx-n1 {
  margin-left: calc(-0.25 * var(--root-unit)) !important;
}
.m-n2 {
  margin: calc(-0.5 * var(--root-unit)) !important;
}
.mt-n2,
.my-n2 {
  margin-top: calc(-0.5 * var(--root-unit)) !important;
}
.me-n2,
.mr-n2,
.mx-n2 {
  margin-right: calc(-0.5 * var(--root-unit)) !important;
}
.mb-n2,
.my-n2 {
  margin-bottom: calc(-0.5 * var(--root-unit)) !important;
}
.ms-n2,
.ml-n2,
.mx-n2 {
  margin-left: calc(-0.5 * var(--root-unit)) !important;
}
.m-n3 {
  margin: calc(-1 * var(--root-unit)) !important;
}
.mt-n3,
.my-n3 {
  margin-top: calc(-1 * var(--root-unit)) !important;
}
.me-n3,
.mr-n3,
.mx-n3 {
  margin-right: calc(-1 * var(--root-unit)) !important;
}
.mb-n3,
.my-n3 {
  margin-bottom: calc(-1 * var(--root-unit)) !important;
}
.ms-n3,
.ml-n3,
.mx-n3 {
  margin-left: calc(-1 * var(--root-unit)) !important;
}
.m-n4 {
  margin: calc(-1.5 * var(--root-unit)) !important;
}
.mt-n4,
.my-n4 {
  margin-top: calc(-1.5 * var(--root-unit)) !important;
}
.me-n4,
.mr-n4,
.mx-n4 {
  margin-right: calc(-1.5 * var(--root-unit)) !important;
}
.mb-n4,
.my-n4 {
  margin-bottom: calc(-1.5 * var(--root-unit)) !important;
}
.ms-n4,
.ml-n4,
.mx-n4 {
  margin-left: calc(-1.5 * var(--root-unit)) !important;
}
.m-n4plus {
  margin: calc(-2 * var(--root-unit)) !important;
}
.mt-n4plus,
.my-n4plus {
  margin-top: calc(-2 * var(--root-unit)) !important;
}
.me-n4plus,
.mr-n4plus,
.mx-n4plus {
  margin-right: calc(-2 * var(--root-unit)) !important;
}
.mb-n4plus,
.my-n4plus {
  margin-bottom: calc(-2 * var(--root-unit)) !important;
}
.ms-n4plus,
.ml-n4plus,
.mx-n4plus {
  margin-left: calc(-2 * var(--root-unit)) !important;
}
.m-n5 {
  margin: calc(-3 * var(--root-unit)) !important;
}
.mt-n5,
.my-n5 {
  margin-top: calc(-3 * var(--root-unit)) !important;
}
.me-n5,
.mr-n5,
.mx-n5 {
  margin-right: calc(-3 * var(--root-unit)) !important;
}
.mb-n5,
.my-n5 {
  margin-bottom: calc(-3 * var(--root-unit)) !important;
}
.ms-n5,
.ml-n5,
.mx-n5 {
  margin-left: calc(-3 * var(--root-unit)) !important;
}
.m-n6 {
  margin: calc(-3.5 * var(--root-unit)) !important;
}
.mt-n6,
.my-n6 {
  margin-top: calc(-3.5 * var(--root-unit)) !important;
}
.me-n6,
.mr-n6,
.mx-n6 {
  margin-right: calc(-3.5 * var(--root-unit)) !important;
}
.mb-n6,
.my-n6 {
  margin-bottom: calc(-3.5 * var(--root-unit)) !important;
}
.ms-n6,
.ml-n6,
.mx-n6 {
  margin-left: calc(-3.5 * var(--root-unit)) !important;
}
.m-n7 {
  margin: calc(-4 * var(--root-unit)) !important;
}
.mt-n7,
.my-n7 {
  margin-top: calc(-4 * var(--root-unit)) !important;
}
.me-n7,
.mr-n7,
.mx-n7 {
  margin-right: calc(-4 * var(--root-unit)) !important;
}
.mb-n7,
.my-n7 {
  margin-bottom: calc(-4 * var(--root-unit)) !important;
}
.ms-n7,
.ml-n7,
.mx-n7 {
  margin-left: calc(-4 * var(--root-unit)) !important;
}
.m-n8 {
  margin: calc(-4.5 * var(--root-unit)) !important;
}
.mt-n8,
.my-n8 {
  margin-top: calc(-4.5 * var(--root-unit)) !important;
}
.me-n8,
.mr-n8,
.mx-n8 {
  margin-right: calc(-4.5 * var(--root-unit)) !important;
}
.mb-n8,
.my-n8 {
  margin-bottom: calc(-4.5 * var(--root-unit)) !important;
}
.ms-n8,
.ml-n8,
.mx-n8 {
  margin-left: calc(-4.5 * var(--root-unit)) !important;
}
.m-n9 {
  margin: calc(-5 * var(--root-unit)) !important;
}
.mt-n9,
.my-n9 {
  margin-top: calc(-5 * var(--root-unit)) !important;
}
.me-n9,
.mr-n9,
.mx-n9 {
  margin-right: calc(-5 * var(--root-unit)) !important;
}
.mb-n9,
.my-n9 {
  margin-bottom: calc(-5 * var(--root-unit)) !important;
}
.ms-n9,
.ml-n9,
.mx-n9 {
  margin-left: calc(-5 * var(--root-unit)) !important;
}
.m-n10 {
  margin: calc(-6 * var(--root-unit)) !important;
}
.mt-n10,
.my-n10 {
  margin-top: calc(-6 * var(--root-unit)) !important;
}
.me-n10,
.mr-n10,
.mx-n10 {
  margin-right: calc(-6 * var(--root-unit)) !important;
}
.mb-n10,
.my-n10 {
  margin-bottom: calc(-6 * var(--root-unit)) !important;
}
.ms-n10,
.ml-n10,
.mx-n10 {
  margin-left: calc(-6 * var(--root-unit)) !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto,
.my-auto {
  margin-top: auto !important;
}
.me-auto,
.mr-auto,
.mx-auto {
  margin-right: auto !important;
}
.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}
.ms-auto,
.ml-auto,
.mx-auto {
  margin-left: auto !important;
}
@media (max-width: 575px) {
  .m-xs-n1 {
    margin: calc(-0.25 * var(--root-unit)) !important;
  }
  .mt-xs-n1,
  .my-xs-n1 {
    margin-top: calc(-0.25 * var(--root-unit)) !important;
  }
  .me-xs-n1,
  .mr-xs-n1,
  .mx-xs-n1 {
    margin-right: calc(-0.25 * var(--root-unit)) !important;
  }
  .mb-xs-n1,
  .my-xs-n1 {
    margin-bottom: calc(-0.25 * var(--root-unit)) !important;
  }
  .ms-xs-n1,
  .ml-xs-n1,
  .mx-xs-n1 {
    margin-left: calc(-0.25 * var(--root-unit)) !important;
  }
  .m-xs-n2 {
    margin: calc(-0.5 * var(--root-unit)) !important;
  }
  .mt-xs-n2,
  .my-xs-n2 {
    margin-top: calc(-0.5 * var(--root-unit)) !important;
  }
  .me-xs-n2,
  .mr-xs-n2,
  .mx-xs-n2 {
    margin-right: calc(-0.5 * var(--root-unit)) !important;
  }
  .mb-xs-n2,
  .my-xs-n2 {
    margin-bottom: calc(-0.5 * var(--root-unit)) !important;
  }
  .ms-xs-n2,
  .ml-xs-n2,
  .mx-xs-n2 {
    margin-left: calc(-0.5 * var(--root-unit)) !important;
  }
  .m-xs-n3 {
    margin: calc(-1 * var(--root-unit)) !important;
  }
  .mt-xs-n3,
  .my-xs-n3 {
    margin-top: calc(-1 * var(--root-unit)) !important;
  }
  .me-xs-n3,
  .mr-xs-n3,
  .mx-xs-n3 {
    margin-right: calc(-1 * var(--root-unit)) !important;
  }
  .mb-xs-n3,
  .my-xs-n3 {
    margin-bottom: calc(-1 * var(--root-unit)) !important;
  }
  .ms-xs-n3,
  .ml-xs-n3,
  .mx-xs-n3 {
    margin-left: calc(-1 * var(--root-unit)) !important;
  }
  .m-xs-n4 {
    margin: calc(-1.5 * var(--root-unit)) !important;
  }
  .mt-xs-n4,
  .my-xs-n4 {
    margin-top: calc(-1.5 * var(--root-unit)) !important;
  }
  .me-xs-n4,
  .mr-xs-n4,
  .mx-xs-n4 {
    margin-right: calc(-1.5 * var(--root-unit)) !important;
  }
  .mb-xs-n4,
  .my-xs-n4 {
    margin-bottom: calc(-1.5 * var(--root-unit)) !important;
  }
  .ms-xs-n4,
  .ml-xs-n4,
  .mx-xs-n4 {
    margin-left: calc(-1.5 * var(--root-unit)) !important;
  }
  .m-xs-n4plus {
    margin: calc(-2 * var(--root-unit)) !important;
  }
  .mt-xs-n4plus,
  .my-xs-n4plus {
    margin-top: calc(-2 * var(--root-unit)) !important;
  }
  .me-xs-n4plus,
  .mr-xs-n4plus,
  .mx-xs-n4plus {
    margin-right: calc(-2 * var(--root-unit)) !important;
  }
  .mb-xs-n4plus,
  .my-xs-n4plus {
    margin-bottom: calc(-2 * var(--root-unit)) !important;
  }
  .ms-xs-n4plus,
  .ml-xs-n4plus,
  .mx-xs-n4plus {
    margin-left: calc(-2 * var(--root-unit)) !important;
  }
  .m-xs-n5 {
    margin: calc(-2.5 * var(--root-unit)) !important;
  }
  .mt-xs-n5,
  .my-xs-n5 {
    margin-top: calc(-2.5 * var(--root-unit)) !important;
  }
  .me-xs-n5,
  .mr-xs-n5,
  .mx-xs-n5 {
    margin-right: calc(-2.5 * var(--root-unit)) !important;
  }
  .mb-xs-n5,
  .my-xs-n5 {
    margin-bottom: calc(-2.5 * var(--root-unit)) !important;
  }
  .ms-xs-n5,
  .ml-xs-n5,
  .mx-xs-n5 {
    margin-left: calc(-2.5 * var(--root-unit)) !important;
  }
  .m-xs-n6 {
    margin: calc(-3 * var(--root-unit)) !important;
  }
  .mt-xs-n6,
  .my-xs-n6 {
    margin-top: calc(-3 * var(--root-unit)) !important;
  }
  .me-xs-n6,
  .mr-xs-n6,
  .mx-xs-n6 {
    margin-right: calc(-3 * var(--root-unit)) !important;
  }
  .mb-xs-n6,
  .my-xs-n6 {
    margin-bottom: calc(-3 * var(--root-unit)) !important;
  }
  .ms-xs-n6,
  .ml-xs-n6,
  .mx-xs-n6 {
    margin-left: calc(-3 * var(--root-unit)) !important;
  }
  .m-xs-n7 {
    margin: calc(-3.5 * var(--root-unit)) !important;
  }
  .mt-xs-n7,
  .my-xs-n7 {
    margin-top: calc(-3.5 * var(--root-unit)) !important;
  }
  .me-xs-n7,
  .mr-xs-n7,
  .mx-xs-n7 {
    margin-right: calc(-3.5 * var(--root-unit)) !important;
  }
  .mb-xs-n7,
  .my-xs-n7 {
    margin-bottom: calc(-3.5 * var(--root-unit)) !important;
  }
  .ms-xs-n7,
  .ml-xs-n7,
  .mx-xs-n7 {
    margin-left: calc(-3.5 * var(--root-unit)) !important;
  }
  .m-xs-n8 {
    margin: calc(-4 * var(--root-unit)) !important;
  }
  .mt-xs-n8,
  .my-xs-n8 {
    margin-top: calc(-4 * var(--root-unit)) !important;
  }
  .me-xs-n8,
  .mr-xs-n8,
  .mx-xs-n8 {
    margin-right: calc(-4 * var(--root-unit)) !important;
  }
  .mb-xs-n8,
  .my-xs-n8 {
    margin-bottom: calc(-4 * var(--root-unit)) !important;
  }
  .ms-xs-n8,
  .ml-xs-n8,
  .mx-xs-n8 {
    margin-left: calc(-4 * var(--root-unit)) !important;
  }
  .m-xs-n9 {
    margin: calc(-4.5 * var(--root-unit)) !important;
  }
  .mt-xs-n9,
  .my-xs-n9 {
    margin-top: calc(-4.5 * var(--root-unit)) !important;
  }
  .me-xs-n9,
  .mr-xs-n9,
  .mx-xs-n9 {
    margin-right: calc(-4.5 * var(--root-unit)) !important;
  }
  .mb-xs-n9,
  .my-xs-n9 {
    margin-bottom: calc(-4.5 * var(--root-unit)) !important;
  }
  .ms-xs-n9,
  .ml-xs-n9,
  .mx-xs-n9 {
    margin-left: calc(-4.5 * var(--root-unit)) !important;
  }
  .m-xs-n10 {
    margin: calc(-5 * var(--root-unit)) !important;
  }
  .mt-xs-n10,
  .my-xs-n10 {
    margin-top: calc(-5 * var(--root-unit)) !important;
  }
  .me-xs-n10,
  .mr-xs-n10,
  .mx-xs-n10 {
    margin-right: calc(-5 * var(--root-unit)) !important;
  }
  .mb-xs-n10,
  .my-xs-n10 {
    margin-bottom: calc(-5 * var(--root-unit)) !important;
  }
  .ms-xs-n10,
  .ml-xs-n10,
  .mx-xs-n10 {
    margin-left: calc(-5 * var(--root-unit)) !important;
  }
  .m-xs-n11 {
    margin: calc(-5.5 * var(--root-unit)) !important;
  }
  .mt-xs-n11,
  .my-xs-n11 {
    margin-top: calc(-5.5 * var(--root-unit)) !important;
  }
  .me-xs-n11,
  .mr-xs-n11,
  .mx-xs-n11 {
    margin-right: calc(-5.5 * var(--root-unit)) !important;
  }
  .mb-xs-n11,
  .my-xs-n11 {
    margin-bottom: calc(-5.5 * var(--root-unit)) !important;
  }
  .ms-xs-n11,
  .ml-xs-n11,
  .mx-xs-n11 {
    margin-left: calc(-5.5 * var(--root-unit)) !important;
  }
  .m-xs-n12 {
    margin: calc(-6 * var(--root-unit)) !important;
  }
  .mt-xs-n12,
  .my-xs-n12 {
    margin-top: calc(-6 * var(--root-unit)) !important;
  }
  .me-xs-n12,
  .mr-xs-n12,
  .mx-xs-n12 {
    margin-right: calc(-6 * var(--root-unit)) !important;
  }
  .mb-xs-n12,
  .my-xs-n12 {
    margin-bottom: calc(-6 * var(--root-unit)) !important;
  }
  .ms-xs-n12,
  .ml-xs-n12,
  .mx-xs-n12 {
    margin-left: calc(-6 * var(--root-unit)) !important;
  }
  .m-xs-n13 {
    margin: calc(-6.5 * var(--root-unit)) !important;
  }
  .mt-xs-n13,
  .my-xs-n13 {
    margin-top: calc(-6.5 * var(--root-unit)) !important;
  }
  .me-xs-n13,
  .mr-xs-n13,
  .mx-xs-n13 {
    margin-right: calc(-6.5 * var(--root-unit)) !important;
  }
  .mb-xs-n13,
  .my-xs-n13 {
    margin-bottom: calc(-6.5 * var(--root-unit)) !important;
  }
  .ms-xs-n13,
  .ml-xs-n13,
  .mx-xs-n13 {
    margin-left: calc(-6.5 * var(--root-unit)) !important;
  }
  .m-xs-n14 {
    margin: calc(-7 * var(--root-unit)) !important;
  }
  .mt-xs-n14,
  .my-xs-n14 {
    margin-top: calc(-7 * var(--root-unit)) !important;
  }
  .me-xs-n14,
  .mr-xs-n14,
  .mx-xs-n14 {
    margin-right: calc(-7 * var(--root-unit)) !important;
  }
  .mb-xs-n14,
  .my-xs-n14 {
    margin-bottom: calc(-7 * var(--root-unit)) !important;
  }
  .ms-xs-n14,
  .ml-xs-n14,
  .mx-xs-n14 {
    margin-left: calc(-7 * var(--root-unit)) !important;
  }
  .m-xs-n15 {
    margin: calc(-8 * var(--root-unit)) !important;
  }
  .mt-xs-n15,
  .my-xs-n15 {
    margin-top: calc(-8 * var(--root-unit)) !important;
  }
  .me-xs-n15,
  .mr-xs-n15,
  .mx-xs-n15 {
    margin-right: calc(-8 * var(--root-unit)) !important;
  }
  .mb-xs-n15,
  .my-xs-n15 {
    margin-bottom: calc(-8 * var(--root-unit)) !important;
  }
  .ms-xs-n15,
  .ml-xs-n15,
  .mx-xs-n15 {
    margin-left: calc(-8 * var(--root-unit)) !important;
  }
  .m-xs-n16 {
    margin: calc(-8.5 * var(--root-unit)) !important;
  }
  .mt-xs-n16,
  .my-xs-n16 {
    margin-top: calc(-8.5 * var(--root-unit)) !important;
  }
  .me-xs-n16,
  .mr-xs-n16,
  .mx-xs-n16 {
    margin-right: calc(-8.5 * var(--root-unit)) !important;
  }
  .mb-xs-n16,
  .my-xs-n16 {
    margin-bottom: calc(-8.5 * var(--root-unit)) !important;
  }
  .ms-xs-n16,
  .ml-xs-n16,
  .mx-xs-n16 {
    margin-left: calc(-8.5 * var(--root-unit)) !important;
  }
  .m-xs-n17 {
    margin: calc(-9 * var(--root-unit)) !important;
  }
  .mt-xs-n17,
  .my-xs-n17 {
    margin-top: calc(-9 * var(--root-unit)) !important;
  }
  .me-xs-n17,
  .mr-xs-n17,
  .mx-xs-n17 {
    margin-right: calc(-9 * var(--root-unit)) !important;
  }
  .mb-xs-n17,
  .my-xs-n17 {
    margin-bottom: calc(-9 * var(--root-unit)) !important;
  }
  .ms-xs-n17,
  .ml-xs-n17,
  .mx-xs-n17 {
    margin-left: calc(-9 * var(--root-unit)) !important;
  }
  .m-xs-n18 {
    margin: calc(-9.5 * var(--root-unit)) !important;
  }
  .mt-xs-n18,
  .my-xs-n18 {
    margin-top: calc(-9.5 * var(--root-unit)) !important;
  }
  .me-xs-n18,
  .mr-xs-n18,
  .mx-xs-n18 {
    margin-right: calc(-9.5 * var(--root-unit)) !important;
  }
  .mb-xs-n18,
  .my-xs-n18 {
    margin-bottom: calc(-9.5 * var(--root-unit)) !important;
  }
  .ms-xs-n18,
  .ml-xs-n18,
  .mx-xs-n18 {
    margin-left: calc(-9.5 * var(--root-unit)) !important;
  }
  .m-xs-n19 {
    margin: calc(-10 * var(--root-unit)) !important;
  }
  .mt-xs-n19,
  .my-xs-n19 {
    margin-top: calc(-10 * var(--root-unit)) !important;
  }
  .me-xs-n19,
  .mr-xs-n19,
  .mx-xs-n19 {
    margin-right: calc(-10 * var(--root-unit)) !important;
  }
  .mb-xs-n19,
  .my-xs-n19 {
    margin-bottom: calc(-10 * var(--root-unit)) !important;
  }
  .ms-xs-n19,
  .ml-xs-n19,
  .mx-xs-n19 {
    margin-left: calc(-10 * var(--root-unit)) !important;
  }
  .m-xs-n20 {
    margin: calc(-10.5 * var(--root-unit)) !important;
  }
  .mt-xs-n20,
  .my-xs-n20 {
    margin-top: calc(-10.5 * var(--root-unit)) !important;
  }
  .me-xs-n20,
  .mr-xs-n20,
  .mx-xs-n20 {
    margin-right: calc(-10.5 * var(--root-unit)) !important;
  }
  .mb-xs-n20,
  .my-xs-n20 {
    margin-bottom: calc(-10.5 * var(--root-unit)) !important;
  }
  .ms-xs-n20,
  .ml-xs-n20,
  .mx-xs-n20 {
    margin-left: calc(-10.5 * var(--root-unit)) !important;
  }
  .m-xs-0 {
    margin: 0 !important;
  }
  .mt-xs-0,
  .my-xs-0 {
    margin-top: 0 !important;
  }
  .me-xs-0,
  .mr-xs-0,
  .mx-xs-0 {
    margin-right: 0 !important;
  }
  .mb-xs-0,
  .my-xs-0 {
    margin-bottom: 0 !important;
  }
  .ms-xs-0,
  .ml-xs-0,
  .mx-xs-0 {
    margin-left: 0 !important;
  }
  .m-xs-1 {
    margin: calc(0.25 * var(--root-unit)) !important;
  }
  .mt-xs-1,
  .my-xs-1 {
    margin-top: calc(0.25 * var(--root-unit)) !important;
  }
  .me-xs-1,
  .mr-xs-1,
  .mx-xs-1 {
    margin-right: calc(0.25 * var(--root-unit)) !important;
  }
  .mb-xs-1,
  .my-xs-1 {
    margin-bottom: calc(0.25 * var(--root-unit)) !important;
  }
  .ms-xs-1,
  .ml-xs-1,
  .mx-xs-1 {
    margin-left: calc(0.25 * var(--root-unit)) !important;
  }
  .m-xs-2 {
    margin: calc(0.5 * var(--root-unit)) !important;
  }
  .mt-xs-2,
  .my-xs-2 {
    margin-top: calc(0.5 * var(--root-unit)) !important;
  }
  .me-xs-2,
  .mr-xs-2,
  .mx-xs-2 {
    margin-right: calc(0.5 * var(--root-unit)) !important;
  }
  .mb-xs-2,
  .my-xs-2 {
    margin-bottom: calc(0.5 * var(--root-unit)) !important;
  }
  .ms-xs-2,
  .ml-xs-2,
  .mx-xs-2 {
    margin-left: calc(0.5 * var(--root-unit)) !important;
  }
  .m-xs-3 {
    margin: calc(1 * var(--root-unit)) !important;
  }
  .mt-xs-3,
  .my-xs-3 {
    margin-top: calc(1 * var(--root-unit)) !important;
  }
  .me-xs-3,
  .mr-xs-3,
  .mx-xs-3 {
    margin-right: calc(1 * var(--root-unit)) !important;
  }
  .mb-xs-3,
  .my-xs-3 {
    margin-bottom: calc(1 * var(--root-unit)) !important;
  }
  .ms-xs-3,
  .ml-xs-3,
  .mx-xs-3 {
    margin-left: calc(1 * var(--root-unit)) !important;
  }
  .m-xs-4 {
    margin: calc(1.5 * var(--root-unit)) !important;
  }
  .mt-xs-4,
  .my-xs-4 {
    margin-top: calc(1.5 * var(--root-unit)) !important;
  }
  .me-xs-4,
  .mr-xs-4,
  .mx-xs-4 {
    margin-right: calc(1.5 * var(--root-unit)) !important;
  }
  .mb-xs-4,
  .my-xs-4 {
    margin-bottom: calc(1.5 * var(--root-unit)) !important;
  }
  .ms-xs-4,
  .ml-xs-4,
  .mx-xs-4 {
    margin-left: calc(1.5 * var(--root-unit)) !important;
  }
  .m-xs-4plus {
    margin: calc(2 * var(--root-unit)) !important;
  }
  .mt-xs-4plus,
  .my-xs-4plus {
    margin-top: calc(2 * var(--root-unit)) !important;
  }
  .me-xs-4plus,
  .mr-xs-4plus,
  .mx-xs-4plus {
    margin-right: calc(2 * var(--root-unit)) !important;
  }
  .mb-xs-4plus,
  .my-xs-4plus {
    margin-bottom: calc(2 * var(--root-unit)) !important;
  }
  .ms-xs-4plus,
  .ml-xs-4plus,
  .mx-xs-4plus {
    margin-left: calc(2 * var(--root-unit)) !important;
  }
  .m-xs-5 {
    margin: calc(2.5 * var(--root-unit)) !important;
  }
  .mt-xs-5,
  .my-xs-5 {
    margin-top: calc(2.5 * var(--root-unit)) !important;
  }
  .me-xs-5,
  .mr-xs-5,
  .mx-xs-5 {
    margin-right: calc(2.5 * var(--root-unit)) !important;
  }
  .mb-xs-5,
  .my-xs-5 {
    margin-bottom: calc(2.5 * var(--root-unit)) !important;
  }
  .ms-xs-5,
  .ml-xs-5,
  .mx-xs-5 {
    margin-left: calc(2.5 * var(--root-unit)) !important;
  }
  .m-xs-6 {
    margin: calc(3 * var(--root-unit)) !important;
  }
  .mt-xs-6,
  .my-xs-6 {
    margin-top: calc(3 * var(--root-unit)) !important;
  }
  .me-xs-6,
  .mr-xs-6,
  .mx-xs-6 {
    margin-right: calc(3 * var(--root-unit)) !important;
  }
  .mb-xs-6,
  .my-xs-6 {
    margin-bottom: calc(3 * var(--root-unit)) !important;
  }
  .ms-xs-6,
  .ml-xs-6,
  .mx-xs-6 {
    margin-left: calc(3 * var(--root-unit)) !important;
  }
  .m-xs-7 {
    margin: calc(3.5 * var(--root-unit)) !important;
  }
  .mt-xs-7,
  .my-xs-7 {
    margin-top: calc(3.5 * var(--root-unit)) !important;
  }
  .me-xs-7,
  .mr-xs-7,
  .mx-xs-7 {
    margin-right: calc(3.5 * var(--root-unit)) !important;
  }
  .mb-xs-7,
  .my-xs-7 {
    margin-bottom: calc(3.5 * var(--root-unit)) !important;
  }
  .ms-xs-7,
  .ml-xs-7,
  .mx-xs-7 {
    margin-left: calc(3.5 * var(--root-unit)) !important;
  }
  .m-xs-8 {
    margin: calc(4 * var(--root-unit)) !important;
  }
  .mt-xs-8,
  .my-xs-8 {
    margin-top: calc(4 * var(--root-unit)) !important;
  }
  .me-xs-8,
  .mr-xs-8,
  .mx-xs-8 {
    margin-right: calc(4 * var(--root-unit)) !important;
  }
  .mb-xs-8,
  .my-xs-8 {
    margin-bottom: calc(4 * var(--root-unit)) !important;
  }
  .ms-xs-8,
  .ml-xs-8,
  .mx-xs-8 {
    margin-left: calc(4 * var(--root-unit)) !important;
  }
  .m-xs-9 {
    margin: calc(4.5 * var(--root-unit)) !important;
  }
  .mt-xs-9,
  .my-xs-9 {
    margin-top: calc(4.5 * var(--root-unit)) !important;
  }
  .me-xs-9,
  .mr-xs-9,
  .mx-xs-9 {
    margin-right: calc(4.5 * var(--root-unit)) !important;
  }
  .mb-xs-9,
  .my-xs-9 {
    margin-bottom: calc(4.5 * var(--root-unit)) !important;
  }
  .ms-xs-9,
  .ml-xs-9,
  .mx-xs-9 {
    margin-left: calc(4.5 * var(--root-unit)) !important;
  }
  .m-xs-10 {
    margin: calc(5 * var(--root-unit)) !important;
  }
  .mt-xs-10,
  .my-xs-10 {
    margin-top: calc(5 * var(--root-unit)) !important;
  }
  .me-xs-10,
  .mr-xs-10,
  .mx-xs-10 {
    margin-right: calc(5 * var(--root-unit)) !important;
  }
  .mb-xs-10,
  .my-xs-10 {
    margin-bottom: calc(5 * var(--root-unit)) !important;
  }
  .ms-xs-10,
  .ml-xs-10,
  .mx-xs-10 {
    margin-left: calc(5 * var(--root-unit)) !important;
  }
  .m-xs-11 {
    margin: calc(5.5 * var(--root-unit)) !important;
  }
  .mt-xs-11,
  .my-xs-11 {
    margin-top: calc(5.5 * var(--root-unit)) !important;
  }
  .me-xs-11,
  .mr-xs-11,
  .mx-xs-11 {
    margin-right: calc(5.5 * var(--root-unit)) !important;
  }
  .mb-xs-11,
  .my-xs-11 {
    margin-bottom: calc(5.5 * var(--root-unit)) !important;
  }
  .ms-xs-11,
  .ml-xs-11,
  .mx-xs-11 {
    margin-left: calc(5.5 * var(--root-unit)) !important;
  }
  .m-xs-12 {
    margin: calc(6 * var(--root-unit)) !important;
  }
  .mt-xs-12,
  .my-xs-12 {
    margin-top: calc(6 * var(--root-unit)) !important;
  }
  .me-xs-12,
  .mr-xs-12,
  .mx-xs-12 {
    margin-right: calc(6 * var(--root-unit)) !important;
  }
  .mb-xs-12,
  .my-xs-12 {
    margin-bottom: calc(6 * var(--root-unit)) !important;
  }
  .ms-xs-12,
  .ml-xs-12,
  .mx-xs-12 {
    margin-left: calc(6 * var(--root-unit)) !important;
  }
  .m-xs-13 {
    margin: calc(6.5 * var(--root-unit)) !important;
  }
  .mt-xs-13,
  .my-xs-13 {
    margin-top: calc(6.5 * var(--root-unit)) !important;
  }
  .me-xs-13,
  .mr-xs-13,
  .mx-xs-13 {
    margin-right: calc(6.5 * var(--root-unit)) !important;
  }
  .mb-xs-13,
  .my-xs-13 {
    margin-bottom: calc(6.5 * var(--root-unit)) !important;
  }
  .ms-xs-13,
  .ml-xs-13,
  .mx-xs-13 {
    margin-left: calc(6.5 * var(--root-unit)) !important;
  }
  .m-xs-14 {
    margin: calc(7 * var(--root-unit)) !important;
  }
  .mt-xs-14,
  .my-xs-14 {
    margin-top: calc(7 * var(--root-unit)) !important;
  }
  .me-xs-14,
  .mr-xs-14,
  .mx-xs-14 {
    margin-right: calc(7 * var(--root-unit)) !important;
  }
  .mb-xs-14,
  .my-xs-14 {
    margin-bottom: calc(7 * var(--root-unit)) !important;
  }
  .ms-xs-14,
  .ml-xs-14,
  .mx-xs-14 {
    margin-left: calc(7 * var(--root-unit)) !important;
  }
  .m-xs-15 {
    margin: calc(7.5 * var(--root-unit)) !important;
  }
  .mt-xs-15,
  .my-xs-15 {
    margin-top: calc(7.5 * var(--root-unit)) !important;
  }
  .me-xs-15,
  .mr-xs-15,
  .mx-xs-15 {
    margin-right: calc(7.5 * var(--root-unit)) !important;
  }
  .mb-xs-15,
  .my-xs-15 {
    margin-bottom: calc(7.5 * var(--root-unit)) !important;
  }
  .ms-xs-15,
  .ml-xs-15,
  .mx-xs-15 {
    margin-left: calc(7.5 * var(--root-unit)) !important;
  }
  .m-xs-16 {
    margin: calc(8 * var(--root-unit)) !important;
  }
  .mt-xs-16,
  .my-xs-16 {
    margin-top: calc(8 * var(--root-unit)) !important;
  }
  .me-xs-16,
  .mr-xs-16,
  .mx-xs-16 {
    margin-right: calc(8 * var(--root-unit)) !important;
  }
  .mb-xs-16,
  .my-xs-16 {
    margin-bottom: calc(8 * var(--root-unit)) !important;
  }
  .ms-xs-16,
  .ml-xs-16,
  .mx-xs-16 {
    margin-left: calc(8 * var(--root-unit)) !important;
  }
  .m-xs-17 {
    margin: calc(8.5 * var(--root-unit)) !important;
  }
  .mt-xs-17,
  .my-xs-17 {
    margin-top: calc(8.5 * var(--root-unit)) !important;
  }
  .me-xs-17,
  .mr-xs-17,
  .mx-xs-17 {
    margin-right: calc(8.5 * var(--root-unit)) !important;
  }
  .mb-xs-17,
  .my-xs-17 {
    margin-bottom: calc(8.5 * var(--root-unit)) !important;
  }
  .ms-xs-17,
  .ml-xs-17,
  .mx-xs-17 {
    margin-left: calc(8.5 * var(--root-unit)) !important;
  }
  .m-xs-18 {
    margin: calc(9 * var(--root-unit)) !important;
  }
  .mt-xs-18,
  .my-xs-18 {
    margin-top: calc(9 * var(--root-unit)) !important;
  }
  .me-xs-18,
  .mr-xs-18,
  .mx-xs-18 {
    margin-right: calc(9 * var(--root-unit)) !important;
  }
  .mb-xs-18,
  .my-xs-18 {
    margin-bottom: calc(9 * var(--root-unit)) !important;
  }
  .ms-xs-18,
  .ml-xs-18,
  .mx-xs-18 {
    margin-left: calc(9 * var(--root-unit)) !important;
  }
  .m-xs-19 {
    margin: calc(9.5 * var(--root-unit)) !important;
  }
  .mt-xs-19,
  .my-xs-19 {
    margin-top: calc(9.5 * var(--root-unit)) !important;
  }
  .me-xs-19,
  .mr-xs-19,
  .mx-xs-19 {
    margin-right: calc(9.5 * var(--root-unit)) !important;
  }
  .mb-xs-19,
  .my-xs-19 {
    margin-bottom: calc(9.5 * var(--root-unit)) !important;
  }
  .ms-xs-19,
  .ml-xs-19,
  .mx-xs-19 {
    margin-left: calc(9.5 * var(--root-unit)) !important;
  }
  .m-xs-20 {
    margin: calc(10 * var(--root-unit)) !important;
  }
  .mt-xs-20,
  .my-xs-20 {
    margin-top: calc(10 * var(--root-unit)) !important;
  }
  .me-xs-20,
  .mr-xs-20,
  .mx-xs-20 {
    margin-right: calc(10 * var(--root-unit)) !important;
  }
  .mb-xs-20,
  .my-xs-20 {
    margin-bottom: calc(10 * var(--root-unit)) !important;
  }
  .ms-xs-20,
  .ml-xs-20,
  .mx-xs-20 {
    margin-left: calc(10 * var(--root-unit)) !important;
  }
  .p-xs-0 {
    padding: 0 !important;
  }
  .pt-xs-0,
  .py-xs-0 {
    padding-top: 0 !important;
  }
  .pe-xs-0,
  .pr-xs-0,
  .px-xs-0 {
    padding-right: 0 !important;
  }
  .pb-xs-0,
  .py-xs-0 {
    padding-bottom: 0 !important;
  }
  .ps-xs-0,
  .pl-xs-0,
  .px-xs-0 {
    padding-left: 0 !important;
  }
  .p-xs-1 {
    padding: calc(0.25 * var(--root-unit)) !important;
  }
  .pt-xs-1,
  .py-xs-1 {
    padding-top: calc(0.25 * var(--root-unit)) !important;
  }
  .pe-xs-1,
  .pr-xs-1,
  .px-xs-1 {
    padding-right: calc(0.25 * var(--root-unit)) !important;
  }
  .pb-xs-1,
  .py-xs-1 {
    padding-bottom: calc(0.25 * var(--root-unit)) !important;
  }
  .ps-xs-1,
  .pl-xs-1,
  .px-xs-1 {
    padding-left: calc(0.25 * var(--root-unit)) !important;
  }
  .p-xs-2 {
    padding: calc(0.5 * var(--root-unit)) !important;
  }
  .pt-xs-2,
  .py-xs-2 {
    padding-top: calc(0.5 * var(--root-unit)) !important;
  }
  .pe-xs-2,
  .pr-xs-2,
  .px-xs-2 {
    padding-right: calc(0.5 * var(--root-unit)) !important;
  }
  .pb-xs-2,
  .py-xs-2 {
    padding-bottom: calc(0.5 * var(--root-unit)) !important;
  }
  .ps-xs-2,
  .pl-xs-2,
  .px-xs-2 {
    padding-left: calc(0.5 * var(--root-unit)) !important;
  }
  .p-xs-3 {
    padding: calc(1 * var(--root-unit)) !important;
  }
  .pt-xs-3,
  .py-xs-3 {
    padding-top: calc(1 * var(--root-unit)) !important;
  }
  .pe-xs-3,
  .pr-xs-3,
  .px-xs-3 {
    padding-right: calc(1 * var(--root-unit)) !important;
  }
  .pb-xs-3,
  .py-xs-3 {
    padding-bottom: calc(1 * var(--root-unit)) !important;
  }
  .ps-xs-3,
  .pl-xs-3,
  .px-xs-3 {
    padding-left: calc(1 * var(--root-unit)) !important;
  }
  .p-xs-4 {
    padding: calc(1.5 * var(--root-unit)) !important;
  }
  .pt-xs-4,
  .py-xs-4 {
    padding-top: calc(1.5 * var(--root-unit)) !important;
  }
  .pe-xs-4,
  .pr-xs-4,
  .px-xs-4 {
    padding-right: calc(1.5 * var(--root-unit)) !important;
  }
  .pb-xs-4,
  .py-xs-4 {
    padding-bottom: calc(1.5 * var(--root-unit)) !important;
  }
  .ps-xs-4,
  .pl-xs-4,
  .px-xs-4 {
    padding-left: calc(1.5 * var(--root-unit)) !important;
  }
  .p-xs-4plus {
    padding: calc(2 * var(--root-unit)) !important;
  }
  .pt-xs-4plus,
  .py-xs-4plus {
    padding-top: calc(2 * var(--root-unit)) !important;
  }
  .pe-xs-4plus,
  .pr-xs-4plus,
  .px-xs-4plus {
    padding-right: calc(2 * var(--root-unit)) !important;
  }
  .pb-xs-4plus,
  .py-xs-4plus {
    padding-bottom: calc(2 * var(--root-unit)) !important;
  }
  .ps-xs-4plus,
  .pl-xs-4plus,
  .px-xs-4plus {
    padding-left: calc(2 * var(--root-unit)) !important;
  }
  .p-xs-5 {
    padding: calc(2.5 * var(--root-unit)) !important;
  }
  .pt-xs-5,
  .py-xs-5 {
    padding-top: calc(2.5 * var(--root-unit)) !important;
  }
  .pe-xs-5,
  .pr-xs-5,
  .px-xs-5 {
    padding-right: calc(2.5 * var(--root-unit)) !important;
  }
  .pb-xs-5,
  .py-xs-5 {
    padding-bottom: calc(2.5 * var(--root-unit)) !important;
  }
  .ps-xs-5,
  .pl-xs-5,
  .px-xs-5 {
    padding-left: calc(2.5 * var(--root-unit)) !important;
  }
  .p-xs-6 {
    padding: calc(3 * var(--root-unit)) !important;
  }
  .pt-xs-6,
  .py-xs-6 {
    padding-top: calc(3 * var(--root-unit)) !important;
  }
  .pe-xs-6,
  .pr-xs-6,
  .px-xs-6 {
    padding-right: calc(3 * var(--root-unit)) !important;
  }
  .pb-xs-6,
  .py-xs-6 {
    padding-bottom: calc(3 * var(--root-unit)) !important;
  }
  .ps-xs-6,
  .pl-xs-6,
  .px-xs-6 {
    padding-left: calc(3 * var(--root-unit)) !important;
  }
  .p-xs-7 {
    padding: calc(3.5 * var(--root-unit)) !important;
  }
  .pt-xs-7,
  .py-xs-7 {
    padding-top: calc(3.5 * var(--root-unit)) !important;
  }
  .pe-xs-7,
  .pr-xs-7,
  .px-xs-7 {
    padding-right: calc(3.5 * var(--root-unit)) !important;
  }
  .pb-xs-7,
  .py-xs-7 {
    padding-bottom: calc(3.5 * var(--root-unit)) !important;
  }
  .ps-xs-7,
  .pl-xs-7,
  .px-xs-7 {
    padding-left: calc(3.5 * var(--root-unit)) !important;
  }
  .p-xs-8 {
    padding: calc(4 * var(--root-unit)) !important;
  }
  .pt-xs-8,
  .py-xs-8 {
    padding-top: calc(4 * var(--root-unit)) !important;
  }
  .pe-xs-8,
  .pr-xs-8,
  .px-xs-8 {
    padding-right: calc(4 * var(--root-unit)) !important;
  }
  .pb-xs-8,
  .py-xs-8 {
    padding-bottom: calc(4 * var(--root-unit)) !important;
  }
  .ps-xs-8,
  .pl-xs-8,
  .px-xs-8 {
    padding-left: calc(4 * var(--root-unit)) !important;
  }
  .p-xs-9 {
    padding: calc(4.5 * var(--root-unit)) !important;
  }
  .pt-xs-9,
  .py-xs-9 {
    padding-top: calc(4.5 * var(--root-unit)) !important;
  }
  .pe-xs-9,
  .pr-xs-9,
  .px-xs-9 {
    padding-right: calc(4.5 * var(--root-unit)) !important;
  }
  .pb-xs-9,
  .py-xs-9 {
    padding-bottom: calc(4.5 * var(--root-unit)) !important;
  }
  .ps-xs-9,
  .pl-xs-9,
  .px-xs-9 {
    padding-left: calc(4.5 * var(--root-unit)) !important;
  }
  .p-xs-10 {
    padding: calc(5 * var(--root-unit)) !important;
  }
  .pt-xs-10,
  .py-xs-10 {
    padding-top: calc(5 * var(--root-unit)) !important;
  }
  .pe-xs-10,
  .pr-xs-10,
  .px-xs-10 {
    padding-right: calc(5 * var(--root-unit)) !important;
  }
  .pb-xs-10,
  .py-xs-10 {
    padding-bottom: calc(5 * var(--root-unit)) !important;
  }
  .ps-xs-10,
  .pl-xs-10,
  .px-xs-10 {
    padding-left: calc(5 * var(--root-unit)) !important;
  }
  .p-xs-11 {
    padding: calc(5.5 * var(--root-unit)) !important;
  }
  .pt-xs-11,
  .py-xs-11 {
    padding-top: calc(5.5 * var(--root-unit)) !important;
  }
  .pe-xs-11,
  .pr-xs-11,
  .px-xs-11 {
    padding-right: calc(5.5 * var(--root-unit)) !important;
  }
  .pb-xs-11,
  .py-xs-11 {
    padding-bottom: calc(5.5 * var(--root-unit)) !important;
  }
  .ps-xs-11,
  .pl-xs-11,
  .px-xs-11 {
    padding-left: calc(5.5 * var(--root-unit)) !important;
  }
  .p-xs-12 {
    padding: calc(6 * var(--root-unit)) !important;
  }
  .pt-xs-12,
  .py-xs-12 {
    padding-top: calc(6 * var(--root-unit)) !important;
  }
  .pe-xs-12,
  .pr-xs-12,
  .px-xs-12 {
    padding-right: calc(6 * var(--root-unit)) !important;
  }
  .pb-xs-12,
  .py-xs-12 {
    padding-bottom: calc(6 * var(--root-unit)) !important;
  }
  .ps-xs-12,
  .pl-xs-12,
  .px-xs-12 {
    padding-left: calc(6 * var(--root-unit)) !important;
  }
  .p-xs-13 {
    padding: calc(6.5 * var(--root-unit)) !important;
  }
  .pt-xs-13,
  .py-xs-13 {
    padding-top: calc(6.5 * var(--root-unit)) !important;
  }
  .pe-xs-13,
  .pr-xs-13,
  .px-xs-13 {
    padding-right: calc(6.5 * var(--root-unit)) !important;
  }
  .pb-xs-13,
  .py-xs-13 {
    padding-bottom: calc(6.5 * var(--root-unit)) !important;
  }
  .ps-xs-13,
  .pl-xs-13,
  .px-xs-13 {
    padding-left: calc(6.5 * var(--root-unit)) !important;
  }
  .p-xs-14 {
    padding: calc(7 * var(--root-unit)) !important;
  }
  .pt-xs-14,
  .py-xs-14 {
    padding-top: calc(7 * var(--root-unit)) !important;
  }
  .pe-xs-14,
  .pr-xs-14,
  .px-xs-14 {
    padding-right: calc(7 * var(--root-unit)) !important;
  }
  .pb-xs-14,
  .py-xs-14 {
    padding-bottom: calc(7 * var(--root-unit)) !important;
  }
  .ps-xs-14,
  .pl-xs-14,
  .px-xs-14 {
    padding-left: calc(7 * var(--root-unit)) !important;
  }
  .p-xs-15 {
    padding: calc(7.5 * var(--root-unit)) !important;
  }
  .pt-xs-15,
  .py-xs-15 {
    padding-top: calc(7.5 * var(--root-unit)) !important;
  }
  .pe-xs-15,
  .pr-xs-15,
  .px-xs-15 {
    padding-right: calc(7.5 * var(--root-unit)) !important;
  }
  .pb-xs-15,
  .py-xs-15 {
    padding-bottom: calc(7.5 * var(--root-unit)) !important;
  }
  .ps-xs-15,
  .pl-xs-15,
  .px-xs-15 {
    padding-left: calc(7.5 * var(--root-unit)) !important;
  }
  .p-xs-16 {
    padding: calc(8 * var(--root-unit)) !important;
  }
  .pt-xs-16,
  .py-xs-16 {
    padding-top: calc(8 * var(--root-unit)) !important;
  }
  .pe-xs-16,
  .pr-xs-16,
  .px-xs-16 {
    padding-right: calc(8 * var(--root-unit)) !important;
  }
  .pb-xs-16,
  .py-xs-16 {
    padding-bottom: calc(8 * var(--root-unit)) !important;
  }
  .ps-xs-16,
  .pl-xs-16,
  .px-xs-16 {
    padding-left: calc(8 * var(--root-unit)) !important;
  }
  .p-xs-17 {
    padding: calc(8.5 * var(--root-unit)) !important;
  }
  .pt-xs-17,
  .py-xs-17 {
    padding-top: calc(8.5 * var(--root-unit)) !important;
  }
  .pe-xs-17,
  .pr-xs-17,
  .px-xs-17 {
    padding-right: calc(8.5 * var(--root-unit)) !important;
  }
  .pb-xs-17,
  .py-xs-17 {
    padding-bottom: calc(8.5 * var(--root-unit)) !important;
  }
  .ps-xs-17,
  .pl-xs-17,
  .px-xs-17 {
    padding-left: calc(8.5 * var(--root-unit)) !important;
  }
  .p-xs-18 {
    padding: calc(9 * var(--root-unit)) !important;
  }
  .pt-xs-18,
  .py-xs-18 {
    padding-top: calc(9 * var(--root-unit)) !important;
  }
  .pe-xs-18,
  .pr-xs-18,
  .px-xs-18 {
    padding-right: calc(9 * var(--root-unit)) !important;
  }
  .pb-xs-18,
  .py-xs-18 {
    padding-bottom: calc(9 * var(--root-unit)) !important;
  }
  .ps-xs-18,
  .pl-xs-18,
  .px-xs-18 {
    padding-left: calc(9 * var(--root-unit)) !important;
  }
  .p-xs-19 {
    padding: calc(9.5 * var(--root-unit)) !important;
  }
  .pt-xs-19,
  .py-xs-19 {
    padding-top: calc(9.5 * var(--root-unit)) !important;
  }
  .pe-xs-19,
  .pr-xs-19,
  .px-xs-19 {
    padding-right: calc(9.5 * var(--root-unit)) !important;
  }
  .pb-xs-19,
  .py-xs-19 {
    padding-bottom: calc(9.5 * var(--root-unit)) !important;
  }
  .ps-xs-19,
  .pl-xs-19,
  .px-xs-19 {
    padding-left: calc(9.5 * var(--root-unit)) !important;
  }
  .p-xs-20 {
    padding: calc(10 * var(--root-unit)) !important;
  }
  .pt-xs-20,
  .py-xs-20 {
    padding-top: calc(10 * var(--root-unit)) !important;
  }
  .pe-xs-20,
  .pr-xs-20,
  .px-xs-20 {
    padding-right: calc(10 * var(--root-unit)) !important;
  }
  .pb-xs-20,
  .py-xs-20 {
    padding-bottom: calc(10 * var(--root-unit)) !important;
  }
  .ps-xs-20,
  .pl-xs-20,
  .px-xs-20 {
    padding-left: calc(10 * var(--root-unit)) !important;
  }
  .m-xs-n1 {
    margin: calc(-0.25 * var(--root-unit)) !important;
  }
  .mt-xs-n1,
  .my-xs-n1 {
    margin-top: calc(-0.25 * var(--root-unit)) !important;
  }
  .me-xs-n1,
  .mr-xs-n1,
  .mx-xs-n1 {
    margin-right: calc(-0.25 * var(--root-unit)) !important;
  }
  .mb-xs-n1,
  .my-xs-n1 {
    margin-bottom: calc(-0.25 * var(--root-unit)) !important;
  }
  .ms-xs-n1,
  .ml-xs-n1,
  .mx-xs-n1 {
    margin-left: calc(-0.25 * var(--root-unit)) !important;
  }
  .m-xs-n2 {
    margin: calc(-0.5 * var(--root-unit)) !important;
  }
  .mt-xs-n2,
  .my-xs-n2 {
    margin-top: calc(-0.5 * var(--root-unit)) !important;
  }
  .me-xs-n2,
  .mr-xs-n2,
  .mx-xs-n2 {
    margin-right: calc(-0.5 * var(--root-unit)) !important;
  }
  .mb-xs-n2,
  .my-xs-n2 {
    margin-bottom: calc(-0.5 * var(--root-unit)) !important;
  }
  .ms-xs-n2,
  .ml-xs-n2,
  .mx-xs-n2 {
    margin-left: calc(-0.5 * var(--root-unit)) !important;
  }
  .m-xs-n3 {
    margin: calc(-1 * var(--root-unit)) !important;
  }
  .mt-xs-n3,
  .my-xs-n3 {
    margin-top: calc(-1 * var(--root-unit)) !important;
  }
  .me-xs-n3,
  .mr-xs-n3,
  .mx-xs-n3 {
    margin-right: calc(-1 * var(--root-unit)) !important;
  }
  .mb-xs-n3,
  .my-xs-n3 {
    margin-bottom: calc(-1 * var(--root-unit)) !important;
  }
  .ms-xs-n3,
  .ml-xs-n3,
  .mx-xs-n3 {
    margin-left: calc(-1 * var(--root-unit)) !important;
  }
  .m-xs-n4 {
    margin: calc(-1.5 * var(--root-unit)) !important;
  }
  .mt-xs-n4,
  .my-xs-n4 {
    margin-top: calc(-1.5 * var(--root-unit)) !important;
  }
  .me-xs-n4,
  .mr-xs-n4,
  .mx-xs-n4 {
    margin-right: calc(-1.5 * var(--root-unit)) !important;
  }
  .mb-xs-n4,
  .my-xs-n4 {
    margin-bottom: calc(-1.5 * var(--root-unit)) !important;
  }
  .ms-xs-n4,
  .ml-xs-n4,
  .mx-xs-n4 {
    margin-left: calc(-1.5 * var(--root-unit)) !important;
  }
  .m-xs-n4plus {
    margin: calc(-2 * var(--root-unit)) !important;
  }
  .mt-xs-n4plus,
  .my-xs-n4plus {
    margin-top: calc(-2 * var(--root-unit)) !important;
  }
  .me-xs-n4plus,
  .mr-xs-n4plus,
  .mx-xs-n4plus {
    margin-right: calc(-2 * var(--root-unit)) !important;
  }
  .mb-xs-n4plus,
  .my-xs-n4plus {
    margin-bottom: calc(-2 * var(--root-unit)) !important;
  }
  .ms-xs-n4plus,
  .ml-xs-n4plus,
  .mx-xs-n4plus {
    margin-left: calc(-2 * var(--root-unit)) !important;
  }
  .m-xs-n5 {
    margin: calc(-3 * var(--root-unit)) !important;
  }
  .mt-xs-n5,
  .my-xs-n5 {
    margin-top: calc(-3 * var(--root-unit)) !important;
  }
  .me-xs-n5,
  .mr-xs-n5,
  .mx-xs-n5 {
    margin-right: calc(-3 * var(--root-unit)) !important;
  }
  .mb-xs-n5,
  .my-xs-n5 {
    margin-bottom: calc(-3 * var(--root-unit)) !important;
  }
  .ms-xs-n5,
  .ml-xs-n5,
  .mx-xs-n5 {
    margin-left: calc(-3 * var(--root-unit)) !important;
  }
  .m-xs-n6 {
    margin: calc(-3.5 * var(--root-unit)) !important;
  }
  .mt-xs-n6,
  .my-xs-n6 {
    margin-top: calc(-3.5 * var(--root-unit)) !important;
  }
  .me-xs-n6,
  .mr-xs-n6,
  .mx-xs-n6 {
    margin-right: calc(-3.5 * var(--root-unit)) !important;
  }
  .mb-xs-n6,
  .my-xs-n6 {
    margin-bottom: calc(-3.5 * var(--root-unit)) !important;
  }
  .ms-xs-n6,
  .ml-xs-n6,
  .mx-xs-n6 {
    margin-left: calc(-3.5 * var(--root-unit)) !important;
  }
  .m-xs-n7 {
    margin: calc(-4 * var(--root-unit)) !important;
  }
  .mt-xs-n7,
  .my-xs-n7 {
    margin-top: calc(-4 * var(--root-unit)) !important;
  }
  .me-xs-n7,
  .mr-xs-n7,
  .mx-xs-n7 {
    margin-right: calc(-4 * var(--root-unit)) !important;
  }
  .mb-xs-n7,
  .my-xs-n7 {
    margin-bottom: calc(-4 * var(--root-unit)) !important;
  }
  .ms-xs-n7,
  .ml-xs-n7,
  .mx-xs-n7 {
    margin-left: calc(-4 * var(--root-unit)) !important;
  }
  .m-xs-n8 {
    margin: calc(-4.5 * var(--root-unit)) !important;
  }
  .mt-xs-n8,
  .my-xs-n8 {
    margin-top: calc(-4.5 * var(--root-unit)) !important;
  }
  .me-xs-n8,
  .mr-xs-n8,
  .mx-xs-n8 {
    margin-right: calc(-4.5 * var(--root-unit)) !important;
  }
  .mb-xs-n8,
  .my-xs-n8 {
    margin-bottom: calc(-4.5 * var(--root-unit)) !important;
  }
  .ms-xs-n8,
  .ml-xs-n8,
  .mx-xs-n8 {
    margin-left: calc(-4.5 * var(--root-unit)) !important;
  }
  .m-xs-n9 {
    margin: calc(-5 * var(--root-unit)) !important;
  }
  .mt-xs-n9,
  .my-xs-n9 {
    margin-top: calc(-5 * var(--root-unit)) !important;
  }
  .me-xs-n9,
  .mr-xs-n9,
  .mx-xs-n9 {
    margin-right: calc(-5 * var(--root-unit)) !important;
  }
  .mb-xs-n9,
  .my-xs-n9 {
    margin-bottom: calc(-5 * var(--root-unit)) !important;
  }
  .ms-xs-n9,
  .ml-xs-n9,
  .mx-xs-n9 {
    margin-left: calc(-5 * var(--root-unit)) !important;
  }
  .m-xs-n10 {
    margin: calc(-6 * var(--root-unit)) !important;
  }
  .mt-xs-n10,
  .my-xs-n10 {
    margin-top: calc(-6 * var(--root-unit)) !important;
  }
  .me-xs-n10,
  .mr-xs-n10,
  .mx-xs-n10 {
    margin-right: calc(-6 * var(--root-unit)) !important;
  }
  .mb-xs-n10,
  .my-xs-n10 {
    margin-bottom: calc(-6 * var(--root-unit)) !important;
  }
  .ms-xs-n10,
  .ml-xs-n10,
  .mx-xs-n10 {
    margin-left: calc(-6 * var(--root-unit)) !important;
  }
  .m-xs-auto {
    margin: auto !important;
  }
  .mt-xs-auto,
  .my-xs-auto {
    margin-top: auto !important;
  }
  .me-xs-auto,
  .mr-xs-auto,
  .mx-xs-auto {
    margin-right: auto !important;
  }
  .mb-xs-auto,
  .my-xs-auto {
    margin-bottom: auto !important;
  }
  .ms-xs-auto,
  .ml-xs-auto,
  .mx-xs-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 576px) {
  .m-sm-n1 {
    margin: calc(-0.25 * var(--root-unit)) !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: calc(-0.25 * var(--root-unit)) !important;
  }
  .me-sm-n1,
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: calc(-0.25 * var(--root-unit)) !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: calc(-0.25 * var(--root-unit)) !important;
  }
  .ms-sm-n1,
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: calc(-0.25 * var(--root-unit)) !important;
  }
  .m-sm-n2 {
    margin: calc(-0.5 * var(--root-unit)) !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: calc(-0.5 * var(--root-unit)) !important;
  }
  .me-sm-n2,
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: calc(-0.5 * var(--root-unit)) !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: calc(-0.5 * var(--root-unit)) !important;
  }
  .ms-sm-n2,
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: calc(-0.5 * var(--root-unit)) !important;
  }
  .m-sm-n3 {
    margin: calc(-1 * var(--root-unit)) !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: calc(-1 * var(--root-unit)) !important;
  }
  .me-sm-n3,
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: calc(-1 * var(--root-unit)) !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: calc(-1 * var(--root-unit)) !important;
  }
  .ms-sm-n3,
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: calc(-1 * var(--root-unit)) !important;
  }
  .m-sm-n4 {
    margin: calc(-1.5 * var(--root-unit)) !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: calc(-1.5 * var(--root-unit)) !important;
  }
  .me-sm-n4,
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: calc(-1.5 * var(--root-unit)) !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: calc(-1.5 * var(--root-unit)) !important;
  }
  .ms-sm-n4,
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: calc(-1.5 * var(--root-unit)) !important;
  }
  .m-sm-n4plus {
    margin: calc(-2 * var(--root-unit)) !important;
  }
  .mt-sm-n4plus,
  .my-sm-n4plus {
    margin-top: calc(-2 * var(--root-unit)) !important;
  }
  .me-sm-n4plus,
  .mr-sm-n4plus,
  .mx-sm-n4plus {
    margin-right: calc(-2 * var(--root-unit)) !important;
  }
  .mb-sm-n4plus,
  .my-sm-n4plus {
    margin-bottom: calc(-2 * var(--root-unit)) !important;
  }
  .ms-sm-n4plus,
  .ml-sm-n4plus,
  .mx-sm-n4plus {
    margin-left: calc(-2 * var(--root-unit)) !important;
  }
  .m-sm-n5 {
    margin: calc(-2.5 * var(--root-unit)) !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: calc(-2.5 * var(--root-unit)) !important;
  }
  .me-sm-n5,
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: calc(-2.5 * var(--root-unit)) !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: calc(-2.5 * var(--root-unit)) !important;
  }
  .ms-sm-n5,
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: calc(-2.5 * var(--root-unit)) !important;
  }
  .m-sm-n6 {
    margin: calc(-3 * var(--root-unit)) !important;
  }
  .mt-sm-n6,
  .my-sm-n6 {
    margin-top: calc(-3 * var(--root-unit)) !important;
  }
  .me-sm-n6,
  .mr-sm-n6,
  .mx-sm-n6 {
    margin-right: calc(-3 * var(--root-unit)) !important;
  }
  .mb-sm-n6,
  .my-sm-n6 {
    margin-bottom: calc(-3 * var(--root-unit)) !important;
  }
  .ms-sm-n6,
  .ml-sm-n6,
  .mx-sm-n6 {
    margin-left: calc(-3 * var(--root-unit)) !important;
  }
  .m-sm-n7 {
    margin: calc(-3.5 * var(--root-unit)) !important;
  }
  .mt-sm-n7,
  .my-sm-n7 {
    margin-top: calc(-3.5 * var(--root-unit)) !important;
  }
  .me-sm-n7,
  .mr-sm-n7,
  .mx-sm-n7 {
    margin-right: calc(-3.5 * var(--root-unit)) !important;
  }
  .mb-sm-n7,
  .my-sm-n7 {
    margin-bottom: calc(-3.5 * var(--root-unit)) !important;
  }
  .ms-sm-n7,
  .ml-sm-n7,
  .mx-sm-n7 {
    margin-left: calc(-3.5 * var(--root-unit)) !important;
  }
  .m-sm-n8 {
    margin: calc(-4 * var(--root-unit)) !important;
  }
  .mt-sm-n8,
  .my-sm-n8 {
    margin-top: calc(-4 * var(--root-unit)) !important;
  }
  .me-sm-n8,
  .mr-sm-n8,
  .mx-sm-n8 {
    margin-right: calc(-4 * var(--root-unit)) !important;
  }
  .mb-sm-n8,
  .my-sm-n8 {
    margin-bottom: calc(-4 * var(--root-unit)) !important;
  }
  .ms-sm-n8,
  .ml-sm-n8,
  .mx-sm-n8 {
    margin-left: calc(-4 * var(--root-unit)) !important;
  }
  .m-sm-n9 {
    margin: calc(-4.5 * var(--root-unit)) !important;
  }
  .mt-sm-n9,
  .my-sm-n9 {
    margin-top: calc(-4.5 * var(--root-unit)) !important;
  }
  .me-sm-n9,
  .mr-sm-n9,
  .mx-sm-n9 {
    margin-right: calc(-4.5 * var(--root-unit)) !important;
  }
  .mb-sm-n9,
  .my-sm-n9 {
    margin-bottom: calc(-4.5 * var(--root-unit)) !important;
  }
  .ms-sm-n9,
  .ml-sm-n9,
  .mx-sm-n9 {
    margin-left: calc(-4.5 * var(--root-unit)) !important;
  }
  .m-sm-n10 {
    margin: calc(-5 * var(--root-unit)) !important;
  }
  .mt-sm-n10,
  .my-sm-n10 {
    margin-top: calc(-5 * var(--root-unit)) !important;
  }
  .me-sm-n10,
  .mr-sm-n10,
  .mx-sm-n10 {
    margin-right: calc(-5 * var(--root-unit)) !important;
  }
  .mb-sm-n10,
  .my-sm-n10 {
    margin-bottom: calc(-5 * var(--root-unit)) !important;
  }
  .ms-sm-n10,
  .ml-sm-n10,
  .mx-sm-n10 {
    margin-left: calc(-5 * var(--root-unit)) !important;
  }
  .m-sm-n11 {
    margin: calc(-5.5 * var(--root-unit)) !important;
  }
  .mt-sm-n11,
  .my-sm-n11 {
    margin-top: calc(-5.5 * var(--root-unit)) !important;
  }
  .me-sm-n11,
  .mr-sm-n11,
  .mx-sm-n11 {
    margin-right: calc(-5.5 * var(--root-unit)) !important;
  }
  .mb-sm-n11,
  .my-sm-n11 {
    margin-bottom: calc(-5.5 * var(--root-unit)) !important;
  }
  .ms-sm-n11,
  .ml-sm-n11,
  .mx-sm-n11 {
    margin-left: calc(-5.5 * var(--root-unit)) !important;
  }
  .m-sm-n12 {
    margin: calc(-6 * var(--root-unit)) !important;
  }
  .mt-sm-n12,
  .my-sm-n12 {
    margin-top: calc(-6 * var(--root-unit)) !important;
  }
  .me-sm-n12,
  .mr-sm-n12,
  .mx-sm-n12 {
    margin-right: calc(-6 * var(--root-unit)) !important;
  }
  .mb-sm-n12,
  .my-sm-n12 {
    margin-bottom: calc(-6 * var(--root-unit)) !important;
  }
  .ms-sm-n12,
  .ml-sm-n12,
  .mx-sm-n12 {
    margin-left: calc(-6 * var(--root-unit)) !important;
  }
  .m-sm-n13 {
    margin: calc(-6.5 * var(--root-unit)) !important;
  }
  .mt-sm-n13,
  .my-sm-n13 {
    margin-top: calc(-6.5 * var(--root-unit)) !important;
  }
  .me-sm-n13,
  .mr-sm-n13,
  .mx-sm-n13 {
    margin-right: calc(-6.5 * var(--root-unit)) !important;
  }
  .mb-sm-n13,
  .my-sm-n13 {
    margin-bottom: calc(-6.5 * var(--root-unit)) !important;
  }
  .ms-sm-n13,
  .ml-sm-n13,
  .mx-sm-n13 {
    margin-left: calc(-6.5 * var(--root-unit)) !important;
  }
  .m-sm-n14 {
    margin: calc(-7 * var(--root-unit)) !important;
  }
  .mt-sm-n14,
  .my-sm-n14 {
    margin-top: calc(-7 * var(--root-unit)) !important;
  }
  .me-sm-n14,
  .mr-sm-n14,
  .mx-sm-n14 {
    margin-right: calc(-7 * var(--root-unit)) !important;
  }
  .mb-sm-n14,
  .my-sm-n14 {
    margin-bottom: calc(-7 * var(--root-unit)) !important;
  }
  .ms-sm-n14,
  .ml-sm-n14,
  .mx-sm-n14 {
    margin-left: calc(-7 * var(--root-unit)) !important;
  }
  .m-sm-n15 {
    margin: calc(-8 * var(--root-unit)) !important;
  }
  .mt-sm-n15,
  .my-sm-n15 {
    margin-top: calc(-8 * var(--root-unit)) !important;
  }
  .me-sm-n15,
  .mr-sm-n15,
  .mx-sm-n15 {
    margin-right: calc(-8 * var(--root-unit)) !important;
  }
  .mb-sm-n15,
  .my-sm-n15 {
    margin-bottom: calc(-8 * var(--root-unit)) !important;
  }
  .ms-sm-n15,
  .ml-sm-n15,
  .mx-sm-n15 {
    margin-left: calc(-8 * var(--root-unit)) !important;
  }
  .m-sm-n16 {
    margin: calc(-8.5 * var(--root-unit)) !important;
  }
  .mt-sm-n16,
  .my-sm-n16 {
    margin-top: calc(-8.5 * var(--root-unit)) !important;
  }
  .me-sm-n16,
  .mr-sm-n16,
  .mx-sm-n16 {
    margin-right: calc(-8.5 * var(--root-unit)) !important;
  }
  .mb-sm-n16,
  .my-sm-n16 {
    margin-bottom: calc(-8.5 * var(--root-unit)) !important;
  }
  .ms-sm-n16,
  .ml-sm-n16,
  .mx-sm-n16 {
    margin-left: calc(-8.5 * var(--root-unit)) !important;
  }
  .m-sm-n17 {
    margin: calc(-9 * var(--root-unit)) !important;
  }
  .mt-sm-n17,
  .my-sm-n17 {
    margin-top: calc(-9 * var(--root-unit)) !important;
  }
  .me-sm-n17,
  .mr-sm-n17,
  .mx-sm-n17 {
    margin-right: calc(-9 * var(--root-unit)) !important;
  }
  .mb-sm-n17,
  .my-sm-n17 {
    margin-bottom: calc(-9 * var(--root-unit)) !important;
  }
  .ms-sm-n17,
  .ml-sm-n17,
  .mx-sm-n17 {
    margin-left: calc(-9 * var(--root-unit)) !important;
  }
  .m-sm-n18 {
    margin: calc(-9.5 * var(--root-unit)) !important;
  }
  .mt-sm-n18,
  .my-sm-n18 {
    margin-top: calc(-9.5 * var(--root-unit)) !important;
  }
  .me-sm-n18,
  .mr-sm-n18,
  .mx-sm-n18 {
    margin-right: calc(-9.5 * var(--root-unit)) !important;
  }
  .mb-sm-n18,
  .my-sm-n18 {
    margin-bottom: calc(-9.5 * var(--root-unit)) !important;
  }
  .ms-sm-n18,
  .ml-sm-n18,
  .mx-sm-n18 {
    margin-left: calc(-9.5 * var(--root-unit)) !important;
  }
  .m-sm-n19 {
    margin: calc(-10 * var(--root-unit)) !important;
  }
  .mt-sm-n19,
  .my-sm-n19 {
    margin-top: calc(-10 * var(--root-unit)) !important;
  }
  .me-sm-n19,
  .mr-sm-n19,
  .mx-sm-n19 {
    margin-right: calc(-10 * var(--root-unit)) !important;
  }
  .mb-sm-n19,
  .my-sm-n19 {
    margin-bottom: calc(-10 * var(--root-unit)) !important;
  }
  .ms-sm-n19,
  .ml-sm-n19,
  .mx-sm-n19 {
    margin-left: calc(-10 * var(--root-unit)) !important;
  }
  .m-sm-n20 {
    margin: calc(-10.5 * var(--root-unit)) !important;
  }
  .mt-sm-n20,
  .my-sm-n20 {
    margin-top: calc(-10.5 * var(--root-unit)) !important;
  }
  .me-sm-n20,
  .mr-sm-n20,
  .mx-sm-n20 {
    margin-right: calc(-10.5 * var(--root-unit)) !important;
  }
  .mb-sm-n20,
  .my-sm-n20 {
    margin-bottom: calc(-10.5 * var(--root-unit)) !important;
  }
  .ms-sm-n20,
  .ml-sm-n20,
  .mx-sm-n20 {
    margin-left: calc(-10.5 * var(--root-unit)) !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .me-sm-0,
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ms-sm-0,
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: calc(0.25 * var(--root-unit)) !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: calc(0.25 * var(--root-unit)) !important;
  }
  .me-sm-1,
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: calc(0.25 * var(--root-unit)) !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: calc(0.25 * var(--root-unit)) !important;
  }
  .ms-sm-1,
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: calc(0.25 * var(--root-unit)) !important;
  }
  .m-sm-2 {
    margin: calc(0.5 * var(--root-unit)) !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: calc(0.5 * var(--root-unit)) !important;
  }
  .me-sm-2,
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: calc(0.5 * var(--root-unit)) !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: calc(0.5 * var(--root-unit)) !important;
  }
  .ms-sm-2,
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: calc(0.5 * var(--root-unit)) !important;
  }
  .m-sm-3 {
    margin: calc(1 * var(--root-unit)) !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: calc(1 * var(--root-unit)) !important;
  }
  .me-sm-3,
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: calc(1 * var(--root-unit)) !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: calc(1 * var(--root-unit)) !important;
  }
  .ms-sm-3,
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: calc(1 * var(--root-unit)) !important;
  }
  .m-sm-4 {
    margin: calc(1.5 * var(--root-unit)) !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: calc(1.5 * var(--root-unit)) !important;
  }
  .me-sm-4,
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: calc(1.5 * var(--root-unit)) !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: calc(1.5 * var(--root-unit)) !important;
  }
  .ms-sm-4,
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: calc(1.5 * var(--root-unit)) !important;
  }
  .m-sm-4plus {
    margin: calc(2 * var(--root-unit)) !important;
  }
  .mt-sm-4plus,
  .my-sm-4plus {
    margin-top: calc(2 * var(--root-unit)) !important;
  }
  .me-sm-4plus,
  .mr-sm-4plus,
  .mx-sm-4plus {
    margin-right: calc(2 * var(--root-unit)) !important;
  }
  .mb-sm-4plus,
  .my-sm-4plus {
    margin-bottom: calc(2 * var(--root-unit)) !important;
  }
  .ms-sm-4plus,
  .ml-sm-4plus,
  .mx-sm-4plus {
    margin-left: calc(2 * var(--root-unit)) !important;
  }
  .m-sm-5 {
    margin: calc(2.5 * var(--root-unit)) !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: calc(2.5 * var(--root-unit)) !important;
  }
  .me-sm-5,
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: calc(2.5 * var(--root-unit)) !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: calc(2.5 * var(--root-unit)) !important;
  }
  .ms-sm-5,
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: calc(2.5 * var(--root-unit)) !important;
  }
  .m-sm-6 {
    margin: calc(3 * var(--root-unit)) !important;
  }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: calc(3 * var(--root-unit)) !important;
  }
  .me-sm-6,
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: calc(3 * var(--root-unit)) !important;
  }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: calc(3 * var(--root-unit)) !important;
  }
  .ms-sm-6,
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: calc(3 * var(--root-unit)) !important;
  }
  .m-sm-7 {
    margin: calc(3.5 * var(--root-unit)) !important;
  }
  .mt-sm-7,
  .my-sm-7 {
    margin-top: calc(3.5 * var(--root-unit)) !important;
  }
  .me-sm-7,
  .mr-sm-7,
  .mx-sm-7 {
    margin-right: calc(3.5 * var(--root-unit)) !important;
  }
  .mb-sm-7,
  .my-sm-7 {
    margin-bottom: calc(3.5 * var(--root-unit)) !important;
  }
  .ms-sm-7,
  .ml-sm-7,
  .mx-sm-7 {
    margin-left: calc(3.5 * var(--root-unit)) !important;
  }
  .m-sm-8 {
    margin: calc(4 * var(--root-unit)) !important;
  }
  .mt-sm-8,
  .my-sm-8 {
    margin-top: calc(4 * var(--root-unit)) !important;
  }
  .me-sm-8,
  .mr-sm-8,
  .mx-sm-8 {
    margin-right: calc(4 * var(--root-unit)) !important;
  }
  .mb-sm-8,
  .my-sm-8 {
    margin-bottom: calc(4 * var(--root-unit)) !important;
  }
  .ms-sm-8,
  .ml-sm-8,
  .mx-sm-8 {
    margin-left: calc(4 * var(--root-unit)) !important;
  }
  .m-sm-9 {
    margin: calc(4.5 * var(--root-unit)) !important;
  }
  .mt-sm-9,
  .my-sm-9 {
    margin-top: calc(4.5 * var(--root-unit)) !important;
  }
  .me-sm-9,
  .mr-sm-9,
  .mx-sm-9 {
    margin-right: calc(4.5 * var(--root-unit)) !important;
  }
  .mb-sm-9,
  .my-sm-9 {
    margin-bottom: calc(4.5 * var(--root-unit)) !important;
  }
  .ms-sm-9,
  .ml-sm-9,
  .mx-sm-9 {
    margin-left: calc(4.5 * var(--root-unit)) !important;
  }
  .m-sm-10 {
    margin: calc(5 * var(--root-unit)) !important;
  }
  .mt-sm-10,
  .my-sm-10 {
    margin-top: calc(5 * var(--root-unit)) !important;
  }
  .me-sm-10,
  .mr-sm-10,
  .mx-sm-10 {
    margin-right: calc(5 * var(--root-unit)) !important;
  }
  .mb-sm-10,
  .my-sm-10 {
    margin-bottom: calc(5 * var(--root-unit)) !important;
  }
  .ms-sm-10,
  .ml-sm-10,
  .mx-sm-10 {
    margin-left: calc(5 * var(--root-unit)) !important;
  }
  .m-sm-11 {
    margin: calc(5.5 * var(--root-unit)) !important;
  }
  .mt-sm-11,
  .my-sm-11 {
    margin-top: calc(5.5 * var(--root-unit)) !important;
  }
  .me-sm-11,
  .mr-sm-11,
  .mx-sm-11 {
    margin-right: calc(5.5 * var(--root-unit)) !important;
  }
  .mb-sm-11,
  .my-sm-11 {
    margin-bottom: calc(5.5 * var(--root-unit)) !important;
  }
  .ms-sm-11,
  .ml-sm-11,
  .mx-sm-11 {
    margin-left: calc(5.5 * var(--root-unit)) !important;
  }
  .m-sm-12 {
    margin: calc(6 * var(--root-unit)) !important;
  }
  .mt-sm-12,
  .my-sm-12 {
    margin-top: calc(6 * var(--root-unit)) !important;
  }
  .me-sm-12,
  .mr-sm-12,
  .mx-sm-12 {
    margin-right: calc(6 * var(--root-unit)) !important;
  }
  .mb-sm-12,
  .my-sm-12 {
    margin-bottom: calc(6 * var(--root-unit)) !important;
  }
  .ms-sm-12,
  .ml-sm-12,
  .mx-sm-12 {
    margin-left: calc(6 * var(--root-unit)) !important;
  }
  .m-sm-13 {
    margin: calc(6.5 * var(--root-unit)) !important;
  }
  .mt-sm-13,
  .my-sm-13 {
    margin-top: calc(6.5 * var(--root-unit)) !important;
  }
  .me-sm-13,
  .mr-sm-13,
  .mx-sm-13 {
    margin-right: calc(6.5 * var(--root-unit)) !important;
  }
  .mb-sm-13,
  .my-sm-13 {
    margin-bottom: calc(6.5 * var(--root-unit)) !important;
  }
  .ms-sm-13,
  .ml-sm-13,
  .mx-sm-13 {
    margin-left: calc(6.5 * var(--root-unit)) !important;
  }
  .m-sm-14 {
    margin: calc(7 * var(--root-unit)) !important;
  }
  .mt-sm-14,
  .my-sm-14 {
    margin-top: calc(7 * var(--root-unit)) !important;
  }
  .me-sm-14,
  .mr-sm-14,
  .mx-sm-14 {
    margin-right: calc(7 * var(--root-unit)) !important;
  }
  .mb-sm-14,
  .my-sm-14 {
    margin-bottom: calc(7 * var(--root-unit)) !important;
  }
  .ms-sm-14,
  .ml-sm-14,
  .mx-sm-14 {
    margin-left: calc(7 * var(--root-unit)) !important;
  }
  .m-sm-15 {
    margin: calc(7.5 * var(--root-unit)) !important;
  }
  .mt-sm-15,
  .my-sm-15 {
    margin-top: calc(7.5 * var(--root-unit)) !important;
  }
  .me-sm-15,
  .mr-sm-15,
  .mx-sm-15 {
    margin-right: calc(7.5 * var(--root-unit)) !important;
  }
  .mb-sm-15,
  .my-sm-15 {
    margin-bottom: calc(7.5 * var(--root-unit)) !important;
  }
  .ms-sm-15,
  .ml-sm-15,
  .mx-sm-15 {
    margin-left: calc(7.5 * var(--root-unit)) !important;
  }
  .m-sm-16 {
    margin: calc(8 * var(--root-unit)) !important;
  }
  .mt-sm-16,
  .my-sm-16 {
    margin-top: calc(8 * var(--root-unit)) !important;
  }
  .me-sm-16,
  .mr-sm-16,
  .mx-sm-16 {
    margin-right: calc(8 * var(--root-unit)) !important;
  }
  .mb-sm-16,
  .my-sm-16 {
    margin-bottom: calc(8 * var(--root-unit)) !important;
  }
  .ms-sm-16,
  .ml-sm-16,
  .mx-sm-16 {
    margin-left: calc(8 * var(--root-unit)) !important;
  }
  .m-sm-17 {
    margin: calc(8.5 * var(--root-unit)) !important;
  }
  .mt-sm-17,
  .my-sm-17 {
    margin-top: calc(8.5 * var(--root-unit)) !important;
  }
  .me-sm-17,
  .mr-sm-17,
  .mx-sm-17 {
    margin-right: calc(8.5 * var(--root-unit)) !important;
  }
  .mb-sm-17,
  .my-sm-17 {
    margin-bottom: calc(8.5 * var(--root-unit)) !important;
  }
  .ms-sm-17,
  .ml-sm-17,
  .mx-sm-17 {
    margin-left: calc(8.5 * var(--root-unit)) !important;
  }
  .m-sm-18 {
    margin: calc(9 * var(--root-unit)) !important;
  }
  .mt-sm-18,
  .my-sm-18 {
    margin-top: calc(9 * var(--root-unit)) !important;
  }
  .me-sm-18,
  .mr-sm-18,
  .mx-sm-18 {
    margin-right: calc(9 * var(--root-unit)) !important;
  }
  .mb-sm-18,
  .my-sm-18 {
    margin-bottom: calc(9 * var(--root-unit)) !important;
  }
  .ms-sm-18,
  .ml-sm-18,
  .mx-sm-18 {
    margin-left: calc(9 * var(--root-unit)) !important;
  }
  .m-sm-19 {
    margin: calc(9.5 * var(--root-unit)) !important;
  }
  .mt-sm-19,
  .my-sm-19 {
    margin-top: calc(9.5 * var(--root-unit)) !important;
  }
  .me-sm-19,
  .mr-sm-19,
  .mx-sm-19 {
    margin-right: calc(9.5 * var(--root-unit)) !important;
  }
  .mb-sm-19,
  .my-sm-19 {
    margin-bottom: calc(9.5 * var(--root-unit)) !important;
  }
  .ms-sm-19,
  .ml-sm-19,
  .mx-sm-19 {
    margin-left: calc(9.5 * var(--root-unit)) !important;
  }
  .m-sm-20 {
    margin: calc(10 * var(--root-unit)) !important;
  }
  .mt-sm-20,
  .my-sm-20 {
    margin-top: calc(10 * var(--root-unit)) !important;
  }
  .me-sm-20,
  .mr-sm-20,
  .mx-sm-20 {
    margin-right: calc(10 * var(--root-unit)) !important;
  }
  .mb-sm-20,
  .my-sm-20 {
    margin-bottom: calc(10 * var(--root-unit)) !important;
  }
  .ms-sm-20,
  .ml-sm-20,
  .mx-sm-20 {
    margin-left: calc(10 * var(--root-unit)) !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pe-sm-0,
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .ps-sm-0,
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: calc(0.25 * var(--root-unit)) !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: calc(0.25 * var(--root-unit)) !important;
  }
  .pe-sm-1,
  .pr-sm-1,
  .px-sm-1 {
    padding-right: calc(0.25 * var(--root-unit)) !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: calc(0.25 * var(--root-unit)) !important;
  }
  .ps-sm-1,
  .pl-sm-1,
  .px-sm-1 {
    padding-left: calc(0.25 * var(--root-unit)) !important;
  }
  .p-sm-2 {
    padding: calc(0.5 * var(--root-unit)) !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: calc(0.5 * var(--root-unit)) !important;
  }
  .pe-sm-2,
  .pr-sm-2,
  .px-sm-2 {
    padding-right: calc(0.5 * var(--root-unit)) !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: calc(0.5 * var(--root-unit)) !important;
  }
  .ps-sm-2,
  .pl-sm-2,
  .px-sm-2 {
    padding-left: calc(0.5 * var(--root-unit)) !important;
  }
  .p-sm-3 {
    padding: calc(1 * var(--root-unit)) !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: calc(1 * var(--root-unit)) !important;
  }
  .pe-sm-3,
  .pr-sm-3,
  .px-sm-3 {
    padding-right: calc(1 * var(--root-unit)) !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: calc(1 * var(--root-unit)) !important;
  }
  .ps-sm-3,
  .pl-sm-3,
  .px-sm-3 {
    padding-left: calc(1 * var(--root-unit)) !important;
  }
  .p-sm-4 {
    padding: calc(1.5 * var(--root-unit)) !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: calc(1.5 * var(--root-unit)) !important;
  }
  .pe-sm-4,
  .pr-sm-4,
  .px-sm-4 {
    padding-right: calc(1.5 * var(--root-unit)) !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: calc(1.5 * var(--root-unit)) !important;
  }
  .ps-sm-4,
  .pl-sm-4,
  .px-sm-4 {
    padding-left: calc(1.5 * var(--root-unit)) !important;
  }
  .p-sm-4plus {
    padding: calc(2 * var(--root-unit)) !important;
  }
  .pt-sm-4plus,
  .py-sm-4plus {
    padding-top: calc(2 * var(--root-unit)) !important;
  }
  .pe-sm-4plus,
  .pr-sm-4plus,
  .px-sm-4plus {
    padding-right: calc(2 * var(--root-unit)) !important;
  }
  .pb-sm-4plus,
  .py-sm-4plus {
    padding-bottom: calc(2 * var(--root-unit)) !important;
  }
  .ps-sm-4plus,
  .pl-sm-4plus,
  .px-sm-4plus {
    padding-left: calc(2 * var(--root-unit)) !important;
  }
  .p-sm-5 {
    padding: calc(2.5 * var(--root-unit)) !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: calc(2.5 * var(--root-unit)) !important;
  }
  .pe-sm-5,
  .pr-sm-5,
  .px-sm-5 {
    padding-right: calc(2.5 * var(--root-unit)) !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: calc(2.5 * var(--root-unit)) !important;
  }
  .ps-sm-5,
  .pl-sm-5,
  .px-sm-5 {
    padding-left: calc(2.5 * var(--root-unit)) !important;
  }
  .p-sm-6 {
    padding: calc(3 * var(--root-unit)) !important;
  }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: calc(3 * var(--root-unit)) !important;
  }
  .pe-sm-6,
  .pr-sm-6,
  .px-sm-6 {
    padding-right: calc(3 * var(--root-unit)) !important;
  }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: calc(3 * var(--root-unit)) !important;
  }
  .ps-sm-6,
  .pl-sm-6,
  .px-sm-6 {
    padding-left: calc(3 * var(--root-unit)) !important;
  }
  .p-sm-7 {
    padding: calc(3.5 * var(--root-unit)) !important;
  }
  .pt-sm-7,
  .py-sm-7 {
    padding-top: calc(3.5 * var(--root-unit)) !important;
  }
  .pe-sm-7,
  .pr-sm-7,
  .px-sm-7 {
    padding-right: calc(3.5 * var(--root-unit)) !important;
  }
  .pb-sm-7,
  .py-sm-7 {
    padding-bottom: calc(3.5 * var(--root-unit)) !important;
  }
  .ps-sm-7,
  .pl-sm-7,
  .px-sm-7 {
    padding-left: calc(3.5 * var(--root-unit)) !important;
  }
  .p-sm-8 {
    padding: calc(4 * var(--root-unit)) !important;
  }
  .pt-sm-8,
  .py-sm-8 {
    padding-top: calc(4 * var(--root-unit)) !important;
  }
  .pe-sm-8,
  .pr-sm-8,
  .px-sm-8 {
    padding-right: calc(4 * var(--root-unit)) !important;
  }
  .pb-sm-8,
  .py-sm-8 {
    padding-bottom: calc(4 * var(--root-unit)) !important;
  }
  .ps-sm-8,
  .pl-sm-8,
  .px-sm-8 {
    padding-left: calc(4 * var(--root-unit)) !important;
  }
  .p-sm-9 {
    padding: calc(4.5 * var(--root-unit)) !important;
  }
  .pt-sm-9,
  .py-sm-9 {
    padding-top: calc(4.5 * var(--root-unit)) !important;
  }
  .pe-sm-9,
  .pr-sm-9,
  .px-sm-9 {
    padding-right: calc(4.5 * var(--root-unit)) !important;
  }
  .pb-sm-9,
  .py-sm-9 {
    padding-bottom: calc(4.5 * var(--root-unit)) !important;
  }
  .ps-sm-9,
  .pl-sm-9,
  .px-sm-9 {
    padding-left: calc(4.5 * var(--root-unit)) !important;
  }
  .p-sm-10 {
    padding: calc(5 * var(--root-unit)) !important;
  }
  .pt-sm-10,
  .py-sm-10 {
    padding-top: calc(5 * var(--root-unit)) !important;
  }
  .pe-sm-10,
  .pr-sm-10,
  .px-sm-10 {
    padding-right: calc(5 * var(--root-unit)) !important;
  }
  .pb-sm-10,
  .py-sm-10 {
    padding-bottom: calc(5 * var(--root-unit)) !important;
  }
  .ps-sm-10,
  .pl-sm-10,
  .px-sm-10 {
    padding-left: calc(5 * var(--root-unit)) !important;
  }
  .p-sm-11 {
    padding: calc(5.5 * var(--root-unit)) !important;
  }
  .pt-sm-11,
  .py-sm-11 {
    padding-top: calc(5.5 * var(--root-unit)) !important;
  }
  .pe-sm-11,
  .pr-sm-11,
  .px-sm-11 {
    padding-right: calc(5.5 * var(--root-unit)) !important;
  }
  .pb-sm-11,
  .py-sm-11 {
    padding-bottom: calc(5.5 * var(--root-unit)) !important;
  }
  .ps-sm-11,
  .pl-sm-11,
  .px-sm-11 {
    padding-left: calc(5.5 * var(--root-unit)) !important;
  }
  .p-sm-12 {
    padding: calc(6 * var(--root-unit)) !important;
  }
  .pt-sm-12,
  .py-sm-12 {
    padding-top: calc(6 * var(--root-unit)) !important;
  }
  .pe-sm-12,
  .pr-sm-12,
  .px-sm-12 {
    padding-right: calc(6 * var(--root-unit)) !important;
  }
  .pb-sm-12,
  .py-sm-12 {
    padding-bottom: calc(6 * var(--root-unit)) !important;
  }
  .ps-sm-12,
  .pl-sm-12,
  .px-sm-12 {
    padding-left: calc(6 * var(--root-unit)) !important;
  }
  .p-sm-13 {
    padding: calc(6.5 * var(--root-unit)) !important;
  }
  .pt-sm-13,
  .py-sm-13 {
    padding-top: calc(6.5 * var(--root-unit)) !important;
  }
  .pe-sm-13,
  .pr-sm-13,
  .px-sm-13 {
    padding-right: calc(6.5 * var(--root-unit)) !important;
  }
  .pb-sm-13,
  .py-sm-13 {
    padding-bottom: calc(6.5 * var(--root-unit)) !important;
  }
  .ps-sm-13,
  .pl-sm-13,
  .px-sm-13 {
    padding-left: calc(6.5 * var(--root-unit)) !important;
  }
  .p-sm-14 {
    padding: calc(7 * var(--root-unit)) !important;
  }
  .pt-sm-14,
  .py-sm-14 {
    padding-top: calc(7 * var(--root-unit)) !important;
  }
  .pe-sm-14,
  .pr-sm-14,
  .px-sm-14 {
    padding-right: calc(7 * var(--root-unit)) !important;
  }
  .pb-sm-14,
  .py-sm-14 {
    padding-bottom: calc(7 * var(--root-unit)) !important;
  }
  .ps-sm-14,
  .pl-sm-14,
  .px-sm-14 {
    padding-left: calc(7 * var(--root-unit)) !important;
  }
  .p-sm-15 {
    padding: calc(7.5 * var(--root-unit)) !important;
  }
  .pt-sm-15,
  .py-sm-15 {
    padding-top: calc(7.5 * var(--root-unit)) !important;
  }
  .pe-sm-15,
  .pr-sm-15,
  .px-sm-15 {
    padding-right: calc(7.5 * var(--root-unit)) !important;
  }
  .pb-sm-15,
  .py-sm-15 {
    padding-bottom: calc(7.5 * var(--root-unit)) !important;
  }
  .ps-sm-15,
  .pl-sm-15,
  .px-sm-15 {
    padding-left: calc(7.5 * var(--root-unit)) !important;
  }
  .p-sm-16 {
    padding: calc(8 * var(--root-unit)) !important;
  }
  .pt-sm-16,
  .py-sm-16 {
    padding-top: calc(8 * var(--root-unit)) !important;
  }
  .pe-sm-16,
  .pr-sm-16,
  .px-sm-16 {
    padding-right: calc(8 * var(--root-unit)) !important;
  }
  .pb-sm-16,
  .py-sm-16 {
    padding-bottom: calc(8 * var(--root-unit)) !important;
  }
  .ps-sm-16,
  .pl-sm-16,
  .px-sm-16 {
    padding-left: calc(8 * var(--root-unit)) !important;
  }
  .p-sm-17 {
    padding: calc(8.5 * var(--root-unit)) !important;
  }
  .pt-sm-17,
  .py-sm-17 {
    padding-top: calc(8.5 * var(--root-unit)) !important;
  }
  .pe-sm-17,
  .pr-sm-17,
  .px-sm-17 {
    padding-right: calc(8.5 * var(--root-unit)) !important;
  }
  .pb-sm-17,
  .py-sm-17 {
    padding-bottom: calc(8.5 * var(--root-unit)) !important;
  }
  .ps-sm-17,
  .pl-sm-17,
  .px-sm-17 {
    padding-left: calc(8.5 * var(--root-unit)) !important;
  }
  .p-sm-18 {
    padding: calc(9 * var(--root-unit)) !important;
  }
  .pt-sm-18,
  .py-sm-18 {
    padding-top: calc(9 * var(--root-unit)) !important;
  }
  .pe-sm-18,
  .pr-sm-18,
  .px-sm-18 {
    padding-right: calc(9 * var(--root-unit)) !important;
  }
  .pb-sm-18,
  .py-sm-18 {
    padding-bottom: calc(9 * var(--root-unit)) !important;
  }
  .ps-sm-18,
  .pl-sm-18,
  .px-sm-18 {
    padding-left: calc(9 * var(--root-unit)) !important;
  }
  .p-sm-19 {
    padding: calc(9.5 * var(--root-unit)) !important;
  }
  .pt-sm-19,
  .py-sm-19 {
    padding-top: calc(9.5 * var(--root-unit)) !important;
  }
  .pe-sm-19,
  .pr-sm-19,
  .px-sm-19 {
    padding-right: calc(9.5 * var(--root-unit)) !important;
  }
  .pb-sm-19,
  .py-sm-19 {
    padding-bottom: calc(9.5 * var(--root-unit)) !important;
  }
  .ps-sm-19,
  .pl-sm-19,
  .px-sm-19 {
    padding-left: calc(9.5 * var(--root-unit)) !important;
  }
  .p-sm-20 {
    padding: calc(10 * var(--root-unit)) !important;
  }
  .pt-sm-20,
  .py-sm-20 {
    padding-top: calc(10 * var(--root-unit)) !important;
  }
  .pe-sm-20,
  .pr-sm-20,
  .px-sm-20 {
    padding-right: calc(10 * var(--root-unit)) !important;
  }
  .pb-sm-20,
  .py-sm-20 {
    padding-bottom: calc(10 * var(--root-unit)) !important;
  }
  .ps-sm-20,
  .pl-sm-20,
  .px-sm-20 {
    padding-left: calc(10 * var(--root-unit)) !important;
  }
  .m-sm-n1 {
    margin: calc(-0.25 * var(--root-unit)) !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: calc(-0.25 * var(--root-unit)) !important;
  }
  .me-sm-n1,
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: calc(-0.25 * var(--root-unit)) !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: calc(-0.25 * var(--root-unit)) !important;
  }
  .ms-sm-n1,
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: calc(-0.25 * var(--root-unit)) !important;
  }
  .m-sm-n2 {
    margin: calc(-0.5 * var(--root-unit)) !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: calc(-0.5 * var(--root-unit)) !important;
  }
  .me-sm-n2,
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: calc(-0.5 * var(--root-unit)) !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: calc(-0.5 * var(--root-unit)) !important;
  }
  .ms-sm-n2,
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: calc(-0.5 * var(--root-unit)) !important;
  }
  .m-sm-n3 {
    margin: calc(-1 * var(--root-unit)) !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: calc(-1 * var(--root-unit)) !important;
  }
  .me-sm-n3,
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: calc(-1 * var(--root-unit)) !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: calc(-1 * var(--root-unit)) !important;
  }
  .ms-sm-n3,
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: calc(-1 * var(--root-unit)) !important;
  }
  .m-sm-n4 {
    margin: calc(-1.5 * var(--root-unit)) !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: calc(-1.5 * var(--root-unit)) !important;
  }
  .me-sm-n4,
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: calc(-1.5 * var(--root-unit)) !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: calc(-1.5 * var(--root-unit)) !important;
  }
  .ms-sm-n4,
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: calc(-1.5 * var(--root-unit)) !important;
  }
  .m-sm-n4plus {
    margin: calc(-2 * var(--root-unit)) !important;
  }
  .mt-sm-n4plus,
  .my-sm-n4plus {
    margin-top: calc(-2 * var(--root-unit)) !important;
  }
  .me-sm-n4plus,
  .mr-sm-n4plus,
  .mx-sm-n4plus {
    margin-right: calc(-2 * var(--root-unit)) !important;
  }
  .mb-sm-n4plus,
  .my-sm-n4plus {
    margin-bottom: calc(-2 * var(--root-unit)) !important;
  }
  .ms-sm-n4plus,
  .ml-sm-n4plus,
  .mx-sm-n4plus {
    margin-left: calc(-2 * var(--root-unit)) !important;
  }
  .m-sm-n5 {
    margin: calc(-3 * var(--root-unit)) !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: calc(-3 * var(--root-unit)) !important;
  }
  .me-sm-n5,
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: calc(-3 * var(--root-unit)) !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: calc(-3 * var(--root-unit)) !important;
  }
  .ms-sm-n5,
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: calc(-3 * var(--root-unit)) !important;
  }
  .m-sm-n6 {
    margin: calc(-3.5 * var(--root-unit)) !important;
  }
  .mt-sm-n6,
  .my-sm-n6 {
    margin-top: calc(-3.5 * var(--root-unit)) !important;
  }
  .me-sm-n6,
  .mr-sm-n6,
  .mx-sm-n6 {
    margin-right: calc(-3.5 * var(--root-unit)) !important;
  }
  .mb-sm-n6,
  .my-sm-n6 {
    margin-bottom: calc(-3.5 * var(--root-unit)) !important;
  }
  .ms-sm-n6,
  .ml-sm-n6,
  .mx-sm-n6 {
    margin-left: calc(-3.5 * var(--root-unit)) !important;
  }
  .m-sm-n7 {
    margin: calc(-4 * var(--root-unit)) !important;
  }
  .mt-sm-n7,
  .my-sm-n7 {
    margin-top: calc(-4 * var(--root-unit)) !important;
  }
  .me-sm-n7,
  .mr-sm-n7,
  .mx-sm-n7 {
    margin-right: calc(-4 * var(--root-unit)) !important;
  }
  .mb-sm-n7,
  .my-sm-n7 {
    margin-bottom: calc(-4 * var(--root-unit)) !important;
  }
  .ms-sm-n7,
  .ml-sm-n7,
  .mx-sm-n7 {
    margin-left: calc(-4 * var(--root-unit)) !important;
  }
  .m-sm-n8 {
    margin: calc(-4.5 * var(--root-unit)) !important;
  }
  .mt-sm-n8,
  .my-sm-n8 {
    margin-top: calc(-4.5 * var(--root-unit)) !important;
  }
  .me-sm-n8,
  .mr-sm-n8,
  .mx-sm-n8 {
    margin-right: calc(-4.5 * var(--root-unit)) !important;
  }
  .mb-sm-n8,
  .my-sm-n8 {
    margin-bottom: calc(-4.5 * var(--root-unit)) !important;
  }
  .ms-sm-n8,
  .ml-sm-n8,
  .mx-sm-n8 {
    margin-left: calc(-4.5 * var(--root-unit)) !important;
  }
  .m-sm-n9 {
    margin: calc(-5 * var(--root-unit)) !important;
  }
  .mt-sm-n9,
  .my-sm-n9 {
    margin-top: calc(-5 * var(--root-unit)) !important;
  }
  .me-sm-n9,
  .mr-sm-n9,
  .mx-sm-n9 {
    margin-right: calc(-5 * var(--root-unit)) !important;
  }
  .mb-sm-n9,
  .my-sm-n9 {
    margin-bottom: calc(-5 * var(--root-unit)) !important;
  }
  .ms-sm-n9,
  .ml-sm-n9,
  .mx-sm-n9 {
    margin-left: calc(-5 * var(--root-unit)) !important;
  }
  .m-sm-n10 {
    margin: calc(-6 * var(--root-unit)) !important;
  }
  .mt-sm-n10,
  .my-sm-n10 {
    margin-top: calc(-6 * var(--root-unit)) !important;
  }
  .me-sm-n10,
  .mr-sm-n10,
  .mx-sm-n10 {
    margin-right: calc(-6 * var(--root-unit)) !important;
  }
  .mb-sm-n10,
  .my-sm-n10 {
    margin-bottom: calc(-6 * var(--root-unit)) !important;
  }
  .ms-sm-n10,
  .ml-sm-n10,
  .mx-sm-n10 {
    margin-left: calc(-6 * var(--root-unit)) !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-auto,
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-auto,
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-n1 {
    margin: calc(-0.25 * var(--root-unit)) !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: calc(-0.25 * var(--root-unit)) !important;
  }
  .me-md-n1,
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: calc(-0.25 * var(--root-unit)) !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: calc(-0.25 * var(--root-unit)) !important;
  }
  .ms-md-n1,
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: calc(-0.25 * var(--root-unit)) !important;
  }
  .m-md-n2 {
    margin: calc(-0.5 * var(--root-unit)) !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: calc(-0.5 * var(--root-unit)) !important;
  }
  .me-md-n2,
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: calc(-0.5 * var(--root-unit)) !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: calc(-0.5 * var(--root-unit)) !important;
  }
  .ms-md-n2,
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: calc(-0.5 * var(--root-unit)) !important;
  }
  .m-md-n3 {
    margin: calc(-1 * var(--root-unit)) !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: calc(-1 * var(--root-unit)) !important;
  }
  .me-md-n3,
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: calc(-1 * var(--root-unit)) !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: calc(-1 * var(--root-unit)) !important;
  }
  .ms-md-n3,
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: calc(-1 * var(--root-unit)) !important;
  }
  .m-md-n4 {
    margin: calc(-1.5 * var(--root-unit)) !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: calc(-1.5 * var(--root-unit)) !important;
  }
  .me-md-n4,
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: calc(-1.5 * var(--root-unit)) !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: calc(-1.5 * var(--root-unit)) !important;
  }
  .ms-md-n4,
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: calc(-1.5 * var(--root-unit)) !important;
  }
  .m-md-n4plus {
    margin: calc(-2 * var(--root-unit)) !important;
  }
  .mt-md-n4plus,
  .my-md-n4plus {
    margin-top: calc(-2 * var(--root-unit)) !important;
  }
  .me-md-n4plus,
  .mr-md-n4plus,
  .mx-md-n4plus {
    margin-right: calc(-2 * var(--root-unit)) !important;
  }
  .mb-md-n4plus,
  .my-md-n4plus {
    margin-bottom: calc(-2 * var(--root-unit)) !important;
  }
  .ms-md-n4plus,
  .ml-md-n4plus,
  .mx-md-n4plus {
    margin-left: calc(-2 * var(--root-unit)) !important;
  }
  .m-md-n5 {
    margin: calc(-2.5 * var(--root-unit)) !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: calc(-2.5 * var(--root-unit)) !important;
  }
  .me-md-n5,
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: calc(-2.5 * var(--root-unit)) !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: calc(-2.5 * var(--root-unit)) !important;
  }
  .ms-md-n5,
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: calc(-2.5 * var(--root-unit)) !important;
  }
  .m-md-n6 {
    margin: calc(-3 * var(--root-unit)) !important;
  }
  .mt-md-n6,
  .my-md-n6 {
    margin-top: calc(-3 * var(--root-unit)) !important;
  }
  .me-md-n6,
  .mr-md-n6,
  .mx-md-n6 {
    margin-right: calc(-3 * var(--root-unit)) !important;
  }
  .mb-md-n6,
  .my-md-n6 {
    margin-bottom: calc(-3 * var(--root-unit)) !important;
  }
  .ms-md-n6,
  .ml-md-n6,
  .mx-md-n6 {
    margin-left: calc(-3 * var(--root-unit)) !important;
  }
  .m-md-n7 {
    margin: calc(-3.5 * var(--root-unit)) !important;
  }
  .mt-md-n7,
  .my-md-n7 {
    margin-top: calc(-3.5 * var(--root-unit)) !important;
  }
  .me-md-n7,
  .mr-md-n7,
  .mx-md-n7 {
    margin-right: calc(-3.5 * var(--root-unit)) !important;
  }
  .mb-md-n7,
  .my-md-n7 {
    margin-bottom: calc(-3.5 * var(--root-unit)) !important;
  }
  .ms-md-n7,
  .ml-md-n7,
  .mx-md-n7 {
    margin-left: calc(-3.5 * var(--root-unit)) !important;
  }
  .m-md-n8 {
    margin: calc(-4 * var(--root-unit)) !important;
  }
  .mt-md-n8,
  .my-md-n8 {
    margin-top: calc(-4 * var(--root-unit)) !important;
  }
  .me-md-n8,
  .mr-md-n8,
  .mx-md-n8 {
    margin-right: calc(-4 * var(--root-unit)) !important;
  }
  .mb-md-n8,
  .my-md-n8 {
    margin-bottom: calc(-4 * var(--root-unit)) !important;
  }
  .ms-md-n8,
  .ml-md-n8,
  .mx-md-n8 {
    margin-left: calc(-4 * var(--root-unit)) !important;
  }
  .m-md-n9 {
    margin: calc(-4.5 * var(--root-unit)) !important;
  }
  .mt-md-n9,
  .my-md-n9 {
    margin-top: calc(-4.5 * var(--root-unit)) !important;
  }
  .me-md-n9,
  .mr-md-n9,
  .mx-md-n9 {
    margin-right: calc(-4.5 * var(--root-unit)) !important;
  }
  .mb-md-n9,
  .my-md-n9 {
    margin-bottom: calc(-4.5 * var(--root-unit)) !important;
  }
  .ms-md-n9,
  .ml-md-n9,
  .mx-md-n9 {
    margin-left: calc(-4.5 * var(--root-unit)) !important;
  }
  .m-md-n10 {
    margin: calc(-5 * var(--root-unit)) !important;
  }
  .mt-md-n10,
  .my-md-n10 {
    margin-top: calc(-5 * var(--root-unit)) !important;
  }
  .me-md-n10,
  .mr-md-n10,
  .mx-md-n10 {
    margin-right: calc(-5 * var(--root-unit)) !important;
  }
  .mb-md-n10,
  .my-md-n10 {
    margin-bottom: calc(-5 * var(--root-unit)) !important;
  }
  .ms-md-n10,
  .ml-md-n10,
  .mx-md-n10 {
    margin-left: calc(-5 * var(--root-unit)) !important;
  }
  .m-md-n11 {
    margin: calc(-5.5 * var(--root-unit)) !important;
  }
  .mt-md-n11,
  .my-md-n11 {
    margin-top: calc(-5.5 * var(--root-unit)) !important;
  }
  .me-md-n11,
  .mr-md-n11,
  .mx-md-n11 {
    margin-right: calc(-5.5 * var(--root-unit)) !important;
  }
  .mb-md-n11,
  .my-md-n11 {
    margin-bottom: calc(-5.5 * var(--root-unit)) !important;
  }
  .ms-md-n11,
  .ml-md-n11,
  .mx-md-n11 {
    margin-left: calc(-5.5 * var(--root-unit)) !important;
  }
  .m-md-n12 {
    margin: calc(-6 * var(--root-unit)) !important;
  }
  .mt-md-n12,
  .my-md-n12 {
    margin-top: calc(-6 * var(--root-unit)) !important;
  }
  .me-md-n12,
  .mr-md-n12,
  .mx-md-n12 {
    margin-right: calc(-6 * var(--root-unit)) !important;
  }
  .mb-md-n12,
  .my-md-n12 {
    margin-bottom: calc(-6 * var(--root-unit)) !important;
  }
  .ms-md-n12,
  .ml-md-n12,
  .mx-md-n12 {
    margin-left: calc(-6 * var(--root-unit)) !important;
  }
  .m-md-n13 {
    margin: calc(-6.5 * var(--root-unit)) !important;
  }
  .mt-md-n13,
  .my-md-n13 {
    margin-top: calc(-6.5 * var(--root-unit)) !important;
  }
  .me-md-n13,
  .mr-md-n13,
  .mx-md-n13 {
    margin-right: calc(-6.5 * var(--root-unit)) !important;
  }
  .mb-md-n13,
  .my-md-n13 {
    margin-bottom: calc(-6.5 * var(--root-unit)) !important;
  }
  .ms-md-n13,
  .ml-md-n13,
  .mx-md-n13 {
    margin-left: calc(-6.5 * var(--root-unit)) !important;
  }
  .m-md-n14 {
    margin: calc(-7 * var(--root-unit)) !important;
  }
  .mt-md-n14,
  .my-md-n14 {
    margin-top: calc(-7 * var(--root-unit)) !important;
  }
  .me-md-n14,
  .mr-md-n14,
  .mx-md-n14 {
    margin-right: calc(-7 * var(--root-unit)) !important;
  }
  .mb-md-n14,
  .my-md-n14 {
    margin-bottom: calc(-7 * var(--root-unit)) !important;
  }
  .ms-md-n14,
  .ml-md-n14,
  .mx-md-n14 {
    margin-left: calc(-7 * var(--root-unit)) !important;
  }
  .m-md-n15 {
    margin: calc(-8 * var(--root-unit)) !important;
  }
  .mt-md-n15,
  .my-md-n15 {
    margin-top: calc(-8 * var(--root-unit)) !important;
  }
  .me-md-n15,
  .mr-md-n15,
  .mx-md-n15 {
    margin-right: calc(-8 * var(--root-unit)) !important;
  }
  .mb-md-n15,
  .my-md-n15 {
    margin-bottom: calc(-8 * var(--root-unit)) !important;
  }
  .ms-md-n15,
  .ml-md-n15,
  .mx-md-n15 {
    margin-left: calc(-8 * var(--root-unit)) !important;
  }
  .m-md-n16 {
    margin: calc(-8.5 * var(--root-unit)) !important;
  }
  .mt-md-n16,
  .my-md-n16 {
    margin-top: calc(-8.5 * var(--root-unit)) !important;
  }
  .me-md-n16,
  .mr-md-n16,
  .mx-md-n16 {
    margin-right: calc(-8.5 * var(--root-unit)) !important;
  }
  .mb-md-n16,
  .my-md-n16 {
    margin-bottom: calc(-8.5 * var(--root-unit)) !important;
  }
  .ms-md-n16,
  .ml-md-n16,
  .mx-md-n16 {
    margin-left: calc(-8.5 * var(--root-unit)) !important;
  }
  .m-md-n17 {
    margin: calc(-9 * var(--root-unit)) !important;
  }
  .mt-md-n17,
  .my-md-n17 {
    margin-top: calc(-9 * var(--root-unit)) !important;
  }
  .me-md-n17,
  .mr-md-n17,
  .mx-md-n17 {
    margin-right: calc(-9 * var(--root-unit)) !important;
  }
  .mb-md-n17,
  .my-md-n17 {
    margin-bottom: calc(-9 * var(--root-unit)) !important;
  }
  .ms-md-n17,
  .ml-md-n17,
  .mx-md-n17 {
    margin-left: calc(-9 * var(--root-unit)) !important;
  }
  .m-md-n18 {
    margin: calc(-9.5 * var(--root-unit)) !important;
  }
  .mt-md-n18,
  .my-md-n18 {
    margin-top: calc(-9.5 * var(--root-unit)) !important;
  }
  .me-md-n18,
  .mr-md-n18,
  .mx-md-n18 {
    margin-right: calc(-9.5 * var(--root-unit)) !important;
  }
  .mb-md-n18,
  .my-md-n18 {
    margin-bottom: calc(-9.5 * var(--root-unit)) !important;
  }
  .ms-md-n18,
  .ml-md-n18,
  .mx-md-n18 {
    margin-left: calc(-9.5 * var(--root-unit)) !important;
  }
  .m-md-n19 {
    margin: calc(-10 * var(--root-unit)) !important;
  }
  .mt-md-n19,
  .my-md-n19 {
    margin-top: calc(-10 * var(--root-unit)) !important;
  }
  .me-md-n19,
  .mr-md-n19,
  .mx-md-n19 {
    margin-right: calc(-10 * var(--root-unit)) !important;
  }
  .mb-md-n19,
  .my-md-n19 {
    margin-bottom: calc(-10 * var(--root-unit)) !important;
  }
  .ms-md-n19,
  .ml-md-n19,
  .mx-md-n19 {
    margin-left: calc(-10 * var(--root-unit)) !important;
  }
  .m-md-n20 {
    margin: calc(-10.5 * var(--root-unit)) !important;
  }
  .mt-md-n20,
  .my-md-n20 {
    margin-top: calc(-10.5 * var(--root-unit)) !important;
  }
  .me-md-n20,
  .mr-md-n20,
  .mx-md-n20 {
    margin-right: calc(-10.5 * var(--root-unit)) !important;
  }
  .mb-md-n20,
  .my-md-n20 {
    margin-bottom: calc(-10.5 * var(--root-unit)) !important;
  }
  .ms-md-n20,
  .ml-md-n20,
  .mx-md-n20 {
    margin-left: calc(-10.5 * var(--root-unit)) !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .me-md-0,
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ms-md-0,
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: calc(0.25 * var(--root-unit)) !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: calc(0.25 * var(--root-unit)) !important;
  }
  .me-md-1,
  .mr-md-1,
  .mx-md-1 {
    margin-right: calc(0.25 * var(--root-unit)) !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: calc(0.25 * var(--root-unit)) !important;
  }
  .ms-md-1,
  .ml-md-1,
  .mx-md-1 {
    margin-left: calc(0.25 * var(--root-unit)) !important;
  }
  .m-md-2 {
    margin: calc(0.5 * var(--root-unit)) !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: calc(0.5 * var(--root-unit)) !important;
  }
  .me-md-2,
  .mr-md-2,
  .mx-md-2 {
    margin-right: calc(0.5 * var(--root-unit)) !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: calc(0.5 * var(--root-unit)) !important;
  }
  .ms-md-2,
  .ml-md-2,
  .mx-md-2 {
    margin-left: calc(0.5 * var(--root-unit)) !important;
  }
  .m-md-3 {
    margin: calc(1 * var(--root-unit)) !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: calc(1 * var(--root-unit)) !important;
  }
  .me-md-3,
  .mr-md-3,
  .mx-md-3 {
    margin-right: calc(1 * var(--root-unit)) !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: calc(1 * var(--root-unit)) !important;
  }
  .ms-md-3,
  .ml-md-3,
  .mx-md-3 {
    margin-left: calc(1 * var(--root-unit)) !important;
  }
  .m-md-4 {
    margin: calc(1.5 * var(--root-unit)) !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: calc(1.5 * var(--root-unit)) !important;
  }
  .me-md-4,
  .mr-md-4,
  .mx-md-4 {
    margin-right: calc(1.5 * var(--root-unit)) !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: calc(1.5 * var(--root-unit)) !important;
  }
  .ms-md-4,
  .ml-md-4,
  .mx-md-4 {
    margin-left: calc(1.5 * var(--root-unit)) !important;
  }
  .m-md-4plus {
    margin: calc(2 * var(--root-unit)) !important;
  }
  .mt-md-4plus,
  .my-md-4plus {
    margin-top: calc(2 * var(--root-unit)) !important;
  }
  .me-md-4plus,
  .mr-md-4plus,
  .mx-md-4plus {
    margin-right: calc(2 * var(--root-unit)) !important;
  }
  .mb-md-4plus,
  .my-md-4plus {
    margin-bottom: calc(2 * var(--root-unit)) !important;
  }
  .ms-md-4plus,
  .ml-md-4plus,
  .mx-md-4plus {
    margin-left: calc(2 * var(--root-unit)) !important;
  }
  .m-md-5 {
    margin: calc(2.5 * var(--root-unit)) !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: calc(2.5 * var(--root-unit)) !important;
  }
  .me-md-5,
  .mr-md-5,
  .mx-md-5 {
    margin-right: calc(2.5 * var(--root-unit)) !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: calc(2.5 * var(--root-unit)) !important;
  }
  .ms-md-5,
  .ml-md-5,
  .mx-md-5 {
    margin-left: calc(2.5 * var(--root-unit)) !important;
  }
  .m-md-6 {
    margin: calc(3 * var(--root-unit)) !important;
  }
  .mt-md-6,
  .my-md-6 {
    margin-top: calc(3 * var(--root-unit)) !important;
  }
  .me-md-6,
  .mr-md-6,
  .mx-md-6 {
    margin-right: calc(3 * var(--root-unit)) !important;
  }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: calc(3 * var(--root-unit)) !important;
  }
  .ms-md-6,
  .ml-md-6,
  .mx-md-6 {
    margin-left: calc(3 * var(--root-unit)) !important;
  }
  .m-md-7 {
    margin: calc(3.5 * var(--root-unit)) !important;
  }
  .mt-md-7,
  .my-md-7 {
    margin-top: calc(3.5 * var(--root-unit)) !important;
  }
  .me-md-7,
  .mr-md-7,
  .mx-md-7 {
    margin-right: calc(3.5 * var(--root-unit)) !important;
  }
  .mb-md-7,
  .my-md-7 {
    margin-bottom: calc(3.5 * var(--root-unit)) !important;
  }
  .ms-md-7,
  .ml-md-7,
  .mx-md-7 {
    margin-left: calc(3.5 * var(--root-unit)) !important;
  }
  .m-md-8 {
    margin: calc(4 * var(--root-unit)) !important;
  }
  .mt-md-8,
  .my-md-8 {
    margin-top: calc(4 * var(--root-unit)) !important;
  }
  .me-md-8,
  .mr-md-8,
  .mx-md-8 {
    margin-right: calc(4 * var(--root-unit)) !important;
  }
  .mb-md-8,
  .my-md-8 {
    margin-bottom: calc(4 * var(--root-unit)) !important;
  }
  .ms-md-8,
  .ml-md-8,
  .mx-md-8 {
    margin-left: calc(4 * var(--root-unit)) !important;
  }
  .m-md-9 {
    margin: calc(4.5 * var(--root-unit)) !important;
  }
  .mt-md-9,
  .my-md-9 {
    margin-top: calc(4.5 * var(--root-unit)) !important;
  }
  .me-md-9,
  .mr-md-9,
  .mx-md-9 {
    margin-right: calc(4.5 * var(--root-unit)) !important;
  }
  .mb-md-9,
  .my-md-9 {
    margin-bottom: calc(4.5 * var(--root-unit)) !important;
  }
  .ms-md-9,
  .ml-md-9,
  .mx-md-9 {
    margin-left: calc(4.5 * var(--root-unit)) !important;
  }
  .m-md-10 {
    margin: calc(5 * var(--root-unit)) !important;
  }
  .mt-md-10,
  .my-md-10 {
    margin-top: calc(5 * var(--root-unit)) !important;
  }
  .me-md-10,
  .mr-md-10,
  .mx-md-10 {
    margin-right: calc(5 * var(--root-unit)) !important;
  }
  .mb-md-10,
  .my-md-10 {
    margin-bottom: calc(5 * var(--root-unit)) !important;
  }
  .ms-md-10,
  .ml-md-10,
  .mx-md-10 {
    margin-left: calc(5 * var(--root-unit)) !important;
  }
  .m-md-11 {
    margin: calc(5.5 * var(--root-unit)) !important;
  }
  .mt-md-11,
  .my-md-11 {
    margin-top: calc(5.5 * var(--root-unit)) !important;
  }
  .me-md-11,
  .mr-md-11,
  .mx-md-11 {
    margin-right: calc(5.5 * var(--root-unit)) !important;
  }
  .mb-md-11,
  .my-md-11 {
    margin-bottom: calc(5.5 * var(--root-unit)) !important;
  }
  .ms-md-11,
  .ml-md-11,
  .mx-md-11 {
    margin-left: calc(5.5 * var(--root-unit)) !important;
  }
  .m-md-12 {
    margin: calc(6 * var(--root-unit)) !important;
  }
  .mt-md-12,
  .my-md-12 {
    margin-top: calc(6 * var(--root-unit)) !important;
  }
  .me-md-12,
  .mr-md-12,
  .mx-md-12 {
    margin-right: calc(6 * var(--root-unit)) !important;
  }
  .mb-md-12,
  .my-md-12 {
    margin-bottom: calc(6 * var(--root-unit)) !important;
  }
  .ms-md-12,
  .ml-md-12,
  .mx-md-12 {
    margin-left: calc(6 * var(--root-unit)) !important;
  }
  .m-md-13 {
    margin: calc(6.5 * var(--root-unit)) !important;
  }
  .mt-md-13,
  .my-md-13 {
    margin-top: calc(6.5 * var(--root-unit)) !important;
  }
  .me-md-13,
  .mr-md-13,
  .mx-md-13 {
    margin-right: calc(6.5 * var(--root-unit)) !important;
  }
  .mb-md-13,
  .my-md-13 {
    margin-bottom: calc(6.5 * var(--root-unit)) !important;
  }
  .ms-md-13,
  .ml-md-13,
  .mx-md-13 {
    margin-left: calc(6.5 * var(--root-unit)) !important;
  }
  .m-md-14 {
    margin: calc(7 * var(--root-unit)) !important;
  }
  .mt-md-14,
  .my-md-14 {
    margin-top: calc(7 * var(--root-unit)) !important;
  }
  .me-md-14,
  .mr-md-14,
  .mx-md-14 {
    margin-right: calc(7 * var(--root-unit)) !important;
  }
  .mb-md-14,
  .my-md-14 {
    margin-bottom: calc(7 * var(--root-unit)) !important;
  }
  .ms-md-14,
  .ml-md-14,
  .mx-md-14 {
    margin-left: calc(7 * var(--root-unit)) !important;
  }
  .m-md-15 {
    margin: calc(7.5 * var(--root-unit)) !important;
  }
  .mt-md-15,
  .my-md-15 {
    margin-top: calc(7.5 * var(--root-unit)) !important;
  }
  .me-md-15,
  .mr-md-15,
  .mx-md-15 {
    margin-right: calc(7.5 * var(--root-unit)) !important;
  }
  .mb-md-15,
  .my-md-15 {
    margin-bottom: calc(7.5 * var(--root-unit)) !important;
  }
  .ms-md-15,
  .ml-md-15,
  .mx-md-15 {
    margin-left: calc(7.5 * var(--root-unit)) !important;
  }
  .m-md-16 {
    margin: calc(8 * var(--root-unit)) !important;
  }
  .mt-md-16,
  .my-md-16 {
    margin-top: calc(8 * var(--root-unit)) !important;
  }
  .me-md-16,
  .mr-md-16,
  .mx-md-16 {
    margin-right: calc(8 * var(--root-unit)) !important;
  }
  .mb-md-16,
  .my-md-16 {
    margin-bottom: calc(8 * var(--root-unit)) !important;
  }
  .ms-md-16,
  .ml-md-16,
  .mx-md-16 {
    margin-left: calc(8 * var(--root-unit)) !important;
  }
  .m-md-17 {
    margin: calc(8.5 * var(--root-unit)) !important;
  }
  .mt-md-17,
  .my-md-17 {
    margin-top: calc(8.5 * var(--root-unit)) !important;
  }
  .me-md-17,
  .mr-md-17,
  .mx-md-17 {
    margin-right: calc(8.5 * var(--root-unit)) !important;
  }
  .mb-md-17,
  .my-md-17 {
    margin-bottom: calc(8.5 * var(--root-unit)) !important;
  }
  .ms-md-17,
  .ml-md-17,
  .mx-md-17 {
    margin-left: calc(8.5 * var(--root-unit)) !important;
  }
  .m-md-18 {
    margin: calc(9 * var(--root-unit)) !important;
  }
  .mt-md-18,
  .my-md-18 {
    margin-top: calc(9 * var(--root-unit)) !important;
  }
  .me-md-18,
  .mr-md-18,
  .mx-md-18 {
    margin-right: calc(9 * var(--root-unit)) !important;
  }
  .mb-md-18,
  .my-md-18 {
    margin-bottom: calc(9 * var(--root-unit)) !important;
  }
  .ms-md-18,
  .ml-md-18,
  .mx-md-18 {
    margin-left: calc(9 * var(--root-unit)) !important;
  }
  .m-md-19 {
    margin: calc(9.5 * var(--root-unit)) !important;
  }
  .mt-md-19,
  .my-md-19 {
    margin-top: calc(9.5 * var(--root-unit)) !important;
  }
  .me-md-19,
  .mr-md-19,
  .mx-md-19 {
    margin-right: calc(9.5 * var(--root-unit)) !important;
  }
  .mb-md-19,
  .my-md-19 {
    margin-bottom: calc(9.5 * var(--root-unit)) !important;
  }
  .ms-md-19,
  .ml-md-19,
  .mx-md-19 {
    margin-left: calc(9.5 * var(--root-unit)) !important;
  }
  .m-md-20 {
    margin: calc(10 * var(--root-unit)) !important;
  }
  .mt-md-20,
  .my-md-20 {
    margin-top: calc(10 * var(--root-unit)) !important;
  }
  .me-md-20,
  .mr-md-20,
  .mx-md-20 {
    margin-right: calc(10 * var(--root-unit)) !important;
  }
  .mb-md-20,
  .my-md-20 {
    margin-bottom: calc(10 * var(--root-unit)) !important;
  }
  .ms-md-20,
  .ml-md-20,
  .mx-md-20 {
    margin-left: calc(10 * var(--root-unit)) !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pe-md-0,
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .ps-md-0,
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: calc(0.25 * var(--root-unit)) !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: calc(0.25 * var(--root-unit)) !important;
  }
  .pe-md-1,
  .pr-md-1,
  .px-md-1 {
    padding-right: calc(0.25 * var(--root-unit)) !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: calc(0.25 * var(--root-unit)) !important;
  }
  .ps-md-1,
  .pl-md-1,
  .px-md-1 {
    padding-left: calc(0.25 * var(--root-unit)) !important;
  }
  .p-md-2 {
    padding: calc(0.5 * var(--root-unit)) !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: calc(0.5 * var(--root-unit)) !important;
  }
  .pe-md-2,
  .pr-md-2,
  .px-md-2 {
    padding-right: calc(0.5 * var(--root-unit)) !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: calc(0.5 * var(--root-unit)) !important;
  }
  .ps-md-2,
  .pl-md-2,
  .px-md-2 {
    padding-left: calc(0.5 * var(--root-unit)) !important;
  }
  .p-md-3 {
    padding: calc(1 * var(--root-unit)) !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: calc(1 * var(--root-unit)) !important;
  }
  .pe-md-3,
  .pr-md-3,
  .px-md-3 {
    padding-right: calc(1 * var(--root-unit)) !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: calc(1 * var(--root-unit)) !important;
  }
  .ps-md-3,
  .pl-md-3,
  .px-md-3 {
    padding-left: calc(1 * var(--root-unit)) !important;
  }
  .p-md-4 {
    padding: calc(1.5 * var(--root-unit)) !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: calc(1.5 * var(--root-unit)) !important;
  }
  .pe-md-4,
  .pr-md-4,
  .px-md-4 {
    padding-right: calc(1.5 * var(--root-unit)) !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: calc(1.5 * var(--root-unit)) !important;
  }
  .ps-md-4,
  .pl-md-4,
  .px-md-4 {
    padding-left: calc(1.5 * var(--root-unit)) !important;
  }
  .p-md-4plus {
    padding: calc(2 * var(--root-unit)) !important;
  }
  .pt-md-4plus,
  .py-md-4plus {
    padding-top: calc(2 * var(--root-unit)) !important;
  }
  .pe-md-4plus,
  .pr-md-4plus,
  .px-md-4plus {
    padding-right: calc(2 * var(--root-unit)) !important;
  }
  .pb-md-4plus,
  .py-md-4plus {
    padding-bottom: calc(2 * var(--root-unit)) !important;
  }
  .ps-md-4plus,
  .pl-md-4plus,
  .px-md-4plus {
    padding-left: calc(2 * var(--root-unit)) !important;
  }
  .p-md-5 {
    padding: calc(2.5 * var(--root-unit)) !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: calc(2.5 * var(--root-unit)) !important;
  }
  .pe-md-5,
  .pr-md-5,
  .px-md-5 {
    padding-right: calc(2.5 * var(--root-unit)) !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: calc(2.5 * var(--root-unit)) !important;
  }
  .ps-md-5,
  .pl-md-5,
  .px-md-5 {
    padding-left: calc(2.5 * var(--root-unit)) !important;
  }
  .p-md-6 {
    padding: calc(3 * var(--root-unit)) !important;
  }
  .pt-md-6,
  .py-md-6 {
    padding-top: calc(3 * var(--root-unit)) !important;
  }
  .pe-md-6,
  .pr-md-6,
  .px-md-6 {
    padding-right: calc(3 * var(--root-unit)) !important;
  }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: calc(3 * var(--root-unit)) !important;
  }
  .ps-md-6,
  .pl-md-6,
  .px-md-6 {
    padding-left: calc(3 * var(--root-unit)) !important;
  }
  .p-md-7 {
    padding: calc(3.5 * var(--root-unit)) !important;
  }
  .pt-md-7,
  .py-md-7 {
    padding-top: calc(3.5 * var(--root-unit)) !important;
  }
  .pe-md-7,
  .pr-md-7,
  .px-md-7 {
    padding-right: calc(3.5 * var(--root-unit)) !important;
  }
  .pb-md-7,
  .py-md-7 {
    padding-bottom: calc(3.5 * var(--root-unit)) !important;
  }
  .ps-md-7,
  .pl-md-7,
  .px-md-7 {
    padding-left: calc(3.5 * var(--root-unit)) !important;
  }
  .p-md-8 {
    padding: calc(4 * var(--root-unit)) !important;
  }
  .pt-md-8,
  .py-md-8 {
    padding-top: calc(4 * var(--root-unit)) !important;
  }
  .pe-md-8,
  .pr-md-8,
  .px-md-8 {
    padding-right: calc(4 * var(--root-unit)) !important;
  }
  .pb-md-8,
  .py-md-8 {
    padding-bottom: calc(4 * var(--root-unit)) !important;
  }
  .ps-md-8,
  .pl-md-8,
  .px-md-8 {
    padding-left: calc(4 * var(--root-unit)) !important;
  }
  .p-md-9 {
    padding: calc(4.5 * var(--root-unit)) !important;
  }
  .pt-md-9,
  .py-md-9 {
    padding-top: calc(4.5 * var(--root-unit)) !important;
  }
  .pe-md-9,
  .pr-md-9,
  .px-md-9 {
    padding-right: calc(4.5 * var(--root-unit)) !important;
  }
  .pb-md-9,
  .py-md-9 {
    padding-bottom: calc(4.5 * var(--root-unit)) !important;
  }
  .ps-md-9,
  .pl-md-9,
  .px-md-9 {
    padding-left: calc(4.5 * var(--root-unit)) !important;
  }
  .p-md-10 {
    padding: calc(5 * var(--root-unit)) !important;
  }
  .pt-md-10,
  .py-md-10 {
    padding-top: calc(5 * var(--root-unit)) !important;
  }
  .pe-md-10,
  .pr-md-10,
  .px-md-10 {
    padding-right: calc(5 * var(--root-unit)) !important;
  }
  .pb-md-10,
  .py-md-10 {
    padding-bottom: calc(5 * var(--root-unit)) !important;
  }
  .ps-md-10,
  .pl-md-10,
  .px-md-10 {
    padding-left: calc(5 * var(--root-unit)) !important;
  }
  .p-md-11 {
    padding: calc(5.5 * var(--root-unit)) !important;
  }
  .pt-md-11,
  .py-md-11 {
    padding-top: calc(5.5 * var(--root-unit)) !important;
  }
  .pe-md-11,
  .pr-md-11,
  .px-md-11 {
    padding-right: calc(5.5 * var(--root-unit)) !important;
  }
  .pb-md-11,
  .py-md-11 {
    padding-bottom: calc(5.5 * var(--root-unit)) !important;
  }
  .ps-md-11,
  .pl-md-11,
  .px-md-11 {
    padding-left: calc(5.5 * var(--root-unit)) !important;
  }
  .p-md-12 {
    padding: calc(6 * var(--root-unit)) !important;
  }
  .pt-md-12,
  .py-md-12 {
    padding-top: calc(6 * var(--root-unit)) !important;
  }
  .pe-md-12,
  .pr-md-12,
  .px-md-12 {
    padding-right: calc(6 * var(--root-unit)) !important;
  }
  .pb-md-12,
  .py-md-12 {
    padding-bottom: calc(6 * var(--root-unit)) !important;
  }
  .ps-md-12,
  .pl-md-12,
  .px-md-12 {
    padding-left: calc(6 * var(--root-unit)) !important;
  }
  .p-md-13 {
    padding: calc(6.5 * var(--root-unit)) !important;
  }
  .pt-md-13,
  .py-md-13 {
    padding-top: calc(6.5 * var(--root-unit)) !important;
  }
  .pe-md-13,
  .pr-md-13,
  .px-md-13 {
    padding-right: calc(6.5 * var(--root-unit)) !important;
  }
  .pb-md-13,
  .py-md-13 {
    padding-bottom: calc(6.5 * var(--root-unit)) !important;
  }
  .ps-md-13,
  .pl-md-13,
  .px-md-13 {
    padding-left: calc(6.5 * var(--root-unit)) !important;
  }
  .p-md-14 {
    padding: calc(7 * var(--root-unit)) !important;
  }
  .pt-md-14,
  .py-md-14 {
    padding-top: calc(7 * var(--root-unit)) !important;
  }
  .pe-md-14,
  .pr-md-14,
  .px-md-14 {
    padding-right: calc(7 * var(--root-unit)) !important;
  }
  .pb-md-14,
  .py-md-14 {
    padding-bottom: calc(7 * var(--root-unit)) !important;
  }
  .ps-md-14,
  .pl-md-14,
  .px-md-14 {
    padding-left: calc(7 * var(--root-unit)) !important;
  }
  .p-md-15 {
    padding: calc(7.5 * var(--root-unit)) !important;
  }
  .pt-md-15,
  .py-md-15 {
    padding-top: calc(7.5 * var(--root-unit)) !important;
  }
  .pe-md-15,
  .pr-md-15,
  .px-md-15 {
    padding-right: calc(7.5 * var(--root-unit)) !important;
  }
  .pb-md-15,
  .py-md-15 {
    padding-bottom: calc(7.5 * var(--root-unit)) !important;
  }
  .ps-md-15,
  .pl-md-15,
  .px-md-15 {
    padding-left: calc(7.5 * var(--root-unit)) !important;
  }
  .p-md-16 {
    padding: calc(8 * var(--root-unit)) !important;
  }
  .pt-md-16,
  .py-md-16 {
    padding-top: calc(8 * var(--root-unit)) !important;
  }
  .pe-md-16,
  .pr-md-16,
  .px-md-16 {
    padding-right: calc(8 * var(--root-unit)) !important;
  }
  .pb-md-16,
  .py-md-16 {
    padding-bottom: calc(8 * var(--root-unit)) !important;
  }
  .ps-md-16,
  .pl-md-16,
  .px-md-16 {
    padding-left: calc(8 * var(--root-unit)) !important;
  }
  .p-md-17 {
    padding: calc(8.5 * var(--root-unit)) !important;
  }
  .pt-md-17,
  .py-md-17 {
    padding-top: calc(8.5 * var(--root-unit)) !important;
  }
  .pe-md-17,
  .pr-md-17,
  .px-md-17 {
    padding-right: calc(8.5 * var(--root-unit)) !important;
  }
  .pb-md-17,
  .py-md-17 {
    padding-bottom: calc(8.5 * var(--root-unit)) !important;
  }
  .ps-md-17,
  .pl-md-17,
  .px-md-17 {
    padding-left: calc(8.5 * var(--root-unit)) !important;
  }
  .p-md-18 {
    padding: calc(9 * var(--root-unit)) !important;
  }
  .pt-md-18,
  .py-md-18 {
    padding-top: calc(9 * var(--root-unit)) !important;
  }
  .pe-md-18,
  .pr-md-18,
  .px-md-18 {
    padding-right: calc(9 * var(--root-unit)) !important;
  }
  .pb-md-18,
  .py-md-18 {
    padding-bottom: calc(9 * var(--root-unit)) !important;
  }
  .ps-md-18,
  .pl-md-18,
  .px-md-18 {
    padding-left: calc(9 * var(--root-unit)) !important;
  }
  .p-md-19 {
    padding: calc(9.5 * var(--root-unit)) !important;
  }
  .pt-md-19,
  .py-md-19 {
    padding-top: calc(9.5 * var(--root-unit)) !important;
  }
  .pe-md-19,
  .pr-md-19,
  .px-md-19 {
    padding-right: calc(9.5 * var(--root-unit)) !important;
  }
  .pb-md-19,
  .py-md-19 {
    padding-bottom: calc(9.5 * var(--root-unit)) !important;
  }
  .ps-md-19,
  .pl-md-19,
  .px-md-19 {
    padding-left: calc(9.5 * var(--root-unit)) !important;
  }
  .p-md-20 {
    padding: calc(10 * var(--root-unit)) !important;
  }
  .pt-md-20,
  .py-md-20 {
    padding-top: calc(10 * var(--root-unit)) !important;
  }
  .pe-md-20,
  .pr-md-20,
  .px-md-20 {
    padding-right: calc(10 * var(--root-unit)) !important;
  }
  .pb-md-20,
  .py-md-20 {
    padding-bottom: calc(10 * var(--root-unit)) !important;
  }
  .ps-md-20,
  .pl-md-20,
  .px-md-20 {
    padding-left: calc(10 * var(--root-unit)) !important;
  }
  .m-md-n1 {
    margin: calc(-0.25 * var(--root-unit)) !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: calc(-0.25 * var(--root-unit)) !important;
  }
  .me-md-n1,
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: calc(-0.25 * var(--root-unit)) !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: calc(-0.25 * var(--root-unit)) !important;
  }
  .ms-md-n1,
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: calc(-0.25 * var(--root-unit)) !important;
  }
  .m-md-n2 {
    margin: calc(-0.5 * var(--root-unit)) !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: calc(-0.5 * var(--root-unit)) !important;
  }
  .me-md-n2,
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: calc(-0.5 * var(--root-unit)) !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: calc(-0.5 * var(--root-unit)) !important;
  }
  .ms-md-n2,
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: calc(-0.5 * var(--root-unit)) !important;
  }
  .m-md-n3 {
    margin: calc(-1 * var(--root-unit)) !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: calc(-1 * var(--root-unit)) !important;
  }
  .me-md-n3,
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: calc(-1 * var(--root-unit)) !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: calc(-1 * var(--root-unit)) !important;
  }
  .ms-md-n3,
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: calc(-1 * var(--root-unit)) !important;
  }
  .m-md-n4 {
    margin: calc(-1.5 * var(--root-unit)) !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: calc(-1.5 * var(--root-unit)) !important;
  }
  .me-md-n4,
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: calc(-1.5 * var(--root-unit)) !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: calc(-1.5 * var(--root-unit)) !important;
  }
  .ms-md-n4,
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: calc(-1.5 * var(--root-unit)) !important;
  }
  .m-md-n4plus {
    margin: calc(-2 * var(--root-unit)) !important;
  }
  .mt-md-n4plus,
  .my-md-n4plus {
    margin-top: calc(-2 * var(--root-unit)) !important;
  }
  .me-md-n4plus,
  .mr-md-n4plus,
  .mx-md-n4plus {
    margin-right: calc(-2 * var(--root-unit)) !important;
  }
  .mb-md-n4plus,
  .my-md-n4plus {
    margin-bottom: calc(-2 * var(--root-unit)) !important;
  }
  .ms-md-n4plus,
  .ml-md-n4plus,
  .mx-md-n4plus {
    margin-left: calc(-2 * var(--root-unit)) !important;
  }
  .m-md-n5 {
    margin: calc(-3 * var(--root-unit)) !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: calc(-3 * var(--root-unit)) !important;
  }
  .me-md-n5,
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: calc(-3 * var(--root-unit)) !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: calc(-3 * var(--root-unit)) !important;
  }
  .ms-md-n5,
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: calc(-3 * var(--root-unit)) !important;
  }
  .m-md-n6 {
    margin: calc(-3.5 * var(--root-unit)) !important;
  }
  .mt-md-n6,
  .my-md-n6 {
    margin-top: calc(-3.5 * var(--root-unit)) !important;
  }
  .me-md-n6,
  .mr-md-n6,
  .mx-md-n6 {
    margin-right: calc(-3.5 * var(--root-unit)) !important;
  }
  .mb-md-n6,
  .my-md-n6 {
    margin-bottom: calc(-3.5 * var(--root-unit)) !important;
  }
  .ms-md-n6,
  .ml-md-n6,
  .mx-md-n6 {
    margin-left: calc(-3.5 * var(--root-unit)) !important;
  }
  .m-md-n7 {
    margin: calc(-4 * var(--root-unit)) !important;
  }
  .mt-md-n7,
  .my-md-n7 {
    margin-top: calc(-4 * var(--root-unit)) !important;
  }
  .me-md-n7,
  .mr-md-n7,
  .mx-md-n7 {
    margin-right: calc(-4 * var(--root-unit)) !important;
  }
  .mb-md-n7,
  .my-md-n7 {
    margin-bottom: calc(-4 * var(--root-unit)) !important;
  }
  .ms-md-n7,
  .ml-md-n7,
  .mx-md-n7 {
    margin-left: calc(-4 * var(--root-unit)) !important;
  }
  .m-md-n8 {
    margin: calc(-4.5 * var(--root-unit)) !important;
  }
  .mt-md-n8,
  .my-md-n8 {
    margin-top: calc(-4.5 * var(--root-unit)) !important;
  }
  .me-md-n8,
  .mr-md-n8,
  .mx-md-n8 {
    margin-right: calc(-4.5 * var(--root-unit)) !important;
  }
  .mb-md-n8,
  .my-md-n8 {
    margin-bottom: calc(-4.5 * var(--root-unit)) !important;
  }
  .ms-md-n8,
  .ml-md-n8,
  .mx-md-n8 {
    margin-left: calc(-4.5 * var(--root-unit)) !important;
  }
  .m-md-n9 {
    margin: calc(-5 * var(--root-unit)) !important;
  }
  .mt-md-n9,
  .my-md-n9 {
    margin-top: calc(-5 * var(--root-unit)) !important;
  }
  .me-md-n9,
  .mr-md-n9,
  .mx-md-n9 {
    margin-right: calc(-5 * var(--root-unit)) !important;
  }
  .mb-md-n9,
  .my-md-n9 {
    margin-bottom: calc(-5 * var(--root-unit)) !important;
  }
  .ms-md-n9,
  .ml-md-n9,
  .mx-md-n9 {
    margin-left: calc(-5 * var(--root-unit)) !important;
  }
  .m-md-n10 {
    margin: calc(-6 * var(--root-unit)) !important;
  }
  .mt-md-n10,
  .my-md-n10 {
    margin-top: calc(-6 * var(--root-unit)) !important;
  }
  .me-md-n10,
  .mr-md-n10,
  .mx-md-n10 {
    margin-right: calc(-6 * var(--root-unit)) !important;
  }
  .mb-md-n10,
  .my-md-n10 {
    margin-bottom: calc(-6 * var(--root-unit)) !important;
  }
  .ms-md-n10,
  .ml-md-n10,
  .mx-md-n10 {
    margin-left: calc(-6 * var(--root-unit)) !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .me-md-auto,
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-auto,
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-n1 {
    margin: calc(-0.25 * var(--root-unit)) !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: calc(-0.25 * var(--root-unit)) !important;
  }
  .me-lg-n1,
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: calc(-0.25 * var(--root-unit)) !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: calc(-0.25 * var(--root-unit)) !important;
  }
  .ms-lg-n1,
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: calc(-0.25 * var(--root-unit)) !important;
  }
  .m-lg-n2 {
    margin: calc(-0.5 * var(--root-unit)) !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: calc(-0.5 * var(--root-unit)) !important;
  }
  .me-lg-n2,
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: calc(-0.5 * var(--root-unit)) !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: calc(-0.5 * var(--root-unit)) !important;
  }
  .ms-lg-n2,
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: calc(-0.5 * var(--root-unit)) !important;
  }
  .m-lg-n3 {
    margin: calc(-1 * var(--root-unit)) !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: calc(-1 * var(--root-unit)) !important;
  }
  .me-lg-n3,
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: calc(-1 * var(--root-unit)) !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: calc(-1 * var(--root-unit)) !important;
  }
  .ms-lg-n3,
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: calc(-1 * var(--root-unit)) !important;
  }
  .m-lg-n4 {
    margin: calc(-1.5 * var(--root-unit)) !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: calc(-1.5 * var(--root-unit)) !important;
  }
  .me-lg-n4,
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: calc(-1.5 * var(--root-unit)) !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: calc(-1.5 * var(--root-unit)) !important;
  }
  .ms-lg-n4,
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: calc(-1.5 * var(--root-unit)) !important;
  }
  .m-lg-n4plus {
    margin: calc(-2 * var(--root-unit)) !important;
  }
  .mt-lg-n4plus,
  .my-lg-n4plus {
    margin-top: calc(-2 * var(--root-unit)) !important;
  }
  .me-lg-n4plus,
  .mr-lg-n4plus,
  .mx-lg-n4plus {
    margin-right: calc(-2 * var(--root-unit)) !important;
  }
  .mb-lg-n4plus,
  .my-lg-n4plus {
    margin-bottom: calc(-2 * var(--root-unit)) !important;
  }
  .ms-lg-n4plus,
  .ml-lg-n4plus,
  .mx-lg-n4plus {
    margin-left: calc(-2 * var(--root-unit)) !important;
  }
  .m-lg-n5 {
    margin: calc(-2.5 * var(--root-unit)) !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: calc(-2.5 * var(--root-unit)) !important;
  }
  .me-lg-n5,
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: calc(-2.5 * var(--root-unit)) !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: calc(-2.5 * var(--root-unit)) !important;
  }
  .ms-lg-n5,
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: calc(-2.5 * var(--root-unit)) !important;
  }
  .m-lg-n6 {
    margin: calc(-3 * var(--root-unit)) !important;
  }
  .mt-lg-n6,
  .my-lg-n6 {
    margin-top: calc(-3 * var(--root-unit)) !important;
  }
  .me-lg-n6,
  .mr-lg-n6,
  .mx-lg-n6 {
    margin-right: calc(-3 * var(--root-unit)) !important;
  }
  .mb-lg-n6,
  .my-lg-n6 {
    margin-bottom: calc(-3 * var(--root-unit)) !important;
  }
  .ms-lg-n6,
  .ml-lg-n6,
  .mx-lg-n6 {
    margin-left: calc(-3 * var(--root-unit)) !important;
  }
  .m-lg-n7 {
    margin: calc(-3.5 * var(--root-unit)) !important;
  }
  .mt-lg-n7,
  .my-lg-n7 {
    margin-top: calc(-3.5 * var(--root-unit)) !important;
  }
  .me-lg-n7,
  .mr-lg-n7,
  .mx-lg-n7 {
    margin-right: calc(-3.5 * var(--root-unit)) !important;
  }
  .mb-lg-n7,
  .my-lg-n7 {
    margin-bottom: calc(-3.5 * var(--root-unit)) !important;
  }
  .ms-lg-n7,
  .ml-lg-n7,
  .mx-lg-n7 {
    margin-left: calc(-3.5 * var(--root-unit)) !important;
  }
  .m-lg-n8 {
    margin: calc(-4 * var(--root-unit)) !important;
  }
  .mt-lg-n8,
  .my-lg-n8 {
    margin-top: calc(-4 * var(--root-unit)) !important;
  }
  .me-lg-n8,
  .mr-lg-n8,
  .mx-lg-n8 {
    margin-right: calc(-4 * var(--root-unit)) !important;
  }
  .mb-lg-n8,
  .my-lg-n8 {
    margin-bottom: calc(-4 * var(--root-unit)) !important;
  }
  .ms-lg-n8,
  .ml-lg-n8,
  .mx-lg-n8 {
    margin-left: calc(-4 * var(--root-unit)) !important;
  }
  .m-lg-n9 {
    margin: calc(-4.5 * var(--root-unit)) !important;
  }
  .mt-lg-n9,
  .my-lg-n9 {
    margin-top: calc(-4.5 * var(--root-unit)) !important;
  }
  .me-lg-n9,
  .mr-lg-n9,
  .mx-lg-n9 {
    margin-right: calc(-4.5 * var(--root-unit)) !important;
  }
  .mb-lg-n9,
  .my-lg-n9 {
    margin-bottom: calc(-4.5 * var(--root-unit)) !important;
  }
  .ms-lg-n9,
  .ml-lg-n9,
  .mx-lg-n9 {
    margin-left: calc(-4.5 * var(--root-unit)) !important;
  }
  .m-lg-n10 {
    margin: calc(-5 * var(--root-unit)) !important;
  }
  .mt-lg-n10,
  .my-lg-n10 {
    margin-top: calc(-5 * var(--root-unit)) !important;
  }
  .me-lg-n10,
  .mr-lg-n10,
  .mx-lg-n10 {
    margin-right: calc(-5 * var(--root-unit)) !important;
  }
  .mb-lg-n10,
  .my-lg-n10 {
    margin-bottom: calc(-5 * var(--root-unit)) !important;
  }
  .ms-lg-n10,
  .ml-lg-n10,
  .mx-lg-n10 {
    margin-left: calc(-5 * var(--root-unit)) !important;
  }
  .m-lg-n11 {
    margin: calc(-5.5 * var(--root-unit)) !important;
  }
  .mt-lg-n11,
  .my-lg-n11 {
    margin-top: calc(-5.5 * var(--root-unit)) !important;
  }
  .me-lg-n11,
  .mr-lg-n11,
  .mx-lg-n11 {
    margin-right: calc(-5.5 * var(--root-unit)) !important;
  }
  .mb-lg-n11,
  .my-lg-n11 {
    margin-bottom: calc(-5.5 * var(--root-unit)) !important;
  }
  .ms-lg-n11,
  .ml-lg-n11,
  .mx-lg-n11 {
    margin-left: calc(-5.5 * var(--root-unit)) !important;
  }
  .m-lg-n12 {
    margin: calc(-6 * var(--root-unit)) !important;
  }
  .mt-lg-n12,
  .my-lg-n12 {
    margin-top: calc(-6 * var(--root-unit)) !important;
  }
  .me-lg-n12,
  .mr-lg-n12,
  .mx-lg-n12 {
    margin-right: calc(-6 * var(--root-unit)) !important;
  }
  .mb-lg-n12,
  .my-lg-n12 {
    margin-bottom: calc(-6 * var(--root-unit)) !important;
  }
  .ms-lg-n12,
  .ml-lg-n12,
  .mx-lg-n12 {
    margin-left: calc(-6 * var(--root-unit)) !important;
  }
  .m-lg-n13 {
    margin: calc(-6.5 * var(--root-unit)) !important;
  }
  .mt-lg-n13,
  .my-lg-n13 {
    margin-top: calc(-6.5 * var(--root-unit)) !important;
  }
  .me-lg-n13,
  .mr-lg-n13,
  .mx-lg-n13 {
    margin-right: calc(-6.5 * var(--root-unit)) !important;
  }
  .mb-lg-n13,
  .my-lg-n13 {
    margin-bottom: calc(-6.5 * var(--root-unit)) !important;
  }
  .ms-lg-n13,
  .ml-lg-n13,
  .mx-lg-n13 {
    margin-left: calc(-6.5 * var(--root-unit)) !important;
  }
  .m-lg-n14 {
    margin: calc(-7 * var(--root-unit)) !important;
  }
  .mt-lg-n14,
  .my-lg-n14 {
    margin-top: calc(-7 * var(--root-unit)) !important;
  }
  .me-lg-n14,
  .mr-lg-n14,
  .mx-lg-n14 {
    margin-right: calc(-7 * var(--root-unit)) !important;
  }
  .mb-lg-n14,
  .my-lg-n14 {
    margin-bottom: calc(-7 * var(--root-unit)) !important;
  }
  .ms-lg-n14,
  .ml-lg-n14,
  .mx-lg-n14 {
    margin-left: calc(-7 * var(--root-unit)) !important;
  }
  .m-lg-n15 {
    margin: calc(-8 * var(--root-unit)) !important;
  }
  .mt-lg-n15,
  .my-lg-n15 {
    margin-top: calc(-8 * var(--root-unit)) !important;
  }
  .me-lg-n15,
  .mr-lg-n15,
  .mx-lg-n15 {
    margin-right: calc(-8 * var(--root-unit)) !important;
  }
  .mb-lg-n15,
  .my-lg-n15 {
    margin-bottom: calc(-8 * var(--root-unit)) !important;
  }
  .ms-lg-n15,
  .ml-lg-n15,
  .mx-lg-n15 {
    margin-left: calc(-8 * var(--root-unit)) !important;
  }
  .m-lg-n16 {
    margin: calc(-8.5 * var(--root-unit)) !important;
  }
  .mt-lg-n16,
  .my-lg-n16 {
    margin-top: calc(-8.5 * var(--root-unit)) !important;
  }
  .me-lg-n16,
  .mr-lg-n16,
  .mx-lg-n16 {
    margin-right: calc(-8.5 * var(--root-unit)) !important;
  }
  .mb-lg-n16,
  .my-lg-n16 {
    margin-bottom: calc(-8.5 * var(--root-unit)) !important;
  }
  .ms-lg-n16,
  .ml-lg-n16,
  .mx-lg-n16 {
    margin-left: calc(-8.5 * var(--root-unit)) !important;
  }
  .m-lg-n17 {
    margin: calc(-9 * var(--root-unit)) !important;
  }
  .mt-lg-n17,
  .my-lg-n17 {
    margin-top: calc(-9 * var(--root-unit)) !important;
  }
  .me-lg-n17,
  .mr-lg-n17,
  .mx-lg-n17 {
    margin-right: calc(-9 * var(--root-unit)) !important;
  }
  .mb-lg-n17,
  .my-lg-n17 {
    margin-bottom: calc(-9 * var(--root-unit)) !important;
  }
  .ms-lg-n17,
  .ml-lg-n17,
  .mx-lg-n17 {
    margin-left: calc(-9 * var(--root-unit)) !important;
  }
  .m-lg-n18 {
    margin: calc(-9.5 * var(--root-unit)) !important;
  }
  .mt-lg-n18,
  .my-lg-n18 {
    margin-top: calc(-9.5 * var(--root-unit)) !important;
  }
  .me-lg-n18,
  .mr-lg-n18,
  .mx-lg-n18 {
    margin-right: calc(-9.5 * var(--root-unit)) !important;
  }
  .mb-lg-n18,
  .my-lg-n18 {
    margin-bottom: calc(-9.5 * var(--root-unit)) !important;
  }
  .ms-lg-n18,
  .ml-lg-n18,
  .mx-lg-n18 {
    margin-left: calc(-9.5 * var(--root-unit)) !important;
  }
  .m-lg-n19 {
    margin: calc(-10 * var(--root-unit)) !important;
  }
  .mt-lg-n19,
  .my-lg-n19 {
    margin-top: calc(-10 * var(--root-unit)) !important;
  }
  .me-lg-n19,
  .mr-lg-n19,
  .mx-lg-n19 {
    margin-right: calc(-10 * var(--root-unit)) !important;
  }
  .mb-lg-n19,
  .my-lg-n19 {
    margin-bottom: calc(-10 * var(--root-unit)) !important;
  }
  .ms-lg-n19,
  .ml-lg-n19,
  .mx-lg-n19 {
    margin-left: calc(-10 * var(--root-unit)) !important;
  }
  .m-lg-n20 {
    margin: calc(-10.5 * var(--root-unit)) !important;
  }
  .mt-lg-n20,
  .my-lg-n20 {
    margin-top: calc(-10.5 * var(--root-unit)) !important;
  }
  .me-lg-n20,
  .mr-lg-n20,
  .mx-lg-n20 {
    margin-right: calc(-10.5 * var(--root-unit)) !important;
  }
  .mb-lg-n20,
  .my-lg-n20 {
    margin-bottom: calc(-10.5 * var(--root-unit)) !important;
  }
  .ms-lg-n20,
  .ml-lg-n20,
  .mx-lg-n20 {
    margin-left: calc(-10.5 * var(--root-unit)) !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .me-lg-0,
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ms-lg-0,
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: calc(0.25 * var(--root-unit)) !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: calc(0.25 * var(--root-unit)) !important;
  }
  .me-lg-1,
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: calc(0.25 * var(--root-unit)) !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: calc(0.25 * var(--root-unit)) !important;
  }
  .ms-lg-1,
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: calc(0.25 * var(--root-unit)) !important;
  }
  .m-lg-2 {
    margin: calc(0.5 * var(--root-unit)) !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: calc(0.5 * var(--root-unit)) !important;
  }
  .me-lg-2,
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: calc(0.5 * var(--root-unit)) !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: calc(0.5 * var(--root-unit)) !important;
  }
  .ms-lg-2,
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: calc(0.5 * var(--root-unit)) !important;
  }
  .m-lg-3 {
    margin: calc(1 * var(--root-unit)) !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: calc(1 * var(--root-unit)) !important;
  }
  .me-lg-3,
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: calc(1 * var(--root-unit)) !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: calc(1 * var(--root-unit)) !important;
  }
  .ms-lg-3,
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: calc(1 * var(--root-unit)) !important;
  }
  .m-lg-4 {
    margin: calc(1.5 * var(--root-unit)) !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: calc(1.5 * var(--root-unit)) !important;
  }
  .me-lg-4,
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: calc(1.5 * var(--root-unit)) !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: calc(1.5 * var(--root-unit)) !important;
  }
  .ms-lg-4,
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: calc(1.5 * var(--root-unit)) !important;
  }
  .m-lg-4plus {
    margin: calc(2 * var(--root-unit)) !important;
  }
  .mt-lg-4plus,
  .my-lg-4plus {
    margin-top: calc(2 * var(--root-unit)) !important;
  }
  .me-lg-4plus,
  .mr-lg-4plus,
  .mx-lg-4plus {
    margin-right: calc(2 * var(--root-unit)) !important;
  }
  .mb-lg-4plus,
  .my-lg-4plus {
    margin-bottom: calc(2 * var(--root-unit)) !important;
  }
  .ms-lg-4plus,
  .ml-lg-4plus,
  .mx-lg-4plus {
    margin-left: calc(2 * var(--root-unit)) !important;
  }
  .m-lg-5 {
    margin: calc(2.5 * var(--root-unit)) !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: calc(2.5 * var(--root-unit)) !important;
  }
  .me-lg-5,
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: calc(2.5 * var(--root-unit)) !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: calc(2.5 * var(--root-unit)) !important;
  }
  .ms-lg-5,
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: calc(2.5 * var(--root-unit)) !important;
  }
  .m-lg-6 {
    margin: calc(3 * var(--root-unit)) !important;
  }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: calc(3 * var(--root-unit)) !important;
  }
  .me-lg-6,
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: calc(3 * var(--root-unit)) !important;
  }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: calc(3 * var(--root-unit)) !important;
  }
  .ms-lg-6,
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: calc(3 * var(--root-unit)) !important;
  }
  .m-lg-7 {
    margin: calc(3.5 * var(--root-unit)) !important;
  }
  .mt-lg-7,
  .my-lg-7 {
    margin-top: calc(3.5 * var(--root-unit)) !important;
  }
  .me-lg-7,
  .mr-lg-7,
  .mx-lg-7 {
    margin-right: calc(3.5 * var(--root-unit)) !important;
  }
  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: calc(3.5 * var(--root-unit)) !important;
  }
  .ms-lg-7,
  .ml-lg-7,
  .mx-lg-7 {
    margin-left: calc(3.5 * var(--root-unit)) !important;
  }
  .m-lg-8 {
    margin: calc(4 * var(--root-unit)) !important;
  }
  .mt-lg-8,
  .my-lg-8 {
    margin-top: calc(4 * var(--root-unit)) !important;
  }
  .me-lg-8,
  .mr-lg-8,
  .mx-lg-8 {
    margin-right: calc(4 * var(--root-unit)) !important;
  }
  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: calc(4 * var(--root-unit)) !important;
  }
  .ms-lg-8,
  .ml-lg-8,
  .mx-lg-8 {
    margin-left: calc(4 * var(--root-unit)) !important;
  }
  .m-lg-9 {
    margin: calc(4.5 * var(--root-unit)) !important;
  }
  .mt-lg-9,
  .my-lg-9 {
    margin-top: calc(4.5 * var(--root-unit)) !important;
  }
  .me-lg-9,
  .mr-lg-9,
  .mx-lg-9 {
    margin-right: calc(4.5 * var(--root-unit)) !important;
  }
  .mb-lg-9,
  .my-lg-9 {
    margin-bottom: calc(4.5 * var(--root-unit)) !important;
  }
  .ms-lg-9,
  .ml-lg-9,
  .mx-lg-9 {
    margin-left: calc(4.5 * var(--root-unit)) !important;
  }
  .m-lg-10 {
    margin: calc(5 * var(--root-unit)) !important;
  }
  .mt-lg-10,
  .my-lg-10 {
    margin-top: calc(5 * var(--root-unit)) !important;
  }
  .me-lg-10,
  .mr-lg-10,
  .mx-lg-10 {
    margin-right: calc(5 * var(--root-unit)) !important;
  }
  .mb-lg-10,
  .my-lg-10 {
    margin-bottom: calc(5 * var(--root-unit)) !important;
  }
  .ms-lg-10,
  .ml-lg-10,
  .mx-lg-10 {
    margin-left: calc(5 * var(--root-unit)) !important;
  }
  .m-lg-11 {
    margin: calc(5.5 * var(--root-unit)) !important;
  }
  .mt-lg-11,
  .my-lg-11 {
    margin-top: calc(5.5 * var(--root-unit)) !important;
  }
  .me-lg-11,
  .mr-lg-11,
  .mx-lg-11 {
    margin-right: calc(5.5 * var(--root-unit)) !important;
  }
  .mb-lg-11,
  .my-lg-11 {
    margin-bottom: calc(5.5 * var(--root-unit)) !important;
  }
  .ms-lg-11,
  .ml-lg-11,
  .mx-lg-11 {
    margin-left: calc(5.5 * var(--root-unit)) !important;
  }
  .m-lg-12 {
    margin: calc(6 * var(--root-unit)) !important;
  }
  .mt-lg-12,
  .my-lg-12 {
    margin-top: calc(6 * var(--root-unit)) !important;
  }
  .me-lg-12,
  .mr-lg-12,
  .mx-lg-12 {
    margin-right: calc(6 * var(--root-unit)) !important;
  }
  .mb-lg-12,
  .my-lg-12 {
    margin-bottom: calc(6 * var(--root-unit)) !important;
  }
  .ms-lg-12,
  .ml-lg-12,
  .mx-lg-12 {
    margin-left: calc(6 * var(--root-unit)) !important;
  }
  .m-lg-13 {
    margin: calc(6.5 * var(--root-unit)) !important;
  }
  .mt-lg-13,
  .my-lg-13 {
    margin-top: calc(6.5 * var(--root-unit)) !important;
  }
  .me-lg-13,
  .mr-lg-13,
  .mx-lg-13 {
    margin-right: calc(6.5 * var(--root-unit)) !important;
  }
  .mb-lg-13,
  .my-lg-13 {
    margin-bottom: calc(6.5 * var(--root-unit)) !important;
  }
  .ms-lg-13,
  .ml-lg-13,
  .mx-lg-13 {
    margin-left: calc(6.5 * var(--root-unit)) !important;
  }
  .m-lg-14 {
    margin: calc(7 * var(--root-unit)) !important;
  }
  .mt-lg-14,
  .my-lg-14 {
    margin-top: calc(7 * var(--root-unit)) !important;
  }
  .me-lg-14,
  .mr-lg-14,
  .mx-lg-14 {
    margin-right: calc(7 * var(--root-unit)) !important;
  }
  .mb-lg-14,
  .my-lg-14 {
    margin-bottom: calc(7 * var(--root-unit)) !important;
  }
  .ms-lg-14,
  .ml-lg-14,
  .mx-lg-14 {
    margin-left: calc(7 * var(--root-unit)) !important;
  }
  .m-lg-15 {
    margin: calc(7.5 * var(--root-unit)) !important;
  }
  .mt-lg-15,
  .my-lg-15 {
    margin-top: calc(7.5 * var(--root-unit)) !important;
  }
  .me-lg-15,
  .mr-lg-15,
  .mx-lg-15 {
    margin-right: calc(7.5 * var(--root-unit)) !important;
  }
  .mb-lg-15,
  .my-lg-15 {
    margin-bottom: calc(7.5 * var(--root-unit)) !important;
  }
  .ms-lg-15,
  .ml-lg-15,
  .mx-lg-15 {
    margin-left: calc(7.5 * var(--root-unit)) !important;
  }
  .m-lg-16 {
    margin: calc(8 * var(--root-unit)) !important;
  }
  .mt-lg-16,
  .my-lg-16 {
    margin-top: calc(8 * var(--root-unit)) !important;
  }
  .me-lg-16,
  .mr-lg-16,
  .mx-lg-16 {
    margin-right: calc(8 * var(--root-unit)) !important;
  }
  .mb-lg-16,
  .my-lg-16 {
    margin-bottom: calc(8 * var(--root-unit)) !important;
  }
  .ms-lg-16,
  .ml-lg-16,
  .mx-lg-16 {
    margin-left: calc(8 * var(--root-unit)) !important;
  }
  .m-lg-17 {
    margin: calc(8.5 * var(--root-unit)) !important;
  }
  .mt-lg-17,
  .my-lg-17 {
    margin-top: calc(8.5 * var(--root-unit)) !important;
  }
  .me-lg-17,
  .mr-lg-17,
  .mx-lg-17 {
    margin-right: calc(8.5 * var(--root-unit)) !important;
  }
  .mb-lg-17,
  .my-lg-17 {
    margin-bottom: calc(8.5 * var(--root-unit)) !important;
  }
  .ms-lg-17,
  .ml-lg-17,
  .mx-lg-17 {
    margin-left: calc(8.5 * var(--root-unit)) !important;
  }
  .m-lg-18 {
    margin: calc(9 * var(--root-unit)) !important;
  }
  .mt-lg-18,
  .my-lg-18 {
    margin-top: calc(9 * var(--root-unit)) !important;
  }
  .me-lg-18,
  .mr-lg-18,
  .mx-lg-18 {
    margin-right: calc(9 * var(--root-unit)) !important;
  }
  .mb-lg-18,
  .my-lg-18 {
    margin-bottom: calc(9 * var(--root-unit)) !important;
  }
  .ms-lg-18,
  .ml-lg-18,
  .mx-lg-18 {
    margin-left: calc(9 * var(--root-unit)) !important;
  }
  .m-lg-19 {
    margin: calc(9.5 * var(--root-unit)) !important;
  }
  .mt-lg-19,
  .my-lg-19 {
    margin-top: calc(9.5 * var(--root-unit)) !important;
  }
  .me-lg-19,
  .mr-lg-19,
  .mx-lg-19 {
    margin-right: calc(9.5 * var(--root-unit)) !important;
  }
  .mb-lg-19,
  .my-lg-19 {
    margin-bottom: calc(9.5 * var(--root-unit)) !important;
  }
  .ms-lg-19,
  .ml-lg-19,
  .mx-lg-19 {
    margin-left: calc(9.5 * var(--root-unit)) !important;
  }
  .m-lg-20 {
    margin: calc(10 * var(--root-unit)) !important;
  }
  .mt-lg-20,
  .my-lg-20 {
    margin-top: calc(10 * var(--root-unit)) !important;
  }
  .me-lg-20,
  .mr-lg-20,
  .mx-lg-20 {
    margin-right: calc(10 * var(--root-unit)) !important;
  }
  .mb-lg-20,
  .my-lg-20 {
    margin-bottom: calc(10 * var(--root-unit)) !important;
  }
  .ms-lg-20,
  .ml-lg-20,
  .mx-lg-20 {
    margin-left: calc(10 * var(--root-unit)) !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pe-lg-0,
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .ps-lg-0,
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: calc(0.25 * var(--root-unit)) !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: calc(0.25 * var(--root-unit)) !important;
  }
  .pe-lg-1,
  .pr-lg-1,
  .px-lg-1 {
    padding-right: calc(0.25 * var(--root-unit)) !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: calc(0.25 * var(--root-unit)) !important;
  }
  .ps-lg-1,
  .pl-lg-1,
  .px-lg-1 {
    padding-left: calc(0.25 * var(--root-unit)) !important;
  }
  .p-lg-2 {
    padding: calc(0.5 * var(--root-unit)) !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: calc(0.5 * var(--root-unit)) !important;
  }
  .pe-lg-2,
  .pr-lg-2,
  .px-lg-2 {
    padding-right: calc(0.5 * var(--root-unit)) !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: calc(0.5 * var(--root-unit)) !important;
  }
  .ps-lg-2,
  .pl-lg-2,
  .px-lg-2 {
    padding-left: calc(0.5 * var(--root-unit)) !important;
  }
  .p-lg-3 {
    padding: calc(1 * var(--root-unit)) !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: calc(1 * var(--root-unit)) !important;
  }
  .pe-lg-3,
  .pr-lg-3,
  .px-lg-3 {
    padding-right: calc(1 * var(--root-unit)) !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: calc(1 * var(--root-unit)) !important;
  }
  .ps-lg-3,
  .pl-lg-3,
  .px-lg-3 {
    padding-left: calc(1 * var(--root-unit)) !important;
  }
  .p-lg-4 {
    padding: calc(1.5 * var(--root-unit)) !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: calc(1.5 * var(--root-unit)) !important;
  }
  .pe-lg-4,
  .pr-lg-4,
  .px-lg-4 {
    padding-right: calc(1.5 * var(--root-unit)) !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: calc(1.5 * var(--root-unit)) !important;
  }
  .ps-lg-4,
  .pl-lg-4,
  .px-lg-4 {
    padding-left: calc(1.5 * var(--root-unit)) !important;
  }
  .p-lg-4plus {
    padding: calc(2 * var(--root-unit)) !important;
  }
  .pt-lg-4plus,
  .py-lg-4plus {
    padding-top: calc(2 * var(--root-unit)) !important;
  }
  .pe-lg-4plus,
  .pr-lg-4plus,
  .px-lg-4plus {
    padding-right: calc(2 * var(--root-unit)) !important;
  }
  .pb-lg-4plus,
  .py-lg-4plus {
    padding-bottom: calc(2 * var(--root-unit)) !important;
  }
  .ps-lg-4plus,
  .pl-lg-4plus,
  .px-lg-4plus {
    padding-left: calc(2 * var(--root-unit)) !important;
  }
  .p-lg-5 {
    padding: calc(2.5 * var(--root-unit)) !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: calc(2.5 * var(--root-unit)) !important;
  }
  .pe-lg-5,
  .pr-lg-5,
  .px-lg-5 {
    padding-right: calc(2.5 * var(--root-unit)) !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: calc(2.5 * var(--root-unit)) !important;
  }
  .ps-lg-5,
  .pl-lg-5,
  .px-lg-5 {
    padding-left: calc(2.5 * var(--root-unit)) !important;
  }
  .p-lg-6 {
    padding: calc(3 * var(--root-unit)) !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: calc(3 * var(--root-unit)) !important;
  }
  .pe-lg-6,
  .pr-lg-6,
  .px-lg-6 {
    padding-right: calc(3 * var(--root-unit)) !important;
  }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: calc(3 * var(--root-unit)) !important;
  }
  .ps-lg-6,
  .pl-lg-6,
  .px-lg-6 {
    padding-left: calc(3 * var(--root-unit)) !important;
  }
  .p-lg-7 {
    padding: calc(3.5 * var(--root-unit)) !important;
  }
  .pt-lg-7,
  .py-lg-7 {
    padding-top: calc(3.5 * var(--root-unit)) !important;
  }
  .pe-lg-7,
  .pr-lg-7,
  .px-lg-7 {
    padding-right: calc(3.5 * var(--root-unit)) !important;
  }
  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: calc(3.5 * var(--root-unit)) !important;
  }
  .ps-lg-7,
  .pl-lg-7,
  .px-lg-7 {
    padding-left: calc(3.5 * var(--root-unit)) !important;
  }
  .p-lg-8 {
    padding: calc(4 * var(--root-unit)) !important;
  }
  .pt-lg-8,
  .py-lg-8 {
    padding-top: calc(4 * var(--root-unit)) !important;
  }
  .pe-lg-8,
  .pr-lg-8,
  .px-lg-8 {
    padding-right: calc(4 * var(--root-unit)) !important;
  }
  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: calc(4 * var(--root-unit)) !important;
  }
  .ps-lg-8,
  .pl-lg-8,
  .px-lg-8 {
    padding-left: calc(4 * var(--root-unit)) !important;
  }
  .p-lg-9 {
    padding: calc(4.5 * var(--root-unit)) !important;
  }
  .pt-lg-9,
  .py-lg-9 {
    padding-top: calc(4.5 * var(--root-unit)) !important;
  }
  .pe-lg-9,
  .pr-lg-9,
  .px-lg-9 {
    padding-right: calc(4.5 * var(--root-unit)) !important;
  }
  .pb-lg-9,
  .py-lg-9 {
    padding-bottom: calc(4.5 * var(--root-unit)) !important;
  }
  .ps-lg-9,
  .pl-lg-9,
  .px-lg-9 {
    padding-left: calc(4.5 * var(--root-unit)) !important;
  }
  .p-lg-10 {
    padding: calc(5 * var(--root-unit)) !important;
  }
  .pt-lg-10,
  .py-lg-10 {
    padding-top: calc(5 * var(--root-unit)) !important;
  }
  .pe-lg-10,
  .pr-lg-10,
  .px-lg-10 {
    padding-right: calc(5 * var(--root-unit)) !important;
  }
  .pb-lg-10,
  .py-lg-10 {
    padding-bottom: calc(5 * var(--root-unit)) !important;
  }
  .ps-lg-10,
  .pl-lg-10,
  .px-lg-10 {
    padding-left: calc(5 * var(--root-unit)) !important;
  }
  .p-lg-11 {
    padding: calc(5.5 * var(--root-unit)) !important;
  }
  .pt-lg-11,
  .py-lg-11 {
    padding-top: calc(5.5 * var(--root-unit)) !important;
  }
  .pe-lg-11,
  .pr-lg-11,
  .px-lg-11 {
    padding-right: calc(5.5 * var(--root-unit)) !important;
  }
  .pb-lg-11,
  .py-lg-11 {
    padding-bottom: calc(5.5 * var(--root-unit)) !important;
  }
  .ps-lg-11,
  .pl-lg-11,
  .px-lg-11 {
    padding-left: calc(5.5 * var(--root-unit)) !important;
  }
  .p-lg-12 {
    padding: calc(6 * var(--root-unit)) !important;
  }
  .pt-lg-12,
  .py-lg-12 {
    padding-top: calc(6 * var(--root-unit)) !important;
  }
  .pe-lg-12,
  .pr-lg-12,
  .px-lg-12 {
    padding-right: calc(6 * var(--root-unit)) !important;
  }
  .pb-lg-12,
  .py-lg-12 {
    padding-bottom: calc(6 * var(--root-unit)) !important;
  }
  .ps-lg-12,
  .pl-lg-12,
  .px-lg-12 {
    padding-left: calc(6 * var(--root-unit)) !important;
  }
  .p-lg-13 {
    padding: calc(6.5 * var(--root-unit)) !important;
  }
  .pt-lg-13,
  .py-lg-13 {
    padding-top: calc(6.5 * var(--root-unit)) !important;
  }
  .pe-lg-13,
  .pr-lg-13,
  .px-lg-13 {
    padding-right: calc(6.5 * var(--root-unit)) !important;
  }
  .pb-lg-13,
  .py-lg-13 {
    padding-bottom: calc(6.5 * var(--root-unit)) !important;
  }
  .ps-lg-13,
  .pl-lg-13,
  .px-lg-13 {
    padding-left: calc(6.5 * var(--root-unit)) !important;
  }
  .p-lg-14 {
    padding: calc(7 * var(--root-unit)) !important;
  }
  .pt-lg-14,
  .py-lg-14 {
    padding-top: calc(7 * var(--root-unit)) !important;
  }
  .pe-lg-14,
  .pr-lg-14,
  .px-lg-14 {
    padding-right: calc(7 * var(--root-unit)) !important;
  }
  .pb-lg-14,
  .py-lg-14 {
    padding-bottom: calc(7 * var(--root-unit)) !important;
  }
  .ps-lg-14,
  .pl-lg-14,
  .px-lg-14 {
    padding-left: calc(7 * var(--root-unit)) !important;
  }
  .p-lg-15 {
    padding: calc(7.5 * var(--root-unit)) !important;
  }
  .pt-lg-15,
  .py-lg-15 {
    padding-top: calc(7.5 * var(--root-unit)) !important;
  }
  .pe-lg-15,
  .pr-lg-15,
  .px-lg-15 {
    padding-right: calc(7.5 * var(--root-unit)) !important;
  }
  .pb-lg-15,
  .py-lg-15 {
    padding-bottom: calc(7.5 * var(--root-unit)) !important;
  }
  .ps-lg-15,
  .pl-lg-15,
  .px-lg-15 {
    padding-left: calc(7.5 * var(--root-unit)) !important;
  }
  .p-lg-16 {
    padding: calc(8 * var(--root-unit)) !important;
  }
  .pt-lg-16,
  .py-lg-16 {
    padding-top: calc(8 * var(--root-unit)) !important;
  }
  .pe-lg-16,
  .pr-lg-16,
  .px-lg-16 {
    padding-right: calc(8 * var(--root-unit)) !important;
  }
  .pb-lg-16,
  .py-lg-16 {
    padding-bottom: calc(8 * var(--root-unit)) !important;
  }
  .ps-lg-16,
  .pl-lg-16,
  .px-lg-16 {
    padding-left: calc(8 * var(--root-unit)) !important;
  }
  .p-lg-17 {
    padding: calc(8.5 * var(--root-unit)) !important;
  }
  .pt-lg-17,
  .py-lg-17 {
    padding-top: calc(8.5 * var(--root-unit)) !important;
  }
  .pe-lg-17,
  .pr-lg-17,
  .px-lg-17 {
    padding-right: calc(8.5 * var(--root-unit)) !important;
  }
  .pb-lg-17,
  .py-lg-17 {
    padding-bottom: calc(8.5 * var(--root-unit)) !important;
  }
  .ps-lg-17,
  .pl-lg-17,
  .px-lg-17 {
    padding-left: calc(8.5 * var(--root-unit)) !important;
  }
  .p-lg-18 {
    padding: calc(9 * var(--root-unit)) !important;
  }
  .pt-lg-18,
  .py-lg-18 {
    padding-top: calc(9 * var(--root-unit)) !important;
  }
  .pe-lg-18,
  .pr-lg-18,
  .px-lg-18 {
    padding-right: calc(9 * var(--root-unit)) !important;
  }
  .pb-lg-18,
  .py-lg-18 {
    padding-bottom: calc(9 * var(--root-unit)) !important;
  }
  .ps-lg-18,
  .pl-lg-18,
  .px-lg-18 {
    padding-left: calc(9 * var(--root-unit)) !important;
  }
  .p-lg-19 {
    padding: calc(9.5 * var(--root-unit)) !important;
  }
  .pt-lg-19,
  .py-lg-19 {
    padding-top: calc(9.5 * var(--root-unit)) !important;
  }
  .pe-lg-19,
  .pr-lg-19,
  .px-lg-19 {
    padding-right: calc(9.5 * var(--root-unit)) !important;
  }
  .pb-lg-19,
  .py-lg-19 {
    padding-bottom: calc(9.5 * var(--root-unit)) !important;
  }
  .ps-lg-19,
  .pl-lg-19,
  .px-lg-19 {
    padding-left: calc(9.5 * var(--root-unit)) !important;
  }
  .p-lg-20 {
    padding: calc(10 * var(--root-unit)) !important;
  }
  .pt-lg-20,
  .py-lg-20 {
    padding-top: calc(10 * var(--root-unit)) !important;
  }
  .pe-lg-20,
  .pr-lg-20,
  .px-lg-20 {
    padding-right: calc(10 * var(--root-unit)) !important;
  }
  .pb-lg-20,
  .py-lg-20 {
    padding-bottom: calc(10 * var(--root-unit)) !important;
  }
  .ps-lg-20,
  .pl-lg-20,
  .px-lg-20 {
    padding-left: calc(10 * var(--root-unit)) !important;
  }
  .m-lg-n1 {
    margin: calc(-0.25 * var(--root-unit)) !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: calc(-0.25 * var(--root-unit)) !important;
  }
  .me-lg-n1,
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: calc(-0.25 * var(--root-unit)) !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: calc(-0.25 * var(--root-unit)) !important;
  }
  .ms-lg-n1,
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: calc(-0.25 * var(--root-unit)) !important;
  }
  .m-lg-n2 {
    margin: calc(-0.5 * var(--root-unit)) !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: calc(-0.5 * var(--root-unit)) !important;
  }
  .me-lg-n2,
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: calc(-0.5 * var(--root-unit)) !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: calc(-0.5 * var(--root-unit)) !important;
  }
  .ms-lg-n2,
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: calc(-0.5 * var(--root-unit)) !important;
  }
  .m-lg-n3 {
    margin: calc(-1 * var(--root-unit)) !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: calc(-1 * var(--root-unit)) !important;
  }
  .me-lg-n3,
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: calc(-1 * var(--root-unit)) !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: calc(-1 * var(--root-unit)) !important;
  }
  .ms-lg-n3,
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: calc(-1 * var(--root-unit)) !important;
  }
  .m-lg-n4 {
    margin: calc(-1.5 * var(--root-unit)) !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: calc(-1.5 * var(--root-unit)) !important;
  }
  .me-lg-n4,
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: calc(-1.5 * var(--root-unit)) !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: calc(-1.5 * var(--root-unit)) !important;
  }
  .ms-lg-n4,
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: calc(-1.5 * var(--root-unit)) !important;
  }
  .m-lg-n4plus {
    margin: calc(-2 * var(--root-unit)) !important;
  }
  .mt-lg-n4plus,
  .my-lg-n4plus {
    margin-top: calc(-2 * var(--root-unit)) !important;
  }
  .me-lg-n4plus,
  .mr-lg-n4plus,
  .mx-lg-n4plus {
    margin-right: calc(-2 * var(--root-unit)) !important;
  }
  .mb-lg-n4plus,
  .my-lg-n4plus {
    margin-bottom: calc(-2 * var(--root-unit)) !important;
  }
  .ms-lg-n4plus,
  .ml-lg-n4plus,
  .mx-lg-n4plus {
    margin-left: calc(-2 * var(--root-unit)) !important;
  }
  .m-lg-n5 {
    margin: calc(-3 * var(--root-unit)) !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: calc(-3 * var(--root-unit)) !important;
  }
  .me-lg-n5,
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: calc(-3 * var(--root-unit)) !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: calc(-3 * var(--root-unit)) !important;
  }
  .ms-lg-n5,
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: calc(-3 * var(--root-unit)) !important;
  }
  .m-lg-n6 {
    margin: calc(-3.5 * var(--root-unit)) !important;
  }
  .mt-lg-n6,
  .my-lg-n6 {
    margin-top: calc(-3.5 * var(--root-unit)) !important;
  }
  .me-lg-n6,
  .mr-lg-n6,
  .mx-lg-n6 {
    margin-right: calc(-3.5 * var(--root-unit)) !important;
  }
  .mb-lg-n6,
  .my-lg-n6 {
    margin-bottom: calc(-3.5 * var(--root-unit)) !important;
  }
  .ms-lg-n6,
  .ml-lg-n6,
  .mx-lg-n6 {
    margin-left: calc(-3.5 * var(--root-unit)) !important;
  }
  .m-lg-n7 {
    margin: calc(-4 * var(--root-unit)) !important;
  }
  .mt-lg-n7,
  .my-lg-n7 {
    margin-top: calc(-4 * var(--root-unit)) !important;
  }
  .me-lg-n7,
  .mr-lg-n7,
  .mx-lg-n7 {
    margin-right: calc(-4 * var(--root-unit)) !important;
  }
  .mb-lg-n7,
  .my-lg-n7 {
    margin-bottom: calc(-4 * var(--root-unit)) !important;
  }
  .ms-lg-n7,
  .ml-lg-n7,
  .mx-lg-n7 {
    margin-left: calc(-4 * var(--root-unit)) !important;
  }
  .m-lg-n8 {
    margin: calc(-4.5 * var(--root-unit)) !important;
  }
  .mt-lg-n8,
  .my-lg-n8 {
    margin-top: calc(-4.5 * var(--root-unit)) !important;
  }
  .me-lg-n8,
  .mr-lg-n8,
  .mx-lg-n8 {
    margin-right: calc(-4.5 * var(--root-unit)) !important;
  }
  .mb-lg-n8,
  .my-lg-n8 {
    margin-bottom: calc(-4.5 * var(--root-unit)) !important;
  }
  .ms-lg-n8,
  .ml-lg-n8,
  .mx-lg-n8 {
    margin-left: calc(-4.5 * var(--root-unit)) !important;
  }
  .m-lg-n9 {
    margin: calc(-5 * var(--root-unit)) !important;
  }
  .mt-lg-n9,
  .my-lg-n9 {
    margin-top: calc(-5 * var(--root-unit)) !important;
  }
  .me-lg-n9,
  .mr-lg-n9,
  .mx-lg-n9 {
    margin-right: calc(-5 * var(--root-unit)) !important;
  }
  .mb-lg-n9,
  .my-lg-n9 {
    margin-bottom: calc(-5 * var(--root-unit)) !important;
  }
  .ms-lg-n9,
  .ml-lg-n9,
  .mx-lg-n9 {
    margin-left: calc(-5 * var(--root-unit)) !important;
  }
  .m-lg-n10 {
    margin: calc(-6 * var(--root-unit)) !important;
  }
  .mt-lg-n10,
  .my-lg-n10 {
    margin-top: calc(-6 * var(--root-unit)) !important;
  }
  .me-lg-n10,
  .mr-lg-n10,
  .mx-lg-n10 {
    margin-right: calc(-6 * var(--root-unit)) !important;
  }
  .mb-lg-n10,
  .my-lg-n10 {
    margin-bottom: calc(-6 * var(--root-unit)) !important;
  }
  .ms-lg-n10,
  .ml-lg-n10,
  .mx-lg-n10 {
    margin-left: calc(-6 * var(--root-unit)) !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-auto,
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-auto,
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-n1 {
    margin: calc(-0.25 * var(--root-unit)) !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: calc(-0.25 * var(--root-unit)) !important;
  }
  .me-xl-n1,
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: calc(-0.25 * var(--root-unit)) !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: calc(-0.25 * var(--root-unit)) !important;
  }
  .ms-xl-n1,
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: calc(-0.25 * var(--root-unit)) !important;
  }
  .m-xl-n2 {
    margin: calc(-0.5 * var(--root-unit)) !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: calc(-0.5 * var(--root-unit)) !important;
  }
  .me-xl-n2,
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: calc(-0.5 * var(--root-unit)) !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: calc(-0.5 * var(--root-unit)) !important;
  }
  .ms-xl-n2,
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: calc(-0.5 * var(--root-unit)) !important;
  }
  .m-xl-n3 {
    margin: calc(-1 * var(--root-unit)) !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: calc(-1 * var(--root-unit)) !important;
  }
  .me-xl-n3,
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: calc(-1 * var(--root-unit)) !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: calc(-1 * var(--root-unit)) !important;
  }
  .ms-xl-n3,
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: calc(-1 * var(--root-unit)) !important;
  }
  .m-xl-n4 {
    margin: calc(-1.5 * var(--root-unit)) !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: calc(-1.5 * var(--root-unit)) !important;
  }
  .me-xl-n4,
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: calc(-1.5 * var(--root-unit)) !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: calc(-1.5 * var(--root-unit)) !important;
  }
  .ms-xl-n4,
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: calc(-1.5 * var(--root-unit)) !important;
  }
  .m-xl-n4plus {
    margin: calc(-2 * var(--root-unit)) !important;
  }
  .mt-xl-n4plus,
  .my-xl-n4plus {
    margin-top: calc(-2 * var(--root-unit)) !important;
  }
  .me-xl-n4plus,
  .mr-xl-n4plus,
  .mx-xl-n4plus {
    margin-right: calc(-2 * var(--root-unit)) !important;
  }
  .mb-xl-n4plus,
  .my-xl-n4plus {
    margin-bottom: calc(-2 * var(--root-unit)) !important;
  }
  .ms-xl-n4plus,
  .ml-xl-n4plus,
  .mx-xl-n4plus {
    margin-left: calc(-2 * var(--root-unit)) !important;
  }
  .m-xl-n5 {
    margin: calc(-2.5 * var(--root-unit)) !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: calc(-2.5 * var(--root-unit)) !important;
  }
  .me-xl-n5,
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: calc(-2.5 * var(--root-unit)) !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: calc(-2.5 * var(--root-unit)) !important;
  }
  .ms-xl-n5,
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: calc(-2.5 * var(--root-unit)) !important;
  }
  .m-xl-n6 {
    margin: calc(-3 * var(--root-unit)) !important;
  }
  .mt-xl-n6,
  .my-xl-n6 {
    margin-top: calc(-3 * var(--root-unit)) !important;
  }
  .me-xl-n6,
  .mr-xl-n6,
  .mx-xl-n6 {
    margin-right: calc(-3 * var(--root-unit)) !important;
  }
  .mb-xl-n6,
  .my-xl-n6 {
    margin-bottom: calc(-3 * var(--root-unit)) !important;
  }
  .ms-xl-n6,
  .ml-xl-n6,
  .mx-xl-n6 {
    margin-left: calc(-3 * var(--root-unit)) !important;
  }
  .m-xl-n7 {
    margin: calc(-3.5 * var(--root-unit)) !important;
  }
  .mt-xl-n7,
  .my-xl-n7 {
    margin-top: calc(-3.5 * var(--root-unit)) !important;
  }
  .me-xl-n7,
  .mr-xl-n7,
  .mx-xl-n7 {
    margin-right: calc(-3.5 * var(--root-unit)) !important;
  }
  .mb-xl-n7,
  .my-xl-n7 {
    margin-bottom: calc(-3.5 * var(--root-unit)) !important;
  }
  .ms-xl-n7,
  .ml-xl-n7,
  .mx-xl-n7 {
    margin-left: calc(-3.5 * var(--root-unit)) !important;
  }
  .m-xl-n8 {
    margin: calc(-4 * var(--root-unit)) !important;
  }
  .mt-xl-n8,
  .my-xl-n8 {
    margin-top: calc(-4 * var(--root-unit)) !important;
  }
  .me-xl-n8,
  .mr-xl-n8,
  .mx-xl-n8 {
    margin-right: calc(-4 * var(--root-unit)) !important;
  }
  .mb-xl-n8,
  .my-xl-n8 {
    margin-bottom: calc(-4 * var(--root-unit)) !important;
  }
  .ms-xl-n8,
  .ml-xl-n8,
  .mx-xl-n8 {
    margin-left: calc(-4 * var(--root-unit)) !important;
  }
  .m-xl-n9 {
    margin: calc(-4.5 * var(--root-unit)) !important;
  }
  .mt-xl-n9,
  .my-xl-n9 {
    margin-top: calc(-4.5 * var(--root-unit)) !important;
  }
  .me-xl-n9,
  .mr-xl-n9,
  .mx-xl-n9 {
    margin-right: calc(-4.5 * var(--root-unit)) !important;
  }
  .mb-xl-n9,
  .my-xl-n9 {
    margin-bottom: calc(-4.5 * var(--root-unit)) !important;
  }
  .ms-xl-n9,
  .ml-xl-n9,
  .mx-xl-n9 {
    margin-left: calc(-4.5 * var(--root-unit)) !important;
  }
  .m-xl-n10 {
    margin: calc(-5 * var(--root-unit)) !important;
  }
  .mt-xl-n10,
  .my-xl-n10 {
    margin-top: calc(-5 * var(--root-unit)) !important;
  }
  .me-xl-n10,
  .mr-xl-n10,
  .mx-xl-n10 {
    margin-right: calc(-5 * var(--root-unit)) !important;
  }
  .mb-xl-n10,
  .my-xl-n10 {
    margin-bottom: calc(-5 * var(--root-unit)) !important;
  }
  .ms-xl-n10,
  .ml-xl-n10,
  .mx-xl-n10 {
    margin-left: calc(-5 * var(--root-unit)) !important;
  }
  .m-xl-n11 {
    margin: calc(-5.5 * var(--root-unit)) !important;
  }
  .mt-xl-n11,
  .my-xl-n11 {
    margin-top: calc(-5.5 * var(--root-unit)) !important;
  }
  .me-xl-n11,
  .mr-xl-n11,
  .mx-xl-n11 {
    margin-right: calc(-5.5 * var(--root-unit)) !important;
  }
  .mb-xl-n11,
  .my-xl-n11 {
    margin-bottom: calc(-5.5 * var(--root-unit)) !important;
  }
  .ms-xl-n11,
  .ml-xl-n11,
  .mx-xl-n11 {
    margin-left: calc(-5.5 * var(--root-unit)) !important;
  }
  .m-xl-n12 {
    margin: calc(-6 * var(--root-unit)) !important;
  }
  .mt-xl-n12,
  .my-xl-n12 {
    margin-top: calc(-6 * var(--root-unit)) !important;
  }
  .me-xl-n12,
  .mr-xl-n12,
  .mx-xl-n12 {
    margin-right: calc(-6 * var(--root-unit)) !important;
  }
  .mb-xl-n12,
  .my-xl-n12 {
    margin-bottom: calc(-6 * var(--root-unit)) !important;
  }
  .ms-xl-n12,
  .ml-xl-n12,
  .mx-xl-n12 {
    margin-left: calc(-6 * var(--root-unit)) !important;
  }
  .m-xl-n13 {
    margin: calc(-6.5 * var(--root-unit)) !important;
  }
  .mt-xl-n13,
  .my-xl-n13 {
    margin-top: calc(-6.5 * var(--root-unit)) !important;
  }
  .me-xl-n13,
  .mr-xl-n13,
  .mx-xl-n13 {
    margin-right: calc(-6.5 * var(--root-unit)) !important;
  }
  .mb-xl-n13,
  .my-xl-n13 {
    margin-bottom: calc(-6.5 * var(--root-unit)) !important;
  }
  .ms-xl-n13,
  .ml-xl-n13,
  .mx-xl-n13 {
    margin-left: calc(-6.5 * var(--root-unit)) !important;
  }
  .m-xl-n14 {
    margin: calc(-7 * var(--root-unit)) !important;
  }
  .mt-xl-n14,
  .my-xl-n14 {
    margin-top: calc(-7 * var(--root-unit)) !important;
  }
  .me-xl-n14,
  .mr-xl-n14,
  .mx-xl-n14 {
    margin-right: calc(-7 * var(--root-unit)) !important;
  }
  .mb-xl-n14,
  .my-xl-n14 {
    margin-bottom: calc(-7 * var(--root-unit)) !important;
  }
  .ms-xl-n14,
  .ml-xl-n14,
  .mx-xl-n14 {
    margin-left: calc(-7 * var(--root-unit)) !important;
  }
  .m-xl-n15 {
    margin: calc(-8 * var(--root-unit)) !important;
  }
  .mt-xl-n15,
  .my-xl-n15 {
    margin-top: calc(-8 * var(--root-unit)) !important;
  }
  .me-xl-n15,
  .mr-xl-n15,
  .mx-xl-n15 {
    margin-right: calc(-8 * var(--root-unit)) !important;
  }
  .mb-xl-n15,
  .my-xl-n15 {
    margin-bottom: calc(-8 * var(--root-unit)) !important;
  }
  .ms-xl-n15,
  .ml-xl-n15,
  .mx-xl-n15 {
    margin-left: calc(-8 * var(--root-unit)) !important;
  }
  .m-xl-n16 {
    margin: calc(-8.5 * var(--root-unit)) !important;
  }
  .mt-xl-n16,
  .my-xl-n16 {
    margin-top: calc(-8.5 * var(--root-unit)) !important;
  }
  .me-xl-n16,
  .mr-xl-n16,
  .mx-xl-n16 {
    margin-right: calc(-8.5 * var(--root-unit)) !important;
  }
  .mb-xl-n16,
  .my-xl-n16 {
    margin-bottom: calc(-8.5 * var(--root-unit)) !important;
  }
  .ms-xl-n16,
  .ml-xl-n16,
  .mx-xl-n16 {
    margin-left: calc(-8.5 * var(--root-unit)) !important;
  }
  .m-xl-n17 {
    margin: calc(-9 * var(--root-unit)) !important;
  }
  .mt-xl-n17,
  .my-xl-n17 {
    margin-top: calc(-9 * var(--root-unit)) !important;
  }
  .me-xl-n17,
  .mr-xl-n17,
  .mx-xl-n17 {
    margin-right: calc(-9 * var(--root-unit)) !important;
  }
  .mb-xl-n17,
  .my-xl-n17 {
    margin-bottom: calc(-9 * var(--root-unit)) !important;
  }
  .ms-xl-n17,
  .ml-xl-n17,
  .mx-xl-n17 {
    margin-left: calc(-9 * var(--root-unit)) !important;
  }
  .m-xl-n18 {
    margin: calc(-9.5 * var(--root-unit)) !important;
  }
  .mt-xl-n18,
  .my-xl-n18 {
    margin-top: calc(-9.5 * var(--root-unit)) !important;
  }
  .me-xl-n18,
  .mr-xl-n18,
  .mx-xl-n18 {
    margin-right: calc(-9.5 * var(--root-unit)) !important;
  }
  .mb-xl-n18,
  .my-xl-n18 {
    margin-bottom: calc(-9.5 * var(--root-unit)) !important;
  }
  .ms-xl-n18,
  .ml-xl-n18,
  .mx-xl-n18 {
    margin-left: calc(-9.5 * var(--root-unit)) !important;
  }
  .m-xl-n19 {
    margin: calc(-10 * var(--root-unit)) !important;
  }
  .mt-xl-n19,
  .my-xl-n19 {
    margin-top: calc(-10 * var(--root-unit)) !important;
  }
  .me-xl-n19,
  .mr-xl-n19,
  .mx-xl-n19 {
    margin-right: calc(-10 * var(--root-unit)) !important;
  }
  .mb-xl-n19,
  .my-xl-n19 {
    margin-bottom: calc(-10 * var(--root-unit)) !important;
  }
  .ms-xl-n19,
  .ml-xl-n19,
  .mx-xl-n19 {
    margin-left: calc(-10 * var(--root-unit)) !important;
  }
  .m-xl-n20 {
    margin: calc(-10.5 * var(--root-unit)) !important;
  }
  .mt-xl-n20,
  .my-xl-n20 {
    margin-top: calc(-10.5 * var(--root-unit)) !important;
  }
  .me-xl-n20,
  .mr-xl-n20,
  .mx-xl-n20 {
    margin-right: calc(-10.5 * var(--root-unit)) !important;
  }
  .mb-xl-n20,
  .my-xl-n20 {
    margin-bottom: calc(-10.5 * var(--root-unit)) !important;
  }
  .ms-xl-n20,
  .ml-xl-n20,
  .mx-xl-n20 {
    margin-left: calc(-10.5 * var(--root-unit)) !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .me-xl-0,
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ms-xl-0,
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: calc(0.25 * var(--root-unit)) !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: calc(0.25 * var(--root-unit)) !important;
  }
  .me-xl-1,
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: calc(0.25 * var(--root-unit)) !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: calc(0.25 * var(--root-unit)) !important;
  }
  .ms-xl-1,
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: calc(0.25 * var(--root-unit)) !important;
  }
  .m-xl-2 {
    margin: calc(0.5 * var(--root-unit)) !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: calc(0.5 * var(--root-unit)) !important;
  }
  .me-xl-2,
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: calc(0.5 * var(--root-unit)) !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: calc(0.5 * var(--root-unit)) !important;
  }
  .ms-xl-2,
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: calc(0.5 * var(--root-unit)) !important;
  }
  .m-xl-3 {
    margin: calc(1 * var(--root-unit)) !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: calc(1 * var(--root-unit)) !important;
  }
  .me-xl-3,
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: calc(1 * var(--root-unit)) !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: calc(1 * var(--root-unit)) !important;
  }
  .ms-xl-3,
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: calc(1 * var(--root-unit)) !important;
  }
  .m-xl-4 {
    margin: calc(1.5 * var(--root-unit)) !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: calc(1.5 * var(--root-unit)) !important;
  }
  .me-xl-4,
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: calc(1.5 * var(--root-unit)) !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: calc(1.5 * var(--root-unit)) !important;
  }
  .ms-xl-4,
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: calc(1.5 * var(--root-unit)) !important;
  }
  .m-xl-4plus {
    margin: calc(2 * var(--root-unit)) !important;
  }
  .mt-xl-4plus,
  .my-xl-4plus {
    margin-top: calc(2 * var(--root-unit)) !important;
  }
  .me-xl-4plus,
  .mr-xl-4plus,
  .mx-xl-4plus {
    margin-right: calc(2 * var(--root-unit)) !important;
  }
  .mb-xl-4plus,
  .my-xl-4plus {
    margin-bottom: calc(2 * var(--root-unit)) !important;
  }
  .ms-xl-4plus,
  .ml-xl-4plus,
  .mx-xl-4plus {
    margin-left: calc(2 * var(--root-unit)) !important;
  }
  .m-xl-5 {
    margin: calc(2.5 * var(--root-unit)) !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: calc(2.5 * var(--root-unit)) !important;
  }
  .me-xl-5,
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: calc(2.5 * var(--root-unit)) !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: calc(2.5 * var(--root-unit)) !important;
  }
  .ms-xl-5,
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: calc(2.5 * var(--root-unit)) !important;
  }
  .m-xl-6 {
    margin: calc(3 * var(--root-unit)) !important;
  }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: calc(3 * var(--root-unit)) !important;
  }
  .me-xl-6,
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: calc(3 * var(--root-unit)) !important;
  }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: calc(3 * var(--root-unit)) !important;
  }
  .ms-xl-6,
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: calc(3 * var(--root-unit)) !important;
  }
  .m-xl-7 {
    margin: calc(3.5 * var(--root-unit)) !important;
  }
  .mt-xl-7,
  .my-xl-7 {
    margin-top: calc(3.5 * var(--root-unit)) !important;
  }
  .me-xl-7,
  .mr-xl-7,
  .mx-xl-7 {
    margin-right: calc(3.5 * var(--root-unit)) !important;
  }
  .mb-xl-7,
  .my-xl-7 {
    margin-bottom: calc(3.5 * var(--root-unit)) !important;
  }
  .ms-xl-7,
  .ml-xl-7,
  .mx-xl-7 {
    margin-left: calc(3.5 * var(--root-unit)) !important;
  }
  .m-xl-8 {
    margin: calc(4 * var(--root-unit)) !important;
  }
  .mt-xl-8,
  .my-xl-8 {
    margin-top: calc(4 * var(--root-unit)) !important;
  }
  .me-xl-8,
  .mr-xl-8,
  .mx-xl-8 {
    margin-right: calc(4 * var(--root-unit)) !important;
  }
  .mb-xl-8,
  .my-xl-8 {
    margin-bottom: calc(4 * var(--root-unit)) !important;
  }
  .ms-xl-8,
  .ml-xl-8,
  .mx-xl-8 {
    margin-left: calc(4 * var(--root-unit)) !important;
  }
  .m-xl-9 {
    margin: calc(4.5 * var(--root-unit)) !important;
  }
  .mt-xl-9,
  .my-xl-9 {
    margin-top: calc(4.5 * var(--root-unit)) !important;
  }
  .me-xl-9,
  .mr-xl-9,
  .mx-xl-9 {
    margin-right: calc(4.5 * var(--root-unit)) !important;
  }
  .mb-xl-9,
  .my-xl-9 {
    margin-bottom: calc(4.5 * var(--root-unit)) !important;
  }
  .ms-xl-9,
  .ml-xl-9,
  .mx-xl-9 {
    margin-left: calc(4.5 * var(--root-unit)) !important;
  }
  .m-xl-10 {
    margin: calc(5 * var(--root-unit)) !important;
  }
  .mt-xl-10,
  .my-xl-10 {
    margin-top: calc(5 * var(--root-unit)) !important;
  }
  .me-xl-10,
  .mr-xl-10,
  .mx-xl-10 {
    margin-right: calc(5 * var(--root-unit)) !important;
  }
  .mb-xl-10,
  .my-xl-10 {
    margin-bottom: calc(5 * var(--root-unit)) !important;
  }
  .ms-xl-10,
  .ml-xl-10,
  .mx-xl-10 {
    margin-left: calc(5 * var(--root-unit)) !important;
  }
  .m-xl-11 {
    margin: calc(5.5 * var(--root-unit)) !important;
  }
  .mt-xl-11,
  .my-xl-11 {
    margin-top: calc(5.5 * var(--root-unit)) !important;
  }
  .me-xl-11,
  .mr-xl-11,
  .mx-xl-11 {
    margin-right: calc(5.5 * var(--root-unit)) !important;
  }
  .mb-xl-11,
  .my-xl-11 {
    margin-bottom: calc(5.5 * var(--root-unit)) !important;
  }
  .ms-xl-11,
  .ml-xl-11,
  .mx-xl-11 {
    margin-left: calc(5.5 * var(--root-unit)) !important;
  }
  .m-xl-12 {
    margin: calc(6 * var(--root-unit)) !important;
  }
  .mt-xl-12,
  .my-xl-12 {
    margin-top: calc(6 * var(--root-unit)) !important;
  }
  .me-xl-12,
  .mr-xl-12,
  .mx-xl-12 {
    margin-right: calc(6 * var(--root-unit)) !important;
  }
  .mb-xl-12,
  .my-xl-12 {
    margin-bottom: calc(6 * var(--root-unit)) !important;
  }
  .ms-xl-12,
  .ml-xl-12,
  .mx-xl-12 {
    margin-left: calc(6 * var(--root-unit)) !important;
  }
  .m-xl-13 {
    margin: calc(6.5 * var(--root-unit)) !important;
  }
  .mt-xl-13,
  .my-xl-13 {
    margin-top: calc(6.5 * var(--root-unit)) !important;
  }
  .me-xl-13,
  .mr-xl-13,
  .mx-xl-13 {
    margin-right: calc(6.5 * var(--root-unit)) !important;
  }
  .mb-xl-13,
  .my-xl-13 {
    margin-bottom: calc(6.5 * var(--root-unit)) !important;
  }
  .ms-xl-13,
  .ml-xl-13,
  .mx-xl-13 {
    margin-left: calc(6.5 * var(--root-unit)) !important;
  }
  .m-xl-14 {
    margin: calc(7 * var(--root-unit)) !important;
  }
  .mt-xl-14,
  .my-xl-14 {
    margin-top: calc(7 * var(--root-unit)) !important;
  }
  .me-xl-14,
  .mr-xl-14,
  .mx-xl-14 {
    margin-right: calc(7 * var(--root-unit)) !important;
  }
  .mb-xl-14,
  .my-xl-14 {
    margin-bottom: calc(7 * var(--root-unit)) !important;
  }
  .ms-xl-14,
  .ml-xl-14,
  .mx-xl-14 {
    margin-left: calc(7 * var(--root-unit)) !important;
  }
  .m-xl-15 {
    margin: calc(7.5 * var(--root-unit)) !important;
  }
  .mt-xl-15,
  .my-xl-15 {
    margin-top: calc(7.5 * var(--root-unit)) !important;
  }
  .me-xl-15,
  .mr-xl-15,
  .mx-xl-15 {
    margin-right: calc(7.5 * var(--root-unit)) !important;
  }
  .mb-xl-15,
  .my-xl-15 {
    margin-bottom: calc(7.5 * var(--root-unit)) !important;
  }
  .ms-xl-15,
  .ml-xl-15,
  .mx-xl-15 {
    margin-left: calc(7.5 * var(--root-unit)) !important;
  }
  .m-xl-16 {
    margin: calc(8 * var(--root-unit)) !important;
  }
  .mt-xl-16,
  .my-xl-16 {
    margin-top: calc(8 * var(--root-unit)) !important;
  }
  .me-xl-16,
  .mr-xl-16,
  .mx-xl-16 {
    margin-right: calc(8 * var(--root-unit)) !important;
  }
  .mb-xl-16,
  .my-xl-16 {
    margin-bottom: calc(8 * var(--root-unit)) !important;
  }
  .ms-xl-16,
  .ml-xl-16,
  .mx-xl-16 {
    margin-left: calc(8 * var(--root-unit)) !important;
  }
  .m-xl-17 {
    margin: calc(8.5 * var(--root-unit)) !important;
  }
  .mt-xl-17,
  .my-xl-17 {
    margin-top: calc(8.5 * var(--root-unit)) !important;
  }
  .me-xl-17,
  .mr-xl-17,
  .mx-xl-17 {
    margin-right: calc(8.5 * var(--root-unit)) !important;
  }
  .mb-xl-17,
  .my-xl-17 {
    margin-bottom: calc(8.5 * var(--root-unit)) !important;
  }
  .ms-xl-17,
  .ml-xl-17,
  .mx-xl-17 {
    margin-left: calc(8.5 * var(--root-unit)) !important;
  }
  .m-xl-18 {
    margin: calc(9 * var(--root-unit)) !important;
  }
  .mt-xl-18,
  .my-xl-18 {
    margin-top: calc(9 * var(--root-unit)) !important;
  }
  .me-xl-18,
  .mr-xl-18,
  .mx-xl-18 {
    margin-right: calc(9 * var(--root-unit)) !important;
  }
  .mb-xl-18,
  .my-xl-18 {
    margin-bottom: calc(9 * var(--root-unit)) !important;
  }
  .ms-xl-18,
  .ml-xl-18,
  .mx-xl-18 {
    margin-left: calc(9 * var(--root-unit)) !important;
  }
  .m-xl-19 {
    margin: calc(9.5 * var(--root-unit)) !important;
  }
  .mt-xl-19,
  .my-xl-19 {
    margin-top: calc(9.5 * var(--root-unit)) !important;
  }
  .me-xl-19,
  .mr-xl-19,
  .mx-xl-19 {
    margin-right: calc(9.5 * var(--root-unit)) !important;
  }
  .mb-xl-19,
  .my-xl-19 {
    margin-bottom: calc(9.5 * var(--root-unit)) !important;
  }
  .ms-xl-19,
  .ml-xl-19,
  .mx-xl-19 {
    margin-left: calc(9.5 * var(--root-unit)) !important;
  }
  .m-xl-20 {
    margin: calc(10 * var(--root-unit)) !important;
  }
  .mt-xl-20,
  .my-xl-20 {
    margin-top: calc(10 * var(--root-unit)) !important;
  }
  .me-xl-20,
  .mr-xl-20,
  .mx-xl-20 {
    margin-right: calc(10 * var(--root-unit)) !important;
  }
  .mb-xl-20,
  .my-xl-20 {
    margin-bottom: calc(10 * var(--root-unit)) !important;
  }
  .ms-xl-20,
  .ml-xl-20,
  .mx-xl-20 {
    margin-left: calc(10 * var(--root-unit)) !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pe-xl-0,
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .ps-xl-0,
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: calc(0.25 * var(--root-unit)) !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: calc(0.25 * var(--root-unit)) !important;
  }
  .pe-xl-1,
  .pr-xl-1,
  .px-xl-1 {
    padding-right: calc(0.25 * var(--root-unit)) !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: calc(0.25 * var(--root-unit)) !important;
  }
  .ps-xl-1,
  .pl-xl-1,
  .px-xl-1 {
    padding-left: calc(0.25 * var(--root-unit)) !important;
  }
  .p-xl-2 {
    padding: calc(0.5 * var(--root-unit)) !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: calc(0.5 * var(--root-unit)) !important;
  }
  .pe-xl-2,
  .pr-xl-2,
  .px-xl-2 {
    padding-right: calc(0.5 * var(--root-unit)) !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: calc(0.5 * var(--root-unit)) !important;
  }
  .ps-xl-2,
  .pl-xl-2,
  .px-xl-2 {
    padding-left: calc(0.5 * var(--root-unit)) !important;
  }
  .p-xl-3 {
    padding: calc(1 * var(--root-unit)) !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: calc(1 * var(--root-unit)) !important;
  }
  .pe-xl-3,
  .pr-xl-3,
  .px-xl-3 {
    padding-right: calc(1 * var(--root-unit)) !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: calc(1 * var(--root-unit)) !important;
  }
  .ps-xl-3,
  .pl-xl-3,
  .px-xl-3 {
    padding-left: calc(1 * var(--root-unit)) !important;
  }
  .p-xl-4 {
    padding: calc(1.5 * var(--root-unit)) !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: calc(1.5 * var(--root-unit)) !important;
  }
  .pe-xl-4,
  .pr-xl-4,
  .px-xl-4 {
    padding-right: calc(1.5 * var(--root-unit)) !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: calc(1.5 * var(--root-unit)) !important;
  }
  .ps-xl-4,
  .pl-xl-4,
  .px-xl-4 {
    padding-left: calc(1.5 * var(--root-unit)) !important;
  }
  .p-xl-4plus {
    padding: calc(2 * var(--root-unit)) !important;
  }
  .pt-xl-4plus,
  .py-xl-4plus {
    padding-top: calc(2 * var(--root-unit)) !important;
  }
  .pe-xl-4plus,
  .pr-xl-4plus,
  .px-xl-4plus {
    padding-right: calc(2 * var(--root-unit)) !important;
  }
  .pb-xl-4plus,
  .py-xl-4plus {
    padding-bottom: calc(2 * var(--root-unit)) !important;
  }
  .ps-xl-4plus,
  .pl-xl-4plus,
  .px-xl-4plus {
    padding-left: calc(2 * var(--root-unit)) !important;
  }
  .p-xl-5 {
    padding: calc(2.5 * var(--root-unit)) !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: calc(2.5 * var(--root-unit)) !important;
  }
  .pe-xl-5,
  .pr-xl-5,
  .px-xl-5 {
    padding-right: calc(2.5 * var(--root-unit)) !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: calc(2.5 * var(--root-unit)) !important;
  }
  .ps-xl-5,
  .pl-xl-5,
  .px-xl-5 {
    padding-left: calc(2.5 * var(--root-unit)) !important;
  }
  .p-xl-6 {
    padding: calc(3 * var(--root-unit)) !important;
  }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: calc(3 * var(--root-unit)) !important;
  }
  .pe-xl-6,
  .pr-xl-6,
  .px-xl-6 {
    padding-right: calc(3 * var(--root-unit)) !important;
  }
  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: calc(3 * var(--root-unit)) !important;
  }
  .ps-xl-6,
  .pl-xl-6,
  .px-xl-6 {
    padding-left: calc(3 * var(--root-unit)) !important;
  }
  .p-xl-7 {
    padding: calc(3.5 * var(--root-unit)) !important;
  }
  .pt-xl-7,
  .py-xl-7 {
    padding-top: calc(3.5 * var(--root-unit)) !important;
  }
  .pe-xl-7,
  .pr-xl-7,
  .px-xl-7 {
    padding-right: calc(3.5 * var(--root-unit)) !important;
  }
  .pb-xl-7,
  .py-xl-7 {
    padding-bottom: calc(3.5 * var(--root-unit)) !important;
  }
  .ps-xl-7,
  .pl-xl-7,
  .px-xl-7 {
    padding-left: calc(3.5 * var(--root-unit)) !important;
  }
  .p-xl-8 {
    padding: calc(4 * var(--root-unit)) !important;
  }
  .pt-xl-8,
  .py-xl-8 {
    padding-top: calc(4 * var(--root-unit)) !important;
  }
  .pe-xl-8,
  .pr-xl-8,
  .px-xl-8 {
    padding-right: calc(4 * var(--root-unit)) !important;
  }
  .pb-xl-8,
  .py-xl-8 {
    padding-bottom: calc(4 * var(--root-unit)) !important;
  }
  .ps-xl-8,
  .pl-xl-8,
  .px-xl-8 {
    padding-left: calc(4 * var(--root-unit)) !important;
  }
  .p-xl-9 {
    padding: calc(4.5 * var(--root-unit)) !important;
  }
  .pt-xl-9,
  .py-xl-9 {
    padding-top: calc(4.5 * var(--root-unit)) !important;
  }
  .pe-xl-9,
  .pr-xl-9,
  .px-xl-9 {
    padding-right: calc(4.5 * var(--root-unit)) !important;
  }
  .pb-xl-9,
  .py-xl-9 {
    padding-bottom: calc(4.5 * var(--root-unit)) !important;
  }
  .ps-xl-9,
  .pl-xl-9,
  .px-xl-9 {
    padding-left: calc(4.5 * var(--root-unit)) !important;
  }
  .p-xl-10 {
    padding: calc(5 * var(--root-unit)) !important;
  }
  .pt-xl-10,
  .py-xl-10 {
    padding-top: calc(5 * var(--root-unit)) !important;
  }
  .pe-xl-10,
  .pr-xl-10,
  .px-xl-10 {
    padding-right: calc(5 * var(--root-unit)) !important;
  }
  .pb-xl-10,
  .py-xl-10 {
    padding-bottom: calc(5 * var(--root-unit)) !important;
  }
  .ps-xl-10,
  .pl-xl-10,
  .px-xl-10 {
    padding-left: calc(5 * var(--root-unit)) !important;
  }
  .p-xl-11 {
    padding: calc(5.5 * var(--root-unit)) !important;
  }
  .pt-xl-11,
  .py-xl-11 {
    padding-top: calc(5.5 * var(--root-unit)) !important;
  }
  .pe-xl-11,
  .pr-xl-11,
  .px-xl-11 {
    padding-right: calc(5.5 * var(--root-unit)) !important;
  }
  .pb-xl-11,
  .py-xl-11 {
    padding-bottom: calc(5.5 * var(--root-unit)) !important;
  }
  .ps-xl-11,
  .pl-xl-11,
  .px-xl-11 {
    padding-left: calc(5.5 * var(--root-unit)) !important;
  }
  .p-xl-12 {
    padding: calc(6 * var(--root-unit)) !important;
  }
  .pt-xl-12,
  .py-xl-12 {
    padding-top: calc(6 * var(--root-unit)) !important;
  }
  .pe-xl-12,
  .pr-xl-12,
  .px-xl-12 {
    padding-right: calc(6 * var(--root-unit)) !important;
  }
  .pb-xl-12,
  .py-xl-12 {
    padding-bottom: calc(6 * var(--root-unit)) !important;
  }
  .ps-xl-12,
  .pl-xl-12,
  .px-xl-12 {
    padding-left: calc(6 * var(--root-unit)) !important;
  }
  .p-xl-13 {
    padding: calc(6.5 * var(--root-unit)) !important;
  }
  .pt-xl-13,
  .py-xl-13 {
    padding-top: calc(6.5 * var(--root-unit)) !important;
  }
  .pe-xl-13,
  .pr-xl-13,
  .px-xl-13 {
    padding-right: calc(6.5 * var(--root-unit)) !important;
  }
  .pb-xl-13,
  .py-xl-13 {
    padding-bottom: calc(6.5 * var(--root-unit)) !important;
  }
  .ps-xl-13,
  .pl-xl-13,
  .px-xl-13 {
    padding-left: calc(6.5 * var(--root-unit)) !important;
  }
  .p-xl-14 {
    padding: calc(7 * var(--root-unit)) !important;
  }
  .pt-xl-14,
  .py-xl-14 {
    padding-top: calc(7 * var(--root-unit)) !important;
  }
  .pe-xl-14,
  .pr-xl-14,
  .px-xl-14 {
    padding-right: calc(7 * var(--root-unit)) !important;
  }
  .pb-xl-14,
  .py-xl-14 {
    padding-bottom: calc(7 * var(--root-unit)) !important;
  }
  .ps-xl-14,
  .pl-xl-14,
  .px-xl-14 {
    padding-left: calc(7 * var(--root-unit)) !important;
  }
  .p-xl-15 {
    padding: calc(7.5 * var(--root-unit)) !important;
  }
  .pt-xl-15,
  .py-xl-15 {
    padding-top: calc(7.5 * var(--root-unit)) !important;
  }
  .pe-xl-15,
  .pr-xl-15,
  .px-xl-15 {
    padding-right: calc(7.5 * var(--root-unit)) !important;
  }
  .pb-xl-15,
  .py-xl-15 {
    padding-bottom: calc(7.5 * var(--root-unit)) !important;
  }
  .ps-xl-15,
  .pl-xl-15,
  .px-xl-15 {
    padding-left: calc(7.5 * var(--root-unit)) !important;
  }
  .p-xl-16 {
    padding: calc(8 * var(--root-unit)) !important;
  }
  .pt-xl-16,
  .py-xl-16 {
    padding-top: calc(8 * var(--root-unit)) !important;
  }
  .pe-xl-16,
  .pr-xl-16,
  .px-xl-16 {
    padding-right: calc(8 * var(--root-unit)) !important;
  }
  .pb-xl-16,
  .py-xl-16 {
    padding-bottom: calc(8 * var(--root-unit)) !important;
  }
  .ps-xl-16,
  .pl-xl-16,
  .px-xl-16 {
    padding-left: calc(8 * var(--root-unit)) !important;
  }
  .p-xl-17 {
    padding: calc(8.5 * var(--root-unit)) !important;
  }
  .pt-xl-17,
  .py-xl-17 {
    padding-top: calc(8.5 * var(--root-unit)) !important;
  }
  .pe-xl-17,
  .pr-xl-17,
  .px-xl-17 {
    padding-right: calc(8.5 * var(--root-unit)) !important;
  }
  .pb-xl-17,
  .py-xl-17 {
    padding-bottom: calc(8.5 * var(--root-unit)) !important;
  }
  .ps-xl-17,
  .pl-xl-17,
  .px-xl-17 {
    padding-left: calc(8.5 * var(--root-unit)) !important;
  }
  .p-xl-18 {
    padding: calc(9 * var(--root-unit)) !important;
  }
  .pt-xl-18,
  .py-xl-18 {
    padding-top: calc(9 * var(--root-unit)) !important;
  }
  .pe-xl-18,
  .pr-xl-18,
  .px-xl-18 {
    padding-right: calc(9 * var(--root-unit)) !important;
  }
  .pb-xl-18,
  .py-xl-18 {
    padding-bottom: calc(9 * var(--root-unit)) !important;
  }
  .ps-xl-18,
  .pl-xl-18,
  .px-xl-18 {
    padding-left: calc(9 * var(--root-unit)) !important;
  }
  .p-xl-19 {
    padding: calc(9.5 * var(--root-unit)) !important;
  }
  .pt-xl-19,
  .py-xl-19 {
    padding-top: calc(9.5 * var(--root-unit)) !important;
  }
  .pe-xl-19,
  .pr-xl-19,
  .px-xl-19 {
    padding-right: calc(9.5 * var(--root-unit)) !important;
  }
  .pb-xl-19,
  .py-xl-19 {
    padding-bottom: calc(9.5 * var(--root-unit)) !important;
  }
  .ps-xl-19,
  .pl-xl-19,
  .px-xl-19 {
    padding-left: calc(9.5 * var(--root-unit)) !important;
  }
  .p-xl-20 {
    padding: calc(10 * var(--root-unit)) !important;
  }
  .pt-xl-20,
  .py-xl-20 {
    padding-top: calc(10 * var(--root-unit)) !important;
  }
  .pe-xl-20,
  .pr-xl-20,
  .px-xl-20 {
    padding-right: calc(10 * var(--root-unit)) !important;
  }
  .pb-xl-20,
  .py-xl-20 {
    padding-bottom: calc(10 * var(--root-unit)) !important;
  }
  .ps-xl-20,
  .pl-xl-20,
  .px-xl-20 {
    padding-left: calc(10 * var(--root-unit)) !important;
  }
  .m-xl-n1 {
    margin: calc(-0.25 * var(--root-unit)) !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: calc(-0.25 * var(--root-unit)) !important;
  }
  .me-xl-n1,
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: calc(-0.25 * var(--root-unit)) !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: calc(-0.25 * var(--root-unit)) !important;
  }
  .ms-xl-n1,
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: calc(-0.25 * var(--root-unit)) !important;
  }
  .m-xl-n2 {
    margin: calc(-0.5 * var(--root-unit)) !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: calc(-0.5 * var(--root-unit)) !important;
  }
  .me-xl-n2,
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: calc(-0.5 * var(--root-unit)) !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: calc(-0.5 * var(--root-unit)) !important;
  }
  .ms-xl-n2,
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: calc(-0.5 * var(--root-unit)) !important;
  }
  .m-xl-n3 {
    margin: calc(-1 * var(--root-unit)) !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: calc(-1 * var(--root-unit)) !important;
  }
  .me-xl-n3,
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: calc(-1 * var(--root-unit)) !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: calc(-1 * var(--root-unit)) !important;
  }
  .ms-xl-n3,
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: calc(-1 * var(--root-unit)) !important;
  }
  .m-xl-n4 {
    margin: calc(-1.5 * var(--root-unit)) !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: calc(-1.5 * var(--root-unit)) !important;
  }
  .me-xl-n4,
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: calc(-1.5 * var(--root-unit)) !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: calc(-1.5 * var(--root-unit)) !important;
  }
  .ms-xl-n4,
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: calc(-1.5 * var(--root-unit)) !important;
  }
  .m-xl-n4plus {
    margin: calc(-2 * var(--root-unit)) !important;
  }
  .mt-xl-n4plus,
  .my-xl-n4plus {
    margin-top: calc(-2 * var(--root-unit)) !important;
  }
  .me-xl-n4plus,
  .mr-xl-n4plus,
  .mx-xl-n4plus {
    margin-right: calc(-2 * var(--root-unit)) !important;
  }
  .mb-xl-n4plus,
  .my-xl-n4plus {
    margin-bottom: calc(-2 * var(--root-unit)) !important;
  }
  .ms-xl-n4plus,
  .ml-xl-n4plus,
  .mx-xl-n4plus {
    margin-left: calc(-2 * var(--root-unit)) !important;
  }
  .m-xl-n5 {
    margin: calc(-3 * var(--root-unit)) !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: calc(-3 * var(--root-unit)) !important;
  }
  .me-xl-n5,
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: calc(-3 * var(--root-unit)) !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: calc(-3 * var(--root-unit)) !important;
  }
  .ms-xl-n5,
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: calc(-3 * var(--root-unit)) !important;
  }
  .m-xl-n6 {
    margin: calc(-3.5 * var(--root-unit)) !important;
  }
  .mt-xl-n6,
  .my-xl-n6 {
    margin-top: calc(-3.5 * var(--root-unit)) !important;
  }
  .me-xl-n6,
  .mr-xl-n6,
  .mx-xl-n6 {
    margin-right: calc(-3.5 * var(--root-unit)) !important;
  }
  .mb-xl-n6,
  .my-xl-n6 {
    margin-bottom: calc(-3.5 * var(--root-unit)) !important;
  }
  .ms-xl-n6,
  .ml-xl-n6,
  .mx-xl-n6 {
    margin-left: calc(-3.5 * var(--root-unit)) !important;
  }
  .m-xl-n7 {
    margin: calc(-4 * var(--root-unit)) !important;
  }
  .mt-xl-n7,
  .my-xl-n7 {
    margin-top: calc(-4 * var(--root-unit)) !important;
  }
  .me-xl-n7,
  .mr-xl-n7,
  .mx-xl-n7 {
    margin-right: calc(-4 * var(--root-unit)) !important;
  }
  .mb-xl-n7,
  .my-xl-n7 {
    margin-bottom: calc(-4 * var(--root-unit)) !important;
  }
  .ms-xl-n7,
  .ml-xl-n7,
  .mx-xl-n7 {
    margin-left: calc(-4 * var(--root-unit)) !important;
  }
  .m-xl-n8 {
    margin: calc(-4.5 * var(--root-unit)) !important;
  }
  .mt-xl-n8,
  .my-xl-n8 {
    margin-top: calc(-4.5 * var(--root-unit)) !important;
  }
  .me-xl-n8,
  .mr-xl-n8,
  .mx-xl-n8 {
    margin-right: calc(-4.5 * var(--root-unit)) !important;
  }
  .mb-xl-n8,
  .my-xl-n8 {
    margin-bottom: calc(-4.5 * var(--root-unit)) !important;
  }
  .ms-xl-n8,
  .ml-xl-n8,
  .mx-xl-n8 {
    margin-left: calc(-4.5 * var(--root-unit)) !important;
  }
  .m-xl-n9 {
    margin: calc(-5 * var(--root-unit)) !important;
  }
  .mt-xl-n9,
  .my-xl-n9 {
    margin-top: calc(-5 * var(--root-unit)) !important;
  }
  .me-xl-n9,
  .mr-xl-n9,
  .mx-xl-n9 {
    margin-right: calc(-5 * var(--root-unit)) !important;
  }
  .mb-xl-n9,
  .my-xl-n9 {
    margin-bottom: calc(-5 * var(--root-unit)) !important;
  }
  .ms-xl-n9,
  .ml-xl-n9,
  .mx-xl-n9 {
    margin-left: calc(-5 * var(--root-unit)) !important;
  }
  .m-xl-n10 {
    margin: calc(-6 * var(--root-unit)) !important;
  }
  .mt-xl-n10,
  .my-xl-n10 {
    margin-top: calc(-6 * var(--root-unit)) !important;
  }
  .me-xl-n10,
  .mr-xl-n10,
  .mx-xl-n10 {
    margin-right: calc(-6 * var(--root-unit)) !important;
  }
  .mb-xl-n10,
  .my-xl-n10 {
    margin-bottom: calc(-6 * var(--root-unit)) !important;
  }
  .ms-xl-n10,
  .ml-xl-n10,
  .mx-xl-n10 {
    margin-left: calc(-6 * var(--root-unit)) !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-auto,
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-auto,
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1400px) {
  .m-xxl-n1 {
    margin: calc(-0.25 * var(--root-unit)) !important;
  }
  .mt-xxl-n1,
  .my-xxl-n1 {
    margin-top: calc(-0.25 * var(--root-unit)) !important;
  }
  .me-xxl-n1,
  .mr-xxl-n1,
  .mx-xxl-n1 {
    margin-right: calc(-0.25 * var(--root-unit)) !important;
  }
  .mb-xxl-n1,
  .my-xxl-n1 {
    margin-bottom: calc(-0.25 * var(--root-unit)) !important;
  }
  .ms-xxl-n1,
  .ml-xxl-n1,
  .mx-xxl-n1 {
    margin-left: calc(-0.25 * var(--root-unit)) !important;
  }
  .m-xxl-n2 {
    margin: calc(-0.5 * var(--root-unit)) !important;
  }
  .mt-xxl-n2,
  .my-xxl-n2 {
    margin-top: calc(-0.5 * var(--root-unit)) !important;
  }
  .me-xxl-n2,
  .mr-xxl-n2,
  .mx-xxl-n2 {
    margin-right: calc(-0.5 * var(--root-unit)) !important;
  }
  .mb-xxl-n2,
  .my-xxl-n2 {
    margin-bottom: calc(-0.5 * var(--root-unit)) !important;
  }
  .ms-xxl-n2,
  .ml-xxl-n2,
  .mx-xxl-n2 {
    margin-left: calc(-0.5 * var(--root-unit)) !important;
  }
  .m-xxl-n3 {
    margin: calc(-1 * var(--root-unit)) !important;
  }
  .mt-xxl-n3,
  .my-xxl-n3 {
    margin-top: calc(-1 * var(--root-unit)) !important;
  }
  .me-xxl-n3,
  .mr-xxl-n3,
  .mx-xxl-n3 {
    margin-right: calc(-1 * var(--root-unit)) !important;
  }
  .mb-xxl-n3,
  .my-xxl-n3 {
    margin-bottom: calc(-1 * var(--root-unit)) !important;
  }
  .ms-xxl-n3,
  .ml-xxl-n3,
  .mx-xxl-n3 {
    margin-left: calc(-1 * var(--root-unit)) !important;
  }
  .m-xxl-n4 {
    margin: calc(-1.5 * var(--root-unit)) !important;
  }
  .mt-xxl-n4,
  .my-xxl-n4 {
    margin-top: calc(-1.5 * var(--root-unit)) !important;
  }
  .me-xxl-n4,
  .mr-xxl-n4,
  .mx-xxl-n4 {
    margin-right: calc(-1.5 * var(--root-unit)) !important;
  }
  .mb-xxl-n4,
  .my-xxl-n4 {
    margin-bottom: calc(-1.5 * var(--root-unit)) !important;
  }
  .ms-xxl-n4,
  .ml-xxl-n4,
  .mx-xxl-n4 {
    margin-left: calc(-1.5 * var(--root-unit)) !important;
  }
  .m-xxl-n4plus {
    margin: calc(-2 * var(--root-unit)) !important;
  }
  .mt-xxl-n4plus,
  .my-xxl-n4plus {
    margin-top: calc(-2 * var(--root-unit)) !important;
  }
  .me-xxl-n4plus,
  .mr-xxl-n4plus,
  .mx-xxl-n4plus {
    margin-right: calc(-2 * var(--root-unit)) !important;
  }
  .mb-xxl-n4plus,
  .my-xxl-n4plus {
    margin-bottom: calc(-2 * var(--root-unit)) !important;
  }
  .ms-xxl-n4plus,
  .ml-xxl-n4plus,
  .mx-xxl-n4plus {
    margin-left: calc(-2 * var(--root-unit)) !important;
  }
  .m-xxl-n5 {
    margin: calc(-2.5 * var(--root-unit)) !important;
  }
  .mt-xxl-n5,
  .my-xxl-n5 {
    margin-top: calc(-2.5 * var(--root-unit)) !important;
  }
  .me-xxl-n5,
  .mr-xxl-n5,
  .mx-xxl-n5 {
    margin-right: calc(-2.5 * var(--root-unit)) !important;
  }
  .mb-xxl-n5,
  .my-xxl-n5 {
    margin-bottom: calc(-2.5 * var(--root-unit)) !important;
  }
  .ms-xxl-n5,
  .ml-xxl-n5,
  .mx-xxl-n5 {
    margin-left: calc(-2.5 * var(--root-unit)) !important;
  }
  .m-xxl-n6 {
    margin: calc(-3 * var(--root-unit)) !important;
  }
  .mt-xxl-n6,
  .my-xxl-n6 {
    margin-top: calc(-3 * var(--root-unit)) !important;
  }
  .me-xxl-n6,
  .mr-xxl-n6,
  .mx-xxl-n6 {
    margin-right: calc(-3 * var(--root-unit)) !important;
  }
  .mb-xxl-n6,
  .my-xxl-n6 {
    margin-bottom: calc(-3 * var(--root-unit)) !important;
  }
  .ms-xxl-n6,
  .ml-xxl-n6,
  .mx-xxl-n6 {
    margin-left: calc(-3 * var(--root-unit)) !important;
  }
  .m-xxl-n7 {
    margin: calc(-3.5 * var(--root-unit)) !important;
  }
  .mt-xxl-n7,
  .my-xxl-n7 {
    margin-top: calc(-3.5 * var(--root-unit)) !important;
  }
  .me-xxl-n7,
  .mr-xxl-n7,
  .mx-xxl-n7 {
    margin-right: calc(-3.5 * var(--root-unit)) !important;
  }
  .mb-xxl-n7,
  .my-xxl-n7 {
    margin-bottom: calc(-3.5 * var(--root-unit)) !important;
  }
  .ms-xxl-n7,
  .ml-xxl-n7,
  .mx-xxl-n7 {
    margin-left: calc(-3.5 * var(--root-unit)) !important;
  }
  .m-xxl-n8 {
    margin: calc(-4 * var(--root-unit)) !important;
  }
  .mt-xxl-n8,
  .my-xxl-n8 {
    margin-top: calc(-4 * var(--root-unit)) !important;
  }
  .me-xxl-n8,
  .mr-xxl-n8,
  .mx-xxl-n8 {
    margin-right: calc(-4 * var(--root-unit)) !important;
  }
  .mb-xxl-n8,
  .my-xxl-n8 {
    margin-bottom: calc(-4 * var(--root-unit)) !important;
  }
  .ms-xxl-n8,
  .ml-xxl-n8,
  .mx-xxl-n8 {
    margin-left: calc(-4 * var(--root-unit)) !important;
  }
  .m-xxl-n9 {
    margin: calc(-4.5 * var(--root-unit)) !important;
  }
  .mt-xxl-n9,
  .my-xxl-n9 {
    margin-top: calc(-4.5 * var(--root-unit)) !important;
  }
  .me-xxl-n9,
  .mr-xxl-n9,
  .mx-xxl-n9 {
    margin-right: calc(-4.5 * var(--root-unit)) !important;
  }
  .mb-xxl-n9,
  .my-xxl-n9 {
    margin-bottom: calc(-4.5 * var(--root-unit)) !important;
  }
  .ms-xxl-n9,
  .ml-xxl-n9,
  .mx-xxl-n9 {
    margin-left: calc(-4.5 * var(--root-unit)) !important;
  }
  .m-xxl-n10 {
    margin: calc(-5 * var(--root-unit)) !important;
  }
  .mt-xxl-n10,
  .my-xxl-n10 {
    margin-top: calc(-5 * var(--root-unit)) !important;
  }
  .me-xxl-n10,
  .mr-xxl-n10,
  .mx-xxl-n10 {
    margin-right: calc(-5 * var(--root-unit)) !important;
  }
  .mb-xxl-n10,
  .my-xxl-n10 {
    margin-bottom: calc(-5 * var(--root-unit)) !important;
  }
  .ms-xxl-n10,
  .ml-xxl-n10,
  .mx-xxl-n10 {
    margin-left: calc(-5 * var(--root-unit)) !important;
  }
  .m-xxl-n11 {
    margin: calc(-5.5 * var(--root-unit)) !important;
  }
  .mt-xxl-n11,
  .my-xxl-n11 {
    margin-top: calc(-5.5 * var(--root-unit)) !important;
  }
  .me-xxl-n11,
  .mr-xxl-n11,
  .mx-xxl-n11 {
    margin-right: calc(-5.5 * var(--root-unit)) !important;
  }
  .mb-xxl-n11,
  .my-xxl-n11 {
    margin-bottom: calc(-5.5 * var(--root-unit)) !important;
  }
  .ms-xxl-n11,
  .ml-xxl-n11,
  .mx-xxl-n11 {
    margin-left: calc(-5.5 * var(--root-unit)) !important;
  }
  .m-xxl-n12 {
    margin: calc(-6 * var(--root-unit)) !important;
  }
  .mt-xxl-n12,
  .my-xxl-n12 {
    margin-top: calc(-6 * var(--root-unit)) !important;
  }
  .me-xxl-n12,
  .mr-xxl-n12,
  .mx-xxl-n12 {
    margin-right: calc(-6 * var(--root-unit)) !important;
  }
  .mb-xxl-n12,
  .my-xxl-n12 {
    margin-bottom: calc(-6 * var(--root-unit)) !important;
  }
  .ms-xxl-n12,
  .ml-xxl-n12,
  .mx-xxl-n12 {
    margin-left: calc(-6 * var(--root-unit)) !important;
  }
  .m-xxl-n13 {
    margin: calc(-6.5 * var(--root-unit)) !important;
  }
  .mt-xxl-n13,
  .my-xxl-n13 {
    margin-top: calc(-6.5 * var(--root-unit)) !important;
  }
  .me-xxl-n13,
  .mr-xxl-n13,
  .mx-xxl-n13 {
    margin-right: calc(-6.5 * var(--root-unit)) !important;
  }
  .mb-xxl-n13,
  .my-xxl-n13 {
    margin-bottom: calc(-6.5 * var(--root-unit)) !important;
  }
  .ms-xxl-n13,
  .ml-xxl-n13,
  .mx-xxl-n13 {
    margin-left: calc(-6.5 * var(--root-unit)) !important;
  }
  .m-xxl-n14 {
    margin: calc(-7 * var(--root-unit)) !important;
  }
  .mt-xxl-n14,
  .my-xxl-n14 {
    margin-top: calc(-7 * var(--root-unit)) !important;
  }
  .me-xxl-n14,
  .mr-xxl-n14,
  .mx-xxl-n14 {
    margin-right: calc(-7 * var(--root-unit)) !important;
  }
  .mb-xxl-n14,
  .my-xxl-n14 {
    margin-bottom: calc(-7 * var(--root-unit)) !important;
  }
  .ms-xxl-n14,
  .ml-xxl-n14,
  .mx-xxl-n14 {
    margin-left: calc(-7 * var(--root-unit)) !important;
  }
  .m-xxl-n15 {
    margin: calc(-8 * var(--root-unit)) !important;
  }
  .mt-xxl-n15,
  .my-xxl-n15 {
    margin-top: calc(-8 * var(--root-unit)) !important;
  }
  .me-xxl-n15,
  .mr-xxl-n15,
  .mx-xxl-n15 {
    margin-right: calc(-8 * var(--root-unit)) !important;
  }
  .mb-xxl-n15,
  .my-xxl-n15 {
    margin-bottom: calc(-8 * var(--root-unit)) !important;
  }
  .ms-xxl-n15,
  .ml-xxl-n15,
  .mx-xxl-n15 {
    margin-left: calc(-8 * var(--root-unit)) !important;
  }
  .m-xxl-n16 {
    margin: calc(-8.5 * var(--root-unit)) !important;
  }
  .mt-xxl-n16,
  .my-xxl-n16 {
    margin-top: calc(-8.5 * var(--root-unit)) !important;
  }
  .me-xxl-n16,
  .mr-xxl-n16,
  .mx-xxl-n16 {
    margin-right: calc(-8.5 * var(--root-unit)) !important;
  }
  .mb-xxl-n16,
  .my-xxl-n16 {
    margin-bottom: calc(-8.5 * var(--root-unit)) !important;
  }
  .ms-xxl-n16,
  .ml-xxl-n16,
  .mx-xxl-n16 {
    margin-left: calc(-8.5 * var(--root-unit)) !important;
  }
  .m-xxl-n17 {
    margin: calc(-9 * var(--root-unit)) !important;
  }
  .mt-xxl-n17,
  .my-xxl-n17 {
    margin-top: calc(-9 * var(--root-unit)) !important;
  }
  .me-xxl-n17,
  .mr-xxl-n17,
  .mx-xxl-n17 {
    margin-right: calc(-9 * var(--root-unit)) !important;
  }
  .mb-xxl-n17,
  .my-xxl-n17 {
    margin-bottom: calc(-9 * var(--root-unit)) !important;
  }
  .ms-xxl-n17,
  .ml-xxl-n17,
  .mx-xxl-n17 {
    margin-left: calc(-9 * var(--root-unit)) !important;
  }
  .m-xxl-n18 {
    margin: calc(-9.5 * var(--root-unit)) !important;
  }
  .mt-xxl-n18,
  .my-xxl-n18 {
    margin-top: calc(-9.5 * var(--root-unit)) !important;
  }
  .me-xxl-n18,
  .mr-xxl-n18,
  .mx-xxl-n18 {
    margin-right: calc(-9.5 * var(--root-unit)) !important;
  }
  .mb-xxl-n18,
  .my-xxl-n18 {
    margin-bottom: calc(-9.5 * var(--root-unit)) !important;
  }
  .ms-xxl-n18,
  .ml-xxl-n18,
  .mx-xxl-n18 {
    margin-left: calc(-9.5 * var(--root-unit)) !important;
  }
  .m-xxl-n19 {
    margin: calc(-10 * var(--root-unit)) !important;
  }
  .mt-xxl-n19,
  .my-xxl-n19 {
    margin-top: calc(-10 * var(--root-unit)) !important;
  }
  .me-xxl-n19,
  .mr-xxl-n19,
  .mx-xxl-n19 {
    margin-right: calc(-10 * var(--root-unit)) !important;
  }
  .mb-xxl-n19,
  .my-xxl-n19 {
    margin-bottom: calc(-10 * var(--root-unit)) !important;
  }
  .ms-xxl-n19,
  .ml-xxl-n19,
  .mx-xxl-n19 {
    margin-left: calc(-10 * var(--root-unit)) !important;
  }
  .m-xxl-n20 {
    margin: calc(-10.5 * var(--root-unit)) !important;
  }
  .mt-xxl-n20,
  .my-xxl-n20 {
    margin-top: calc(-10.5 * var(--root-unit)) !important;
  }
  .me-xxl-n20,
  .mr-xxl-n20,
  .mx-xxl-n20 {
    margin-right: calc(-10.5 * var(--root-unit)) !important;
  }
  .mb-xxl-n20,
  .my-xxl-n20 {
    margin-bottom: calc(-10.5 * var(--root-unit)) !important;
  }
  .ms-xxl-n20,
  .ml-xxl-n20,
  .mx-xxl-n20 {
    margin-left: calc(-10.5 * var(--root-unit)) !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .mt-xxl-0,
  .my-xxl-0 {
    margin-top: 0 !important;
  }
  .me-xxl-0,
  .mr-xxl-0,
  .mx-xxl-0 {
    margin-right: 0 !important;
  }
  .mb-xxl-0,
  .my-xxl-0 {
    margin-bottom: 0 !important;
  }
  .ms-xxl-0,
  .ml-xxl-0,
  .mx-xxl-0 {
    margin-left: 0 !important;
  }
  .m-xxl-1 {
    margin: calc(0.25 * var(--root-unit)) !important;
  }
  .mt-xxl-1,
  .my-xxl-1 {
    margin-top: calc(0.25 * var(--root-unit)) !important;
  }
  .me-xxl-1,
  .mr-xxl-1,
  .mx-xxl-1 {
    margin-right: calc(0.25 * var(--root-unit)) !important;
  }
  .mb-xxl-1,
  .my-xxl-1 {
    margin-bottom: calc(0.25 * var(--root-unit)) !important;
  }
  .ms-xxl-1,
  .ml-xxl-1,
  .mx-xxl-1 {
    margin-left: calc(0.25 * var(--root-unit)) !important;
  }
  .m-xxl-2 {
    margin: calc(0.5 * var(--root-unit)) !important;
  }
  .mt-xxl-2,
  .my-xxl-2 {
    margin-top: calc(0.5 * var(--root-unit)) !important;
  }
  .me-xxl-2,
  .mr-xxl-2,
  .mx-xxl-2 {
    margin-right: calc(0.5 * var(--root-unit)) !important;
  }
  .mb-xxl-2,
  .my-xxl-2 {
    margin-bottom: calc(0.5 * var(--root-unit)) !important;
  }
  .ms-xxl-2,
  .ml-xxl-2,
  .mx-xxl-2 {
    margin-left: calc(0.5 * var(--root-unit)) !important;
  }
  .m-xxl-3 {
    margin: calc(1 * var(--root-unit)) !important;
  }
  .mt-xxl-3,
  .my-xxl-3 {
    margin-top: calc(1 * var(--root-unit)) !important;
  }
  .me-xxl-3,
  .mr-xxl-3,
  .mx-xxl-3 {
    margin-right: calc(1 * var(--root-unit)) !important;
  }
  .mb-xxl-3,
  .my-xxl-3 {
    margin-bottom: calc(1 * var(--root-unit)) !important;
  }
  .ms-xxl-3,
  .ml-xxl-3,
  .mx-xxl-3 {
    margin-left: calc(1 * var(--root-unit)) !important;
  }
  .m-xxl-4 {
    margin: calc(1.5 * var(--root-unit)) !important;
  }
  .mt-xxl-4,
  .my-xxl-4 {
    margin-top: calc(1.5 * var(--root-unit)) !important;
  }
  .me-xxl-4,
  .mr-xxl-4,
  .mx-xxl-4 {
    margin-right: calc(1.5 * var(--root-unit)) !important;
  }
  .mb-xxl-4,
  .my-xxl-4 {
    margin-bottom: calc(1.5 * var(--root-unit)) !important;
  }
  .ms-xxl-4,
  .ml-xxl-4,
  .mx-xxl-4 {
    margin-left: calc(1.5 * var(--root-unit)) !important;
  }
  .m-xxl-4plus {
    margin: calc(2 * var(--root-unit)) !important;
  }
  .mt-xxl-4plus,
  .my-xxl-4plus {
    margin-top: calc(2 * var(--root-unit)) !important;
  }
  .me-xxl-4plus,
  .mr-xxl-4plus,
  .mx-xxl-4plus {
    margin-right: calc(2 * var(--root-unit)) !important;
  }
  .mb-xxl-4plus,
  .my-xxl-4plus {
    margin-bottom: calc(2 * var(--root-unit)) !important;
  }
  .ms-xxl-4plus,
  .ml-xxl-4plus,
  .mx-xxl-4plus {
    margin-left: calc(2 * var(--root-unit)) !important;
  }
  .m-xxl-5 {
    margin: calc(2.5 * var(--root-unit)) !important;
  }
  .mt-xxl-5,
  .my-xxl-5 {
    margin-top: calc(2.5 * var(--root-unit)) !important;
  }
  .me-xxl-5,
  .mr-xxl-5,
  .mx-xxl-5 {
    margin-right: calc(2.5 * var(--root-unit)) !important;
  }
  .mb-xxl-5,
  .my-xxl-5 {
    margin-bottom: calc(2.5 * var(--root-unit)) !important;
  }
  .ms-xxl-5,
  .ml-xxl-5,
  .mx-xxl-5 {
    margin-left: calc(2.5 * var(--root-unit)) !important;
  }
  .m-xxl-6 {
    margin: calc(3 * var(--root-unit)) !important;
  }
  .mt-xxl-6,
  .my-xxl-6 {
    margin-top: calc(3 * var(--root-unit)) !important;
  }
  .me-xxl-6,
  .mr-xxl-6,
  .mx-xxl-6 {
    margin-right: calc(3 * var(--root-unit)) !important;
  }
  .mb-xxl-6,
  .my-xxl-6 {
    margin-bottom: calc(3 * var(--root-unit)) !important;
  }
  .ms-xxl-6,
  .ml-xxl-6,
  .mx-xxl-6 {
    margin-left: calc(3 * var(--root-unit)) !important;
  }
  .m-xxl-7 {
    margin: calc(3.5 * var(--root-unit)) !important;
  }
  .mt-xxl-7,
  .my-xxl-7 {
    margin-top: calc(3.5 * var(--root-unit)) !important;
  }
  .me-xxl-7,
  .mr-xxl-7,
  .mx-xxl-7 {
    margin-right: calc(3.5 * var(--root-unit)) !important;
  }
  .mb-xxl-7,
  .my-xxl-7 {
    margin-bottom: calc(3.5 * var(--root-unit)) !important;
  }
  .ms-xxl-7,
  .ml-xxl-7,
  .mx-xxl-7 {
    margin-left: calc(3.5 * var(--root-unit)) !important;
  }
  .m-xxl-8 {
    margin: calc(4 * var(--root-unit)) !important;
  }
  .mt-xxl-8,
  .my-xxl-8 {
    margin-top: calc(4 * var(--root-unit)) !important;
  }
  .me-xxl-8,
  .mr-xxl-8,
  .mx-xxl-8 {
    margin-right: calc(4 * var(--root-unit)) !important;
  }
  .mb-xxl-8,
  .my-xxl-8 {
    margin-bottom: calc(4 * var(--root-unit)) !important;
  }
  .ms-xxl-8,
  .ml-xxl-8,
  .mx-xxl-8 {
    margin-left: calc(4 * var(--root-unit)) !important;
  }
  .m-xxl-9 {
    margin: calc(4.5 * var(--root-unit)) !important;
  }
  .mt-xxl-9,
  .my-xxl-9 {
    margin-top: calc(4.5 * var(--root-unit)) !important;
  }
  .me-xxl-9,
  .mr-xxl-9,
  .mx-xxl-9 {
    margin-right: calc(4.5 * var(--root-unit)) !important;
  }
  .mb-xxl-9,
  .my-xxl-9 {
    margin-bottom: calc(4.5 * var(--root-unit)) !important;
  }
  .ms-xxl-9,
  .ml-xxl-9,
  .mx-xxl-9 {
    margin-left: calc(4.5 * var(--root-unit)) !important;
  }
  .m-xxl-10 {
    margin: calc(5 * var(--root-unit)) !important;
  }
  .mt-xxl-10,
  .my-xxl-10 {
    margin-top: calc(5 * var(--root-unit)) !important;
  }
  .me-xxl-10,
  .mr-xxl-10,
  .mx-xxl-10 {
    margin-right: calc(5 * var(--root-unit)) !important;
  }
  .mb-xxl-10,
  .my-xxl-10 {
    margin-bottom: calc(5 * var(--root-unit)) !important;
  }
  .ms-xxl-10,
  .ml-xxl-10,
  .mx-xxl-10 {
    margin-left: calc(5 * var(--root-unit)) !important;
  }
  .m-xxl-11 {
    margin: calc(5.5 * var(--root-unit)) !important;
  }
  .mt-xxl-11,
  .my-xxl-11 {
    margin-top: calc(5.5 * var(--root-unit)) !important;
  }
  .me-xxl-11,
  .mr-xxl-11,
  .mx-xxl-11 {
    margin-right: calc(5.5 * var(--root-unit)) !important;
  }
  .mb-xxl-11,
  .my-xxl-11 {
    margin-bottom: calc(5.5 * var(--root-unit)) !important;
  }
  .ms-xxl-11,
  .ml-xxl-11,
  .mx-xxl-11 {
    margin-left: calc(5.5 * var(--root-unit)) !important;
  }
  .m-xxl-12 {
    margin: calc(6 * var(--root-unit)) !important;
  }
  .mt-xxl-12,
  .my-xxl-12 {
    margin-top: calc(6 * var(--root-unit)) !important;
  }
  .me-xxl-12,
  .mr-xxl-12,
  .mx-xxl-12 {
    margin-right: calc(6 * var(--root-unit)) !important;
  }
  .mb-xxl-12,
  .my-xxl-12 {
    margin-bottom: calc(6 * var(--root-unit)) !important;
  }
  .ms-xxl-12,
  .ml-xxl-12,
  .mx-xxl-12 {
    margin-left: calc(6 * var(--root-unit)) !important;
  }
  .m-xxl-13 {
    margin: calc(6.5 * var(--root-unit)) !important;
  }
  .mt-xxl-13,
  .my-xxl-13 {
    margin-top: calc(6.5 * var(--root-unit)) !important;
  }
  .me-xxl-13,
  .mr-xxl-13,
  .mx-xxl-13 {
    margin-right: calc(6.5 * var(--root-unit)) !important;
  }
  .mb-xxl-13,
  .my-xxl-13 {
    margin-bottom: calc(6.5 * var(--root-unit)) !important;
  }
  .ms-xxl-13,
  .ml-xxl-13,
  .mx-xxl-13 {
    margin-left: calc(6.5 * var(--root-unit)) !important;
  }
  .m-xxl-14 {
    margin: calc(7 * var(--root-unit)) !important;
  }
  .mt-xxl-14,
  .my-xxl-14 {
    margin-top: calc(7 * var(--root-unit)) !important;
  }
  .me-xxl-14,
  .mr-xxl-14,
  .mx-xxl-14 {
    margin-right: calc(7 * var(--root-unit)) !important;
  }
  .mb-xxl-14,
  .my-xxl-14 {
    margin-bottom: calc(7 * var(--root-unit)) !important;
  }
  .ms-xxl-14,
  .ml-xxl-14,
  .mx-xxl-14 {
    margin-left: calc(7 * var(--root-unit)) !important;
  }
  .m-xxl-15 {
    margin: calc(7.5 * var(--root-unit)) !important;
  }
  .mt-xxl-15,
  .my-xxl-15 {
    margin-top: calc(7.5 * var(--root-unit)) !important;
  }
  .me-xxl-15,
  .mr-xxl-15,
  .mx-xxl-15 {
    margin-right: calc(7.5 * var(--root-unit)) !important;
  }
  .mb-xxl-15,
  .my-xxl-15 {
    margin-bottom: calc(7.5 * var(--root-unit)) !important;
  }
  .ms-xxl-15,
  .ml-xxl-15,
  .mx-xxl-15 {
    margin-left: calc(7.5 * var(--root-unit)) !important;
  }
  .m-xxl-16 {
    margin: calc(8 * var(--root-unit)) !important;
  }
  .mt-xxl-16,
  .my-xxl-16 {
    margin-top: calc(8 * var(--root-unit)) !important;
  }
  .me-xxl-16,
  .mr-xxl-16,
  .mx-xxl-16 {
    margin-right: calc(8 * var(--root-unit)) !important;
  }
  .mb-xxl-16,
  .my-xxl-16 {
    margin-bottom: calc(8 * var(--root-unit)) !important;
  }
  .ms-xxl-16,
  .ml-xxl-16,
  .mx-xxl-16 {
    margin-left: calc(8 * var(--root-unit)) !important;
  }
  .m-xxl-17 {
    margin: calc(8.5 * var(--root-unit)) !important;
  }
  .mt-xxl-17,
  .my-xxl-17 {
    margin-top: calc(8.5 * var(--root-unit)) !important;
  }
  .me-xxl-17,
  .mr-xxl-17,
  .mx-xxl-17 {
    margin-right: calc(8.5 * var(--root-unit)) !important;
  }
  .mb-xxl-17,
  .my-xxl-17 {
    margin-bottom: calc(8.5 * var(--root-unit)) !important;
  }
  .ms-xxl-17,
  .ml-xxl-17,
  .mx-xxl-17 {
    margin-left: calc(8.5 * var(--root-unit)) !important;
  }
  .m-xxl-18 {
    margin: calc(9 * var(--root-unit)) !important;
  }
  .mt-xxl-18,
  .my-xxl-18 {
    margin-top: calc(9 * var(--root-unit)) !important;
  }
  .me-xxl-18,
  .mr-xxl-18,
  .mx-xxl-18 {
    margin-right: calc(9 * var(--root-unit)) !important;
  }
  .mb-xxl-18,
  .my-xxl-18 {
    margin-bottom: calc(9 * var(--root-unit)) !important;
  }
  .ms-xxl-18,
  .ml-xxl-18,
  .mx-xxl-18 {
    margin-left: calc(9 * var(--root-unit)) !important;
  }
  .m-xxl-19 {
    margin: calc(9.5 * var(--root-unit)) !important;
  }
  .mt-xxl-19,
  .my-xxl-19 {
    margin-top: calc(9.5 * var(--root-unit)) !important;
  }
  .me-xxl-19,
  .mr-xxl-19,
  .mx-xxl-19 {
    margin-right: calc(9.5 * var(--root-unit)) !important;
  }
  .mb-xxl-19,
  .my-xxl-19 {
    margin-bottom: calc(9.5 * var(--root-unit)) !important;
  }
  .ms-xxl-19,
  .ml-xxl-19,
  .mx-xxl-19 {
    margin-left: calc(9.5 * var(--root-unit)) !important;
  }
  .m-xxl-20 {
    margin: calc(10 * var(--root-unit)) !important;
  }
  .mt-xxl-20,
  .my-xxl-20 {
    margin-top: calc(10 * var(--root-unit)) !important;
  }
  .me-xxl-20,
  .mr-xxl-20,
  .mx-xxl-20 {
    margin-right: calc(10 * var(--root-unit)) !important;
  }
  .mb-xxl-20,
  .my-xxl-20 {
    margin-bottom: calc(10 * var(--root-unit)) !important;
  }
  .ms-xxl-20,
  .ml-xxl-20,
  .mx-xxl-20 {
    margin-left: calc(10 * var(--root-unit)) !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .pt-xxl-0,
  .py-xxl-0 {
    padding-top: 0 !important;
  }
  .pe-xxl-0,
  .pr-xxl-0,
  .px-xxl-0 {
    padding-right: 0 !important;
  }
  .pb-xxl-0,
  .py-xxl-0 {
    padding-bottom: 0 !important;
  }
  .ps-xxl-0,
  .pl-xxl-0,
  .px-xxl-0 {
    padding-left: 0 !important;
  }
  .p-xxl-1 {
    padding: calc(0.25 * var(--root-unit)) !important;
  }
  .pt-xxl-1,
  .py-xxl-1 {
    padding-top: calc(0.25 * var(--root-unit)) !important;
  }
  .pe-xxl-1,
  .pr-xxl-1,
  .px-xxl-1 {
    padding-right: calc(0.25 * var(--root-unit)) !important;
  }
  .pb-xxl-1,
  .py-xxl-1 {
    padding-bottom: calc(0.25 * var(--root-unit)) !important;
  }
  .ps-xxl-1,
  .pl-xxl-1,
  .px-xxl-1 {
    padding-left: calc(0.25 * var(--root-unit)) !important;
  }
  .p-xxl-2 {
    padding: calc(0.5 * var(--root-unit)) !important;
  }
  .pt-xxl-2,
  .py-xxl-2 {
    padding-top: calc(0.5 * var(--root-unit)) !important;
  }
  .pe-xxl-2,
  .pr-xxl-2,
  .px-xxl-2 {
    padding-right: calc(0.5 * var(--root-unit)) !important;
  }
  .pb-xxl-2,
  .py-xxl-2 {
    padding-bottom: calc(0.5 * var(--root-unit)) !important;
  }
  .ps-xxl-2,
  .pl-xxl-2,
  .px-xxl-2 {
    padding-left: calc(0.5 * var(--root-unit)) !important;
  }
  .p-xxl-3 {
    padding: calc(1 * var(--root-unit)) !important;
  }
  .pt-xxl-3,
  .py-xxl-3 {
    padding-top: calc(1 * var(--root-unit)) !important;
  }
  .pe-xxl-3,
  .pr-xxl-3,
  .px-xxl-3 {
    padding-right: calc(1 * var(--root-unit)) !important;
  }
  .pb-xxl-3,
  .py-xxl-3 {
    padding-bottom: calc(1 * var(--root-unit)) !important;
  }
  .ps-xxl-3,
  .pl-xxl-3,
  .px-xxl-3 {
    padding-left: calc(1 * var(--root-unit)) !important;
  }
  .p-xxl-4 {
    padding: calc(1.5 * var(--root-unit)) !important;
  }
  .pt-xxl-4,
  .py-xxl-4 {
    padding-top: calc(1.5 * var(--root-unit)) !important;
  }
  .pe-xxl-4,
  .pr-xxl-4,
  .px-xxl-4 {
    padding-right: calc(1.5 * var(--root-unit)) !important;
  }
  .pb-xxl-4,
  .py-xxl-4 {
    padding-bottom: calc(1.5 * var(--root-unit)) !important;
  }
  .ps-xxl-4,
  .pl-xxl-4,
  .px-xxl-4 {
    padding-left: calc(1.5 * var(--root-unit)) !important;
  }
  .p-xxl-4plus {
    padding: calc(2 * var(--root-unit)) !important;
  }
  .pt-xxl-4plus,
  .py-xxl-4plus {
    padding-top: calc(2 * var(--root-unit)) !important;
  }
  .pe-xxl-4plus,
  .pr-xxl-4plus,
  .px-xxl-4plus {
    padding-right: calc(2 * var(--root-unit)) !important;
  }
  .pb-xxl-4plus,
  .py-xxl-4plus {
    padding-bottom: calc(2 * var(--root-unit)) !important;
  }
  .ps-xxl-4plus,
  .pl-xxl-4plus,
  .px-xxl-4plus {
    padding-left: calc(2 * var(--root-unit)) !important;
  }
  .p-xxl-5 {
    padding: calc(2.5 * var(--root-unit)) !important;
  }
  .pt-xxl-5,
  .py-xxl-5 {
    padding-top: calc(2.5 * var(--root-unit)) !important;
  }
  .pe-xxl-5,
  .pr-xxl-5,
  .px-xxl-5 {
    padding-right: calc(2.5 * var(--root-unit)) !important;
  }
  .pb-xxl-5,
  .py-xxl-5 {
    padding-bottom: calc(2.5 * var(--root-unit)) !important;
  }
  .ps-xxl-5,
  .pl-xxl-5,
  .px-xxl-5 {
    padding-left: calc(2.5 * var(--root-unit)) !important;
  }
  .p-xxl-6 {
    padding: calc(3 * var(--root-unit)) !important;
  }
  .pt-xxl-6,
  .py-xxl-6 {
    padding-top: calc(3 * var(--root-unit)) !important;
  }
  .pe-xxl-6,
  .pr-xxl-6,
  .px-xxl-6 {
    padding-right: calc(3 * var(--root-unit)) !important;
  }
  .pb-xxl-6,
  .py-xxl-6 {
    padding-bottom: calc(3 * var(--root-unit)) !important;
  }
  .ps-xxl-6,
  .pl-xxl-6,
  .px-xxl-6 {
    padding-left: calc(3 * var(--root-unit)) !important;
  }
  .p-xxl-7 {
    padding: calc(3.5 * var(--root-unit)) !important;
  }
  .pt-xxl-7,
  .py-xxl-7 {
    padding-top: calc(3.5 * var(--root-unit)) !important;
  }
  .pe-xxl-7,
  .pr-xxl-7,
  .px-xxl-7 {
    padding-right: calc(3.5 * var(--root-unit)) !important;
  }
  .pb-xxl-7,
  .py-xxl-7 {
    padding-bottom: calc(3.5 * var(--root-unit)) !important;
  }
  .ps-xxl-7,
  .pl-xxl-7,
  .px-xxl-7 {
    padding-left: calc(3.5 * var(--root-unit)) !important;
  }
  .p-xxl-8 {
    padding: calc(4 * var(--root-unit)) !important;
  }
  .pt-xxl-8,
  .py-xxl-8 {
    padding-top: calc(4 * var(--root-unit)) !important;
  }
  .pe-xxl-8,
  .pr-xxl-8,
  .px-xxl-8 {
    padding-right: calc(4 * var(--root-unit)) !important;
  }
  .pb-xxl-8,
  .py-xxl-8 {
    padding-bottom: calc(4 * var(--root-unit)) !important;
  }
  .ps-xxl-8,
  .pl-xxl-8,
  .px-xxl-8 {
    padding-left: calc(4 * var(--root-unit)) !important;
  }
  .p-xxl-9 {
    padding: calc(4.5 * var(--root-unit)) !important;
  }
  .pt-xxl-9,
  .py-xxl-9 {
    padding-top: calc(4.5 * var(--root-unit)) !important;
  }
  .pe-xxl-9,
  .pr-xxl-9,
  .px-xxl-9 {
    padding-right: calc(4.5 * var(--root-unit)) !important;
  }
  .pb-xxl-9,
  .py-xxl-9 {
    padding-bottom: calc(4.5 * var(--root-unit)) !important;
  }
  .ps-xxl-9,
  .pl-xxl-9,
  .px-xxl-9 {
    padding-left: calc(4.5 * var(--root-unit)) !important;
  }
  .p-xxl-10 {
    padding: calc(5 * var(--root-unit)) !important;
  }
  .pt-xxl-10,
  .py-xxl-10 {
    padding-top: calc(5 * var(--root-unit)) !important;
  }
  .pe-xxl-10,
  .pr-xxl-10,
  .px-xxl-10 {
    padding-right: calc(5 * var(--root-unit)) !important;
  }
  .pb-xxl-10,
  .py-xxl-10 {
    padding-bottom: calc(5 * var(--root-unit)) !important;
  }
  .ps-xxl-10,
  .pl-xxl-10,
  .px-xxl-10 {
    padding-left: calc(5 * var(--root-unit)) !important;
  }
  .p-xxl-11 {
    padding: calc(5.5 * var(--root-unit)) !important;
  }
  .pt-xxl-11,
  .py-xxl-11 {
    padding-top: calc(5.5 * var(--root-unit)) !important;
  }
  .pe-xxl-11,
  .pr-xxl-11,
  .px-xxl-11 {
    padding-right: calc(5.5 * var(--root-unit)) !important;
  }
  .pb-xxl-11,
  .py-xxl-11 {
    padding-bottom: calc(5.5 * var(--root-unit)) !important;
  }
  .ps-xxl-11,
  .pl-xxl-11,
  .px-xxl-11 {
    padding-left: calc(5.5 * var(--root-unit)) !important;
  }
  .p-xxl-12 {
    padding: calc(6 * var(--root-unit)) !important;
  }
  .pt-xxl-12,
  .py-xxl-12 {
    padding-top: calc(6 * var(--root-unit)) !important;
  }
  .pe-xxl-12,
  .pr-xxl-12,
  .px-xxl-12 {
    padding-right: calc(6 * var(--root-unit)) !important;
  }
  .pb-xxl-12,
  .py-xxl-12 {
    padding-bottom: calc(6 * var(--root-unit)) !important;
  }
  .ps-xxl-12,
  .pl-xxl-12,
  .px-xxl-12 {
    padding-left: calc(6 * var(--root-unit)) !important;
  }
  .p-xxl-13 {
    padding: calc(6.5 * var(--root-unit)) !important;
  }
  .pt-xxl-13,
  .py-xxl-13 {
    padding-top: calc(6.5 * var(--root-unit)) !important;
  }
  .pe-xxl-13,
  .pr-xxl-13,
  .px-xxl-13 {
    padding-right: calc(6.5 * var(--root-unit)) !important;
  }
  .pb-xxl-13,
  .py-xxl-13 {
    padding-bottom: calc(6.5 * var(--root-unit)) !important;
  }
  .ps-xxl-13,
  .pl-xxl-13,
  .px-xxl-13 {
    padding-left: calc(6.5 * var(--root-unit)) !important;
  }
  .p-xxl-14 {
    padding: calc(7 * var(--root-unit)) !important;
  }
  .pt-xxl-14,
  .py-xxl-14 {
    padding-top: calc(7 * var(--root-unit)) !important;
  }
  .pe-xxl-14,
  .pr-xxl-14,
  .px-xxl-14 {
    padding-right: calc(7 * var(--root-unit)) !important;
  }
  .pb-xxl-14,
  .py-xxl-14 {
    padding-bottom: calc(7 * var(--root-unit)) !important;
  }
  .ps-xxl-14,
  .pl-xxl-14,
  .px-xxl-14 {
    padding-left: calc(7 * var(--root-unit)) !important;
  }
  .p-xxl-15 {
    padding: calc(7.5 * var(--root-unit)) !important;
  }
  .pt-xxl-15,
  .py-xxl-15 {
    padding-top: calc(7.5 * var(--root-unit)) !important;
  }
  .pe-xxl-15,
  .pr-xxl-15,
  .px-xxl-15 {
    padding-right: calc(7.5 * var(--root-unit)) !important;
  }
  .pb-xxl-15,
  .py-xxl-15 {
    padding-bottom: calc(7.5 * var(--root-unit)) !important;
  }
  .ps-xxl-15,
  .pl-xxl-15,
  .px-xxl-15 {
    padding-left: calc(7.5 * var(--root-unit)) !important;
  }
  .p-xxl-16 {
    padding: calc(8 * var(--root-unit)) !important;
  }
  .pt-xxl-16,
  .py-xxl-16 {
    padding-top: calc(8 * var(--root-unit)) !important;
  }
  .pe-xxl-16,
  .pr-xxl-16,
  .px-xxl-16 {
    padding-right: calc(8 * var(--root-unit)) !important;
  }
  .pb-xxl-16,
  .py-xxl-16 {
    padding-bottom: calc(8 * var(--root-unit)) !important;
  }
  .ps-xxl-16,
  .pl-xxl-16,
  .px-xxl-16 {
    padding-left: calc(8 * var(--root-unit)) !important;
  }
  .p-xxl-17 {
    padding: calc(8.5 * var(--root-unit)) !important;
  }
  .pt-xxl-17,
  .py-xxl-17 {
    padding-top: calc(8.5 * var(--root-unit)) !important;
  }
  .pe-xxl-17,
  .pr-xxl-17,
  .px-xxl-17 {
    padding-right: calc(8.5 * var(--root-unit)) !important;
  }
  .pb-xxl-17,
  .py-xxl-17 {
    padding-bottom: calc(8.5 * var(--root-unit)) !important;
  }
  .ps-xxl-17,
  .pl-xxl-17,
  .px-xxl-17 {
    padding-left: calc(8.5 * var(--root-unit)) !important;
  }
  .p-xxl-18 {
    padding: calc(9 * var(--root-unit)) !important;
  }
  .pt-xxl-18,
  .py-xxl-18 {
    padding-top: calc(9 * var(--root-unit)) !important;
  }
  .pe-xxl-18,
  .pr-xxl-18,
  .px-xxl-18 {
    padding-right: calc(9 * var(--root-unit)) !important;
  }
  .pb-xxl-18,
  .py-xxl-18 {
    padding-bottom: calc(9 * var(--root-unit)) !important;
  }
  .ps-xxl-18,
  .pl-xxl-18,
  .px-xxl-18 {
    padding-left: calc(9 * var(--root-unit)) !important;
  }
  .p-xxl-19 {
    padding: calc(9.5 * var(--root-unit)) !important;
  }
  .pt-xxl-19,
  .py-xxl-19 {
    padding-top: calc(9.5 * var(--root-unit)) !important;
  }
  .pe-xxl-19,
  .pr-xxl-19,
  .px-xxl-19 {
    padding-right: calc(9.5 * var(--root-unit)) !important;
  }
  .pb-xxl-19,
  .py-xxl-19 {
    padding-bottom: calc(9.5 * var(--root-unit)) !important;
  }
  .ps-xxl-19,
  .pl-xxl-19,
  .px-xxl-19 {
    padding-left: calc(9.5 * var(--root-unit)) !important;
  }
  .p-xxl-20 {
    padding: calc(10 * var(--root-unit)) !important;
  }
  .pt-xxl-20,
  .py-xxl-20 {
    padding-top: calc(10 * var(--root-unit)) !important;
  }
  .pe-xxl-20,
  .pr-xxl-20,
  .px-xxl-20 {
    padding-right: calc(10 * var(--root-unit)) !important;
  }
  .pb-xxl-20,
  .py-xxl-20 {
    padding-bottom: calc(10 * var(--root-unit)) !important;
  }
  .ps-xxl-20,
  .pl-xxl-20,
  .px-xxl-20 {
    padding-left: calc(10 * var(--root-unit)) !important;
  }
  .m-xxl-n1 {
    margin: calc(-0.25 * var(--root-unit)) !important;
  }
  .mt-xxl-n1,
  .my-xxl-n1 {
    margin-top: calc(-0.25 * var(--root-unit)) !important;
  }
  .me-xxl-n1,
  .mr-xxl-n1,
  .mx-xxl-n1 {
    margin-right: calc(-0.25 * var(--root-unit)) !important;
  }
  .mb-xxl-n1,
  .my-xxl-n1 {
    margin-bottom: calc(-0.25 * var(--root-unit)) !important;
  }
  .ms-xxl-n1,
  .ml-xxl-n1,
  .mx-xxl-n1 {
    margin-left: calc(-0.25 * var(--root-unit)) !important;
  }
  .m-xxl-n2 {
    margin: calc(-0.5 * var(--root-unit)) !important;
  }
  .mt-xxl-n2,
  .my-xxl-n2 {
    margin-top: calc(-0.5 * var(--root-unit)) !important;
  }
  .me-xxl-n2,
  .mr-xxl-n2,
  .mx-xxl-n2 {
    margin-right: calc(-0.5 * var(--root-unit)) !important;
  }
  .mb-xxl-n2,
  .my-xxl-n2 {
    margin-bottom: calc(-0.5 * var(--root-unit)) !important;
  }
  .ms-xxl-n2,
  .ml-xxl-n2,
  .mx-xxl-n2 {
    margin-left: calc(-0.5 * var(--root-unit)) !important;
  }
  .m-xxl-n3 {
    margin: calc(-1 * var(--root-unit)) !important;
  }
  .mt-xxl-n3,
  .my-xxl-n3 {
    margin-top: calc(-1 * var(--root-unit)) !important;
  }
  .me-xxl-n3,
  .mr-xxl-n3,
  .mx-xxl-n3 {
    margin-right: calc(-1 * var(--root-unit)) !important;
  }
  .mb-xxl-n3,
  .my-xxl-n3 {
    margin-bottom: calc(-1 * var(--root-unit)) !important;
  }
  .ms-xxl-n3,
  .ml-xxl-n3,
  .mx-xxl-n3 {
    margin-left: calc(-1 * var(--root-unit)) !important;
  }
  .m-xxl-n4 {
    margin: calc(-1.5 * var(--root-unit)) !important;
  }
  .mt-xxl-n4,
  .my-xxl-n4 {
    margin-top: calc(-1.5 * var(--root-unit)) !important;
  }
  .me-xxl-n4,
  .mr-xxl-n4,
  .mx-xxl-n4 {
    margin-right: calc(-1.5 * var(--root-unit)) !important;
  }
  .mb-xxl-n4,
  .my-xxl-n4 {
    margin-bottom: calc(-1.5 * var(--root-unit)) !important;
  }
  .ms-xxl-n4,
  .ml-xxl-n4,
  .mx-xxl-n4 {
    margin-left: calc(-1.5 * var(--root-unit)) !important;
  }
  .m-xxl-n4plus {
    margin: calc(-2 * var(--root-unit)) !important;
  }
  .mt-xxl-n4plus,
  .my-xxl-n4plus {
    margin-top: calc(-2 * var(--root-unit)) !important;
  }
  .me-xxl-n4plus,
  .mr-xxl-n4plus,
  .mx-xxl-n4plus {
    margin-right: calc(-2 * var(--root-unit)) !important;
  }
  .mb-xxl-n4plus,
  .my-xxl-n4plus {
    margin-bottom: calc(-2 * var(--root-unit)) !important;
  }
  .ms-xxl-n4plus,
  .ml-xxl-n4plus,
  .mx-xxl-n4plus {
    margin-left: calc(-2 * var(--root-unit)) !important;
  }
  .m-xxl-n5 {
    margin: calc(-3 * var(--root-unit)) !important;
  }
  .mt-xxl-n5,
  .my-xxl-n5 {
    margin-top: calc(-3 * var(--root-unit)) !important;
  }
  .me-xxl-n5,
  .mr-xxl-n5,
  .mx-xxl-n5 {
    margin-right: calc(-3 * var(--root-unit)) !important;
  }
  .mb-xxl-n5,
  .my-xxl-n5 {
    margin-bottom: calc(-3 * var(--root-unit)) !important;
  }
  .ms-xxl-n5,
  .ml-xxl-n5,
  .mx-xxl-n5 {
    margin-left: calc(-3 * var(--root-unit)) !important;
  }
  .m-xxl-n6 {
    margin: calc(-3.5 * var(--root-unit)) !important;
  }
  .mt-xxl-n6,
  .my-xxl-n6 {
    margin-top: calc(-3.5 * var(--root-unit)) !important;
  }
  .me-xxl-n6,
  .mr-xxl-n6,
  .mx-xxl-n6 {
    margin-right: calc(-3.5 * var(--root-unit)) !important;
  }
  .mb-xxl-n6,
  .my-xxl-n6 {
    margin-bottom: calc(-3.5 * var(--root-unit)) !important;
  }
  .ms-xxl-n6,
  .ml-xxl-n6,
  .mx-xxl-n6 {
    margin-left: calc(-3.5 * var(--root-unit)) !important;
  }
  .m-xxl-n7 {
    margin: calc(-4 * var(--root-unit)) !important;
  }
  .mt-xxl-n7,
  .my-xxl-n7 {
    margin-top: calc(-4 * var(--root-unit)) !important;
  }
  .me-xxl-n7,
  .mr-xxl-n7,
  .mx-xxl-n7 {
    margin-right: calc(-4 * var(--root-unit)) !important;
  }
  .mb-xxl-n7,
  .my-xxl-n7 {
    margin-bottom: calc(-4 * var(--root-unit)) !important;
  }
  .ms-xxl-n7,
  .ml-xxl-n7,
  .mx-xxl-n7 {
    margin-left: calc(-4 * var(--root-unit)) !important;
  }
  .m-xxl-n8 {
    margin: calc(-4.5 * var(--root-unit)) !important;
  }
  .mt-xxl-n8,
  .my-xxl-n8 {
    margin-top: calc(-4.5 * var(--root-unit)) !important;
  }
  .me-xxl-n8,
  .mr-xxl-n8,
  .mx-xxl-n8 {
    margin-right: calc(-4.5 * var(--root-unit)) !important;
  }
  .mb-xxl-n8,
  .my-xxl-n8 {
    margin-bottom: calc(-4.5 * var(--root-unit)) !important;
  }
  .ms-xxl-n8,
  .ml-xxl-n8,
  .mx-xxl-n8 {
    margin-left: calc(-4.5 * var(--root-unit)) !important;
  }
  .m-xxl-n9 {
    margin: calc(-5 * var(--root-unit)) !important;
  }
  .mt-xxl-n9,
  .my-xxl-n9 {
    margin-top: calc(-5 * var(--root-unit)) !important;
  }
  .me-xxl-n9,
  .mr-xxl-n9,
  .mx-xxl-n9 {
    margin-right: calc(-5 * var(--root-unit)) !important;
  }
  .mb-xxl-n9,
  .my-xxl-n9 {
    margin-bottom: calc(-5 * var(--root-unit)) !important;
  }
  .ms-xxl-n9,
  .ml-xxl-n9,
  .mx-xxl-n9 {
    margin-left: calc(-5 * var(--root-unit)) !important;
  }
  .m-xxl-n10 {
    margin: calc(-6 * var(--root-unit)) !important;
  }
  .mt-xxl-n10,
  .my-xxl-n10 {
    margin-top: calc(-6 * var(--root-unit)) !important;
  }
  .me-xxl-n10,
  .mr-xxl-n10,
  .mx-xxl-n10 {
    margin-right: calc(-6 * var(--root-unit)) !important;
  }
  .mb-xxl-n10,
  .my-xxl-n10 {
    margin-bottom: calc(-6 * var(--root-unit)) !important;
  }
  .ms-xxl-n10,
  .ml-xxl-n10,
  .mx-xxl-n10 {
    margin-left: calc(-6 * var(--root-unit)) !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mt-xxl-auto,
  .my-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-auto,
  .mr-xxl-auto,
  .mx-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-auto,
  .my-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-auto,
  .ml-xxl-auto,
  .mx-xxl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1920px) {
  .m-xxxl-n1 {
    margin: calc(-0.25 * var(--root-unit)) !important;
  }
  .mt-xxxl-n1,
  .my-xxxl-n1 {
    margin-top: calc(-0.25 * var(--root-unit)) !important;
  }
  .me-xxxl-n1,
  .mr-xxxl-n1,
  .mx-xxxl-n1 {
    margin-right: calc(-0.25 * var(--root-unit)) !important;
  }
  .mb-xxxl-n1,
  .my-xxxl-n1 {
    margin-bottom: calc(-0.25 * var(--root-unit)) !important;
  }
  .ms-xxxl-n1,
  .ml-xxxl-n1,
  .mx-xxxl-n1 {
    margin-left: calc(-0.25 * var(--root-unit)) !important;
  }
  .m-xxxl-n2 {
    margin: calc(-0.5 * var(--root-unit)) !important;
  }
  .mt-xxxl-n2,
  .my-xxxl-n2 {
    margin-top: calc(-0.5 * var(--root-unit)) !important;
  }
  .me-xxxl-n2,
  .mr-xxxl-n2,
  .mx-xxxl-n2 {
    margin-right: calc(-0.5 * var(--root-unit)) !important;
  }
  .mb-xxxl-n2,
  .my-xxxl-n2 {
    margin-bottom: calc(-0.5 * var(--root-unit)) !important;
  }
  .ms-xxxl-n2,
  .ml-xxxl-n2,
  .mx-xxxl-n2 {
    margin-left: calc(-0.5 * var(--root-unit)) !important;
  }
  .m-xxxl-n3 {
    margin: calc(-1 * var(--root-unit)) !important;
  }
  .mt-xxxl-n3,
  .my-xxxl-n3 {
    margin-top: calc(-1 * var(--root-unit)) !important;
  }
  .me-xxxl-n3,
  .mr-xxxl-n3,
  .mx-xxxl-n3 {
    margin-right: calc(-1 * var(--root-unit)) !important;
  }
  .mb-xxxl-n3,
  .my-xxxl-n3 {
    margin-bottom: calc(-1 * var(--root-unit)) !important;
  }
  .ms-xxxl-n3,
  .ml-xxxl-n3,
  .mx-xxxl-n3 {
    margin-left: calc(-1 * var(--root-unit)) !important;
  }
  .m-xxxl-n4 {
    margin: calc(-1.5 * var(--root-unit)) !important;
  }
  .mt-xxxl-n4,
  .my-xxxl-n4 {
    margin-top: calc(-1.5 * var(--root-unit)) !important;
  }
  .me-xxxl-n4,
  .mr-xxxl-n4,
  .mx-xxxl-n4 {
    margin-right: calc(-1.5 * var(--root-unit)) !important;
  }
  .mb-xxxl-n4,
  .my-xxxl-n4 {
    margin-bottom: calc(-1.5 * var(--root-unit)) !important;
  }
  .ms-xxxl-n4,
  .ml-xxxl-n4,
  .mx-xxxl-n4 {
    margin-left: calc(-1.5 * var(--root-unit)) !important;
  }
  .m-xxxl-n4plus {
    margin: calc(-2 * var(--root-unit)) !important;
  }
  .mt-xxxl-n4plus,
  .my-xxxl-n4plus {
    margin-top: calc(-2 * var(--root-unit)) !important;
  }
  .me-xxxl-n4plus,
  .mr-xxxl-n4plus,
  .mx-xxxl-n4plus {
    margin-right: calc(-2 * var(--root-unit)) !important;
  }
  .mb-xxxl-n4plus,
  .my-xxxl-n4plus {
    margin-bottom: calc(-2 * var(--root-unit)) !important;
  }
  .ms-xxxl-n4plus,
  .ml-xxxl-n4plus,
  .mx-xxxl-n4plus {
    margin-left: calc(-2 * var(--root-unit)) !important;
  }
  .m-xxxl-n5 {
    margin: calc(-2.5 * var(--root-unit)) !important;
  }
  .mt-xxxl-n5,
  .my-xxxl-n5 {
    margin-top: calc(-2.5 * var(--root-unit)) !important;
  }
  .me-xxxl-n5,
  .mr-xxxl-n5,
  .mx-xxxl-n5 {
    margin-right: calc(-2.5 * var(--root-unit)) !important;
  }
  .mb-xxxl-n5,
  .my-xxxl-n5 {
    margin-bottom: calc(-2.5 * var(--root-unit)) !important;
  }
  .ms-xxxl-n5,
  .ml-xxxl-n5,
  .mx-xxxl-n5 {
    margin-left: calc(-2.5 * var(--root-unit)) !important;
  }
  .m-xxxl-n6 {
    margin: calc(-3 * var(--root-unit)) !important;
  }
  .mt-xxxl-n6,
  .my-xxxl-n6 {
    margin-top: calc(-3 * var(--root-unit)) !important;
  }
  .me-xxxl-n6,
  .mr-xxxl-n6,
  .mx-xxxl-n6 {
    margin-right: calc(-3 * var(--root-unit)) !important;
  }
  .mb-xxxl-n6,
  .my-xxxl-n6 {
    margin-bottom: calc(-3 * var(--root-unit)) !important;
  }
  .ms-xxxl-n6,
  .ml-xxxl-n6,
  .mx-xxxl-n6 {
    margin-left: calc(-3 * var(--root-unit)) !important;
  }
  .m-xxxl-n7 {
    margin: calc(-3.5 * var(--root-unit)) !important;
  }
  .mt-xxxl-n7,
  .my-xxxl-n7 {
    margin-top: calc(-3.5 * var(--root-unit)) !important;
  }
  .me-xxxl-n7,
  .mr-xxxl-n7,
  .mx-xxxl-n7 {
    margin-right: calc(-3.5 * var(--root-unit)) !important;
  }
  .mb-xxxl-n7,
  .my-xxxl-n7 {
    margin-bottom: calc(-3.5 * var(--root-unit)) !important;
  }
  .ms-xxxl-n7,
  .ml-xxxl-n7,
  .mx-xxxl-n7 {
    margin-left: calc(-3.5 * var(--root-unit)) !important;
  }
  .m-xxxl-n8 {
    margin: calc(-4 * var(--root-unit)) !important;
  }
  .mt-xxxl-n8,
  .my-xxxl-n8 {
    margin-top: calc(-4 * var(--root-unit)) !important;
  }
  .me-xxxl-n8,
  .mr-xxxl-n8,
  .mx-xxxl-n8 {
    margin-right: calc(-4 * var(--root-unit)) !important;
  }
  .mb-xxxl-n8,
  .my-xxxl-n8 {
    margin-bottom: calc(-4 * var(--root-unit)) !important;
  }
  .ms-xxxl-n8,
  .ml-xxxl-n8,
  .mx-xxxl-n8 {
    margin-left: calc(-4 * var(--root-unit)) !important;
  }
  .m-xxxl-n9 {
    margin: calc(-4.5 * var(--root-unit)) !important;
  }
  .mt-xxxl-n9,
  .my-xxxl-n9 {
    margin-top: calc(-4.5 * var(--root-unit)) !important;
  }
  .me-xxxl-n9,
  .mr-xxxl-n9,
  .mx-xxxl-n9 {
    margin-right: calc(-4.5 * var(--root-unit)) !important;
  }
  .mb-xxxl-n9,
  .my-xxxl-n9 {
    margin-bottom: calc(-4.5 * var(--root-unit)) !important;
  }
  .ms-xxxl-n9,
  .ml-xxxl-n9,
  .mx-xxxl-n9 {
    margin-left: calc(-4.5 * var(--root-unit)) !important;
  }
  .m-xxxl-n10 {
    margin: calc(-5 * var(--root-unit)) !important;
  }
  .mt-xxxl-n10,
  .my-xxxl-n10 {
    margin-top: calc(-5 * var(--root-unit)) !important;
  }
  .me-xxxl-n10,
  .mr-xxxl-n10,
  .mx-xxxl-n10 {
    margin-right: calc(-5 * var(--root-unit)) !important;
  }
  .mb-xxxl-n10,
  .my-xxxl-n10 {
    margin-bottom: calc(-5 * var(--root-unit)) !important;
  }
  .ms-xxxl-n10,
  .ml-xxxl-n10,
  .mx-xxxl-n10 {
    margin-left: calc(-5 * var(--root-unit)) !important;
  }
  .m-xxxl-n11 {
    margin: calc(-5.5 * var(--root-unit)) !important;
  }
  .mt-xxxl-n11,
  .my-xxxl-n11 {
    margin-top: calc(-5.5 * var(--root-unit)) !important;
  }
  .me-xxxl-n11,
  .mr-xxxl-n11,
  .mx-xxxl-n11 {
    margin-right: calc(-5.5 * var(--root-unit)) !important;
  }
  .mb-xxxl-n11,
  .my-xxxl-n11 {
    margin-bottom: calc(-5.5 * var(--root-unit)) !important;
  }
  .ms-xxxl-n11,
  .ml-xxxl-n11,
  .mx-xxxl-n11 {
    margin-left: calc(-5.5 * var(--root-unit)) !important;
  }
  .m-xxxl-n12 {
    margin: calc(-6 * var(--root-unit)) !important;
  }
  .mt-xxxl-n12,
  .my-xxxl-n12 {
    margin-top: calc(-6 * var(--root-unit)) !important;
  }
  .me-xxxl-n12,
  .mr-xxxl-n12,
  .mx-xxxl-n12 {
    margin-right: calc(-6 * var(--root-unit)) !important;
  }
  .mb-xxxl-n12,
  .my-xxxl-n12 {
    margin-bottom: calc(-6 * var(--root-unit)) !important;
  }
  .ms-xxxl-n12,
  .ml-xxxl-n12,
  .mx-xxxl-n12 {
    margin-left: calc(-6 * var(--root-unit)) !important;
  }
  .m-xxxl-n13 {
    margin: calc(-6.5 * var(--root-unit)) !important;
  }
  .mt-xxxl-n13,
  .my-xxxl-n13 {
    margin-top: calc(-6.5 * var(--root-unit)) !important;
  }
  .me-xxxl-n13,
  .mr-xxxl-n13,
  .mx-xxxl-n13 {
    margin-right: calc(-6.5 * var(--root-unit)) !important;
  }
  .mb-xxxl-n13,
  .my-xxxl-n13 {
    margin-bottom: calc(-6.5 * var(--root-unit)) !important;
  }
  .ms-xxxl-n13,
  .ml-xxxl-n13,
  .mx-xxxl-n13 {
    margin-left: calc(-6.5 * var(--root-unit)) !important;
  }
  .m-xxxl-n14 {
    margin: calc(-7 * var(--root-unit)) !important;
  }
  .mt-xxxl-n14,
  .my-xxxl-n14 {
    margin-top: calc(-7 * var(--root-unit)) !important;
  }
  .me-xxxl-n14,
  .mr-xxxl-n14,
  .mx-xxxl-n14 {
    margin-right: calc(-7 * var(--root-unit)) !important;
  }
  .mb-xxxl-n14,
  .my-xxxl-n14 {
    margin-bottom: calc(-7 * var(--root-unit)) !important;
  }
  .ms-xxxl-n14,
  .ml-xxxl-n14,
  .mx-xxxl-n14 {
    margin-left: calc(-7 * var(--root-unit)) !important;
  }
  .m-xxxl-n15 {
    margin: calc(-8 * var(--root-unit)) !important;
  }
  .mt-xxxl-n15,
  .my-xxxl-n15 {
    margin-top: calc(-8 * var(--root-unit)) !important;
  }
  .me-xxxl-n15,
  .mr-xxxl-n15,
  .mx-xxxl-n15 {
    margin-right: calc(-8 * var(--root-unit)) !important;
  }
  .mb-xxxl-n15,
  .my-xxxl-n15 {
    margin-bottom: calc(-8 * var(--root-unit)) !important;
  }
  .ms-xxxl-n15,
  .ml-xxxl-n15,
  .mx-xxxl-n15 {
    margin-left: calc(-8 * var(--root-unit)) !important;
  }
  .m-xxxl-n16 {
    margin: calc(-8.5 * var(--root-unit)) !important;
  }
  .mt-xxxl-n16,
  .my-xxxl-n16 {
    margin-top: calc(-8.5 * var(--root-unit)) !important;
  }
  .me-xxxl-n16,
  .mr-xxxl-n16,
  .mx-xxxl-n16 {
    margin-right: calc(-8.5 * var(--root-unit)) !important;
  }
  .mb-xxxl-n16,
  .my-xxxl-n16 {
    margin-bottom: calc(-8.5 * var(--root-unit)) !important;
  }
  .ms-xxxl-n16,
  .ml-xxxl-n16,
  .mx-xxxl-n16 {
    margin-left: calc(-8.5 * var(--root-unit)) !important;
  }
  .m-xxxl-n17 {
    margin: calc(-9 * var(--root-unit)) !important;
  }
  .mt-xxxl-n17,
  .my-xxxl-n17 {
    margin-top: calc(-9 * var(--root-unit)) !important;
  }
  .me-xxxl-n17,
  .mr-xxxl-n17,
  .mx-xxxl-n17 {
    margin-right: calc(-9 * var(--root-unit)) !important;
  }
  .mb-xxxl-n17,
  .my-xxxl-n17 {
    margin-bottom: calc(-9 * var(--root-unit)) !important;
  }
  .ms-xxxl-n17,
  .ml-xxxl-n17,
  .mx-xxxl-n17 {
    margin-left: calc(-9 * var(--root-unit)) !important;
  }
  .m-xxxl-n18 {
    margin: calc(-9.5 * var(--root-unit)) !important;
  }
  .mt-xxxl-n18,
  .my-xxxl-n18 {
    margin-top: calc(-9.5 * var(--root-unit)) !important;
  }
  .me-xxxl-n18,
  .mr-xxxl-n18,
  .mx-xxxl-n18 {
    margin-right: calc(-9.5 * var(--root-unit)) !important;
  }
  .mb-xxxl-n18,
  .my-xxxl-n18 {
    margin-bottom: calc(-9.5 * var(--root-unit)) !important;
  }
  .ms-xxxl-n18,
  .ml-xxxl-n18,
  .mx-xxxl-n18 {
    margin-left: calc(-9.5 * var(--root-unit)) !important;
  }
  .m-xxxl-n19 {
    margin: calc(-10 * var(--root-unit)) !important;
  }
  .mt-xxxl-n19,
  .my-xxxl-n19 {
    margin-top: calc(-10 * var(--root-unit)) !important;
  }
  .me-xxxl-n19,
  .mr-xxxl-n19,
  .mx-xxxl-n19 {
    margin-right: calc(-10 * var(--root-unit)) !important;
  }
  .mb-xxxl-n19,
  .my-xxxl-n19 {
    margin-bottom: calc(-10 * var(--root-unit)) !important;
  }
  .ms-xxxl-n19,
  .ml-xxxl-n19,
  .mx-xxxl-n19 {
    margin-left: calc(-10 * var(--root-unit)) !important;
  }
  .m-xxxl-n20 {
    margin: calc(-10.5 * var(--root-unit)) !important;
  }
  .mt-xxxl-n20,
  .my-xxxl-n20 {
    margin-top: calc(-10.5 * var(--root-unit)) !important;
  }
  .me-xxxl-n20,
  .mr-xxxl-n20,
  .mx-xxxl-n20 {
    margin-right: calc(-10.5 * var(--root-unit)) !important;
  }
  .mb-xxxl-n20,
  .my-xxxl-n20 {
    margin-bottom: calc(-10.5 * var(--root-unit)) !important;
  }
  .ms-xxxl-n20,
  .ml-xxxl-n20,
  .mx-xxxl-n20 {
    margin-left: calc(-10.5 * var(--root-unit)) !important;
  }
  .m-xxxl-0 {
    margin: 0 !important;
  }
  .mt-xxxl-0,
  .my-xxxl-0 {
    margin-top: 0 !important;
  }
  .me-xxxl-0,
  .mr-xxxl-0,
  .mx-xxxl-0 {
    margin-right: 0 !important;
  }
  .mb-xxxl-0,
  .my-xxxl-0 {
    margin-bottom: 0 !important;
  }
  .ms-xxxl-0,
  .ml-xxxl-0,
  .mx-xxxl-0 {
    margin-left: 0 !important;
  }
  .m-xxxl-1 {
    margin: calc(0.25 * var(--root-unit)) !important;
  }
  .mt-xxxl-1,
  .my-xxxl-1 {
    margin-top: calc(0.25 * var(--root-unit)) !important;
  }
  .me-xxxl-1,
  .mr-xxxl-1,
  .mx-xxxl-1 {
    margin-right: calc(0.25 * var(--root-unit)) !important;
  }
  .mb-xxxl-1,
  .my-xxxl-1 {
    margin-bottom: calc(0.25 * var(--root-unit)) !important;
  }
  .ms-xxxl-1,
  .ml-xxxl-1,
  .mx-xxxl-1 {
    margin-left: calc(0.25 * var(--root-unit)) !important;
  }
  .m-xxxl-2 {
    margin: calc(0.5 * var(--root-unit)) !important;
  }
  .mt-xxxl-2,
  .my-xxxl-2 {
    margin-top: calc(0.5 * var(--root-unit)) !important;
  }
  .me-xxxl-2,
  .mr-xxxl-2,
  .mx-xxxl-2 {
    margin-right: calc(0.5 * var(--root-unit)) !important;
  }
  .mb-xxxl-2,
  .my-xxxl-2 {
    margin-bottom: calc(0.5 * var(--root-unit)) !important;
  }
  .ms-xxxl-2,
  .ml-xxxl-2,
  .mx-xxxl-2 {
    margin-left: calc(0.5 * var(--root-unit)) !important;
  }
  .m-xxxl-3 {
    margin: calc(1 * var(--root-unit)) !important;
  }
  .mt-xxxl-3,
  .my-xxxl-3 {
    margin-top: calc(1 * var(--root-unit)) !important;
  }
  .me-xxxl-3,
  .mr-xxxl-3,
  .mx-xxxl-3 {
    margin-right: calc(1 * var(--root-unit)) !important;
  }
  .mb-xxxl-3,
  .my-xxxl-3 {
    margin-bottom: calc(1 * var(--root-unit)) !important;
  }
  .ms-xxxl-3,
  .ml-xxxl-3,
  .mx-xxxl-3 {
    margin-left: calc(1 * var(--root-unit)) !important;
  }
  .m-xxxl-4 {
    margin: calc(1.5 * var(--root-unit)) !important;
  }
  .mt-xxxl-4,
  .my-xxxl-4 {
    margin-top: calc(1.5 * var(--root-unit)) !important;
  }
  .me-xxxl-4,
  .mr-xxxl-4,
  .mx-xxxl-4 {
    margin-right: calc(1.5 * var(--root-unit)) !important;
  }
  .mb-xxxl-4,
  .my-xxxl-4 {
    margin-bottom: calc(1.5 * var(--root-unit)) !important;
  }
  .ms-xxxl-4,
  .ml-xxxl-4,
  .mx-xxxl-4 {
    margin-left: calc(1.5 * var(--root-unit)) !important;
  }
  .m-xxxl-4plus {
    margin: calc(2 * var(--root-unit)) !important;
  }
  .mt-xxxl-4plus,
  .my-xxxl-4plus {
    margin-top: calc(2 * var(--root-unit)) !important;
  }
  .me-xxxl-4plus,
  .mr-xxxl-4plus,
  .mx-xxxl-4plus {
    margin-right: calc(2 * var(--root-unit)) !important;
  }
  .mb-xxxl-4plus,
  .my-xxxl-4plus {
    margin-bottom: calc(2 * var(--root-unit)) !important;
  }
  .ms-xxxl-4plus,
  .ml-xxxl-4plus,
  .mx-xxxl-4plus {
    margin-left: calc(2 * var(--root-unit)) !important;
  }
  .m-xxxl-5 {
    margin: calc(2.5 * var(--root-unit)) !important;
  }
  .mt-xxxl-5,
  .my-xxxl-5 {
    margin-top: calc(2.5 * var(--root-unit)) !important;
  }
  .me-xxxl-5,
  .mr-xxxl-5,
  .mx-xxxl-5 {
    margin-right: calc(2.5 * var(--root-unit)) !important;
  }
  .mb-xxxl-5,
  .my-xxxl-5 {
    margin-bottom: calc(2.5 * var(--root-unit)) !important;
  }
  .ms-xxxl-5,
  .ml-xxxl-5,
  .mx-xxxl-5 {
    margin-left: calc(2.5 * var(--root-unit)) !important;
  }
  .m-xxxl-6 {
    margin: calc(3 * var(--root-unit)) !important;
  }
  .mt-xxxl-6,
  .my-xxxl-6 {
    margin-top: calc(3 * var(--root-unit)) !important;
  }
  .me-xxxl-6,
  .mr-xxxl-6,
  .mx-xxxl-6 {
    margin-right: calc(3 * var(--root-unit)) !important;
  }
  .mb-xxxl-6,
  .my-xxxl-6 {
    margin-bottom: calc(3 * var(--root-unit)) !important;
  }
  .ms-xxxl-6,
  .ml-xxxl-6,
  .mx-xxxl-6 {
    margin-left: calc(3 * var(--root-unit)) !important;
  }
  .m-xxxl-7 {
    margin: calc(3.5 * var(--root-unit)) !important;
  }
  .mt-xxxl-7,
  .my-xxxl-7 {
    margin-top: calc(3.5 * var(--root-unit)) !important;
  }
  .me-xxxl-7,
  .mr-xxxl-7,
  .mx-xxxl-7 {
    margin-right: calc(3.5 * var(--root-unit)) !important;
  }
  .mb-xxxl-7,
  .my-xxxl-7 {
    margin-bottom: calc(3.5 * var(--root-unit)) !important;
  }
  .ms-xxxl-7,
  .ml-xxxl-7,
  .mx-xxxl-7 {
    margin-left: calc(3.5 * var(--root-unit)) !important;
  }
  .m-xxxl-8 {
    margin: calc(4 * var(--root-unit)) !important;
  }
  .mt-xxxl-8,
  .my-xxxl-8 {
    margin-top: calc(4 * var(--root-unit)) !important;
  }
  .me-xxxl-8,
  .mr-xxxl-8,
  .mx-xxxl-8 {
    margin-right: calc(4 * var(--root-unit)) !important;
  }
  .mb-xxxl-8,
  .my-xxxl-8 {
    margin-bottom: calc(4 * var(--root-unit)) !important;
  }
  .ms-xxxl-8,
  .ml-xxxl-8,
  .mx-xxxl-8 {
    margin-left: calc(4 * var(--root-unit)) !important;
  }
  .m-xxxl-9 {
    margin: calc(4.5 * var(--root-unit)) !important;
  }
  .mt-xxxl-9,
  .my-xxxl-9 {
    margin-top: calc(4.5 * var(--root-unit)) !important;
  }
  .me-xxxl-9,
  .mr-xxxl-9,
  .mx-xxxl-9 {
    margin-right: calc(4.5 * var(--root-unit)) !important;
  }
  .mb-xxxl-9,
  .my-xxxl-9 {
    margin-bottom: calc(4.5 * var(--root-unit)) !important;
  }
  .ms-xxxl-9,
  .ml-xxxl-9,
  .mx-xxxl-9 {
    margin-left: calc(4.5 * var(--root-unit)) !important;
  }
  .m-xxxl-10 {
    margin: calc(5 * var(--root-unit)) !important;
  }
  .mt-xxxl-10,
  .my-xxxl-10 {
    margin-top: calc(5 * var(--root-unit)) !important;
  }
  .me-xxxl-10,
  .mr-xxxl-10,
  .mx-xxxl-10 {
    margin-right: calc(5 * var(--root-unit)) !important;
  }
  .mb-xxxl-10,
  .my-xxxl-10 {
    margin-bottom: calc(5 * var(--root-unit)) !important;
  }
  .ms-xxxl-10,
  .ml-xxxl-10,
  .mx-xxxl-10 {
    margin-left: calc(5 * var(--root-unit)) !important;
  }
  .m-xxxl-11 {
    margin: calc(5.5 * var(--root-unit)) !important;
  }
  .mt-xxxl-11,
  .my-xxxl-11 {
    margin-top: calc(5.5 * var(--root-unit)) !important;
  }
  .me-xxxl-11,
  .mr-xxxl-11,
  .mx-xxxl-11 {
    margin-right: calc(5.5 * var(--root-unit)) !important;
  }
  .mb-xxxl-11,
  .my-xxxl-11 {
    margin-bottom: calc(5.5 * var(--root-unit)) !important;
  }
  .ms-xxxl-11,
  .ml-xxxl-11,
  .mx-xxxl-11 {
    margin-left: calc(5.5 * var(--root-unit)) !important;
  }
  .m-xxxl-12 {
    margin: calc(6 * var(--root-unit)) !important;
  }
  .mt-xxxl-12,
  .my-xxxl-12 {
    margin-top: calc(6 * var(--root-unit)) !important;
  }
  .me-xxxl-12,
  .mr-xxxl-12,
  .mx-xxxl-12 {
    margin-right: calc(6 * var(--root-unit)) !important;
  }
  .mb-xxxl-12,
  .my-xxxl-12 {
    margin-bottom: calc(6 * var(--root-unit)) !important;
  }
  .ms-xxxl-12,
  .ml-xxxl-12,
  .mx-xxxl-12 {
    margin-left: calc(6 * var(--root-unit)) !important;
  }
  .m-xxxl-13 {
    margin: calc(6.5 * var(--root-unit)) !important;
  }
  .mt-xxxl-13,
  .my-xxxl-13 {
    margin-top: calc(6.5 * var(--root-unit)) !important;
  }
  .me-xxxl-13,
  .mr-xxxl-13,
  .mx-xxxl-13 {
    margin-right: calc(6.5 * var(--root-unit)) !important;
  }
  .mb-xxxl-13,
  .my-xxxl-13 {
    margin-bottom: calc(6.5 * var(--root-unit)) !important;
  }
  .ms-xxxl-13,
  .ml-xxxl-13,
  .mx-xxxl-13 {
    margin-left: calc(6.5 * var(--root-unit)) !important;
  }
  .m-xxxl-14 {
    margin: calc(7 * var(--root-unit)) !important;
  }
  .mt-xxxl-14,
  .my-xxxl-14 {
    margin-top: calc(7 * var(--root-unit)) !important;
  }
  .me-xxxl-14,
  .mr-xxxl-14,
  .mx-xxxl-14 {
    margin-right: calc(7 * var(--root-unit)) !important;
  }
  .mb-xxxl-14,
  .my-xxxl-14 {
    margin-bottom: calc(7 * var(--root-unit)) !important;
  }
  .ms-xxxl-14,
  .ml-xxxl-14,
  .mx-xxxl-14 {
    margin-left: calc(7 * var(--root-unit)) !important;
  }
  .m-xxxl-15 {
    margin: calc(7.5 * var(--root-unit)) !important;
  }
  .mt-xxxl-15,
  .my-xxxl-15 {
    margin-top: calc(7.5 * var(--root-unit)) !important;
  }
  .me-xxxl-15,
  .mr-xxxl-15,
  .mx-xxxl-15 {
    margin-right: calc(7.5 * var(--root-unit)) !important;
  }
  .mb-xxxl-15,
  .my-xxxl-15 {
    margin-bottom: calc(7.5 * var(--root-unit)) !important;
  }
  .ms-xxxl-15,
  .ml-xxxl-15,
  .mx-xxxl-15 {
    margin-left: calc(7.5 * var(--root-unit)) !important;
  }
  .m-xxxl-16 {
    margin: calc(8 * var(--root-unit)) !important;
  }
  .mt-xxxl-16,
  .my-xxxl-16 {
    margin-top: calc(8 * var(--root-unit)) !important;
  }
  .me-xxxl-16,
  .mr-xxxl-16,
  .mx-xxxl-16 {
    margin-right: calc(8 * var(--root-unit)) !important;
  }
  .mb-xxxl-16,
  .my-xxxl-16 {
    margin-bottom: calc(8 * var(--root-unit)) !important;
  }
  .ms-xxxl-16,
  .ml-xxxl-16,
  .mx-xxxl-16 {
    margin-left: calc(8 * var(--root-unit)) !important;
  }
  .m-xxxl-17 {
    margin: calc(8.5 * var(--root-unit)) !important;
  }
  .mt-xxxl-17,
  .my-xxxl-17 {
    margin-top: calc(8.5 * var(--root-unit)) !important;
  }
  .me-xxxl-17,
  .mr-xxxl-17,
  .mx-xxxl-17 {
    margin-right: calc(8.5 * var(--root-unit)) !important;
  }
  .mb-xxxl-17,
  .my-xxxl-17 {
    margin-bottom: calc(8.5 * var(--root-unit)) !important;
  }
  .ms-xxxl-17,
  .ml-xxxl-17,
  .mx-xxxl-17 {
    margin-left: calc(8.5 * var(--root-unit)) !important;
  }
  .m-xxxl-18 {
    margin: calc(9 * var(--root-unit)) !important;
  }
  .mt-xxxl-18,
  .my-xxxl-18 {
    margin-top: calc(9 * var(--root-unit)) !important;
  }
  .me-xxxl-18,
  .mr-xxxl-18,
  .mx-xxxl-18 {
    margin-right: calc(9 * var(--root-unit)) !important;
  }
  .mb-xxxl-18,
  .my-xxxl-18 {
    margin-bottom: calc(9 * var(--root-unit)) !important;
  }
  .ms-xxxl-18,
  .ml-xxxl-18,
  .mx-xxxl-18 {
    margin-left: calc(9 * var(--root-unit)) !important;
  }
  .m-xxxl-19 {
    margin: calc(9.5 * var(--root-unit)) !important;
  }
  .mt-xxxl-19,
  .my-xxxl-19 {
    margin-top: calc(9.5 * var(--root-unit)) !important;
  }
  .me-xxxl-19,
  .mr-xxxl-19,
  .mx-xxxl-19 {
    margin-right: calc(9.5 * var(--root-unit)) !important;
  }
  .mb-xxxl-19,
  .my-xxxl-19 {
    margin-bottom: calc(9.5 * var(--root-unit)) !important;
  }
  .ms-xxxl-19,
  .ml-xxxl-19,
  .mx-xxxl-19 {
    margin-left: calc(9.5 * var(--root-unit)) !important;
  }
  .m-xxxl-20 {
    margin: calc(10 * var(--root-unit)) !important;
  }
  .mt-xxxl-20,
  .my-xxxl-20 {
    margin-top: calc(10 * var(--root-unit)) !important;
  }
  .me-xxxl-20,
  .mr-xxxl-20,
  .mx-xxxl-20 {
    margin-right: calc(10 * var(--root-unit)) !important;
  }
  .mb-xxxl-20,
  .my-xxxl-20 {
    margin-bottom: calc(10 * var(--root-unit)) !important;
  }
  .ms-xxxl-20,
  .ml-xxxl-20,
  .mx-xxxl-20 {
    margin-left: calc(10 * var(--root-unit)) !important;
  }
  .p-xxxl-0 {
    padding: 0 !important;
  }
  .pt-xxxl-0,
  .py-xxxl-0 {
    padding-top: 0 !important;
  }
  .pe-xxxl-0,
  .pr-xxxl-0,
  .px-xxxl-0 {
    padding-right: 0 !important;
  }
  .pb-xxxl-0,
  .py-xxxl-0 {
    padding-bottom: 0 !important;
  }
  .ps-xxxl-0,
  .pl-xxxl-0,
  .px-xxxl-0 {
    padding-left: 0 !important;
  }
  .p-xxxl-1 {
    padding: calc(0.25 * var(--root-unit)) !important;
  }
  .pt-xxxl-1,
  .py-xxxl-1 {
    padding-top: calc(0.25 * var(--root-unit)) !important;
  }
  .pe-xxxl-1,
  .pr-xxxl-1,
  .px-xxxl-1 {
    padding-right: calc(0.25 * var(--root-unit)) !important;
  }
  .pb-xxxl-1,
  .py-xxxl-1 {
    padding-bottom: calc(0.25 * var(--root-unit)) !important;
  }
  .ps-xxxl-1,
  .pl-xxxl-1,
  .px-xxxl-1 {
    padding-left: calc(0.25 * var(--root-unit)) !important;
  }
  .p-xxxl-2 {
    padding: calc(0.5 * var(--root-unit)) !important;
  }
  .pt-xxxl-2,
  .py-xxxl-2 {
    padding-top: calc(0.5 * var(--root-unit)) !important;
  }
  .pe-xxxl-2,
  .pr-xxxl-2,
  .px-xxxl-2 {
    padding-right: calc(0.5 * var(--root-unit)) !important;
  }
  .pb-xxxl-2,
  .py-xxxl-2 {
    padding-bottom: calc(0.5 * var(--root-unit)) !important;
  }
  .ps-xxxl-2,
  .pl-xxxl-2,
  .px-xxxl-2 {
    padding-left: calc(0.5 * var(--root-unit)) !important;
  }
  .p-xxxl-3 {
    padding: calc(1 * var(--root-unit)) !important;
  }
  .pt-xxxl-3,
  .py-xxxl-3 {
    padding-top: calc(1 * var(--root-unit)) !important;
  }
  .pe-xxxl-3,
  .pr-xxxl-3,
  .px-xxxl-3 {
    padding-right: calc(1 * var(--root-unit)) !important;
  }
  .pb-xxxl-3,
  .py-xxxl-3 {
    padding-bottom: calc(1 * var(--root-unit)) !important;
  }
  .ps-xxxl-3,
  .pl-xxxl-3,
  .px-xxxl-3 {
    padding-left: calc(1 * var(--root-unit)) !important;
  }
  .p-xxxl-4 {
    padding: calc(1.5 * var(--root-unit)) !important;
  }
  .pt-xxxl-4,
  .py-xxxl-4 {
    padding-top: calc(1.5 * var(--root-unit)) !important;
  }
  .pe-xxxl-4,
  .pr-xxxl-4,
  .px-xxxl-4 {
    padding-right: calc(1.5 * var(--root-unit)) !important;
  }
  .pb-xxxl-4,
  .py-xxxl-4 {
    padding-bottom: calc(1.5 * var(--root-unit)) !important;
  }
  .ps-xxxl-4,
  .pl-xxxl-4,
  .px-xxxl-4 {
    padding-left: calc(1.5 * var(--root-unit)) !important;
  }
  .p-xxxl-4plus {
    padding: calc(2 * var(--root-unit)) !important;
  }
  .pt-xxxl-4plus,
  .py-xxxl-4plus {
    padding-top: calc(2 * var(--root-unit)) !important;
  }
  .pe-xxxl-4plus,
  .pr-xxxl-4plus,
  .px-xxxl-4plus {
    padding-right: calc(2 * var(--root-unit)) !important;
  }
  .pb-xxxl-4plus,
  .py-xxxl-4plus {
    padding-bottom: calc(2 * var(--root-unit)) !important;
  }
  .ps-xxxl-4plus,
  .pl-xxxl-4plus,
  .px-xxxl-4plus {
    padding-left: calc(2 * var(--root-unit)) !important;
  }
  .p-xxxl-5 {
    padding: calc(2.5 * var(--root-unit)) !important;
  }
  .pt-xxxl-5,
  .py-xxxl-5 {
    padding-top: calc(2.5 * var(--root-unit)) !important;
  }
  .pe-xxxl-5,
  .pr-xxxl-5,
  .px-xxxl-5 {
    padding-right: calc(2.5 * var(--root-unit)) !important;
  }
  .pb-xxxl-5,
  .py-xxxl-5 {
    padding-bottom: calc(2.5 * var(--root-unit)) !important;
  }
  .ps-xxxl-5,
  .pl-xxxl-5,
  .px-xxxl-5 {
    padding-left: calc(2.5 * var(--root-unit)) !important;
  }
  .p-xxxl-6 {
    padding: calc(3 * var(--root-unit)) !important;
  }
  .pt-xxxl-6,
  .py-xxxl-6 {
    padding-top: calc(3 * var(--root-unit)) !important;
  }
  .pe-xxxl-6,
  .pr-xxxl-6,
  .px-xxxl-6 {
    padding-right: calc(3 * var(--root-unit)) !important;
  }
  .pb-xxxl-6,
  .py-xxxl-6 {
    padding-bottom: calc(3 * var(--root-unit)) !important;
  }
  .ps-xxxl-6,
  .pl-xxxl-6,
  .px-xxxl-6 {
    padding-left: calc(3 * var(--root-unit)) !important;
  }
  .p-xxxl-7 {
    padding: calc(3.5 * var(--root-unit)) !important;
  }
  .pt-xxxl-7,
  .py-xxxl-7 {
    padding-top: calc(3.5 * var(--root-unit)) !important;
  }
  .pe-xxxl-7,
  .pr-xxxl-7,
  .px-xxxl-7 {
    padding-right: calc(3.5 * var(--root-unit)) !important;
  }
  .pb-xxxl-7,
  .py-xxxl-7 {
    padding-bottom: calc(3.5 * var(--root-unit)) !important;
  }
  .ps-xxxl-7,
  .pl-xxxl-7,
  .px-xxxl-7 {
    padding-left: calc(3.5 * var(--root-unit)) !important;
  }
  .p-xxxl-8 {
    padding: calc(4 * var(--root-unit)) !important;
  }
  .pt-xxxl-8,
  .py-xxxl-8 {
    padding-top: calc(4 * var(--root-unit)) !important;
  }
  .pe-xxxl-8,
  .pr-xxxl-8,
  .px-xxxl-8 {
    padding-right: calc(4 * var(--root-unit)) !important;
  }
  .pb-xxxl-8,
  .py-xxxl-8 {
    padding-bottom: calc(4 * var(--root-unit)) !important;
  }
  .ps-xxxl-8,
  .pl-xxxl-8,
  .px-xxxl-8 {
    padding-left: calc(4 * var(--root-unit)) !important;
  }
  .p-xxxl-9 {
    padding: calc(4.5 * var(--root-unit)) !important;
  }
  .pt-xxxl-9,
  .py-xxxl-9 {
    padding-top: calc(4.5 * var(--root-unit)) !important;
  }
  .pe-xxxl-9,
  .pr-xxxl-9,
  .px-xxxl-9 {
    padding-right: calc(4.5 * var(--root-unit)) !important;
  }
  .pb-xxxl-9,
  .py-xxxl-9 {
    padding-bottom: calc(4.5 * var(--root-unit)) !important;
  }
  .ps-xxxl-9,
  .pl-xxxl-9,
  .px-xxxl-9 {
    padding-left: calc(4.5 * var(--root-unit)) !important;
  }
  .p-xxxl-10 {
    padding: calc(5 * var(--root-unit)) !important;
  }
  .pt-xxxl-10,
  .py-xxxl-10 {
    padding-top: calc(5 * var(--root-unit)) !important;
  }
  .pe-xxxl-10,
  .pr-xxxl-10,
  .px-xxxl-10 {
    padding-right: calc(5 * var(--root-unit)) !important;
  }
  .pb-xxxl-10,
  .py-xxxl-10 {
    padding-bottom: calc(5 * var(--root-unit)) !important;
  }
  .ps-xxxl-10,
  .pl-xxxl-10,
  .px-xxxl-10 {
    padding-left: calc(5 * var(--root-unit)) !important;
  }
  .p-xxxl-11 {
    padding: calc(5.5 * var(--root-unit)) !important;
  }
  .pt-xxxl-11,
  .py-xxxl-11 {
    padding-top: calc(5.5 * var(--root-unit)) !important;
  }
  .pe-xxxl-11,
  .pr-xxxl-11,
  .px-xxxl-11 {
    padding-right: calc(5.5 * var(--root-unit)) !important;
  }
  .pb-xxxl-11,
  .py-xxxl-11 {
    padding-bottom: calc(5.5 * var(--root-unit)) !important;
  }
  .ps-xxxl-11,
  .pl-xxxl-11,
  .px-xxxl-11 {
    padding-left: calc(5.5 * var(--root-unit)) !important;
  }
  .p-xxxl-12 {
    padding: calc(6 * var(--root-unit)) !important;
  }
  .pt-xxxl-12,
  .py-xxxl-12 {
    padding-top: calc(6 * var(--root-unit)) !important;
  }
  .pe-xxxl-12,
  .pr-xxxl-12,
  .px-xxxl-12 {
    padding-right: calc(6 * var(--root-unit)) !important;
  }
  .pb-xxxl-12,
  .py-xxxl-12 {
    padding-bottom: calc(6 * var(--root-unit)) !important;
  }
  .ps-xxxl-12,
  .pl-xxxl-12,
  .px-xxxl-12 {
    padding-left: calc(6 * var(--root-unit)) !important;
  }
  .p-xxxl-13 {
    padding: calc(6.5 * var(--root-unit)) !important;
  }
  .pt-xxxl-13,
  .py-xxxl-13 {
    padding-top: calc(6.5 * var(--root-unit)) !important;
  }
  .pe-xxxl-13,
  .pr-xxxl-13,
  .px-xxxl-13 {
    padding-right: calc(6.5 * var(--root-unit)) !important;
  }
  .pb-xxxl-13,
  .py-xxxl-13 {
    padding-bottom: calc(6.5 * var(--root-unit)) !important;
  }
  .ps-xxxl-13,
  .pl-xxxl-13,
  .px-xxxl-13 {
    padding-left: calc(6.5 * var(--root-unit)) !important;
  }
  .p-xxxl-14 {
    padding: calc(7 * var(--root-unit)) !important;
  }
  .pt-xxxl-14,
  .py-xxxl-14 {
    padding-top: calc(7 * var(--root-unit)) !important;
  }
  .pe-xxxl-14,
  .pr-xxxl-14,
  .px-xxxl-14 {
    padding-right: calc(7 * var(--root-unit)) !important;
  }
  .pb-xxxl-14,
  .py-xxxl-14 {
    padding-bottom: calc(7 * var(--root-unit)) !important;
  }
  .ps-xxxl-14,
  .pl-xxxl-14,
  .px-xxxl-14 {
    padding-left: calc(7 * var(--root-unit)) !important;
  }
  .p-xxxl-15 {
    padding: calc(7.5 * var(--root-unit)) !important;
  }
  .pt-xxxl-15,
  .py-xxxl-15 {
    padding-top: calc(7.5 * var(--root-unit)) !important;
  }
  .pe-xxxl-15,
  .pr-xxxl-15,
  .px-xxxl-15 {
    padding-right: calc(7.5 * var(--root-unit)) !important;
  }
  .pb-xxxl-15,
  .py-xxxl-15 {
    padding-bottom: calc(7.5 * var(--root-unit)) !important;
  }
  .ps-xxxl-15,
  .pl-xxxl-15,
  .px-xxxl-15 {
    padding-left: calc(7.5 * var(--root-unit)) !important;
  }
  .p-xxxl-16 {
    padding: calc(8 * var(--root-unit)) !important;
  }
  .pt-xxxl-16,
  .py-xxxl-16 {
    padding-top: calc(8 * var(--root-unit)) !important;
  }
  .pe-xxxl-16,
  .pr-xxxl-16,
  .px-xxxl-16 {
    padding-right: calc(8 * var(--root-unit)) !important;
  }
  .pb-xxxl-16,
  .py-xxxl-16 {
    padding-bottom: calc(8 * var(--root-unit)) !important;
  }
  .ps-xxxl-16,
  .pl-xxxl-16,
  .px-xxxl-16 {
    padding-left: calc(8 * var(--root-unit)) !important;
  }
  .p-xxxl-17 {
    padding: calc(8.5 * var(--root-unit)) !important;
  }
  .pt-xxxl-17,
  .py-xxxl-17 {
    padding-top: calc(8.5 * var(--root-unit)) !important;
  }
  .pe-xxxl-17,
  .pr-xxxl-17,
  .px-xxxl-17 {
    padding-right: calc(8.5 * var(--root-unit)) !important;
  }
  .pb-xxxl-17,
  .py-xxxl-17 {
    padding-bottom: calc(8.5 * var(--root-unit)) !important;
  }
  .ps-xxxl-17,
  .pl-xxxl-17,
  .px-xxxl-17 {
    padding-left: calc(8.5 * var(--root-unit)) !important;
  }
  .p-xxxl-18 {
    padding: calc(9 * var(--root-unit)) !important;
  }
  .pt-xxxl-18,
  .py-xxxl-18 {
    padding-top: calc(9 * var(--root-unit)) !important;
  }
  .pe-xxxl-18,
  .pr-xxxl-18,
  .px-xxxl-18 {
    padding-right: calc(9 * var(--root-unit)) !important;
  }
  .pb-xxxl-18,
  .py-xxxl-18 {
    padding-bottom: calc(9 * var(--root-unit)) !important;
  }
  .ps-xxxl-18,
  .pl-xxxl-18,
  .px-xxxl-18 {
    padding-left: calc(9 * var(--root-unit)) !important;
  }
  .p-xxxl-19 {
    padding: calc(9.5 * var(--root-unit)) !important;
  }
  .pt-xxxl-19,
  .py-xxxl-19 {
    padding-top: calc(9.5 * var(--root-unit)) !important;
  }
  .pe-xxxl-19,
  .pr-xxxl-19,
  .px-xxxl-19 {
    padding-right: calc(9.5 * var(--root-unit)) !important;
  }
  .pb-xxxl-19,
  .py-xxxl-19 {
    padding-bottom: calc(9.5 * var(--root-unit)) !important;
  }
  .ps-xxxl-19,
  .pl-xxxl-19,
  .px-xxxl-19 {
    padding-left: calc(9.5 * var(--root-unit)) !important;
  }
  .p-xxxl-20 {
    padding: calc(10 * var(--root-unit)) !important;
  }
  .pt-xxxl-20,
  .py-xxxl-20 {
    padding-top: calc(10 * var(--root-unit)) !important;
  }
  .pe-xxxl-20,
  .pr-xxxl-20,
  .px-xxxl-20 {
    padding-right: calc(10 * var(--root-unit)) !important;
  }
  .pb-xxxl-20,
  .py-xxxl-20 {
    padding-bottom: calc(10 * var(--root-unit)) !important;
  }
  .ps-xxxl-20,
  .pl-xxxl-20,
  .px-xxxl-20 {
    padding-left: calc(10 * var(--root-unit)) !important;
  }
  .m-xxxl-n1 {
    margin: calc(-0.25 * var(--root-unit)) !important;
  }
  .mt-xxxl-n1,
  .my-xxxl-n1 {
    margin-top: calc(-0.25 * var(--root-unit)) !important;
  }
  .me-xxxl-n1,
  .mr-xxxl-n1,
  .mx-xxxl-n1 {
    margin-right: calc(-0.25 * var(--root-unit)) !important;
  }
  .mb-xxxl-n1,
  .my-xxxl-n1 {
    margin-bottom: calc(-0.25 * var(--root-unit)) !important;
  }
  .ms-xxxl-n1,
  .ml-xxxl-n1,
  .mx-xxxl-n1 {
    margin-left: calc(-0.25 * var(--root-unit)) !important;
  }
  .m-xxxl-n2 {
    margin: calc(-0.5 * var(--root-unit)) !important;
  }
  .mt-xxxl-n2,
  .my-xxxl-n2 {
    margin-top: calc(-0.5 * var(--root-unit)) !important;
  }
  .me-xxxl-n2,
  .mr-xxxl-n2,
  .mx-xxxl-n2 {
    margin-right: calc(-0.5 * var(--root-unit)) !important;
  }
  .mb-xxxl-n2,
  .my-xxxl-n2 {
    margin-bottom: calc(-0.5 * var(--root-unit)) !important;
  }
  .ms-xxxl-n2,
  .ml-xxxl-n2,
  .mx-xxxl-n2 {
    margin-left: calc(-0.5 * var(--root-unit)) !important;
  }
  .m-xxxl-n3 {
    margin: calc(-1 * var(--root-unit)) !important;
  }
  .mt-xxxl-n3,
  .my-xxxl-n3 {
    margin-top: calc(-1 * var(--root-unit)) !important;
  }
  .me-xxxl-n3,
  .mr-xxxl-n3,
  .mx-xxxl-n3 {
    margin-right: calc(-1 * var(--root-unit)) !important;
  }
  .mb-xxxl-n3,
  .my-xxxl-n3 {
    margin-bottom: calc(-1 * var(--root-unit)) !important;
  }
  .ms-xxxl-n3,
  .ml-xxxl-n3,
  .mx-xxxl-n3 {
    margin-left: calc(-1 * var(--root-unit)) !important;
  }
  .m-xxxl-n4 {
    margin: calc(-1.5 * var(--root-unit)) !important;
  }
  .mt-xxxl-n4,
  .my-xxxl-n4 {
    margin-top: calc(-1.5 * var(--root-unit)) !important;
  }
  .me-xxxl-n4,
  .mr-xxxl-n4,
  .mx-xxxl-n4 {
    margin-right: calc(-1.5 * var(--root-unit)) !important;
  }
  .mb-xxxl-n4,
  .my-xxxl-n4 {
    margin-bottom: calc(-1.5 * var(--root-unit)) !important;
  }
  .ms-xxxl-n4,
  .ml-xxxl-n4,
  .mx-xxxl-n4 {
    margin-left: calc(-1.5 * var(--root-unit)) !important;
  }
  .m-xxxl-n4plus {
    margin: calc(-2 * var(--root-unit)) !important;
  }
  .mt-xxxl-n4plus,
  .my-xxxl-n4plus {
    margin-top: calc(-2 * var(--root-unit)) !important;
  }
  .me-xxxl-n4plus,
  .mr-xxxl-n4plus,
  .mx-xxxl-n4plus {
    margin-right: calc(-2 * var(--root-unit)) !important;
  }
  .mb-xxxl-n4plus,
  .my-xxxl-n4plus {
    margin-bottom: calc(-2 * var(--root-unit)) !important;
  }
  .ms-xxxl-n4plus,
  .ml-xxxl-n4plus,
  .mx-xxxl-n4plus {
    margin-left: calc(-2 * var(--root-unit)) !important;
  }
  .m-xxxl-n5 {
    margin: calc(-3 * var(--root-unit)) !important;
  }
  .mt-xxxl-n5,
  .my-xxxl-n5 {
    margin-top: calc(-3 * var(--root-unit)) !important;
  }
  .me-xxxl-n5,
  .mr-xxxl-n5,
  .mx-xxxl-n5 {
    margin-right: calc(-3 * var(--root-unit)) !important;
  }
  .mb-xxxl-n5,
  .my-xxxl-n5 {
    margin-bottom: calc(-3 * var(--root-unit)) !important;
  }
  .ms-xxxl-n5,
  .ml-xxxl-n5,
  .mx-xxxl-n5 {
    margin-left: calc(-3 * var(--root-unit)) !important;
  }
  .m-xxxl-n6 {
    margin: calc(-3.5 * var(--root-unit)) !important;
  }
  .mt-xxxl-n6,
  .my-xxxl-n6 {
    margin-top: calc(-3.5 * var(--root-unit)) !important;
  }
  .me-xxxl-n6,
  .mr-xxxl-n6,
  .mx-xxxl-n6 {
    margin-right: calc(-3.5 * var(--root-unit)) !important;
  }
  .mb-xxxl-n6,
  .my-xxxl-n6 {
    margin-bottom: calc(-3.5 * var(--root-unit)) !important;
  }
  .ms-xxxl-n6,
  .ml-xxxl-n6,
  .mx-xxxl-n6 {
    margin-left: calc(-3.5 * var(--root-unit)) !important;
  }
  .m-xxxl-n7 {
    margin: calc(-4 * var(--root-unit)) !important;
  }
  .mt-xxxl-n7,
  .my-xxxl-n7 {
    margin-top: calc(-4 * var(--root-unit)) !important;
  }
  .me-xxxl-n7,
  .mr-xxxl-n7,
  .mx-xxxl-n7 {
    margin-right: calc(-4 * var(--root-unit)) !important;
  }
  .mb-xxxl-n7,
  .my-xxxl-n7 {
    margin-bottom: calc(-4 * var(--root-unit)) !important;
  }
  .ms-xxxl-n7,
  .ml-xxxl-n7,
  .mx-xxxl-n7 {
    margin-left: calc(-4 * var(--root-unit)) !important;
  }
  .m-xxxl-n8 {
    margin: calc(-4.5 * var(--root-unit)) !important;
  }
  .mt-xxxl-n8,
  .my-xxxl-n8 {
    margin-top: calc(-4.5 * var(--root-unit)) !important;
  }
  .me-xxxl-n8,
  .mr-xxxl-n8,
  .mx-xxxl-n8 {
    margin-right: calc(-4.5 * var(--root-unit)) !important;
  }
  .mb-xxxl-n8,
  .my-xxxl-n8 {
    margin-bottom: calc(-4.5 * var(--root-unit)) !important;
  }
  .ms-xxxl-n8,
  .ml-xxxl-n8,
  .mx-xxxl-n8 {
    margin-left: calc(-4.5 * var(--root-unit)) !important;
  }
  .m-xxxl-n9 {
    margin: calc(-5 * var(--root-unit)) !important;
  }
  .mt-xxxl-n9,
  .my-xxxl-n9 {
    margin-top: calc(-5 * var(--root-unit)) !important;
  }
  .me-xxxl-n9,
  .mr-xxxl-n9,
  .mx-xxxl-n9 {
    margin-right: calc(-5 * var(--root-unit)) !important;
  }
  .mb-xxxl-n9,
  .my-xxxl-n9 {
    margin-bottom: calc(-5 * var(--root-unit)) !important;
  }
  .ms-xxxl-n9,
  .ml-xxxl-n9,
  .mx-xxxl-n9 {
    margin-left: calc(-5 * var(--root-unit)) !important;
  }
  .m-xxxl-n10 {
    margin: calc(-6 * var(--root-unit)) !important;
  }
  .mt-xxxl-n10,
  .my-xxxl-n10 {
    margin-top: calc(-6 * var(--root-unit)) !important;
  }
  .me-xxxl-n10,
  .mr-xxxl-n10,
  .mx-xxxl-n10 {
    margin-right: calc(-6 * var(--root-unit)) !important;
  }
  .mb-xxxl-n10,
  .my-xxxl-n10 {
    margin-bottom: calc(-6 * var(--root-unit)) !important;
  }
  .ms-xxxl-n10,
  .ml-xxxl-n10,
  .mx-xxxl-n10 {
    margin-left: calc(-6 * var(--root-unit)) !important;
  }
  .m-xxxl-auto {
    margin: auto !important;
  }
  .mt-xxxl-auto,
  .my-xxxl-auto {
    margin-top: auto !important;
  }
  .me-xxxl-auto,
  .mr-xxxl-auto,
  .mx-xxxl-auto {
    margin-right: auto !important;
  }
  .mb-xxxl-auto,
  .my-xxxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxxl-auto,
  .ml-xxxl-auto,
  .mx-xxxl-auto {
    margin-left: auto !important;
  }
}