:root {
  --spacer--base: 1rem;
}

:root {
  --screen--sm: 576px;
  --screen--md: 768px;
  --screen--lg: 992px;
  --screen--xl: 1280px;
  --screen--xxl: 1440px;
  --spacer--0: 0;
  --spacer--2xs: calc(var(--spacer--base) * 0.25);
  --spacer--xs: calc(var(--spacer--base) * 0.5);
  --spacer--sm: calc(var(--spacer--base) * 0.75);
  --spacer--md: var(--spacer--base);
  --spacer--lg: calc(var(--spacer--base) * 1.5);
  --spacer--xl: calc(var(--spacer--base) * 2);
  --spacer--2xl: calc(var(--spacer--base) * 2.5);
  --spacer--3xl: calc(var(--spacer--base) * 3);
  --spacer--4xl: calc(var(--spacer--base) * 4);
}

.d-block {
  display: block !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-inline-table {
  display: inline-table !important;
}

.d-table {
  display: table !important;
}

.d-table-caption {
  display: table-caption !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-table-column {
  display: table-column !important;
}

.d-table-column-group {
  display: table-column-group !important;
}

.d-table-footer-group {
  display: table-footer-group !important;
}

.d-table-header-group {
  display: table-header-group !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-row-group {
  display: table-row-group !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.d-contents {
  display: contents !important;
}

.d-list-item {
  display: list-item !important;
}

.d-none {
  display: none !important;
}

.d-initial {
  display: initial !important;
}

.d-inherit {
  display: inherit !important;
}

@media (min-width: 576px) {
  .d-sm-block {
    display: block !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-inline-table {
    display: inline-table !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-caption {
    display: table-caption !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-table-column {
    display: table-column !important;
  }
  .d-sm-table-column-group {
    display: table-column-group !important;
  }
  .d-sm-table-footer-group {
    display: table-footer-group !important;
  }
  .d-sm-table-header-group {
    display: table-header-group !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-row-group {
    display: table-row-group !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-contents {
    display: contents !important;
  }
  .d-sm-list-item {
    display: list-item !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .d-sm-initial {
    display: initial !important;
  }
  .d-sm-inherit {
    display: inherit !important;
  }
}
@media (min-width: 768px) {
  .d-md-block {
    display: block !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-inline-table {
    display: inline-table !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-caption {
    display: table-caption !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-table-column {
    display: table-column !important;
  }
  .d-md-table-column-group {
    display: table-column-group !important;
  }
  .d-md-table-footer-group {
    display: table-footer-group !important;
  }
  .d-md-table-header-group {
    display: table-header-group !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-row-group {
    display: table-row-group !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-contents {
    display: contents !important;
  }
  .d-md-list-item {
    display: list-item !important;
  }
  .d-md-none {
    display: none !important;
  }
  .d-md-initial {
    display: initial !important;
  }
  .d-md-inherit {
    display: inherit !important;
  }
}
@media (min-width: 992px) {
  .d-lg-block {
    display: block !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-inline-table {
    display: inline-table !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-caption {
    display: table-caption !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-table-column {
    display: table-column !important;
  }
  .d-lg-table-column-group {
    display: table-column-group !important;
  }
  .d-lg-table-footer-group {
    display: table-footer-group !important;
  }
  .d-lg-table-header-group {
    display: table-header-group !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-row-group {
    display: table-row-group !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-contents {
    display: contents !important;
  }
  .d-lg-list-item {
    display: list-item !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .d-lg-initial {
    display: initial !important;
  }
  .d-lg-inherit {
    display: inherit !important;
  }
}
@media (min-width: 1280px) {
  .d-xl-block {
    display: block !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-inline-table {
    display: inline-table !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-caption {
    display: table-caption !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-table-column {
    display: table-column !important;
  }
  .d-xl-table-column-group {
    display: table-column-group !important;
  }
  .d-xl-table-footer-group {
    display: table-footer-group !important;
  }
  .d-xl-table-header-group {
    display: table-header-group !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-row-group {
    display: table-row-group !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-contents {
    display: contents !important;
  }
  .d-xl-list-item {
    display: list-item !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .d-xl-initial {
    display: initial !important;
  }
  .d-xl-inherit {
    display: inherit !important;
  }
}
@media (min-width: 1440px) {
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-inline-table {
    display: inline-table !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-caption {
    display: table-caption !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-table-column {
    display: table-column !important;
  }
  .d-xxl-table-column-group {
    display: table-column-group !important;
  }
  .d-xxl-table-footer-group {
    display: table-footer-group !important;
  }
  .d-xxl-table-header-group {
    display: table-header-group !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-row-group {
    display: table-row-group !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-contents {
    display: contents !important;
  }
  .d-xxl-list-item {
    display: list-item !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-initial {
    display: initial !important;
  }
  .d-xxl-inherit {
    display: inherit !important;
  }
}
.m-0 {
  margin: var(--spacer--0) !important;
}

.mt-0,
.my-0 {
  margin-top: var(--spacer--0) !important;
}

.mr-0,
.mx-0 {
  margin-right: var(--spacer--0) !important;
}

.mb-0,
.my-0 {
  margin-bottom: var(--spacer--0) !important;
}

.ml-0,
.mx-0 {
  margin-left: var(--spacer--0) !important;
}

.m-2xs {
  margin: var(--spacer--2xs) !important;
}

.mt-2xs,
.my-2xs {
  margin-top: var(--spacer--2xs) !important;
}

.mr-2xs,
.mx-2xs {
  margin-right: var(--spacer--2xs) !important;
}

.mb-2xs,
.my-2xs {
  margin-bottom: var(--spacer--2xs) !important;
}

.ml-2xs,
.mx-2xs {
  margin-left: var(--spacer--2xs) !important;
}

.m-xs {
  margin: var(--spacer--xs) !important;
}

.mt-xs,
.my-xs {
  margin-top: var(--spacer--xs) !important;
}

.mr-xs,
.mx-xs {
  margin-right: var(--spacer--xs) !important;
}

.mb-xs,
.my-xs {
  margin-bottom: var(--spacer--xs) !important;
}

.ml-xs,
.mx-xs {
  margin-left: var(--spacer--xs) !important;
}

.m-sm {
  margin: var(--spacer--sm) !important;
}

.mt-sm,
.my-sm {
  margin-top: var(--spacer--sm) !important;
}

.mr-sm,
.mx-sm {
  margin-right: var(--spacer--sm) !important;
}

.mb-sm,
.my-sm {
  margin-bottom: var(--spacer--sm) !important;
}

.ml-sm,
.mx-sm {
  margin-left: var(--spacer--sm) !important;
}

.m-md {
  margin: var(--spacer--md) !important;
}

.mt-md,
.my-md {
  margin-top: var(--spacer--md) !important;
}

.mr-md,
.mx-md {
  margin-right: var(--spacer--md) !important;
}

.mb-md,
.my-md {
  margin-bottom: var(--spacer--md) !important;
}

.ml-md,
.mx-md {
  margin-left: var(--spacer--md) !important;
}

.m-lg {
  margin: var(--spacer--lg) !important;
}

.mt-lg,
.my-lg {
  margin-top: var(--spacer--lg) !important;
}

.mr-lg,
.mx-lg {
  margin-right: var(--spacer--lg) !important;
}

.mb-lg,
.my-lg {
  margin-bottom: var(--spacer--lg) !important;
}

.ml-lg,
.mx-lg {
  margin-left: var(--spacer--lg) !important;
}

.m-xl {
  margin: var(--spacer--xl) !important;
}

.mt-xl,
.my-xl {
  margin-top: var(--spacer--xl) !important;
}

.mr-xl,
.mx-xl {
  margin-right: var(--spacer--xl) !important;
}

.mb-xl,
.my-xl {
  margin-bottom: var(--spacer--xl) !important;
}

.ml-xl,
.mx-xl {
  margin-left: var(--spacer--xl) !important;
}

.m-2xl {
  margin: var(--spacer--2xl) !important;
}

.mt-2xl,
.my-2xl {
  margin-top: var(--spacer--2xl) !important;
}

.mr-2xl,
.mx-2xl {
  margin-right: var(--spacer--2xl) !important;
}

.mb-2xl,
.my-2xl {
  margin-bottom: var(--spacer--2xl) !important;
}

.ml-2xl,
.mx-2xl {
  margin-left: var(--spacer--2xl) !important;
}

.m-3xl {
  margin: var(--spacer--3xl) !important;
}

.mt-3xl,
.my-3xl {
  margin-top: var(--spacer--3xl) !important;
}

.mr-3xl,
.mx-3xl {
  margin-right: var(--spacer--3xl) !important;
}

.mb-3xl,
.my-3xl {
  margin-bottom: var(--spacer--3xl) !important;
}

.ml-3xl,
.mx-3xl {
  margin-left: var(--spacer--3xl) !important;
}

.m-4xl {
  margin: var(--spacer--4xl) !important;
}

.mt-4xl,
.my-4xl {
  margin-top: var(--spacer--4xl) !important;
}

.mr-4xl,
.mx-4xl {
  margin-right: var(--spacer--4xl) !important;
}

.mb-4xl,
.my-4xl {
  margin-bottom: var(--spacer--4xl) !important;
}

.ml-4xl,
.mx-4xl {
  margin-left: var(--spacer--4xl) !important;
}

.p-0 {
  padding: var(--spacer--0) !important;
}

.pt-0,
.py-0 {
  padding-top: var(--spacer--0) !important;
}

.pr-0,
.px-0 {
  padding-right: var(--spacer--0) !important;
}

.pb-0,
.py-0 {
  padding-bottom: var(--spacer--0) !important;
}

.pl-0,
.px-0 {
  padding-left: var(--spacer--0) !important;
}

.p-2xs {
  padding: var(--spacer--2xs) !important;
}

.pt-2xs,
.py-2xs {
  padding-top: var(--spacer--2xs) !important;
}

.pr-2xs,
.px-2xs {
  padding-right: var(--spacer--2xs) !important;
}

.pb-2xs,
.py-2xs {
  padding-bottom: var(--spacer--2xs) !important;
}

.pl-2xs,
.px-2xs {
  padding-left: var(--spacer--2xs) !important;
}

.p-xs {
  padding: var(--spacer--xs) !important;
}

.pt-xs,
.py-xs {
  padding-top: var(--spacer--xs) !important;
}

.pr-xs,
.px-xs {
  padding-right: var(--spacer--xs) !important;
}

.pb-xs,
.py-xs {
  padding-bottom: var(--spacer--xs) !important;
}

.pl-xs,
.px-xs {
  padding-left: var(--spacer--xs) !important;
}

.p-sm {
  padding: var(--spacer--sm) !important;
}

.pt-sm,
.py-sm {
  padding-top: var(--spacer--sm) !important;
}

.pr-sm,
.px-sm {
  padding-right: var(--spacer--sm) !important;
}

.pb-sm,
.py-sm {
  padding-bottom: var(--spacer--sm) !important;
}

.pl-sm,
.px-sm {
  padding-left: var(--spacer--sm) !important;
}

.p-md {
  padding: var(--spacer--md) !important;
}

.pt-md,
.py-md {
  padding-top: var(--spacer--md) !important;
}

.pr-md,
.px-md {
  padding-right: var(--spacer--md) !important;
}

.pb-md,
.py-md {
  padding-bottom: var(--spacer--md) !important;
}

.pl-md,
.px-md {
  padding-left: var(--spacer--md) !important;
}

.p-lg {
  padding: var(--spacer--lg) !important;
}

.pt-lg,
.py-lg {
  padding-top: var(--spacer--lg) !important;
}

.pr-lg,
.px-lg {
  padding-right: var(--spacer--lg) !important;
}

.pb-lg,
.py-lg {
  padding-bottom: var(--spacer--lg) !important;
}

.pl-lg,
.px-lg {
  padding-left: var(--spacer--lg) !important;
}

.p-xl {
  padding: var(--spacer--xl) !important;
}

.pt-xl,
.py-xl {
  padding-top: var(--spacer--xl) !important;
}

.pr-xl,
.px-xl {
  padding-right: var(--spacer--xl) !important;
}

.pb-xl,
.py-xl {
  padding-bottom: var(--spacer--xl) !important;
}

.pl-xl,
.px-xl {
  padding-left: var(--spacer--xl) !important;
}

.p-2xl {
  padding: var(--spacer--2xl) !important;
}

.pt-2xl,
.py-2xl {
  padding-top: var(--spacer--2xl) !important;
}

.pr-2xl,
.px-2xl {
  padding-right: var(--spacer--2xl) !important;
}

.pb-2xl,
.py-2xl {
  padding-bottom: var(--spacer--2xl) !important;
}

.pl-2xl,
.px-2xl {
  padding-left: var(--spacer--2xl) !important;
}

.p-3xl {
  padding: var(--spacer--3xl) !important;
}

.pt-3xl,
.py-3xl {
  padding-top: var(--spacer--3xl) !important;
}

.pr-3xl,
.px-3xl {
  padding-right: var(--spacer--3xl) !important;
}

.pb-3xl,
.py-3xl {
  padding-bottom: var(--spacer--3xl) !important;
}

.pl-3xl,
.px-3xl {
  padding-left: var(--spacer--3xl) !important;
}

.p-4xl {
  padding: var(--spacer--4xl) !important;
}

.pt-4xl,
.py-4xl {
  padding-top: var(--spacer--4xl) !important;
}

.pr-4xl,
.px-4xl {
  padding-right: var(--spacer--4xl) !important;
}

.pb-4xl,
.py-4xl {
  padding-bottom: var(--spacer--4xl) !important;
}

.pl-4xl,
.px-4xl {
  padding-left: var(--spacer--4xl) !important;
}

.m-n2xs {
  margin: calc(var(--spacer--2xs) * -1) !important;
}

.mt-n2xs,
.my-n2xs {
  margin-top: calc(var(--spacer--2xs) * -1) !important;
}

.mr-n2xs,
.mx-n2xs {
  margin-right: calc(var(--spacer--2xs) * -1) !important;
}

.mb-n2xs,
.my-n2xs {
  margin-bottom: calc(var(--spacer--2xs) * -1) !important;
}

.ml-n2xs,
.mx-n2xs {
  margin-left: calc(var(--spacer--2xs) * -1) !important;
}

.m-nxs {
  margin: calc(var(--spacer--xs) * -1) !important;
}

.mt-nxs,
.my-nxs {
  margin-top: calc(var(--spacer--xs) * -1) !important;
}

.mr-nxs,
.mx-nxs {
  margin-right: calc(var(--spacer--xs) * -1) !important;
}

.mb-nxs,
.my-nxs {
  margin-bottom: calc(var(--spacer--xs) * -1) !important;
}

.ml-nxs,
.mx-nxs {
  margin-left: calc(var(--spacer--xs) * -1) !important;
}

.m-nsm {
  margin: calc(var(--spacer--sm) * -1) !important;
}

.mt-nsm,
.my-nsm {
  margin-top: calc(var(--spacer--sm) * -1) !important;
}

.mr-nsm,
.mx-nsm {
  margin-right: calc(var(--spacer--sm) * -1) !important;
}

.mb-nsm,
.my-nsm {
  margin-bottom: calc(var(--spacer--sm) * -1) !important;
}

.ml-nsm,
.mx-nsm {
  margin-left: calc(var(--spacer--sm) * -1) !important;
}

.m-nmd {
  margin: calc(var(--spacer--md) * -1) !important;
}

.mt-nmd,
.my-nmd {
  margin-top: calc(var(--spacer--md) * -1) !important;
}

.mr-nmd,
.mx-nmd {
  margin-right: calc(var(--spacer--md) * -1) !important;
}

.mb-nmd,
.my-nmd {
  margin-bottom: calc(var(--spacer--md) * -1) !important;
}

.ml-nmd,
.mx-nmd {
  margin-left: calc(var(--spacer--md) * -1) !important;
}

.m-nlg {
  margin: calc(var(--spacer--lg) * -1) !important;
}

.mt-nlg,
.my-nlg {
  margin-top: calc(var(--spacer--lg) * -1) !important;
}

.mr-nlg,
.mx-nlg {
  margin-right: calc(var(--spacer--lg) * -1) !important;
}

.mb-nlg,
.my-nlg {
  margin-bottom: calc(var(--spacer--lg) * -1) !important;
}

.ml-nlg,
.mx-nlg {
  margin-left: calc(var(--spacer--lg) * -1) !important;
}

.m-nxl {
  margin: calc(var(--spacer--xl) * -1) !important;
}

.mt-nxl,
.my-nxl {
  margin-top: calc(var(--spacer--xl) * -1) !important;
}

.mr-nxl,
.mx-nxl {
  margin-right: calc(var(--spacer--xl) * -1) !important;
}

.mb-nxl,
.my-nxl {
  margin-bottom: calc(var(--spacer--xl) * -1) !important;
}

.ml-nxl,
.mx-nxl {
  margin-left: calc(var(--spacer--xl) * -1) !important;
}

.m-n2xl {
  margin: calc(var(--spacer--2xl) * -1) !important;
}

.mt-n2xl,
.my-n2xl {
  margin-top: calc(var(--spacer--2xl) * -1) !important;
}

.mr-n2xl,
.mx-n2xl {
  margin-right: calc(var(--spacer--2xl) * -1) !important;
}

.mb-n2xl,
.my-n2xl {
  margin-bottom: calc(var(--spacer--2xl) * -1) !important;
}

.ml-n2xl,
.mx-n2xl {
  margin-left: calc(var(--spacer--2xl) * -1) !important;
}

.m-n3xl {
  margin: calc(var(--spacer--3xl) * -1) !important;
}

.mt-n3xl,
.my-n3xl {
  margin-top: calc(var(--spacer--3xl) * -1) !important;
}

.mr-n3xl,
.mx-n3xl {
  margin-right: calc(var(--spacer--3xl) * -1) !important;
}

.mb-n3xl,
.my-n3xl {
  margin-bottom: calc(var(--spacer--3xl) * -1) !important;
}

.ml-n3xl,
.mx-n3xl {
  margin-left: calc(var(--spacer--3xl) * -1) !important;
}

.m-n4xl {
  margin: calc(var(--spacer--4xl) * -1) !important;
}

.mt-n4xl,
.my-n4xl {
  margin-top: calc(var(--spacer--4xl) * -1) !important;
}

.mr-n4xl,
.mx-n4xl {
  margin-right: calc(var(--spacer--4xl) * -1) !important;
}

.mb-n4xl,
.my-n4xl {
  margin-bottom: calc(var(--spacer--4xl) * -1) !important;
}

.ml-n4xl,
.mx-n4xl {
  margin-left: calc(var(--spacer--4xl) * -1) !important;
}

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

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

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

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

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: var(--spacer--0) !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: var(--spacer--0) !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: var(--spacer--0) !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: var(--spacer--0) !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: var(--spacer--0) !important;
  }
  .m-sm-2xs {
    margin: var(--spacer--2xs) !important;
  }
  .mt-sm-2xs,
  .my-sm-2xs {
    margin-top: var(--spacer--2xs) !important;
  }
  .mr-sm-2xs,
  .mx-sm-2xs {
    margin-right: var(--spacer--2xs) !important;
  }
  .mb-sm-2xs,
  .my-sm-2xs {
    margin-bottom: var(--spacer--2xs) !important;
  }
  .ml-sm-2xs,
  .mx-sm-2xs {
    margin-left: var(--spacer--2xs) !important;
  }
  .m-sm-xs {
    margin: var(--spacer--xs) !important;
  }
  .mt-sm-xs,
  .my-sm-xs {
    margin-top: var(--spacer--xs) !important;
  }
  .mr-sm-xs,
  .mx-sm-xs {
    margin-right: var(--spacer--xs) !important;
  }
  .mb-sm-xs,
  .my-sm-xs {
    margin-bottom: var(--spacer--xs) !important;
  }
  .ml-sm-xs,
  .mx-sm-xs {
    margin-left: var(--spacer--xs) !important;
  }
  .m-sm-sm {
    margin: var(--spacer--sm) !important;
  }
  .mt-sm-sm,
  .my-sm-sm {
    margin-top: var(--spacer--sm) !important;
  }
  .mr-sm-sm,
  .mx-sm-sm {
    margin-right: var(--spacer--sm) !important;
  }
  .mb-sm-sm,
  .my-sm-sm {
    margin-bottom: var(--spacer--sm) !important;
  }
  .ml-sm-sm,
  .mx-sm-sm {
    margin-left: var(--spacer--sm) !important;
  }
  .m-sm-md {
    margin: var(--spacer--md) !important;
  }
  .mt-sm-md,
  .my-sm-md {
    margin-top: var(--spacer--md) !important;
  }
  .mr-sm-md,
  .mx-sm-md {
    margin-right: var(--spacer--md) !important;
  }
  .mb-sm-md,
  .my-sm-md {
    margin-bottom: var(--spacer--md) !important;
  }
  .ml-sm-md,
  .mx-sm-md {
    margin-left: var(--spacer--md) !important;
  }
  .m-sm-lg {
    margin: var(--spacer--lg) !important;
  }
  .mt-sm-lg,
  .my-sm-lg {
    margin-top: var(--spacer--lg) !important;
  }
  .mr-sm-lg,
  .mx-sm-lg {
    margin-right: var(--spacer--lg) !important;
  }
  .mb-sm-lg,
  .my-sm-lg {
    margin-bottom: var(--spacer--lg) !important;
  }
  .ml-sm-lg,
  .mx-sm-lg {
    margin-left: var(--spacer--lg) !important;
  }
  .m-sm-xl {
    margin: var(--spacer--xl) !important;
  }
  .mt-sm-xl,
  .my-sm-xl {
    margin-top: var(--spacer--xl) !important;
  }
  .mr-sm-xl,
  .mx-sm-xl {
    margin-right: var(--spacer--xl) !important;
  }
  .mb-sm-xl,
  .my-sm-xl {
    margin-bottom: var(--spacer--xl) !important;
  }
  .ml-sm-xl,
  .mx-sm-xl {
    margin-left: var(--spacer--xl) !important;
  }
  .m-sm-2xl {
    margin: var(--spacer--2xl) !important;
  }
  .mt-sm-2xl,
  .my-sm-2xl {
    margin-top: var(--spacer--2xl) !important;
  }
  .mr-sm-2xl,
  .mx-sm-2xl {
    margin-right: var(--spacer--2xl) !important;
  }
  .mb-sm-2xl,
  .my-sm-2xl {
    margin-bottom: var(--spacer--2xl) !important;
  }
  .ml-sm-2xl,
  .mx-sm-2xl {
    margin-left: var(--spacer--2xl) !important;
  }
  .m-sm-3xl {
    margin: var(--spacer--3xl) !important;
  }
  .mt-sm-3xl,
  .my-sm-3xl {
    margin-top: var(--spacer--3xl) !important;
  }
  .mr-sm-3xl,
  .mx-sm-3xl {
    margin-right: var(--spacer--3xl) !important;
  }
  .mb-sm-3xl,
  .my-sm-3xl {
    margin-bottom: var(--spacer--3xl) !important;
  }
  .ml-sm-3xl,
  .mx-sm-3xl {
    margin-left: var(--spacer--3xl) !important;
  }
  .m-sm-4xl {
    margin: var(--spacer--4xl) !important;
  }
  .mt-sm-4xl,
  .my-sm-4xl {
    margin-top: var(--spacer--4xl) !important;
  }
  .mr-sm-4xl,
  .mx-sm-4xl {
    margin-right: var(--spacer--4xl) !important;
  }
  .mb-sm-4xl,
  .my-sm-4xl {
    margin-bottom: var(--spacer--4xl) !important;
  }
  .ml-sm-4xl,
  .mx-sm-4xl {
    margin-left: var(--spacer--4xl) !important;
  }
  .p-sm-0 {
    padding: var(--spacer--0) !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: var(--spacer--0) !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: var(--spacer--0) !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: var(--spacer--0) !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: var(--spacer--0) !important;
  }
  .p-sm-2xs {
    padding: var(--spacer--2xs) !important;
  }
  .pt-sm-2xs,
  .py-sm-2xs {
    padding-top: var(--spacer--2xs) !important;
  }
  .pr-sm-2xs,
  .px-sm-2xs {
    padding-right: var(--spacer--2xs) !important;
  }
  .pb-sm-2xs,
  .py-sm-2xs {
    padding-bottom: var(--spacer--2xs) !important;
  }
  .pl-sm-2xs,
  .px-sm-2xs {
    padding-left: var(--spacer--2xs) !important;
  }
  .p-sm-xs {
    padding: var(--spacer--xs) !important;
  }
  .pt-sm-xs,
  .py-sm-xs {
    padding-top: var(--spacer--xs) !important;
  }
  .pr-sm-xs,
  .px-sm-xs {
    padding-right: var(--spacer--xs) !important;
  }
  .pb-sm-xs,
  .py-sm-xs {
    padding-bottom: var(--spacer--xs) !important;
  }
  .pl-sm-xs,
  .px-sm-xs {
    padding-left: var(--spacer--xs) !important;
  }
  .p-sm-sm {
    padding: var(--spacer--sm) !important;
  }
  .pt-sm-sm,
  .py-sm-sm {
    padding-top: var(--spacer--sm) !important;
  }
  .pr-sm-sm,
  .px-sm-sm {
    padding-right: var(--spacer--sm) !important;
  }
  .pb-sm-sm,
  .py-sm-sm {
    padding-bottom: var(--spacer--sm) !important;
  }
  .pl-sm-sm,
  .px-sm-sm {
    padding-left: var(--spacer--sm) !important;
  }
  .p-sm-md {
    padding: var(--spacer--md) !important;
  }
  .pt-sm-md,
  .py-sm-md {
    padding-top: var(--spacer--md) !important;
  }
  .pr-sm-md,
  .px-sm-md {
    padding-right: var(--spacer--md) !important;
  }
  .pb-sm-md,
  .py-sm-md {
    padding-bottom: var(--spacer--md) !important;
  }
  .pl-sm-md,
  .px-sm-md {
    padding-left: var(--spacer--md) !important;
  }
  .p-sm-lg {
    padding: var(--spacer--lg) !important;
  }
  .pt-sm-lg,
  .py-sm-lg {
    padding-top: var(--spacer--lg) !important;
  }
  .pr-sm-lg,
  .px-sm-lg {
    padding-right: var(--spacer--lg) !important;
  }
  .pb-sm-lg,
  .py-sm-lg {
    padding-bottom: var(--spacer--lg) !important;
  }
  .pl-sm-lg,
  .px-sm-lg {
    padding-left: var(--spacer--lg) !important;
  }
  .p-sm-xl {
    padding: var(--spacer--xl) !important;
  }
  .pt-sm-xl,
  .py-sm-xl {
    padding-top: var(--spacer--xl) !important;
  }
  .pr-sm-xl,
  .px-sm-xl {
    padding-right: var(--spacer--xl) !important;
  }
  .pb-sm-xl,
  .py-sm-xl {
    padding-bottom: var(--spacer--xl) !important;
  }
  .pl-sm-xl,
  .px-sm-xl {
    padding-left: var(--spacer--xl) !important;
  }
  .p-sm-2xl {
    padding: var(--spacer--2xl) !important;
  }
  .pt-sm-2xl,
  .py-sm-2xl {
    padding-top: var(--spacer--2xl) !important;
  }
  .pr-sm-2xl,
  .px-sm-2xl {
    padding-right: var(--spacer--2xl) !important;
  }
  .pb-sm-2xl,
  .py-sm-2xl {
    padding-bottom: var(--spacer--2xl) !important;
  }
  .pl-sm-2xl,
  .px-sm-2xl {
    padding-left: var(--spacer--2xl) !important;
  }
  .p-sm-3xl {
    padding: var(--spacer--3xl) !important;
  }
  .pt-sm-3xl,
  .py-sm-3xl {
    padding-top: var(--spacer--3xl) !important;
  }
  .pr-sm-3xl,
  .px-sm-3xl {
    padding-right: var(--spacer--3xl) !important;
  }
  .pb-sm-3xl,
  .py-sm-3xl {
    padding-bottom: var(--spacer--3xl) !important;
  }
  .pl-sm-3xl,
  .px-sm-3xl {
    padding-left: var(--spacer--3xl) !important;
  }
  .p-sm-4xl {
    padding: var(--spacer--4xl) !important;
  }
  .pt-sm-4xl,
  .py-sm-4xl {
    padding-top: var(--spacer--4xl) !important;
  }
  .pr-sm-4xl,
  .px-sm-4xl {
    padding-right: var(--spacer--4xl) !important;
  }
  .pb-sm-4xl,
  .py-sm-4xl {
    padding-bottom: var(--spacer--4xl) !important;
  }
  .pl-sm-4xl,
  .px-sm-4xl {
    padding-left: var(--spacer--4xl) !important;
  }
  .m-sm-n2xs {
    margin: calc(var(--spacer--2xs) * -1) !important;
  }
  .mt-sm-n2xs,
  .my-sm-n2xs {
    margin-top: calc(var(--spacer--2xs) * -1) !important;
  }
  .mr-sm-n2xs,
  .mx-sm-n2xs {
    margin-right: calc(var(--spacer--2xs) * -1) !important;
  }
  .mb-sm-n2xs,
  .my-sm-n2xs {
    margin-bottom: calc(var(--spacer--2xs) * -1) !important;
  }
  .ml-sm-n2xs,
  .mx-sm-n2xs {
    margin-left: calc(var(--spacer--2xs) * -1) !important;
  }
  .m-sm-nxs {
    margin: calc(var(--spacer--xs) * -1) !important;
  }
  .mt-sm-nxs,
  .my-sm-nxs {
    margin-top: calc(var(--spacer--xs) * -1) !important;
  }
  .mr-sm-nxs,
  .mx-sm-nxs {
    margin-right: calc(var(--spacer--xs) * -1) !important;
  }
  .mb-sm-nxs,
  .my-sm-nxs {
    margin-bottom: calc(var(--spacer--xs) * -1) !important;
  }
  .ml-sm-nxs,
  .mx-sm-nxs {
    margin-left: calc(var(--spacer--xs) * -1) !important;
  }
  .m-sm-nsm {
    margin: calc(var(--spacer--sm) * -1) !important;
  }
  .mt-sm-nsm,
  .my-sm-nsm {
    margin-top: calc(var(--spacer--sm) * -1) !important;
  }
  .mr-sm-nsm,
  .mx-sm-nsm {
    margin-right: calc(var(--spacer--sm) * -1) !important;
  }
  .mb-sm-nsm,
  .my-sm-nsm {
    margin-bottom: calc(var(--spacer--sm) * -1) !important;
  }
  .ml-sm-nsm,
  .mx-sm-nsm {
    margin-left: calc(var(--spacer--sm) * -1) !important;
  }
  .m-sm-nmd {
    margin: calc(var(--spacer--md) * -1) !important;
  }
  .mt-sm-nmd,
  .my-sm-nmd {
    margin-top: calc(var(--spacer--md) * -1) !important;
  }
  .mr-sm-nmd,
  .mx-sm-nmd {
    margin-right: calc(var(--spacer--md) * -1) !important;
  }
  .mb-sm-nmd,
  .my-sm-nmd {
    margin-bottom: calc(var(--spacer--md) * -1) !important;
  }
  .ml-sm-nmd,
  .mx-sm-nmd {
    margin-left: calc(var(--spacer--md) * -1) !important;
  }
  .m-sm-nlg {
    margin: calc(var(--spacer--lg) * -1) !important;
  }
  .mt-sm-nlg,
  .my-sm-nlg {
    margin-top: calc(var(--spacer--lg) * -1) !important;
  }
  .mr-sm-nlg,
  .mx-sm-nlg {
    margin-right: calc(var(--spacer--lg) * -1) !important;
  }
  .mb-sm-nlg,
  .my-sm-nlg {
    margin-bottom: calc(var(--spacer--lg) * -1) !important;
  }
  .ml-sm-nlg,
  .mx-sm-nlg {
    margin-left: calc(var(--spacer--lg) * -1) !important;
  }
  .m-sm-nxl {
    margin: calc(var(--spacer--xl) * -1) !important;
  }
  .mt-sm-nxl,
  .my-sm-nxl {
    margin-top: calc(var(--spacer--xl) * -1) !important;
  }
  .mr-sm-nxl,
  .mx-sm-nxl {
    margin-right: calc(var(--spacer--xl) * -1) !important;
  }
  .mb-sm-nxl,
  .my-sm-nxl {
    margin-bottom: calc(var(--spacer--xl) * -1) !important;
  }
  .ml-sm-nxl,
  .mx-sm-nxl {
    margin-left: calc(var(--spacer--xl) * -1) !important;
  }
  .m-sm-n2xl {
    margin: calc(var(--spacer--2xl) * -1) !important;
  }
  .mt-sm-n2xl,
  .my-sm-n2xl {
    margin-top: calc(var(--spacer--2xl) * -1) !important;
  }
  .mr-sm-n2xl,
  .mx-sm-n2xl {
    margin-right: calc(var(--spacer--2xl) * -1) !important;
  }
  .mb-sm-n2xl,
  .my-sm-n2xl {
    margin-bottom: calc(var(--spacer--2xl) * -1) !important;
  }
  .ml-sm-n2xl,
  .mx-sm-n2xl {
    margin-left: calc(var(--spacer--2xl) * -1) !important;
  }
  .m-sm-n3xl {
    margin: calc(var(--spacer--3xl) * -1) !important;
  }
  .mt-sm-n3xl,
  .my-sm-n3xl {
    margin-top: calc(var(--spacer--3xl) * -1) !important;
  }
  .mr-sm-n3xl,
  .mx-sm-n3xl {
    margin-right: calc(var(--spacer--3xl) * -1) !important;
  }
  .mb-sm-n3xl,
  .my-sm-n3xl {
    margin-bottom: calc(var(--spacer--3xl) * -1) !important;
  }
  .ml-sm-n3xl,
  .mx-sm-n3xl {
    margin-left: calc(var(--spacer--3xl) * -1) !important;
  }
  .m-sm-n4xl {
    margin: calc(var(--spacer--4xl) * -1) !important;
  }
  .mt-sm-n4xl,
  .my-sm-n4xl {
    margin-top: calc(var(--spacer--4xl) * -1) !important;
  }
  .mr-sm-n4xl,
  .mx-sm-n4xl {
    margin-right: calc(var(--spacer--4xl) * -1) !important;
  }
  .mb-sm-n4xl,
  .my-sm-n4xl {
    margin-bottom: calc(var(--spacer--4xl) * -1) !important;
  }
  .ml-sm-n4xl,
  .mx-sm-n4xl {
    margin-left: calc(var(--spacer--4xl) * -1) !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: var(--spacer--0) !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: var(--spacer--0) !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: var(--spacer--0) !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: var(--spacer--0) !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: var(--spacer--0) !important;
  }
  .m-md-2xs {
    margin: var(--spacer--2xs) !important;
  }
  .mt-md-2xs,
  .my-md-2xs {
    margin-top: var(--spacer--2xs) !important;
  }
  .mr-md-2xs,
  .mx-md-2xs {
    margin-right: var(--spacer--2xs) !important;
  }
  .mb-md-2xs,
  .my-md-2xs {
    margin-bottom: var(--spacer--2xs) !important;
  }
  .ml-md-2xs,
  .mx-md-2xs {
    margin-left: var(--spacer--2xs) !important;
  }
  .m-md-xs {
    margin: var(--spacer--xs) !important;
  }
  .mt-md-xs,
  .my-md-xs {
    margin-top: var(--spacer--xs) !important;
  }
  .mr-md-xs,
  .mx-md-xs {
    margin-right: var(--spacer--xs) !important;
  }
  .mb-md-xs,
  .my-md-xs {
    margin-bottom: var(--spacer--xs) !important;
  }
  .ml-md-xs,
  .mx-md-xs {
    margin-left: var(--spacer--xs) !important;
  }
  .m-md-sm {
    margin: var(--spacer--sm) !important;
  }
  .mt-md-sm,
  .my-md-sm {
    margin-top: var(--spacer--sm) !important;
  }
  .mr-md-sm,
  .mx-md-sm {
    margin-right: var(--spacer--sm) !important;
  }
  .mb-md-sm,
  .my-md-sm {
    margin-bottom: var(--spacer--sm) !important;
  }
  .ml-md-sm,
  .mx-md-sm {
    margin-left: var(--spacer--sm) !important;
  }
  .m-md-md {
    margin: var(--spacer--md) !important;
  }
  .mt-md-md,
  .my-md-md {
    margin-top: var(--spacer--md) !important;
  }
  .mr-md-md,
  .mx-md-md {
    margin-right: var(--spacer--md) !important;
  }
  .mb-md-md,
  .my-md-md {
    margin-bottom: var(--spacer--md) !important;
  }
  .ml-md-md,
  .mx-md-md {
    margin-left: var(--spacer--md) !important;
  }
  .m-md-lg {
    margin: var(--spacer--lg) !important;
  }
  .mt-md-lg,
  .my-md-lg {
    margin-top: var(--spacer--lg) !important;
  }
  .mr-md-lg,
  .mx-md-lg {
    margin-right: var(--spacer--lg) !important;
  }
  .mb-md-lg,
  .my-md-lg {
    margin-bottom: var(--spacer--lg) !important;
  }
  .ml-md-lg,
  .mx-md-lg {
    margin-left: var(--spacer--lg) !important;
  }
  .m-md-xl {
    margin: var(--spacer--xl) !important;
  }
  .mt-md-xl,
  .my-md-xl {
    margin-top: var(--spacer--xl) !important;
  }
  .mr-md-xl,
  .mx-md-xl {
    margin-right: var(--spacer--xl) !important;
  }
  .mb-md-xl,
  .my-md-xl {
    margin-bottom: var(--spacer--xl) !important;
  }
  .ml-md-xl,
  .mx-md-xl {
    margin-left: var(--spacer--xl) !important;
  }
  .m-md-2xl {
    margin: var(--spacer--2xl) !important;
  }
  .mt-md-2xl,
  .my-md-2xl {
    margin-top: var(--spacer--2xl) !important;
  }
  .mr-md-2xl,
  .mx-md-2xl {
    margin-right: var(--spacer--2xl) !important;
  }
  .mb-md-2xl,
  .my-md-2xl {
    margin-bottom: var(--spacer--2xl) !important;
  }
  .ml-md-2xl,
  .mx-md-2xl {
    margin-left: var(--spacer--2xl) !important;
  }
  .m-md-3xl {
    margin: var(--spacer--3xl) !important;
  }
  .mt-md-3xl,
  .my-md-3xl {
    margin-top: var(--spacer--3xl) !important;
  }
  .mr-md-3xl,
  .mx-md-3xl {
    margin-right: var(--spacer--3xl) !important;
  }
  .mb-md-3xl,
  .my-md-3xl {
    margin-bottom: var(--spacer--3xl) !important;
  }
  .ml-md-3xl,
  .mx-md-3xl {
    margin-left: var(--spacer--3xl) !important;
  }
  .m-md-4xl {
    margin: var(--spacer--4xl) !important;
  }
  .mt-md-4xl,
  .my-md-4xl {
    margin-top: var(--spacer--4xl) !important;
  }
  .mr-md-4xl,
  .mx-md-4xl {
    margin-right: var(--spacer--4xl) !important;
  }
  .mb-md-4xl,
  .my-md-4xl {
    margin-bottom: var(--spacer--4xl) !important;
  }
  .ml-md-4xl,
  .mx-md-4xl {
    margin-left: var(--spacer--4xl) !important;
  }
  .p-md-0 {
    padding: var(--spacer--0) !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: var(--spacer--0) !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: var(--spacer--0) !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: var(--spacer--0) !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: var(--spacer--0) !important;
  }
  .p-md-2xs {
    padding: var(--spacer--2xs) !important;
  }
  .pt-md-2xs,
  .py-md-2xs {
    padding-top: var(--spacer--2xs) !important;
  }
  .pr-md-2xs,
  .px-md-2xs {
    padding-right: var(--spacer--2xs) !important;
  }
  .pb-md-2xs,
  .py-md-2xs {
    padding-bottom: var(--spacer--2xs) !important;
  }
  .pl-md-2xs,
  .px-md-2xs {
    padding-left: var(--spacer--2xs) !important;
  }
  .p-md-xs {
    padding: var(--spacer--xs) !important;
  }
  .pt-md-xs,
  .py-md-xs {
    padding-top: var(--spacer--xs) !important;
  }
  .pr-md-xs,
  .px-md-xs {
    padding-right: var(--spacer--xs) !important;
  }
  .pb-md-xs,
  .py-md-xs {
    padding-bottom: var(--spacer--xs) !important;
  }
  .pl-md-xs,
  .px-md-xs {
    padding-left: var(--spacer--xs) !important;
  }
  .p-md-sm {
    padding: var(--spacer--sm) !important;
  }
  .pt-md-sm,
  .py-md-sm {
    padding-top: var(--spacer--sm) !important;
  }
  .pr-md-sm,
  .px-md-sm {
    padding-right: var(--spacer--sm) !important;
  }
  .pb-md-sm,
  .py-md-sm {
    padding-bottom: var(--spacer--sm) !important;
  }
  .pl-md-sm,
  .px-md-sm {
    padding-left: var(--spacer--sm) !important;
  }
  .p-md-md {
    padding: var(--spacer--md) !important;
  }
  .pt-md-md,
  .py-md-md {
    padding-top: var(--spacer--md) !important;
  }
  .pr-md-md,
  .px-md-md {
    padding-right: var(--spacer--md) !important;
  }
  .pb-md-md,
  .py-md-md {
    padding-bottom: var(--spacer--md) !important;
  }
  .pl-md-md,
  .px-md-md {
    padding-left: var(--spacer--md) !important;
  }
  .p-md-lg {
    padding: var(--spacer--lg) !important;
  }
  .pt-md-lg,
  .py-md-lg {
    padding-top: var(--spacer--lg) !important;
  }
  .pr-md-lg,
  .px-md-lg {
    padding-right: var(--spacer--lg) !important;
  }
  .pb-md-lg,
  .py-md-lg {
    padding-bottom: var(--spacer--lg) !important;
  }
  .pl-md-lg,
  .px-md-lg {
    padding-left: var(--spacer--lg) !important;
  }
  .p-md-xl {
    padding: var(--spacer--xl) !important;
  }
  .pt-md-xl,
  .py-md-xl {
    padding-top: var(--spacer--xl) !important;
  }
  .pr-md-xl,
  .px-md-xl {
    padding-right: var(--spacer--xl) !important;
  }
  .pb-md-xl,
  .py-md-xl {
    padding-bottom: var(--spacer--xl) !important;
  }
  .pl-md-xl,
  .px-md-xl {
    padding-left: var(--spacer--xl) !important;
  }
  .p-md-2xl {
    padding: var(--spacer--2xl) !important;
  }
  .pt-md-2xl,
  .py-md-2xl {
    padding-top: var(--spacer--2xl) !important;
  }
  .pr-md-2xl,
  .px-md-2xl {
    padding-right: var(--spacer--2xl) !important;
  }
  .pb-md-2xl,
  .py-md-2xl {
    padding-bottom: var(--spacer--2xl) !important;
  }
  .pl-md-2xl,
  .px-md-2xl {
    padding-left: var(--spacer--2xl) !important;
  }
  .p-md-3xl {
    padding: var(--spacer--3xl) !important;
  }
  .pt-md-3xl,
  .py-md-3xl {
    padding-top: var(--spacer--3xl) !important;
  }
  .pr-md-3xl,
  .px-md-3xl {
    padding-right: var(--spacer--3xl) !important;
  }
  .pb-md-3xl,
  .py-md-3xl {
    padding-bottom: var(--spacer--3xl) !important;
  }
  .pl-md-3xl,
  .px-md-3xl {
    padding-left: var(--spacer--3xl) !important;
  }
  .p-md-4xl {
    padding: var(--spacer--4xl) !important;
  }
  .pt-md-4xl,
  .py-md-4xl {
    padding-top: var(--spacer--4xl) !important;
  }
  .pr-md-4xl,
  .px-md-4xl {
    padding-right: var(--spacer--4xl) !important;
  }
  .pb-md-4xl,
  .py-md-4xl {
    padding-bottom: var(--spacer--4xl) !important;
  }
  .pl-md-4xl,
  .px-md-4xl {
    padding-left: var(--spacer--4xl) !important;
  }
  .m-md-n2xs {
    margin: calc(var(--spacer--2xs) * -1) !important;
  }
  .mt-md-n2xs,
  .my-md-n2xs {
    margin-top: calc(var(--spacer--2xs) * -1) !important;
  }
  .mr-md-n2xs,
  .mx-md-n2xs {
    margin-right: calc(var(--spacer--2xs) * -1) !important;
  }
  .mb-md-n2xs,
  .my-md-n2xs {
    margin-bottom: calc(var(--spacer--2xs) * -1) !important;
  }
  .ml-md-n2xs,
  .mx-md-n2xs {
    margin-left: calc(var(--spacer--2xs) * -1) !important;
  }
  .m-md-nxs {
    margin: calc(var(--spacer--xs) * -1) !important;
  }
  .mt-md-nxs,
  .my-md-nxs {
    margin-top: calc(var(--spacer--xs) * -1) !important;
  }
  .mr-md-nxs,
  .mx-md-nxs {
    margin-right: calc(var(--spacer--xs) * -1) !important;
  }
  .mb-md-nxs,
  .my-md-nxs {
    margin-bottom: calc(var(--spacer--xs) * -1) !important;
  }
  .ml-md-nxs,
  .mx-md-nxs {
    margin-left: calc(var(--spacer--xs) * -1) !important;
  }
  .m-md-nsm {
    margin: calc(var(--spacer--sm) * -1) !important;
  }
  .mt-md-nsm,
  .my-md-nsm {
    margin-top: calc(var(--spacer--sm) * -1) !important;
  }
  .mr-md-nsm,
  .mx-md-nsm {
    margin-right: calc(var(--spacer--sm) * -1) !important;
  }
  .mb-md-nsm,
  .my-md-nsm {
    margin-bottom: calc(var(--spacer--sm) * -1) !important;
  }
  .ml-md-nsm,
  .mx-md-nsm {
    margin-left: calc(var(--spacer--sm) * -1) !important;
  }
  .m-md-nmd {
    margin: calc(var(--spacer--md) * -1) !important;
  }
  .mt-md-nmd,
  .my-md-nmd {
    margin-top: calc(var(--spacer--md) * -1) !important;
  }
  .mr-md-nmd,
  .mx-md-nmd {
    margin-right: calc(var(--spacer--md) * -1) !important;
  }
  .mb-md-nmd,
  .my-md-nmd {
    margin-bottom: calc(var(--spacer--md) * -1) !important;
  }
  .ml-md-nmd,
  .mx-md-nmd {
    margin-left: calc(var(--spacer--md) * -1) !important;
  }
  .m-md-nlg {
    margin: calc(var(--spacer--lg) * -1) !important;
  }
  .mt-md-nlg,
  .my-md-nlg {
    margin-top: calc(var(--spacer--lg) * -1) !important;
  }
  .mr-md-nlg,
  .mx-md-nlg {
    margin-right: calc(var(--spacer--lg) * -1) !important;
  }
  .mb-md-nlg,
  .my-md-nlg {
    margin-bottom: calc(var(--spacer--lg) * -1) !important;
  }
  .ml-md-nlg,
  .mx-md-nlg {
    margin-left: calc(var(--spacer--lg) * -1) !important;
  }
  .m-md-nxl {
    margin: calc(var(--spacer--xl) * -1) !important;
  }
  .mt-md-nxl,
  .my-md-nxl {
    margin-top: calc(var(--spacer--xl) * -1) !important;
  }
  .mr-md-nxl,
  .mx-md-nxl {
    margin-right: calc(var(--spacer--xl) * -1) !important;
  }
  .mb-md-nxl,
  .my-md-nxl {
    margin-bottom: calc(var(--spacer--xl) * -1) !important;
  }
  .ml-md-nxl,
  .mx-md-nxl {
    margin-left: calc(var(--spacer--xl) * -1) !important;
  }
  .m-md-n2xl {
    margin: calc(var(--spacer--2xl) * -1) !important;
  }
  .mt-md-n2xl,
  .my-md-n2xl {
    margin-top: calc(var(--spacer--2xl) * -1) !important;
  }
  .mr-md-n2xl,
  .mx-md-n2xl {
    margin-right: calc(var(--spacer--2xl) * -1) !important;
  }
  .mb-md-n2xl,
  .my-md-n2xl {
    margin-bottom: calc(var(--spacer--2xl) * -1) !important;
  }
  .ml-md-n2xl,
  .mx-md-n2xl {
    margin-left: calc(var(--spacer--2xl) * -1) !important;
  }
  .m-md-n3xl {
    margin: calc(var(--spacer--3xl) * -1) !important;
  }
  .mt-md-n3xl,
  .my-md-n3xl {
    margin-top: calc(var(--spacer--3xl) * -1) !important;
  }
  .mr-md-n3xl,
  .mx-md-n3xl {
    margin-right: calc(var(--spacer--3xl) * -1) !important;
  }
  .mb-md-n3xl,
  .my-md-n3xl {
    margin-bottom: calc(var(--spacer--3xl) * -1) !important;
  }
  .ml-md-n3xl,
  .mx-md-n3xl {
    margin-left: calc(var(--spacer--3xl) * -1) !important;
  }
  .m-md-n4xl {
    margin: calc(var(--spacer--4xl) * -1) !important;
  }
  .mt-md-n4xl,
  .my-md-n4xl {
    margin-top: calc(var(--spacer--4xl) * -1) !important;
  }
  .mr-md-n4xl,
  .mx-md-n4xl {
    margin-right: calc(var(--spacer--4xl) * -1) !important;
  }
  .mb-md-n4xl,
  .my-md-n4xl {
    margin-bottom: calc(var(--spacer--4xl) * -1) !important;
  }
  .ml-md-n4xl,
  .mx-md-n4xl {
    margin-left: calc(var(--spacer--4xl) * -1) !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: var(--spacer--0) !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: var(--spacer--0) !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: var(--spacer--0) !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: var(--spacer--0) !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: var(--spacer--0) !important;
  }
  .m-lg-2xs {
    margin: var(--spacer--2xs) !important;
  }
  .mt-lg-2xs,
  .my-lg-2xs {
    margin-top: var(--spacer--2xs) !important;
  }
  .mr-lg-2xs,
  .mx-lg-2xs {
    margin-right: var(--spacer--2xs) !important;
  }
  .mb-lg-2xs,
  .my-lg-2xs {
    margin-bottom: var(--spacer--2xs) !important;
  }
  .ml-lg-2xs,
  .mx-lg-2xs {
    margin-left: var(--spacer--2xs) !important;
  }
  .m-lg-xs {
    margin: var(--spacer--xs) !important;
  }
  .mt-lg-xs,
  .my-lg-xs {
    margin-top: var(--spacer--xs) !important;
  }
  .mr-lg-xs,
  .mx-lg-xs {
    margin-right: var(--spacer--xs) !important;
  }
  .mb-lg-xs,
  .my-lg-xs {
    margin-bottom: var(--spacer--xs) !important;
  }
  .ml-lg-xs,
  .mx-lg-xs {
    margin-left: var(--spacer--xs) !important;
  }
  .m-lg-sm {
    margin: var(--spacer--sm) !important;
  }
  .mt-lg-sm,
  .my-lg-sm {
    margin-top: var(--spacer--sm) !important;
  }
  .mr-lg-sm,
  .mx-lg-sm {
    margin-right: var(--spacer--sm) !important;
  }
  .mb-lg-sm,
  .my-lg-sm {
    margin-bottom: var(--spacer--sm) !important;
  }
  .ml-lg-sm,
  .mx-lg-sm {
    margin-left: var(--spacer--sm) !important;
  }
  .m-lg-md {
    margin: var(--spacer--md) !important;
  }
  .mt-lg-md,
  .my-lg-md {
    margin-top: var(--spacer--md) !important;
  }
  .mr-lg-md,
  .mx-lg-md {
    margin-right: var(--spacer--md) !important;
  }
  .mb-lg-md,
  .my-lg-md {
    margin-bottom: var(--spacer--md) !important;
  }
  .ml-lg-md,
  .mx-lg-md {
    margin-left: var(--spacer--md) !important;
  }
  .m-lg-lg {
    margin: var(--spacer--lg) !important;
  }
  .mt-lg-lg,
  .my-lg-lg {
    margin-top: var(--spacer--lg) !important;
  }
  .mr-lg-lg,
  .mx-lg-lg {
    margin-right: var(--spacer--lg) !important;
  }
  .mb-lg-lg,
  .my-lg-lg {
    margin-bottom: var(--spacer--lg) !important;
  }
  .ml-lg-lg,
  .mx-lg-lg {
    margin-left: var(--spacer--lg) !important;
  }
  .m-lg-xl {
    margin: var(--spacer--xl) !important;
  }
  .mt-lg-xl,
  .my-lg-xl {
    margin-top: var(--spacer--xl) !important;
  }
  .mr-lg-xl,
  .mx-lg-xl {
    margin-right: var(--spacer--xl) !important;
  }
  .mb-lg-xl,
  .my-lg-xl {
    margin-bottom: var(--spacer--xl) !important;
  }
  .ml-lg-xl,
  .mx-lg-xl {
    margin-left: var(--spacer--xl) !important;
  }
  .m-lg-2xl {
    margin: var(--spacer--2xl) !important;
  }
  .mt-lg-2xl,
  .my-lg-2xl {
    margin-top: var(--spacer--2xl) !important;
  }
  .mr-lg-2xl,
  .mx-lg-2xl {
    margin-right: var(--spacer--2xl) !important;
  }
  .mb-lg-2xl,
  .my-lg-2xl {
    margin-bottom: var(--spacer--2xl) !important;
  }
  .ml-lg-2xl,
  .mx-lg-2xl {
    margin-left: var(--spacer--2xl) !important;
  }
  .m-lg-3xl {
    margin: var(--spacer--3xl) !important;
  }
  .mt-lg-3xl,
  .my-lg-3xl {
    margin-top: var(--spacer--3xl) !important;
  }
  .mr-lg-3xl,
  .mx-lg-3xl {
    margin-right: var(--spacer--3xl) !important;
  }
  .mb-lg-3xl,
  .my-lg-3xl {
    margin-bottom: var(--spacer--3xl) !important;
  }
  .ml-lg-3xl,
  .mx-lg-3xl {
    margin-left: var(--spacer--3xl) !important;
  }
  .m-lg-4xl {
    margin: var(--spacer--4xl) !important;
  }
  .mt-lg-4xl,
  .my-lg-4xl {
    margin-top: var(--spacer--4xl) !important;
  }
  .mr-lg-4xl,
  .mx-lg-4xl {
    margin-right: var(--spacer--4xl) !important;
  }
  .mb-lg-4xl,
  .my-lg-4xl {
    margin-bottom: var(--spacer--4xl) !important;
  }
  .ml-lg-4xl,
  .mx-lg-4xl {
    margin-left: var(--spacer--4xl) !important;
  }
  .p-lg-0 {
    padding: var(--spacer--0) !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: var(--spacer--0) !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: var(--spacer--0) !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: var(--spacer--0) !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: var(--spacer--0) !important;
  }
  .p-lg-2xs {
    padding: var(--spacer--2xs) !important;
  }
  .pt-lg-2xs,
  .py-lg-2xs {
    padding-top: var(--spacer--2xs) !important;
  }
  .pr-lg-2xs,
  .px-lg-2xs {
    padding-right: var(--spacer--2xs) !important;
  }
  .pb-lg-2xs,
  .py-lg-2xs {
    padding-bottom: var(--spacer--2xs) !important;
  }
  .pl-lg-2xs,
  .px-lg-2xs {
    padding-left: var(--spacer--2xs) !important;
  }
  .p-lg-xs {
    padding: var(--spacer--xs) !important;
  }
  .pt-lg-xs,
  .py-lg-xs {
    padding-top: var(--spacer--xs) !important;
  }
  .pr-lg-xs,
  .px-lg-xs {
    padding-right: var(--spacer--xs) !important;
  }
  .pb-lg-xs,
  .py-lg-xs {
    padding-bottom: var(--spacer--xs) !important;
  }
  .pl-lg-xs,
  .px-lg-xs {
    padding-left: var(--spacer--xs) !important;
  }
  .p-lg-sm {
    padding: var(--spacer--sm) !important;
  }
  .pt-lg-sm,
  .py-lg-sm {
    padding-top: var(--spacer--sm) !important;
  }
  .pr-lg-sm,
  .px-lg-sm {
    padding-right: var(--spacer--sm) !important;
  }
  .pb-lg-sm,
  .py-lg-sm {
    padding-bottom: var(--spacer--sm) !important;
  }
  .pl-lg-sm,
  .px-lg-sm {
    padding-left: var(--spacer--sm) !important;
  }
  .p-lg-md {
    padding: var(--spacer--md) !important;
  }
  .pt-lg-md,
  .py-lg-md {
    padding-top: var(--spacer--md) !important;
  }
  .pr-lg-md,
  .px-lg-md {
    padding-right: var(--spacer--md) !important;
  }
  .pb-lg-md,
  .py-lg-md {
    padding-bottom: var(--spacer--md) !important;
  }
  .pl-lg-md,
  .px-lg-md {
    padding-left: var(--spacer--md) !important;
  }
  .p-lg-lg {
    padding: var(--spacer--lg) !important;
  }
  .pt-lg-lg,
  .py-lg-lg {
    padding-top: var(--spacer--lg) !important;
  }
  .pr-lg-lg,
  .px-lg-lg {
    padding-right: var(--spacer--lg) !important;
  }
  .pb-lg-lg,
  .py-lg-lg {
    padding-bottom: var(--spacer--lg) !important;
  }
  .pl-lg-lg,
  .px-lg-lg {
    padding-left: var(--spacer--lg) !important;
  }
  .p-lg-xl {
    padding: var(--spacer--xl) !important;
  }
  .pt-lg-xl,
  .py-lg-xl {
    padding-top: var(--spacer--xl) !important;
  }
  .pr-lg-xl,
  .px-lg-xl {
    padding-right: var(--spacer--xl) !important;
  }
  .pb-lg-xl,
  .py-lg-xl {
    padding-bottom: var(--spacer--xl) !important;
  }
  .pl-lg-xl,
  .px-lg-xl {
    padding-left: var(--spacer--xl) !important;
  }
  .p-lg-2xl {
    padding: var(--spacer--2xl) !important;
  }
  .pt-lg-2xl,
  .py-lg-2xl {
    padding-top: var(--spacer--2xl) !important;
  }
  .pr-lg-2xl,
  .px-lg-2xl {
    padding-right: var(--spacer--2xl) !important;
  }
  .pb-lg-2xl,
  .py-lg-2xl {
    padding-bottom: var(--spacer--2xl) !important;
  }
  .pl-lg-2xl,
  .px-lg-2xl {
    padding-left: var(--spacer--2xl) !important;
  }
  .p-lg-3xl {
    padding: var(--spacer--3xl) !important;
  }
  .pt-lg-3xl,
  .py-lg-3xl {
    padding-top: var(--spacer--3xl) !important;
  }
  .pr-lg-3xl,
  .px-lg-3xl {
    padding-right: var(--spacer--3xl) !important;
  }
  .pb-lg-3xl,
  .py-lg-3xl {
    padding-bottom: var(--spacer--3xl) !important;
  }
  .pl-lg-3xl,
  .px-lg-3xl {
    padding-left: var(--spacer--3xl) !important;
  }
  .p-lg-4xl {
    padding: var(--spacer--4xl) !important;
  }
  .pt-lg-4xl,
  .py-lg-4xl {
    padding-top: var(--spacer--4xl) !important;
  }
  .pr-lg-4xl,
  .px-lg-4xl {
    padding-right: var(--spacer--4xl) !important;
  }
  .pb-lg-4xl,
  .py-lg-4xl {
    padding-bottom: var(--spacer--4xl) !important;
  }
  .pl-lg-4xl,
  .px-lg-4xl {
    padding-left: var(--spacer--4xl) !important;
  }
  .m-lg-n2xs {
    margin: calc(var(--spacer--2xs) * -1) !important;
  }
  .mt-lg-n2xs,
  .my-lg-n2xs {
    margin-top: calc(var(--spacer--2xs) * -1) !important;
  }
  .mr-lg-n2xs,
  .mx-lg-n2xs {
    margin-right: calc(var(--spacer--2xs) * -1) !important;
  }
  .mb-lg-n2xs,
  .my-lg-n2xs {
    margin-bottom: calc(var(--spacer--2xs) * -1) !important;
  }
  .ml-lg-n2xs,
  .mx-lg-n2xs {
    margin-left: calc(var(--spacer--2xs) * -1) !important;
  }
  .m-lg-nxs {
    margin: calc(var(--spacer--xs) * -1) !important;
  }
  .mt-lg-nxs,
  .my-lg-nxs {
    margin-top: calc(var(--spacer--xs) * -1) !important;
  }
  .mr-lg-nxs,
  .mx-lg-nxs {
    margin-right: calc(var(--spacer--xs) * -1) !important;
  }
  .mb-lg-nxs,
  .my-lg-nxs {
    margin-bottom: calc(var(--spacer--xs) * -1) !important;
  }
  .ml-lg-nxs,
  .mx-lg-nxs {
    margin-left: calc(var(--spacer--xs) * -1) !important;
  }
  .m-lg-nsm {
    margin: calc(var(--spacer--sm) * -1) !important;
  }
  .mt-lg-nsm,
  .my-lg-nsm {
    margin-top: calc(var(--spacer--sm) * -1) !important;
  }
  .mr-lg-nsm,
  .mx-lg-nsm {
    margin-right: calc(var(--spacer--sm) * -1) !important;
  }
  .mb-lg-nsm,
  .my-lg-nsm {
    margin-bottom: calc(var(--spacer--sm) * -1) !important;
  }
  .ml-lg-nsm,
  .mx-lg-nsm {
    margin-left: calc(var(--spacer--sm) * -1) !important;
  }
  .m-lg-nmd {
    margin: calc(var(--spacer--md) * -1) !important;
  }
  .mt-lg-nmd,
  .my-lg-nmd {
    margin-top: calc(var(--spacer--md) * -1) !important;
  }
  .mr-lg-nmd,
  .mx-lg-nmd {
    margin-right: calc(var(--spacer--md) * -1) !important;
  }
  .mb-lg-nmd,
  .my-lg-nmd {
    margin-bottom: calc(var(--spacer--md) * -1) !important;
  }
  .ml-lg-nmd,
  .mx-lg-nmd {
    margin-left: calc(var(--spacer--md) * -1) !important;
  }
  .m-lg-nlg {
    margin: calc(var(--spacer--lg) * -1) !important;
  }
  .mt-lg-nlg,
  .my-lg-nlg {
    margin-top: calc(var(--spacer--lg) * -1) !important;
  }
  .mr-lg-nlg,
  .mx-lg-nlg {
    margin-right: calc(var(--spacer--lg) * -1) !important;
  }
  .mb-lg-nlg,
  .my-lg-nlg {
    margin-bottom: calc(var(--spacer--lg) * -1) !important;
  }
  .ml-lg-nlg,
  .mx-lg-nlg {
    margin-left: calc(var(--spacer--lg) * -1) !important;
  }
  .m-lg-nxl {
    margin: calc(var(--spacer--xl) * -1) !important;
  }
  .mt-lg-nxl,
  .my-lg-nxl {
    margin-top: calc(var(--spacer--xl) * -1) !important;
  }
  .mr-lg-nxl,
  .mx-lg-nxl {
    margin-right: calc(var(--spacer--xl) * -1) !important;
  }
  .mb-lg-nxl,
  .my-lg-nxl {
    margin-bottom: calc(var(--spacer--xl) * -1) !important;
  }
  .ml-lg-nxl,
  .mx-lg-nxl {
    margin-left: calc(var(--spacer--xl) * -1) !important;
  }
  .m-lg-n2xl {
    margin: calc(var(--spacer--2xl) * -1) !important;
  }
  .mt-lg-n2xl,
  .my-lg-n2xl {
    margin-top: calc(var(--spacer--2xl) * -1) !important;
  }
  .mr-lg-n2xl,
  .mx-lg-n2xl {
    margin-right: calc(var(--spacer--2xl) * -1) !important;
  }
  .mb-lg-n2xl,
  .my-lg-n2xl {
    margin-bottom: calc(var(--spacer--2xl) * -1) !important;
  }
  .ml-lg-n2xl,
  .mx-lg-n2xl {
    margin-left: calc(var(--spacer--2xl) * -1) !important;
  }
  .m-lg-n3xl {
    margin: calc(var(--spacer--3xl) * -1) !important;
  }
  .mt-lg-n3xl,
  .my-lg-n3xl {
    margin-top: calc(var(--spacer--3xl) * -1) !important;
  }
  .mr-lg-n3xl,
  .mx-lg-n3xl {
    margin-right: calc(var(--spacer--3xl) * -1) !important;
  }
  .mb-lg-n3xl,
  .my-lg-n3xl {
    margin-bottom: calc(var(--spacer--3xl) * -1) !important;
  }
  .ml-lg-n3xl,
  .mx-lg-n3xl {
    margin-left: calc(var(--spacer--3xl) * -1) !important;
  }
  .m-lg-n4xl {
    margin: calc(var(--spacer--4xl) * -1) !important;
  }
  .mt-lg-n4xl,
  .my-lg-n4xl {
    margin-top: calc(var(--spacer--4xl) * -1) !important;
  }
  .mr-lg-n4xl,
  .mx-lg-n4xl {
    margin-right: calc(var(--spacer--4xl) * -1) !important;
  }
  .mb-lg-n4xl,
  .my-lg-n4xl {
    margin-bottom: calc(var(--spacer--4xl) * -1) !important;
  }
  .ml-lg-n4xl,
  .mx-lg-n4xl {
    margin-left: calc(var(--spacer--4xl) * -1) !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1280px) {
  .m-xl-0 {
    margin: var(--spacer--0) !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: var(--spacer--0) !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: var(--spacer--0) !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: var(--spacer--0) !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: var(--spacer--0) !important;
  }
  .m-xl-2xs {
    margin: var(--spacer--2xs) !important;
  }
  .mt-xl-2xs,
  .my-xl-2xs {
    margin-top: var(--spacer--2xs) !important;
  }
  .mr-xl-2xs,
  .mx-xl-2xs {
    margin-right: var(--spacer--2xs) !important;
  }
  .mb-xl-2xs,
  .my-xl-2xs {
    margin-bottom: var(--spacer--2xs) !important;
  }
  .ml-xl-2xs,
  .mx-xl-2xs {
    margin-left: var(--spacer--2xs) !important;
  }
  .m-xl-xs {
    margin: var(--spacer--xs) !important;
  }
  .mt-xl-xs,
  .my-xl-xs {
    margin-top: var(--spacer--xs) !important;
  }
  .mr-xl-xs,
  .mx-xl-xs {
    margin-right: var(--spacer--xs) !important;
  }
  .mb-xl-xs,
  .my-xl-xs {
    margin-bottom: var(--spacer--xs) !important;
  }
  .ml-xl-xs,
  .mx-xl-xs {
    margin-left: var(--spacer--xs) !important;
  }
  .m-xl-sm {
    margin: var(--spacer--sm) !important;
  }
  .mt-xl-sm,
  .my-xl-sm {
    margin-top: var(--spacer--sm) !important;
  }
  .mr-xl-sm,
  .mx-xl-sm {
    margin-right: var(--spacer--sm) !important;
  }
  .mb-xl-sm,
  .my-xl-sm {
    margin-bottom: var(--spacer--sm) !important;
  }
  .ml-xl-sm,
  .mx-xl-sm {
    margin-left: var(--spacer--sm) !important;
  }
  .m-xl-md {
    margin: var(--spacer--md) !important;
  }
  .mt-xl-md,
  .my-xl-md {
    margin-top: var(--spacer--md) !important;
  }
  .mr-xl-md,
  .mx-xl-md {
    margin-right: var(--spacer--md) !important;
  }
  .mb-xl-md,
  .my-xl-md {
    margin-bottom: var(--spacer--md) !important;
  }
  .ml-xl-md,
  .mx-xl-md {
    margin-left: var(--spacer--md) !important;
  }
  .m-xl-lg {
    margin: var(--spacer--lg) !important;
  }
  .mt-xl-lg,
  .my-xl-lg {
    margin-top: var(--spacer--lg) !important;
  }
  .mr-xl-lg,
  .mx-xl-lg {
    margin-right: var(--spacer--lg) !important;
  }
  .mb-xl-lg,
  .my-xl-lg {
    margin-bottom: var(--spacer--lg) !important;
  }
  .ml-xl-lg,
  .mx-xl-lg {
    margin-left: var(--spacer--lg) !important;
  }
  .m-xl-xl {
    margin: var(--spacer--xl) !important;
  }
  .mt-xl-xl,
  .my-xl-xl {
    margin-top: var(--spacer--xl) !important;
  }
  .mr-xl-xl,
  .mx-xl-xl {
    margin-right: var(--spacer--xl) !important;
  }
  .mb-xl-xl,
  .my-xl-xl {
    margin-bottom: var(--spacer--xl) !important;
  }
  .ml-xl-xl,
  .mx-xl-xl {
    margin-left: var(--spacer--xl) !important;
  }
  .m-xl-2xl {
    margin: var(--spacer--2xl) !important;
  }
  .mt-xl-2xl,
  .my-xl-2xl {
    margin-top: var(--spacer--2xl) !important;
  }
  .mr-xl-2xl,
  .mx-xl-2xl {
    margin-right: var(--spacer--2xl) !important;
  }
  .mb-xl-2xl,
  .my-xl-2xl {
    margin-bottom: var(--spacer--2xl) !important;
  }
  .ml-xl-2xl,
  .mx-xl-2xl {
    margin-left: var(--spacer--2xl) !important;
  }
  .m-xl-3xl {
    margin: var(--spacer--3xl) !important;
  }
  .mt-xl-3xl,
  .my-xl-3xl {
    margin-top: var(--spacer--3xl) !important;
  }
  .mr-xl-3xl,
  .mx-xl-3xl {
    margin-right: var(--spacer--3xl) !important;
  }
  .mb-xl-3xl,
  .my-xl-3xl {
    margin-bottom: var(--spacer--3xl) !important;
  }
  .ml-xl-3xl,
  .mx-xl-3xl {
    margin-left: var(--spacer--3xl) !important;
  }
  .m-xl-4xl {
    margin: var(--spacer--4xl) !important;
  }
  .mt-xl-4xl,
  .my-xl-4xl {
    margin-top: var(--spacer--4xl) !important;
  }
  .mr-xl-4xl,
  .mx-xl-4xl {
    margin-right: var(--spacer--4xl) !important;
  }
  .mb-xl-4xl,
  .my-xl-4xl {
    margin-bottom: var(--spacer--4xl) !important;
  }
  .ml-xl-4xl,
  .mx-xl-4xl {
    margin-left: var(--spacer--4xl) !important;
  }
  .p-xl-0 {
    padding: var(--spacer--0) !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: var(--spacer--0) !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: var(--spacer--0) !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: var(--spacer--0) !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: var(--spacer--0) !important;
  }
  .p-xl-2xs {
    padding: var(--spacer--2xs) !important;
  }
  .pt-xl-2xs,
  .py-xl-2xs {
    padding-top: var(--spacer--2xs) !important;
  }
  .pr-xl-2xs,
  .px-xl-2xs {
    padding-right: var(--spacer--2xs) !important;
  }
  .pb-xl-2xs,
  .py-xl-2xs {
    padding-bottom: var(--spacer--2xs) !important;
  }
  .pl-xl-2xs,
  .px-xl-2xs {
    padding-left: var(--spacer--2xs) !important;
  }
  .p-xl-xs {
    padding: var(--spacer--xs) !important;
  }
  .pt-xl-xs,
  .py-xl-xs {
    padding-top: var(--spacer--xs) !important;
  }
  .pr-xl-xs,
  .px-xl-xs {
    padding-right: var(--spacer--xs) !important;
  }
  .pb-xl-xs,
  .py-xl-xs {
    padding-bottom: var(--spacer--xs) !important;
  }
  .pl-xl-xs,
  .px-xl-xs {
    padding-left: var(--spacer--xs) !important;
  }
  .p-xl-sm {
    padding: var(--spacer--sm) !important;
  }
  .pt-xl-sm,
  .py-xl-sm {
    padding-top: var(--spacer--sm) !important;
  }
  .pr-xl-sm,
  .px-xl-sm {
    padding-right: var(--spacer--sm) !important;
  }
  .pb-xl-sm,
  .py-xl-sm {
    padding-bottom: var(--spacer--sm) !important;
  }
  .pl-xl-sm,
  .px-xl-sm {
    padding-left: var(--spacer--sm) !important;
  }
  .p-xl-md {
    padding: var(--spacer--md) !important;
  }
  .pt-xl-md,
  .py-xl-md {
    padding-top: var(--spacer--md) !important;
  }
  .pr-xl-md,
  .px-xl-md {
    padding-right: var(--spacer--md) !important;
  }
  .pb-xl-md,
  .py-xl-md {
    padding-bottom: var(--spacer--md) !important;
  }
  .pl-xl-md,
  .px-xl-md {
    padding-left: var(--spacer--md) !important;
  }
  .p-xl-lg {
    padding: var(--spacer--lg) !important;
  }
  .pt-xl-lg,
  .py-xl-lg {
    padding-top: var(--spacer--lg) !important;
  }
  .pr-xl-lg,
  .px-xl-lg {
    padding-right: var(--spacer--lg) !important;
  }
  .pb-xl-lg,
  .py-xl-lg {
    padding-bottom: var(--spacer--lg) !important;
  }
  .pl-xl-lg,
  .px-xl-lg {
    padding-left: var(--spacer--lg) !important;
  }
  .p-xl-xl {
    padding: var(--spacer--xl) !important;
  }
  .pt-xl-xl,
  .py-xl-xl {
    padding-top: var(--spacer--xl) !important;
  }
  .pr-xl-xl,
  .px-xl-xl {
    padding-right: var(--spacer--xl) !important;
  }
  .pb-xl-xl,
  .py-xl-xl {
    padding-bottom: var(--spacer--xl) !important;
  }
  .pl-xl-xl,
  .px-xl-xl {
    padding-left: var(--spacer--xl) !important;
  }
  .p-xl-2xl {
    padding: var(--spacer--2xl) !important;
  }
  .pt-xl-2xl,
  .py-xl-2xl {
    padding-top: var(--spacer--2xl) !important;
  }
  .pr-xl-2xl,
  .px-xl-2xl {
    padding-right: var(--spacer--2xl) !important;
  }
  .pb-xl-2xl,
  .py-xl-2xl {
    padding-bottom: var(--spacer--2xl) !important;
  }
  .pl-xl-2xl,
  .px-xl-2xl {
    padding-left: var(--spacer--2xl) !important;
  }
  .p-xl-3xl {
    padding: var(--spacer--3xl) !important;
  }
  .pt-xl-3xl,
  .py-xl-3xl {
    padding-top: var(--spacer--3xl) !important;
  }
  .pr-xl-3xl,
  .px-xl-3xl {
    padding-right: var(--spacer--3xl) !important;
  }
  .pb-xl-3xl,
  .py-xl-3xl {
    padding-bottom: var(--spacer--3xl) !important;
  }
  .pl-xl-3xl,
  .px-xl-3xl {
    padding-left: var(--spacer--3xl) !important;
  }
  .p-xl-4xl {
    padding: var(--spacer--4xl) !important;
  }
  .pt-xl-4xl,
  .py-xl-4xl {
    padding-top: var(--spacer--4xl) !important;
  }
  .pr-xl-4xl,
  .px-xl-4xl {
    padding-right: var(--spacer--4xl) !important;
  }
  .pb-xl-4xl,
  .py-xl-4xl {
    padding-bottom: var(--spacer--4xl) !important;
  }
  .pl-xl-4xl,
  .px-xl-4xl {
    padding-left: var(--spacer--4xl) !important;
  }
  .m-xl-n2xs {
    margin: calc(var(--spacer--2xs) * -1) !important;
  }
  .mt-xl-n2xs,
  .my-xl-n2xs {
    margin-top: calc(var(--spacer--2xs) * -1) !important;
  }
  .mr-xl-n2xs,
  .mx-xl-n2xs {
    margin-right: calc(var(--spacer--2xs) * -1) !important;
  }
  .mb-xl-n2xs,
  .my-xl-n2xs {
    margin-bottom: calc(var(--spacer--2xs) * -1) !important;
  }
  .ml-xl-n2xs,
  .mx-xl-n2xs {
    margin-left: calc(var(--spacer--2xs) * -1) !important;
  }
  .m-xl-nxs {
    margin: calc(var(--spacer--xs) * -1) !important;
  }
  .mt-xl-nxs,
  .my-xl-nxs {
    margin-top: calc(var(--spacer--xs) * -1) !important;
  }
  .mr-xl-nxs,
  .mx-xl-nxs {
    margin-right: calc(var(--spacer--xs) * -1) !important;
  }
  .mb-xl-nxs,
  .my-xl-nxs {
    margin-bottom: calc(var(--spacer--xs) * -1) !important;
  }
  .ml-xl-nxs,
  .mx-xl-nxs {
    margin-left: calc(var(--spacer--xs) * -1) !important;
  }
  .m-xl-nsm {
    margin: calc(var(--spacer--sm) * -1) !important;
  }
  .mt-xl-nsm,
  .my-xl-nsm {
    margin-top: calc(var(--spacer--sm) * -1) !important;
  }
  .mr-xl-nsm,
  .mx-xl-nsm {
    margin-right: calc(var(--spacer--sm) * -1) !important;
  }
  .mb-xl-nsm,
  .my-xl-nsm {
    margin-bottom: calc(var(--spacer--sm) * -1) !important;
  }
  .ml-xl-nsm,
  .mx-xl-nsm {
    margin-left: calc(var(--spacer--sm) * -1) !important;
  }
  .m-xl-nmd {
    margin: calc(var(--spacer--md) * -1) !important;
  }
  .mt-xl-nmd,
  .my-xl-nmd {
    margin-top: calc(var(--spacer--md) * -1) !important;
  }
  .mr-xl-nmd,
  .mx-xl-nmd {
    margin-right: calc(var(--spacer--md) * -1) !important;
  }
  .mb-xl-nmd,
  .my-xl-nmd {
    margin-bottom: calc(var(--spacer--md) * -1) !important;
  }
  .ml-xl-nmd,
  .mx-xl-nmd {
    margin-left: calc(var(--spacer--md) * -1) !important;
  }
  .m-xl-nlg {
    margin: calc(var(--spacer--lg) * -1) !important;
  }
  .mt-xl-nlg,
  .my-xl-nlg {
    margin-top: calc(var(--spacer--lg) * -1) !important;
  }
  .mr-xl-nlg,
  .mx-xl-nlg {
    margin-right: calc(var(--spacer--lg) * -1) !important;
  }
  .mb-xl-nlg,
  .my-xl-nlg {
    margin-bottom: calc(var(--spacer--lg) * -1) !important;
  }
  .ml-xl-nlg,
  .mx-xl-nlg {
    margin-left: calc(var(--spacer--lg) * -1) !important;
  }
  .m-xl-nxl {
    margin: calc(var(--spacer--xl) * -1) !important;
  }
  .mt-xl-nxl,
  .my-xl-nxl {
    margin-top: calc(var(--spacer--xl) * -1) !important;
  }
  .mr-xl-nxl,
  .mx-xl-nxl {
    margin-right: calc(var(--spacer--xl) * -1) !important;
  }
  .mb-xl-nxl,
  .my-xl-nxl {
    margin-bottom: calc(var(--spacer--xl) * -1) !important;
  }
  .ml-xl-nxl,
  .mx-xl-nxl {
    margin-left: calc(var(--spacer--xl) * -1) !important;
  }
  .m-xl-n2xl {
    margin: calc(var(--spacer--2xl) * -1) !important;
  }
  .mt-xl-n2xl,
  .my-xl-n2xl {
    margin-top: calc(var(--spacer--2xl) * -1) !important;
  }
  .mr-xl-n2xl,
  .mx-xl-n2xl {
    margin-right: calc(var(--spacer--2xl) * -1) !important;
  }
  .mb-xl-n2xl,
  .my-xl-n2xl {
    margin-bottom: calc(var(--spacer--2xl) * -1) !important;
  }
  .ml-xl-n2xl,
  .mx-xl-n2xl {
    margin-left: calc(var(--spacer--2xl) * -1) !important;
  }
  .m-xl-n3xl {
    margin: calc(var(--spacer--3xl) * -1) !important;
  }
  .mt-xl-n3xl,
  .my-xl-n3xl {
    margin-top: calc(var(--spacer--3xl) * -1) !important;
  }
  .mr-xl-n3xl,
  .mx-xl-n3xl {
    margin-right: calc(var(--spacer--3xl) * -1) !important;
  }
  .mb-xl-n3xl,
  .my-xl-n3xl {
    margin-bottom: calc(var(--spacer--3xl) * -1) !important;
  }
  .ml-xl-n3xl,
  .mx-xl-n3xl {
    margin-left: calc(var(--spacer--3xl) * -1) !important;
  }
  .m-xl-n4xl {
    margin: calc(var(--spacer--4xl) * -1) !important;
  }
  .mt-xl-n4xl,
  .my-xl-n4xl {
    margin-top: calc(var(--spacer--4xl) * -1) !important;
  }
  .mr-xl-n4xl,
  .mx-xl-n4xl {
    margin-right: calc(var(--spacer--4xl) * -1) !important;
  }
  .mb-xl-n4xl,
  .my-xl-n4xl {
    margin-bottom: calc(var(--spacer--4xl) * -1) !important;
  }
  .ml-xl-n4xl,
  .mx-xl-n4xl {
    margin-left: calc(var(--spacer--4xl) * -1) !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1440px) {
  .m-xxl-0 {
    margin: var(--spacer--0) !important;
  }
  .mt-xxl-0,
  .my-xxl-0 {
    margin-top: var(--spacer--0) !important;
  }
  .mr-xxl-0,
  .mx-xxl-0 {
    margin-right: var(--spacer--0) !important;
  }
  .mb-xxl-0,
  .my-xxl-0 {
    margin-bottom: var(--spacer--0) !important;
  }
  .ml-xxl-0,
  .mx-xxl-0 {
    margin-left: var(--spacer--0) !important;
  }
  .m-xxl-2xs {
    margin: var(--spacer--2xs) !important;
  }
  .mt-xxl-2xs,
  .my-xxl-2xs {
    margin-top: var(--spacer--2xs) !important;
  }
  .mr-xxl-2xs,
  .mx-xxl-2xs {
    margin-right: var(--spacer--2xs) !important;
  }
  .mb-xxl-2xs,
  .my-xxl-2xs {
    margin-bottom: var(--spacer--2xs) !important;
  }
  .ml-xxl-2xs,
  .mx-xxl-2xs {
    margin-left: var(--spacer--2xs) !important;
  }
  .m-xxl-xs {
    margin: var(--spacer--xs) !important;
  }
  .mt-xxl-xs,
  .my-xxl-xs {
    margin-top: var(--spacer--xs) !important;
  }
  .mr-xxl-xs,
  .mx-xxl-xs {
    margin-right: var(--spacer--xs) !important;
  }
  .mb-xxl-xs,
  .my-xxl-xs {
    margin-bottom: var(--spacer--xs) !important;
  }
  .ml-xxl-xs,
  .mx-xxl-xs {
    margin-left: var(--spacer--xs) !important;
  }
  .m-xxl-sm {
    margin: var(--spacer--sm) !important;
  }
  .mt-xxl-sm,
  .my-xxl-sm {
    margin-top: var(--spacer--sm) !important;
  }
  .mr-xxl-sm,
  .mx-xxl-sm {
    margin-right: var(--spacer--sm) !important;
  }
  .mb-xxl-sm,
  .my-xxl-sm {
    margin-bottom: var(--spacer--sm) !important;
  }
  .ml-xxl-sm,
  .mx-xxl-sm {
    margin-left: var(--spacer--sm) !important;
  }
  .m-xxl-md {
    margin: var(--spacer--md) !important;
  }
  .mt-xxl-md,
  .my-xxl-md {
    margin-top: var(--spacer--md) !important;
  }
  .mr-xxl-md,
  .mx-xxl-md {
    margin-right: var(--spacer--md) !important;
  }
  .mb-xxl-md,
  .my-xxl-md {
    margin-bottom: var(--spacer--md) !important;
  }
  .ml-xxl-md,
  .mx-xxl-md {
    margin-left: var(--spacer--md) !important;
  }
  .m-xxl-lg {
    margin: var(--spacer--lg) !important;
  }
  .mt-xxl-lg,
  .my-xxl-lg {
    margin-top: var(--spacer--lg) !important;
  }
  .mr-xxl-lg,
  .mx-xxl-lg {
    margin-right: var(--spacer--lg) !important;
  }
  .mb-xxl-lg,
  .my-xxl-lg {
    margin-bottom: var(--spacer--lg) !important;
  }
  .ml-xxl-lg,
  .mx-xxl-lg {
    margin-left: var(--spacer--lg) !important;
  }
  .m-xxl-xl {
    margin: var(--spacer--xl) !important;
  }
  .mt-xxl-xl,
  .my-xxl-xl {
    margin-top: var(--spacer--xl) !important;
  }
  .mr-xxl-xl,
  .mx-xxl-xl {
    margin-right: var(--spacer--xl) !important;
  }
  .mb-xxl-xl,
  .my-xxl-xl {
    margin-bottom: var(--spacer--xl) !important;
  }
  .ml-xxl-xl,
  .mx-xxl-xl {
    margin-left: var(--spacer--xl) !important;
  }
  .m-xxl-2xl {
    margin: var(--spacer--2xl) !important;
  }
  .mt-xxl-2xl,
  .my-xxl-2xl {
    margin-top: var(--spacer--2xl) !important;
  }
  .mr-xxl-2xl,
  .mx-xxl-2xl {
    margin-right: var(--spacer--2xl) !important;
  }
  .mb-xxl-2xl,
  .my-xxl-2xl {
    margin-bottom: var(--spacer--2xl) !important;
  }
  .ml-xxl-2xl,
  .mx-xxl-2xl {
    margin-left: var(--spacer--2xl) !important;
  }
  .m-xxl-3xl {
    margin: var(--spacer--3xl) !important;
  }
  .mt-xxl-3xl,
  .my-xxl-3xl {
    margin-top: var(--spacer--3xl) !important;
  }
  .mr-xxl-3xl,
  .mx-xxl-3xl {
    margin-right: var(--spacer--3xl) !important;
  }
  .mb-xxl-3xl,
  .my-xxl-3xl {
    margin-bottom: var(--spacer--3xl) !important;
  }
  .ml-xxl-3xl,
  .mx-xxl-3xl {
    margin-left: var(--spacer--3xl) !important;
  }
  .m-xxl-4xl {
    margin: var(--spacer--4xl) !important;
  }
  .mt-xxl-4xl,
  .my-xxl-4xl {
    margin-top: var(--spacer--4xl) !important;
  }
  .mr-xxl-4xl,
  .mx-xxl-4xl {
    margin-right: var(--spacer--4xl) !important;
  }
  .mb-xxl-4xl,
  .my-xxl-4xl {
    margin-bottom: var(--spacer--4xl) !important;
  }
  .ml-xxl-4xl,
  .mx-xxl-4xl {
    margin-left: var(--spacer--4xl) !important;
  }
  .p-xxl-0 {
    padding: var(--spacer--0) !important;
  }
  .pt-xxl-0,
  .py-xxl-0 {
    padding-top: var(--spacer--0) !important;
  }
  .pr-xxl-0,
  .px-xxl-0 {
    padding-right: var(--spacer--0) !important;
  }
  .pb-xxl-0,
  .py-xxl-0 {
    padding-bottom: var(--spacer--0) !important;
  }
  .pl-xxl-0,
  .px-xxl-0 {
    padding-left: var(--spacer--0) !important;
  }
  .p-xxl-2xs {
    padding: var(--spacer--2xs) !important;
  }
  .pt-xxl-2xs,
  .py-xxl-2xs {
    padding-top: var(--spacer--2xs) !important;
  }
  .pr-xxl-2xs,
  .px-xxl-2xs {
    padding-right: var(--spacer--2xs) !important;
  }
  .pb-xxl-2xs,
  .py-xxl-2xs {
    padding-bottom: var(--spacer--2xs) !important;
  }
  .pl-xxl-2xs,
  .px-xxl-2xs {
    padding-left: var(--spacer--2xs) !important;
  }
  .p-xxl-xs {
    padding: var(--spacer--xs) !important;
  }
  .pt-xxl-xs,
  .py-xxl-xs {
    padding-top: var(--spacer--xs) !important;
  }
  .pr-xxl-xs,
  .px-xxl-xs {
    padding-right: var(--spacer--xs) !important;
  }
  .pb-xxl-xs,
  .py-xxl-xs {
    padding-bottom: var(--spacer--xs) !important;
  }
  .pl-xxl-xs,
  .px-xxl-xs {
    padding-left: var(--spacer--xs) !important;
  }
  .p-xxl-sm {
    padding: var(--spacer--sm) !important;
  }
  .pt-xxl-sm,
  .py-xxl-sm {
    padding-top: var(--spacer--sm) !important;
  }
  .pr-xxl-sm,
  .px-xxl-sm {
    padding-right: var(--spacer--sm) !important;
  }
  .pb-xxl-sm,
  .py-xxl-sm {
    padding-bottom: var(--spacer--sm) !important;
  }
  .pl-xxl-sm,
  .px-xxl-sm {
    padding-left: var(--spacer--sm) !important;
  }
  .p-xxl-md {
    padding: var(--spacer--md) !important;
  }
  .pt-xxl-md,
  .py-xxl-md {
    padding-top: var(--spacer--md) !important;
  }
  .pr-xxl-md,
  .px-xxl-md {
    padding-right: var(--spacer--md) !important;
  }
  .pb-xxl-md,
  .py-xxl-md {
    padding-bottom: var(--spacer--md) !important;
  }
  .pl-xxl-md,
  .px-xxl-md {
    padding-left: var(--spacer--md) !important;
  }
  .p-xxl-lg {
    padding: var(--spacer--lg) !important;
  }
  .pt-xxl-lg,
  .py-xxl-lg {
    padding-top: var(--spacer--lg) !important;
  }
  .pr-xxl-lg,
  .px-xxl-lg {
    padding-right: var(--spacer--lg) !important;
  }
  .pb-xxl-lg,
  .py-xxl-lg {
    padding-bottom: var(--spacer--lg) !important;
  }
  .pl-xxl-lg,
  .px-xxl-lg {
    padding-left: var(--spacer--lg) !important;
  }
  .p-xxl-xl {
    padding: var(--spacer--xl) !important;
  }
  .pt-xxl-xl,
  .py-xxl-xl {
    padding-top: var(--spacer--xl) !important;
  }
  .pr-xxl-xl,
  .px-xxl-xl {
    padding-right: var(--spacer--xl) !important;
  }
  .pb-xxl-xl,
  .py-xxl-xl {
    padding-bottom: var(--spacer--xl) !important;
  }
  .pl-xxl-xl,
  .px-xxl-xl {
    padding-left: var(--spacer--xl) !important;
  }
  .p-xxl-2xl {
    padding: var(--spacer--2xl) !important;
  }
  .pt-xxl-2xl,
  .py-xxl-2xl {
    padding-top: var(--spacer--2xl) !important;
  }
  .pr-xxl-2xl,
  .px-xxl-2xl {
    padding-right: var(--spacer--2xl) !important;
  }
  .pb-xxl-2xl,
  .py-xxl-2xl {
    padding-bottom: var(--spacer--2xl) !important;
  }
  .pl-xxl-2xl,
  .px-xxl-2xl {
    padding-left: var(--spacer--2xl) !important;
  }
  .p-xxl-3xl {
    padding: var(--spacer--3xl) !important;
  }
  .pt-xxl-3xl,
  .py-xxl-3xl {
    padding-top: var(--spacer--3xl) !important;
  }
  .pr-xxl-3xl,
  .px-xxl-3xl {
    padding-right: var(--spacer--3xl) !important;
  }
  .pb-xxl-3xl,
  .py-xxl-3xl {
    padding-bottom: var(--spacer--3xl) !important;
  }
  .pl-xxl-3xl,
  .px-xxl-3xl {
    padding-left: var(--spacer--3xl) !important;
  }
  .p-xxl-4xl {
    padding: var(--spacer--4xl) !important;
  }
  .pt-xxl-4xl,
  .py-xxl-4xl {
    padding-top: var(--spacer--4xl) !important;
  }
  .pr-xxl-4xl,
  .px-xxl-4xl {
    padding-right: var(--spacer--4xl) !important;
  }
  .pb-xxl-4xl,
  .py-xxl-4xl {
    padding-bottom: var(--spacer--4xl) !important;
  }
  .pl-xxl-4xl,
  .px-xxl-4xl {
    padding-left: var(--spacer--4xl) !important;
  }
  .m-xxl-n2xs {
    margin: calc(var(--spacer--2xs) * -1) !important;
  }
  .mt-xxl-n2xs,
  .my-xxl-n2xs {
    margin-top: calc(var(--spacer--2xs) * -1) !important;
  }
  .mr-xxl-n2xs,
  .mx-xxl-n2xs {
    margin-right: calc(var(--spacer--2xs) * -1) !important;
  }
  .mb-xxl-n2xs,
  .my-xxl-n2xs {
    margin-bottom: calc(var(--spacer--2xs) * -1) !important;
  }
  .ml-xxl-n2xs,
  .mx-xxl-n2xs {
    margin-left: calc(var(--spacer--2xs) * -1) !important;
  }
  .m-xxl-nxs {
    margin: calc(var(--spacer--xs) * -1) !important;
  }
  .mt-xxl-nxs,
  .my-xxl-nxs {
    margin-top: calc(var(--spacer--xs) * -1) !important;
  }
  .mr-xxl-nxs,
  .mx-xxl-nxs {
    margin-right: calc(var(--spacer--xs) * -1) !important;
  }
  .mb-xxl-nxs,
  .my-xxl-nxs {
    margin-bottom: calc(var(--spacer--xs) * -1) !important;
  }
  .ml-xxl-nxs,
  .mx-xxl-nxs {
    margin-left: calc(var(--spacer--xs) * -1) !important;
  }
  .m-xxl-nsm {
    margin: calc(var(--spacer--sm) * -1) !important;
  }
  .mt-xxl-nsm,
  .my-xxl-nsm {
    margin-top: calc(var(--spacer--sm) * -1) !important;
  }
  .mr-xxl-nsm,
  .mx-xxl-nsm {
    margin-right: calc(var(--spacer--sm) * -1) !important;
  }
  .mb-xxl-nsm,
  .my-xxl-nsm {
    margin-bottom: calc(var(--spacer--sm) * -1) !important;
  }
  .ml-xxl-nsm,
  .mx-xxl-nsm {
    margin-left: calc(var(--spacer--sm) * -1) !important;
  }
  .m-xxl-nmd {
    margin: calc(var(--spacer--md) * -1) !important;
  }
  .mt-xxl-nmd,
  .my-xxl-nmd {
    margin-top: calc(var(--spacer--md) * -1) !important;
  }
  .mr-xxl-nmd,
  .mx-xxl-nmd {
    margin-right: calc(var(--spacer--md) * -1) !important;
  }
  .mb-xxl-nmd,
  .my-xxl-nmd {
    margin-bottom: calc(var(--spacer--md) * -1) !important;
  }
  .ml-xxl-nmd,
  .mx-xxl-nmd {
    margin-left: calc(var(--spacer--md) * -1) !important;
  }
  .m-xxl-nlg {
    margin: calc(var(--spacer--lg) * -1) !important;
  }
  .mt-xxl-nlg,
  .my-xxl-nlg {
    margin-top: calc(var(--spacer--lg) * -1) !important;
  }
  .mr-xxl-nlg,
  .mx-xxl-nlg {
    margin-right: calc(var(--spacer--lg) * -1) !important;
  }
  .mb-xxl-nlg,
  .my-xxl-nlg {
    margin-bottom: calc(var(--spacer--lg) * -1) !important;
  }
  .ml-xxl-nlg,
  .mx-xxl-nlg {
    margin-left: calc(var(--spacer--lg) * -1) !important;
  }
  .m-xxl-nxl {
    margin: calc(var(--spacer--xl) * -1) !important;
  }
  .mt-xxl-nxl,
  .my-xxl-nxl {
    margin-top: calc(var(--spacer--xl) * -1) !important;
  }
  .mr-xxl-nxl,
  .mx-xxl-nxl {
    margin-right: calc(var(--spacer--xl) * -1) !important;
  }
  .mb-xxl-nxl,
  .my-xxl-nxl {
    margin-bottom: calc(var(--spacer--xl) * -1) !important;
  }
  .ml-xxl-nxl,
  .mx-xxl-nxl {
    margin-left: calc(var(--spacer--xl) * -1) !important;
  }
  .m-xxl-n2xl {
    margin: calc(var(--spacer--2xl) * -1) !important;
  }
  .mt-xxl-n2xl,
  .my-xxl-n2xl {
    margin-top: calc(var(--spacer--2xl) * -1) !important;
  }
  .mr-xxl-n2xl,
  .mx-xxl-n2xl {
    margin-right: calc(var(--spacer--2xl) * -1) !important;
  }
  .mb-xxl-n2xl,
  .my-xxl-n2xl {
    margin-bottom: calc(var(--spacer--2xl) * -1) !important;
  }
  .ml-xxl-n2xl,
  .mx-xxl-n2xl {
    margin-left: calc(var(--spacer--2xl) * -1) !important;
  }
  .m-xxl-n3xl {
    margin: calc(var(--spacer--3xl) * -1) !important;
  }
  .mt-xxl-n3xl,
  .my-xxl-n3xl {
    margin-top: calc(var(--spacer--3xl) * -1) !important;
  }
  .mr-xxl-n3xl,
  .mx-xxl-n3xl {
    margin-right: calc(var(--spacer--3xl) * -1) !important;
  }
  .mb-xxl-n3xl,
  .my-xxl-n3xl {
    margin-bottom: calc(var(--spacer--3xl) * -1) !important;
  }
  .ml-xxl-n3xl,
  .mx-xxl-n3xl {
    margin-left: calc(var(--spacer--3xl) * -1) !important;
  }
  .m-xxl-n4xl {
    margin: calc(var(--spacer--4xl) * -1) !important;
  }
  .mt-xxl-n4xl,
  .my-xxl-n4xl {
    margin-top: calc(var(--spacer--4xl) * -1) !important;
  }
  .mr-xxl-n4xl,
  .mx-xxl-n4xl {
    margin-right: calc(var(--spacer--4xl) * -1) !important;
  }
  .mb-xxl-n4xl,
  .my-xxl-n4xl {
    margin-bottom: calc(var(--spacer--4xl) * -1) !important;
  }
  .ml-xxl-n4xl,
  .mx-xxl-n4xl {
    margin-left: calc(var(--spacer--4xl) * -1) !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mt-xxl-auto,
  .my-xxl-auto {
    margin-top: auto !important;
  }
  .mr-xxl-auto,
  .mx-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-auto,
  .my-xxl-auto {
    margin-bottom: auto !important;
  }
  .ml-xxl-auto,
  .mx-xxl-auto {
    margin-left: auto !important;
  }
}
.flex {
  display: flex;
  width: 100%;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  width: 100%;
}

.grid > * {
  grid-column: span 12;
}

.align-flex-start {
  align-items: flex-start !important;
}

.align-flex-end {
  align-items: flex-end !important;
}

.align-center {
  align-items: center !important;
}

.align-baseline {
  align-items: baseline !important;
}

.align-stretch {
  align-items: stretch !important;
}

.justify-flex-start {
  justify-content: flex-start !important;
}

.justify-flex-end {
  justify-content: flex-end !important;
}

.justify-center {
  justify-content: center !important;
}

.justify-space-between {
  justify-content: space-between !important;
}

.justify-space-around {
  justify-content: space-around !important;
}

.justify-space-evenly {
  justify-content: space-evenly !important;
}

.grid > .col-1 {
  grid-column: span 1 !important;
}

.grid > .col-2 {
  grid-column: span 2 !important;
}

.grid > .col-3 {
  grid-column: span 3 !important;
}

.grid > .col-4 {
  grid-column: span 4 !important;
}

.grid > .col-5 {
  grid-column: span 5 !important;
}

.grid > .col-6 {
  grid-column: span 6 !important;
}

.grid > .col-7 {
  grid-column: span 7 !important;
}

.grid > .col-8 {
  grid-column: span 8 !important;
}

.grid > .col-9 {
  grid-column: span 9 !important;
}

.grid > .col-10 {
  grid-column: span 10 !important;
}

.grid > .col-11 {
  grid-column: span 11 !important;
}

.grid > .col-12 {
  grid-column: span 12 !important;
}

.gap-0 {
  gap: var(--spacer--0) !important;
}

.gap-x-0 {
  column-gap: var(--spacer--0);
}

.gap-y-0 {
  row-gap: var(--spacer--0) !important;
}

.gap-2xs {
  gap: var(--spacer--2xs) !important;
}

.gap-x-2xs {
  column-gap: var(--spacer--2xs);
}

.gap-y-2xs {
  row-gap: var(--spacer--2xs) !important;
}

.gap-xs {
  gap: var(--spacer--xs) !important;
}

.gap-x-xs {
  column-gap: var(--spacer--xs);
}

.gap-y-xs {
  row-gap: var(--spacer--xs) !important;
}

.gap-sm {
  gap: var(--spacer--sm) !important;
}

.gap-x-sm {
  column-gap: var(--spacer--sm);
}

.gap-y-sm {
  row-gap: var(--spacer--sm) !important;
}

.gap-md {
  gap: var(--spacer--md) !important;
}

.gap-x-md {
  column-gap: var(--spacer--md);
}

.gap-y-md {
  row-gap: var(--spacer--md) !important;
}

.gap-lg {
  gap: var(--spacer--lg) !important;
}

.gap-x-lg {
  column-gap: var(--spacer--lg);
}

.gap-y-lg {
  row-gap: var(--spacer--lg) !important;
}

.gap-xl {
  gap: var(--spacer--xl) !important;
}

.gap-x-xl {
  column-gap: var(--spacer--xl);
}

.gap-y-xl {
  row-gap: var(--spacer--xl) !important;
}

.gap-2xl {
  gap: var(--spacer--2xl) !important;
}

.gap-x-2xl {
  column-gap: var(--spacer--2xl);
}

.gap-y-2xl {
  row-gap: var(--spacer--2xl) !important;
}

.gap-3xl {
  gap: var(--spacer--3xl) !important;
}

.gap-x-3xl {
  column-gap: var(--spacer--3xl);
}

.gap-y-3xl {
  row-gap: var(--spacer--3xl) !important;
}

.gap-4xl {
  gap: var(--spacer--4xl) !important;
}

.gap-x-4xl {
  column-gap: var(--spacer--4xl);
}

.gap-y-4xl {
  row-gap: var(--spacer--4xl) !important;
}

@media (min-width: 576px) {
  .flex-sm {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .grid-sm {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    align-items: center;
    width: 100%;
  }
  .align-sm-flex-start {
    align-items: flex-start !important;
  }
  .align-sm-flex-end {
    align-items: flex-end !important;
  }
  .align-sm-center {
    align-items: center !important;
  }
  .align-sm-baseline {
    align-items: baseline !important;
  }
  .align-sm-stretch {
    align-items: stretch !important;
  }
  .justify-sm-flex-start {
    justify-content: flex-start !important;
  }
  .justify-sm-flex-end {
    justify-content: flex-end !important;
  }
  .justify-sm-center {
    justify-content: center !important;
  }
  .justify-sm-space-between {
    justify-content: space-between !important;
  }
  .justify-sm-space-around {
    justify-content: space-around !important;
  }
  .justify-sm-space-evenly {
    justify-content: space-evenly !important;
  }
  .grid > .col-sm-1 {
    grid-column: span 1 !important;
  }
  .grid > .col-sm-2 {
    grid-column: span 2 !important;
  }
  .grid > .col-sm-3 {
    grid-column: span 3 !important;
  }
  .grid > .col-sm-4 {
    grid-column: span 4 !important;
  }
  .grid > .col-sm-5 {
    grid-column: span 5 !important;
  }
  .grid > .col-sm-6 {
    grid-column: span 6 !important;
  }
  .grid > .col-sm-7 {
    grid-column: span 7 !important;
  }
  .grid > .col-sm-8 {
    grid-column: span 8 !important;
  }
  .grid > .col-sm-9 {
    grid-column: span 9 !important;
  }
  .grid > .col-sm-10 {
    grid-column: span 10 !important;
  }
  .grid > .col-sm-11 {
    grid-column: span 11 !important;
  }
  .grid > .col-sm-12 {
    grid-column: span 12 !important;
  }
  .gap-sm-0 {
    gap: var(--spacer--0) !important;
  }
  .gap-x-sm-0 {
    column-gap: var(--spacer--0) !important;
  }
  .gap-y-sm-0 {
    row-gap: var(--spacer--0) !important;
  }
  .gap-sm-2xs {
    gap: var(--spacer--2xs) !important;
  }
  .gap-x-sm-2xs {
    column-gap: var(--spacer--2xs) !important;
  }
  .gap-y-sm-2xs {
    row-gap: var(--spacer--2xs) !important;
  }
  .gap-sm-xs {
    gap: var(--spacer--xs) !important;
  }
  .gap-x-sm-xs {
    column-gap: var(--spacer--xs) !important;
  }
  .gap-y-sm-xs {
    row-gap: var(--spacer--xs) !important;
  }
  .gap-sm-sm {
    gap: var(--spacer--sm) !important;
  }
  .gap-x-sm-sm {
    column-gap: var(--spacer--sm) !important;
  }
  .gap-y-sm-sm {
    row-gap: var(--spacer--sm) !important;
  }
  .gap-sm-md {
    gap: var(--spacer--md) !important;
  }
  .gap-x-sm-md {
    column-gap: var(--spacer--md) !important;
  }
  .gap-y-sm-md {
    row-gap: var(--spacer--md) !important;
  }
  .gap-sm-lg {
    gap: var(--spacer--lg) !important;
  }
  .gap-x-sm-lg {
    column-gap: var(--spacer--lg) !important;
  }
  .gap-y-sm-lg {
    row-gap: var(--spacer--lg) !important;
  }
  .gap-sm-xl {
    gap: var(--spacer--xl) !important;
  }
  .gap-x-sm-xl {
    column-gap: var(--spacer--xl) !important;
  }
  .gap-y-sm-xl {
    row-gap: var(--spacer--xl) !important;
  }
  .gap-sm-2xl {
    gap: var(--spacer--2xl) !important;
  }
  .gap-x-sm-2xl {
    column-gap: var(--spacer--2xl) !important;
  }
  .gap-y-sm-2xl {
    row-gap: var(--spacer--2xl) !important;
  }
  .gap-sm-3xl {
    gap: var(--spacer--3xl) !important;
  }
  .gap-x-sm-3xl {
    column-gap: var(--spacer--3xl) !important;
  }
  .gap-y-sm-3xl {
    row-gap: var(--spacer--3xl) !important;
  }
  .gap-sm-4xl {
    gap: var(--spacer--4xl) !important;
  }
  .gap-x-sm-4xl {
    column-gap: var(--spacer--4xl) !important;
  }
  .gap-y-sm-4xl {
    row-gap: var(--spacer--4xl) !important;
  }
}
@media (min-width: 768px) {
  .flex-md {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .grid-md {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    align-items: center;
    width: 100%;
  }
  .align-md-flex-start {
    align-items: flex-start !important;
  }
  .align-md-flex-end {
    align-items: flex-end !important;
  }
  .align-md-center {
    align-items: center !important;
  }
  .align-md-baseline {
    align-items: baseline !important;
  }
  .align-md-stretch {
    align-items: stretch !important;
  }
  .justify-md-flex-start {
    justify-content: flex-start !important;
  }
  .justify-md-flex-end {
    justify-content: flex-end !important;
  }
  .justify-md-center {
    justify-content: center !important;
  }
  .justify-md-space-between {
    justify-content: space-between !important;
  }
  .justify-md-space-around {
    justify-content: space-around !important;
  }
  .justify-md-space-evenly {
    justify-content: space-evenly !important;
  }
  .grid > .col-md-1 {
    grid-column: span 1 !important;
  }
  .grid > .col-md-2 {
    grid-column: span 2 !important;
  }
  .grid > .col-md-3 {
    grid-column: span 3 !important;
  }
  .grid > .col-md-4 {
    grid-column: span 4 !important;
  }
  .grid > .col-md-5 {
    grid-column: span 5 !important;
  }
  .grid > .col-md-6 {
    grid-column: span 6 !important;
  }
  .grid > .col-md-7 {
    grid-column: span 7 !important;
  }
  .grid > .col-md-8 {
    grid-column: span 8 !important;
  }
  .grid > .col-md-9 {
    grid-column: span 9 !important;
  }
  .grid > .col-md-10 {
    grid-column: span 10 !important;
  }
  .grid > .col-md-11 {
    grid-column: span 11 !important;
  }
  .grid > .col-md-12 {
    grid-column: span 12 !important;
  }
  .gap-md-0 {
    gap: var(--spacer--0) !important;
  }
  .gap-x-md-0 {
    column-gap: var(--spacer--0) !important;
  }
  .gap-y-md-0 {
    row-gap: var(--spacer--0) !important;
  }
  .gap-md-2xs {
    gap: var(--spacer--2xs) !important;
  }
  .gap-x-md-2xs {
    column-gap: var(--spacer--2xs) !important;
  }
  .gap-y-md-2xs {
    row-gap: var(--spacer--2xs) !important;
  }
  .gap-md-xs {
    gap: var(--spacer--xs) !important;
  }
  .gap-x-md-xs {
    column-gap: var(--spacer--xs) !important;
  }
  .gap-y-md-xs {
    row-gap: var(--spacer--xs) !important;
  }
  .gap-md-sm {
    gap: var(--spacer--sm) !important;
  }
  .gap-x-md-sm {
    column-gap: var(--spacer--sm) !important;
  }
  .gap-y-md-sm {
    row-gap: var(--spacer--sm) !important;
  }
  .gap-md-md {
    gap: var(--spacer--md) !important;
  }
  .gap-x-md-md {
    column-gap: var(--spacer--md) !important;
  }
  .gap-y-md-md {
    row-gap: var(--spacer--md) !important;
  }
  .gap-md-lg {
    gap: var(--spacer--lg) !important;
  }
  .gap-x-md-lg {
    column-gap: var(--spacer--lg) !important;
  }
  .gap-y-md-lg {
    row-gap: var(--spacer--lg) !important;
  }
  .gap-md-xl {
    gap: var(--spacer--xl) !important;
  }
  .gap-x-md-xl {
    column-gap: var(--spacer--xl) !important;
  }
  .gap-y-md-xl {
    row-gap: var(--spacer--xl) !important;
  }
  .gap-md-2xl {
    gap: var(--spacer--2xl) !important;
  }
  .gap-x-md-2xl {
    column-gap: var(--spacer--2xl) !important;
  }
  .gap-y-md-2xl {
    row-gap: var(--spacer--2xl) !important;
  }
  .gap-md-3xl {
    gap: var(--spacer--3xl) !important;
  }
  .gap-x-md-3xl {
    column-gap: var(--spacer--3xl) !important;
  }
  .gap-y-md-3xl {
    row-gap: var(--spacer--3xl) !important;
  }
  .gap-md-4xl {
    gap: var(--spacer--4xl) !important;
  }
  .gap-x-md-4xl {
    column-gap: var(--spacer--4xl) !important;
  }
  .gap-y-md-4xl {
    row-gap: var(--spacer--4xl) !important;
  }
}
@media (min-width: 992px) {
  .flex-lg {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .grid-lg {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    align-items: center;
    width: 100%;
  }
  .align-lg-flex-start {
    align-items: flex-start !important;
  }
  .align-lg-flex-end {
    align-items: flex-end !important;
  }
  .align-lg-center {
    align-items: center !important;
  }
  .align-lg-baseline {
    align-items: baseline !important;
  }
  .align-lg-stretch {
    align-items: stretch !important;
  }
  .justify-lg-flex-start {
    justify-content: flex-start !important;
  }
  .justify-lg-flex-end {
    justify-content: flex-end !important;
  }
  .justify-lg-center {
    justify-content: center !important;
  }
  .justify-lg-space-between {
    justify-content: space-between !important;
  }
  .justify-lg-space-around {
    justify-content: space-around !important;
  }
  .justify-lg-space-evenly {
    justify-content: space-evenly !important;
  }
  .grid > .col-lg-1 {
    grid-column: span 1 !important;
  }
  .grid > .col-lg-2 {
    grid-column: span 2 !important;
  }
  .grid > .col-lg-3 {
    grid-column: span 3 !important;
  }
  .grid > .col-lg-4 {
    grid-column: span 4 !important;
  }
  .grid > .col-lg-5 {
    grid-column: span 5 !important;
  }
  .grid > .col-lg-6 {
    grid-column: span 6 !important;
  }
  .grid > .col-lg-7 {
    grid-column: span 7 !important;
  }
  .grid > .col-lg-8 {
    grid-column: span 8 !important;
  }
  .grid > .col-lg-9 {
    grid-column: span 9 !important;
  }
  .grid > .col-lg-10 {
    grid-column: span 10 !important;
  }
  .grid > .col-lg-11 {
    grid-column: span 11 !important;
  }
  .grid > .col-lg-12 {
    grid-column: span 12 !important;
  }
  .gap-lg-0 {
    gap: var(--spacer--0) !important;
  }
  .gap-x-lg-0 {
    column-gap: var(--spacer--0) !important;
  }
  .gap-y-lg-0 {
    row-gap: var(--spacer--0) !important;
  }
  .gap-lg-2xs {
    gap: var(--spacer--2xs) !important;
  }
  .gap-x-lg-2xs {
    column-gap: var(--spacer--2xs) !important;
  }
  .gap-y-lg-2xs {
    row-gap: var(--spacer--2xs) !important;
  }
  .gap-lg-xs {
    gap: var(--spacer--xs) !important;
  }
  .gap-x-lg-xs {
    column-gap: var(--spacer--xs) !important;
  }
  .gap-y-lg-xs {
    row-gap: var(--spacer--xs) !important;
  }
  .gap-lg-sm {
    gap: var(--spacer--sm) !important;
  }
  .gap-x-lg-sm {
    column-gap: var(--spacer--sm) !important;
  }
  .gap-y-lg-sm {
    row-gap: var(--spacer--sm) !important;
  }
  .gap-lg-md {
    gap: var(--spacer--md) !important;
  }
  .gap-x-lg-md {
    column-gap: var(--spacer--md) !important;
  }
  .gap-y-lg-md {
    row-gap: var(--spacer--md) !important;
  }
  .gap-lg-lg {
    gap: var(--spacer--lg) !important;
  }
  .gap-x-lg-lg {
    column-gap: var(--spacer--lg) !important;
  }
  .gap-y-lg-lg {
    row-gap: var(--spacer--lg) !important;
  }
  .gap-lg-xl {
    gap: var(--spacer--xl) !important;
  }
  .gap-x-lg-xl {
    column-gap: var(--spacer--xl) !important;
  }
  .gap-y-lg-xl {
    row-gap: var(--spacer--xl) !important;
  }
  .gap-lg-2xl {
    gap: var(--spacer--2xl) !important;
  }
  .gap-x-lg-2xl {
    column-gap: var(--spacer--2xl) !important;
  }
  .gap-y-lg-2xl {
    row-gap: var(--spacer--2xl) !important;
  }
  .gap-lg-3xl {
    gap: var(--spacer--3xl) !important;
  }
  .gap-x-lg-3xl {
    column-gap: var(--spacer--3xl) !important;
  }
  .gap-y-lg-3xl {
    row-gap: var(--spacer--3xl) !important;
  }
  .gap-lg-4xl {
    gap: var(--spacer--4xl) !important;
  }
  .gap-x-lg-4xl {
    column-gap: var(--spacer--4xl) !important;
  }
  .gap-y-lg-4xl {
    row-gap: var(--spacer--4xl) !important;
  }
}
@media (min-width: 1280px) {
  .flex-xl {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .grid-xl {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    align-items: center;
    width: 100%;
  }
  .align-xl-flex-start {
    align-items: flex-start !important;
  }
  .align-xl-flex-end {
    align-items: flex-end !important;
  }
  .align-xl-center {
    align-items: center !important;
  }
  .align-xl-baseline {
    align-items: baseline !important;
  }
  .align-xl-stretch {
    align-items: stretch !important;
  }
  .justify-xl-flex-start {
    justify-content: flex-start !important;
  }
  .justify-xl-flex-end {
    justify-content: flex-end !important;
  }
  .justify-xl-center {
    justify-content: center !important;
  }
  .justify-xl-space-between {
    justify-content: space-between !important;
  }
  .justify-xl-space-around {
    justify-content: space-around !important;
  }
  .justify-xl-space-evenly {
    justify-content: space-evenly !important;
  }
  .grid > .col-xl-1 {
    grid-column: span 1 !important;
  }
  .grid > .col-xl-2 {
    grid-column: span 2 !important;
  }
  .grid > .col-xl-3 {
    grid-column: span 3 !important;
  }
  .grid > .col-xl-4 {
    grid-column: span 4 !important;
  }
  .grid > .col-xl-5 {
    grid-column: span 5 !important;
  }
  .grid > .col-xl-6 {
    grid-column: span 6 !important;
  }
  .grid > .col-xl-7 {
    grid-column: span 7 !important;
  }
  .grid > .col-xl-8 {
    grid-column: span 8 !important;
  }
  .grid > .col-xl-9 {
    grid-column: span 9 !important;
  }
  .grid > .col-xl-10 {
    grid-column: span 10 !important;
  }
  .grid > .col-xl-11 {
    grid-column: span 11 !important;
  }
  .grid > .col-xl-12 {
    grid-column: span 12 !important;
  }
  .gap-xl-0 {
    gap: var(--spacer--0) !important;
  }
  .gap-x-xl-0 {
    column-gap: var(--spacer--0) !important;
  }
  .gap-y-xl-0 {
    row-gap: var(--spacer--0) !important;
  }
  .gap-xl-2xs {
    gap: var(--spacer--2xs) !important;
  }
  .gap-x-xl-2xs {
    column-gap: var(--spacer--2xs) !important;
  }
  .gap-y-xl-2xs {
    row-gap: var(--spacer--2xs) !important;
  }
  .gap-xl-xs {
    gap: var(--spacer--xs) !important;
  }
  .gap-x-xl-xs {
    column-gap: var(--spacer--xs) !important;
  }
  .gap-y-xl-xs {
    row-gap: var(--spacer--xs) !important;
  }
  .gap-xl-sm {
    gap: var(--spacer--sm) !important;
  }
  .gap-x-xl-sm {
    column-gap: var(--spacer--sm) !important;
  }
  .gap-y-xl-sm {
    row-gap: var(--spacer--sm) !important;
  }
  .gap-xl-md {
    gap: var(--spacer--md) !important;
  }
  .gap-x-xl-md {
    column-gap: var(--spacer--md) !important;
  }
  .gap-y-xl-md {
    row-gap: var(--spacer--md) !important;
  }
  .gap-xl-lg {
    gap: var(--spacer--lg) !important;
  }
  .gap-x-xl-lg {
    column-gap: var(--spacer--lg) !important;
  }
  .gap-y-xl-lg {
    row-gap: var(--spacer--lg) !important;
  }
  .gap-xl-xl {
    gap: var(--spacer--xl) !important;
  }
  .gap-x-xl-xl {
    column-gap: var(--spacer--xl) !important;
  }
  .gap-y-xl-xl {
    row-gap: var(--spacer--xl) !important;
  }
  .gap-xl-2xl {
    gap: var(--spacer--2xl) !important;
  }
  .gap-x-xl-2xl {
    column-gap: var(--spacer--2xl) !important;
  }
  .gap-y-xl-2xl {
    row-gap: var(--spacer--2xl) !important;
  }
  .gap-xl-3xl {
    gap: var(--spacer--3xl) !important;
  }
  .gap-x-xl-3xl {
    column-gap: var(--spacer--3xl) !important;
  }
  .gap-y-xl-3xl {
    row-gap: var(--spacer--3xl) !important;
  }
  .gap-xl-4xl {
    gap: var(--spacer--4xl) !important;
  }
  .gap-x-xl-4xl {
    column-gap: var(--spacer--4xl) !important;
  }
  .gap-y-xl-4xl {
    row-gap: var(--spacer--4xl) !important;
  }
}
@media (min-width: 1440px) {
  .flex-xxl {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .grid-xxl {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    align-items: center;
    width: 100%;
  }
  .align-xxl-flex-start {
    align-items: flex-start !important;
  }
  .align-xxl-flex-end {
    align-items: flex-end !important;
  }
  .align-xxl-center {
    align-items: center !important;
  }
  .align-xxl-baseline {
    align-items: baseline !important;
  }
  .align-xxl-stretch {
    align-items: stretch !important;
  }
  .justify-xxl-flex-start {
    justify-content: flex-start !important;
  }
  .justify-xxl-flex-end {
    justify-content: flex-end !important;
  }
  .justify-xxl-center {
    justify-content: center !important;
  }
  .justify-xxl-space-between {
    justify-content: space-between !important;
  }
  .justify-xxl-space-around {
    justify-content: space-around !important;
  }
  .justify-xxl-space-evenly {
    justify-content: space-evenly !important;
  }
  .grid > .col-xxl-1 {
    grid-column: span 1 !important;
  }
  .grid > .col-xxl-2 {
    grid-column: span 2 !important;
  }
  .grid > .col-xxl-3 {
    grid-column: span 3 !important;
  }
  .grid > .col-xxl-4 {
    grid-column: span 4 !important;
  }
  .grid > .col-xxl-5 {
    grid-column: span 5 !important;
  }
  .grid > .col-xxl-6 {
    grid-column: span 6 !important;
  }
  .grid > .col-xxl-7 {
    grid-column: span 7 !important;
  }
  .grid > .col-xxl-8 {
    grid-column: span 8 !important;
  }
  .grid > .col-xxl-9 {
    grid-column: span 9 !important;
  }
  .grid > .col-xxl-10 {
    grid-column: span 10 !important;
  }
  .grid > .col-xxl-11 {
    grid-column: span 11 !important;
  }
  .grid > .col-xxl-12 {
    grid-column: span 12 !important;
  }
  .gap-xxl-0 {
    gap: var(--spacer--0) !important;
  }
  .gap-x-xxl-0 {
    column-gap: var(--spacer--0) !important;
  }
  .gap-y-xxl-0 {
    row-gap: var(--spacer--0) !important;
  }
  .gap-xxl-2xs {
    gap: var(--spacer--2xs) !important;
  }
  .gap-x-xxl-2xs {
    column-gap: var(--spacer--2xs) !important;
  }
  .gap-y-xxl-2xs {
    row-gap: var(--spacer--2xs) !important;
  }
  .gap-xxl-xs {
    gap: var(--spacer--xs) !important;
  }
  .gap-x-xxl-xs {
    column-gap: var(--spacer--xs) !important;
  }
  .gap-y-xxl-xs {
    row-gap: var(--spacer--xs) !important;
  }
  .gap-xxl-sm {
    gap: var(--spacer--sm) !important;
  }
  .gap-x-xxl-sm {
    column-gap: var(--spacer--sm) !important;
  }
  .gap-y-xxl-sm {
    row-gap: var(--spacer--sm) !important;
  }
  .gap-xxl-md {
    gap: var(--spacer--md) !important;
  }
  .gap-x-xxl-md {
    column-gap: var(--spacer--md) !important;
  }
  .gap-y-xxl-md {
    row-gap: var(--spacer--md) !important;
  }
  .gap-xxl-lg {
    gap: var(--spacer--lg) !important;
  }
  .gap-x-xxl-lg {
    column-gap: var(--spacer--lg) !important;
  }
  .gap-y-xxl-lg {
    row-gap: var(--spacer--lg) !important;
  }
  .gap-xxl-xl {
    gap: var(--spacer--xl) !important;
  }
  .gap-x-xxl-xl {
    column-gap: var(--spacer--xl) !important;
  }
  .gap-y-xxl-xl {
    row-gap: var(--spacer--xl) !important;
  }
  .gap-xxl-2xl {
    gap: var(--spacer--2xl) !important;
  }
  .gap-x-xxl-2xl {
    column-gap: var(--spacer--2xl) !important;
  }
  .gap-y-xxl-2xl {
    row-gap: var(--spacer--2xl) !important;
  }
  .gap-xxl-3xl {
    gap: var(--spacer--3xl) !important;
  }
  .gap-x-xxl-3xl {
    column-gap: var(--spacer--3xl) !important;
  }
  .gap-y-xxl-3xl {
    row-gap: var(--spacer--3xl) !important;
  }
  .gap-xxl-4xl {
    gap: var(--spacer--4xl) !important;
  }
  .gap-x-xxl-4xl {
    column-gap: var(--spacer--4xl) !important;
  }
  .gap-y-xxl-4xl {
    row-gap: var(--spacer--4xl) !important;
  }
}
.order-first {
  order: -1 !important;
}

.order-last {
  order: 999 !important;
}

.order-0 {
  order: 0 !important;
}

@media (min-width: 768px) {
  .order-md-first {
    order: -1 !important;
  }
  .order-md-last {
    order: 999 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
}
.split-2 {
  column-count: 2;
}
.split-2 > * {
  break-inside: avoid;
}

.split-3 {
  column-count: 3;
}
.split-3 > * {
  break-inside: avoid;
}

.split-4 {
  column-count: 4;
}
.split-4 > * {
  break-inside: avoid;
}

.split-5 {
  column-count: 5;
}
.split-5 > * {
  break-inside: avoid;
}

.split-6 {
  column-count: 6;
}
.split-6 > * {
  break-inside: avoid;
}

.split-7 {
  column-count: 7;
}
.split-7 > * {
  break-inside: avoid;
}

.split-8 {
  column-count: 8;
}
.split-8 > * {
  break-inside: avoid;
}

.split-9 {
  column-count: 9;
}
.split-9 > * {
  break-inside: avoid;
}

.split-10 {
  column-count: 10;
}
.split-10 > * {
  break-inside: avoid;
}

.split-11 {
  column-count: 11;
}
.split-11 > * {
  break-inside: avoid;
}

.split-12 {
  column-count: 12;
}
.split-12 > * {
  break-inside: avoid;
}

@media (min-width: 576px) {
  .split-sm-2 {
    column-count: 2;
  }
  .split-sm-2 > * {
    break-inside: avoid;
  }
  .split-sm-3 {
    column-count: 3;
  }
  .split-sm-3 > * {
    break-inside: avoid;
  }
  .split-sm-4 {
    column-count: 4;
  }
  .split-sm-4 > * {
    break-inside: avoid;
  }
  .split-sm-5 {
    column-count: 5;
  }
  .split-sm-5 > * {
    break-inside: avoid;
  }
  .split-sm-6 {
    column-count: 6;
  }
  .split-sm-6 > * {
    break-inside: avoid;
  }
  .split-sm-7 {
    column-count: 7;
  }
  .split-sm-7 > * {
    break-inside: avoid;
  }
  .split-sm-8 {
    column-count: 8;
  }
  .split-sm-8 > * {
    break-inside: avoid;
  }
  .split-sm-9 {
    column-count: 9;
  }
  .split-sm-9 > * {
    break-inside: avoid;
  }
  .split-sm-10 {
    column-count: 10;
  }
  .split-sm-10 > * {
    break-inside: avoid;
  }
  .split-sm-11 {
    column-count: 11;
  }
  .split-sm-11 > * {
    break-inside: avoid;
  }
  .split-sm-12 {
    column-count: 12;
  }
  .split-sm-12 > * {
    break-inside: avoid;
  }
}
@media (min-width: 768px) {
  .split-md-2 {
    column-count: 2;
  }
  .split-md-2 > * {
    break-inside: avoid;
  }
  .split-md-3 {
    column-count: 3;
  }
  .split-md-3 > * {
    break-inside: avoid;
  }
  .split-md-4 {
    column-count: 4;
  }
  .split-md-4 > * {
    break-inside: avoid;
  }
  .split-md-5 {
    column-count: 5;
  }
  .split-md-5 > * {
    break-inside: avoid;
  }
  .split-md-6 {
    column-count: 6;
  }
  .split-md-6 > * {
    break-inside: avoid;
  }
  .split-md-7 {
    column-count: 7;
  }
  .split-md-7 > * {
    break-inside: avoid;
  }
  .split-md-8 {
    column-count: 8;
  }
  .split-md-8 > * {
    break-inside: avoid;
  }
  .split-md-9 {
    column-count: 9;
  }
  .split-md-9 > * {
    break-inside: avoid;
  }
  .split-md-10 {
    column-count: 10;
  }
  .split-md-10 > * {
    break-inside: avoid;
  }
  .split-md-11 {
    column-count: 11;
  }
  .split-md-11 > * {
    break-inside: avoid;
  }
  .split-md-12 {
    column-count: 12;
  }
  .split-md-12 > * {
    break-inside: avoid;
  }
}
@media (min-width: 992px) {
  .split-lg-2 {
    column-count: 2;
  }
  .split-lg-2 > * {
    break-inside: avoid;
  }
  .split-lg-3 {
    column-count: 3;
  }
  .split-lg-3 > * {
    break-inside: avoid;
  }
  .split-lg-4 {
    column-count: 4;
  }
  .split-lg-4 > * {
    break-inside: avoid;
  }
  .split-lg-5 {
    column-count: 5;
  }
  .split-lg-5 > * {
    break-inside: avoid;
  }
  .split-lg-6 {
    column-count: 6;
  }
  .split-lg-6 > * {
    break-inside: avoid;
  }
  .split-lg-7 {
    column-count: 7;
  }
  .split-lg-7 > * {
    break-inside: avoid;
  }
  .split-lg-8 {
    column-count: 8;
  }
  .split-lg-8 > * {
    break-inside: avoid;
  }
  .split-lg-9 {
    column-count: 9;
  }
  .split-lg-9 > * {
    break-inside: avoid;
  }
  .split-lg-10 {
    column-count: 10;
  }
  .split-lg-10 > * {
    break-inside: avoid;
  }
  .split-lg-11 {
    column-count: 11;
  }
  .split-lg-11 > * {
    break-inside: avoid;
  }
  .split-lg-12 {
    column-count: 12;
  }
  .split-lg-12 > * {
    break-inside: avoid;
  }
}
@media (min-width: 1280px) {
  .split-xl-2 {
    column-count: 2;
  }
  .split-xl-2 > * {
    break-inside: avoid;
  }
  .split-xl-3 {
    column-count: 3;
  }
  .split-xl-3 > * {
    break-inside: avoid;
  }
  .split-xl-4 {
    column-count: 4;
  }
  .split-xl-4 > * {
    break-inside: avoid;
  }
  .split-xl-5 {
    column-count: 5;
  }
  .split-xl-5 > * {
    break-inside: avoid;
  }
  .split-xl-6 {
    column-count: 6;
  }
  .split-xl-6 > * {
    break-inside: avoid;
  }
  .split-xl-7 {
    column-count: 7;
  }
  .split-xl-7 > * {
    break-inside: avoid;
  }
  .split-xl-8 {
    column-count: 8;
  }
  .split-xl-8 > * {
    break-inside: avoid;
  }
  .split-xl-9 {
    column-count: 9;
  }
  .split-xl-9 > * {
    break-inside: avoid;
  }
  .split-xl-10 {
    column-count: 10;
  }
  .split-xl-10 > * {
    break-inside: avoid;
  }
  .split-xl-11 {
    column-count: 11;
  }
  .split-xl-11 > * {
    break-inside: avoid;
  }
  .split-xl-12 {
    column-count: 12;
  }
  .split-xl-12 > * {
    break-inside: avoid;
  }
}
@media (min-width: 1440px) {
  .split-xxl-2 {
    column-count: 2;
  }
  .split-xxl-2 > * {
    break-inside: avoid;
  }
  .split-xxl-3 {
    column-count: 3;
  }
  .split-xxl-3 > * {
    break-inside: avoid;
  }
  .split-xxl-4 {
    column-count: 4;
  }
  .split-xxl-4 > * {
    break-inside: avoid;
  }
  .split-xxl-5 {
    column-count: 5;
  }
  .split-xxl-5 > * {
    break-inside: avoid;
  }
  .split-xxl-6 {
    column-count: 6;
  }
  .split-xxl-6 > * {
    break-inside: avoid;
  }
  .split-xxl-7 {
    column-count: 7;
  }
  .split-xxl-7 > * {
    break-inside: avoid;
  }
  .split-xxl-8 {
    column-count: 8;
  }
  .split-xxl-8 > * {
    break-inside: avoid;
  }
  .split-xxl-9 {
    column-count: 9;
  }
  .split-xxl-9 > * {
    break-inside: avoid;
  }
  .split-xxl-10 {
    column-count: 10;
  }
  .split-xxl-10 > * {
    break-inside: avoid;
  }
  .split-xxl-11 {
    column-count: 11;
  }
  .split-xxl-11 > * {
    break-inside: avoid;
  }
  .split-xxl-12 {
    column-count: 12;
  }
  .split-xxl-12 > * {
    break-inside: avoid;
  }
}
a {
  color: var(--accent);
  transition: var(--transition--color);
}

strong,
b {
  color: var(--accent);
  font-weight: var(--font-weight--semibold);
}

.accent {
  color: var(--accent) !important;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.text-justify {
  text-align: justify !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-pre {
  white-space: pre !important;
}

.text-pre-wrap {
  white-space: pre-wrap !important;
}

.text-pre-line {
  white-space: pre-line !important;
}

.text-break-spaces {
  white-space: break-spaces !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-justify {
    text-align: justify !important;
  }
  .text-sm-uppercase {
    text-transform: uppercase !important;
  }
  .text-sm-lowercase {
    text-transform: lowercase !important;
  }
  .text-sm-capitalize {
    text-transform: capitalize !important;
  }
  .text-sm-nowrap {
    white-space: nowrap !important;
  }
  .text-sm-pre {
    white-space: pre !important;
  }
  .text-sm-pre-wrap {
    white-space: pre-wrap !important;
  }
  .text-sm-pre-line {
    white-space: pre-line !important;
  }
  .text-sm-break-spaces {
    white-space: break-spaces !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-center {
    text-align: center !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-justify {
    text-align: justify !important;
  }
  .text-md-uppercase {
    text-transform: uppercase !important;
  }
  .text-md-lowercase {
    text-transform: lowercase !important;
  }
  .text-md-capitalize {
    text-transform: capitalize !important;
  }
  .text-md-nowrap {
    white-space: nowrap !important;
  }
  .text-md-pre {
    white-space: pre !important;
  }
  .text-md-pre-wrap {
    white-space: pre-wrap !important;
  }
  .text-md-pre-line {
    white-space: pre-line !important;
  }
  .text-md-break-spaces {
    white-space: break-spaces !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-justify {
    text-align: justify !important;
  }
  .text-lg-uppercase {
    text-transform: uppercase !important;
  }
  .text-lg-lowercase {
    text-transform: lowercase !important;
  }
  .text-lg-capitalize {
    text-transform: capitalize !important;
  }
  .text-lg-nowrap {
    white-space: nowrap !important;
  }
  .text-lg-pre {
    white-space: pre !important;
  }
  .text-lg-pre-wrap {
    white-space: pre-wrap !important;
  }
  .text-lg-pre-line {
    white-space: pre-line !important;
  }
  .text-lg-break-spaces {
    white-space: break-spaces !important;
  }
}
@media (min-width: 1280px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-justify {
    text-align: justify !important;
  }
  .text-xl-uppercase {
    text-transform: uppercase !important;
  }
  .text-xl-lowercase {
    text-transform: lowercase !important;
  }
  .text-xl-capitalize {
    text-transform: capitalize !important;
  }
  .text-xl-nowrap {
    white-space: nowrap !important;
  }
  .text-xl-pre {
    white-space: pre !important;
  }
  .text-xl-pre-wrap {
    white-space: pre-wrap !important;
  }
  .text-xl-pre-line {
    white-space: pre-line !important;
  }
  .text-xl-break-spaces {
    white-space: break-spaces !important;
  }
}
@media (min-width: 1440px) {
  .text-xxl-left {
    text-align: left !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
  .text-xxl-right {
    text-align: right !important;
  }
  .text-xxl-justify {
    text-align: justify !important;
  }
  .text-xxl-uppercase {
    text-transform: uppercase !important;
  }
  .text-xxl-lowercase {
    text-transform: lowercase !important;
  }
  .text-xxl-capitalize {
    text-transform: capitalize !important;
  }
  .text-xxl-nowrap {
    white-space: nowrap !important;
  }
  .text-xxl-pre {
    white-space: pre !important;
  }
  .text-xxl-pre-wrap {
    white-space: pre-wrap !important;
  }
  .text-xxl-pre-line {
    white-space: pre-line !important;
  }
  .text-xxl-break-spaces {
    white-space: break-spaces !important;
  }
}
.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.rounded {
  border-radius: var(--border-radius--md) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-top {
  border-top-left-radius: var(--border-radius--md) !important;
  border-top-right-radius: var(--border-radius--md) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--border-radius--md) !important;
  border-bottom-left-radius: var(--border-radius--md) !important;
}

.rounded-start {
  border-top-left-radius: var(--border-radius--md) !important;
  border-bottom-left-radius: var(--border-radius--md) !important;
}

.rounded-end {
  border-top-right-radius: var(--border-radius--md) !important;
  border-bottom-right-radius: var(--border-radius--md) !important;
}

.container,
.container-wide,
.container-tight,
.container-narrow {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacer--md);
}

@media (min-width: 576px) {
  .container {
    max-width: 576px !important;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px !important;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 992px !important;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px !important;
  }
}
@media (min-width: 1440px) {
  .container {
    max-width: 1440px !important;
  }
}
@media (min-width: 576px) {
  .container-tight {
    max-width: 576px !important;
  }
}
@media (min-width: 768px) {
  .container-tight {
    max-width: 576px !important;
  }
}
@media (min-width: 992px) {
  .container-tight {
    max-width: 768px !important;
  }
}
@media (min-width: 1280px) {
  .container-tight {
    max-width: 992px !important;
  }
}
@media (min-width: 1440px) {
  .container-tight {
    max-width: 1280px !important;
  }
}
@media (min-width: 576px) {
  .container-narrow {
    max-width: 576px !important;
  }
}
@media (min-width: 768px) {
  .container-narrow {
    max-width: 576px !important;
  }
}
@media (min-width: 992px) {
  .container-narrow {
    max-width: 576px !important;
  }
}
@media (min-width: 1280px) {
  .container-narrow {
    max-width: 768px !important;
  }
}
@media (min-width: 1440px) {
  .container-narrow {
    max-width: 992px !important;
  }
}
.w-100 {
  width: 100% !important;
}
