@massimo-cassandro/minimo 1.16.1 → 1.17.0

package/src/css/margin-padding-bootstrap-media.css

@@ -0,0 +1,1844 @@
+/* stylelint-disable declaration-no-important, selector-class-pattern */
+
+/* AUTO-GENERATED FILE — do not edit by hand.
+   Generated by `node scripts/build-margin-padding-css.mjs`.
+   Edit the `sizes` / `classes` / `media` maps there instead.
+
+   Same rules as `margin-padding-media.css`, but using Bootstrap-style class names
+   (m/mt/mb/mx/ms/me/p/pt/pb/px/ps/pe...) to ease the transition to 'minimo'. */
+
+@media (--media-xlarge-viewport-up) {
+
+  .m-0-dsk {
+    margin: 0 !important;
+  }
+  .m-auto-dsk {
+    margin: auto !important;
+  }
+  .m-3xl-dsk {
+    margin: var(--size-3xl) !important;
+  }
+  .m-2xl-dsk {
+    margin: var(--size-2xl) !important;
+  }
+  .m-dsk {
+    margin: var(--size-base) !important;
+  }
+  .m-lg-dsk {
+    margin: var(--size-lg) !important;
+  }
+  .m-md-dsk {
+    margin: var(--size-md) !important;
+  }
+  .m-sm-dsk {
+    margin: var(--size-sm) !important;
+  }
+  .m-xl-dsk {
+    margin: var(--size-xl) !important;
+  }
+  .m-xs-dsk {
+    margin: var(--size-xs) !important;
+  }
+  .m-xxs-dsk {
+    margin: var(--size-xxs) !important;
+  }
+
+  .my-0-dsk {
+    margin-block: 0 !important;
+  }
+  .my-auto-dsk {
+    margin-block: auto !important;
+  }
+  .my-3xl-dsk {
+    margin-block: var(--size-3xl) !important;
+  }
+  .my-2xl-dsk {
+    margin-block: var(--size-2xl) !important;
+  }
+  .my-dsk {
+    margin-block: var(--size-base) !important;
+  }
+  .my-lg-dsk {
+    margin-block: var(--size-lg) !important;
+  }
+  .my-md-dsk {
+    margin-block: var(--size-md) !important;
+  }
+  .my-sm-dsk {
+    margin-block: var(--size-sm) !important;
+  }
+  .my-xl-dsk {
+    margin-block: var(--size-xl) !important;
+  }
+  .my-xs-dsk {
+    margin-block: var(--size-xs) !important;
+  }
+  .my-xxs-dsk {
+    margin-block: var(--size-xxs) !important;
+  }
+
+  .mt-0-dsk {
+    margin-block-start: 0 !important;
+  }
+  .mt-auto-dsk {
+    margin-block-start: auto !important;
+  }
+  .mt-3xl-dsk {
+    margin-block-start: var(--size-3xl) !important;
+  }
+  .mt-2xl-dsk {
+    margin-block-start: var(--size-2xl) !important;
+  }
+  .mt-dsk {
+    margin-block-start: var(--size-base) !important;
+  }
+  .mt-lg-dsk {
+    margin-block-start: var(--size-lg) !important;
+  }
+  .mt-md-dsk {
+    margin-block-start: var(--size-md) !important;
+  }
+  .mt-sm-dsk {
+    margin-block-start: var(--size-sm) !important;
+  }
+  .mt-xl-dsk {
+    margin-block-start: var(--size-xl) !important;
+  }
+  .mt-xs-dsk {
+    margin-block-start: var(--size-xs) !important;
+  }
+  .mt-xxs-dsk {
+    margin-block-start: var(--size-xxs) !important;
+  }
+
+  .mb-0-dsk {
+    margin-block-end: 0 !important;
+  }
+  .mb-auto-dsk {
+    margin-block-end: auto !important;
+  }
+  .mb-3xl-dsk {
+    margin-block-end: var(--size-3xl) !important;
+  }
+  .mb-2xl-dsk {
+    margin-block-end: var(--size-2xl) !important;
+  }
+  .mb-dsk {
+    margin-block-end: var(--size-base) !important;
+  }
+  .mb-lg-dsk {
+    margin-block-end: var(--size-lg) !important;
+  }
+  .mb-md-dsk {
+    margin-block-end: var(--size-md) !important;
+  }
+  .mb-sm-dsk {
+    margin-block-end: var(--size-sm) !important;
+  }
+  .mb-xl-dsk {
+    margin-block-end: var(--size-xl) !important;
+  }
+  .mb-xs-dsk {
+    margin-block-end: var(--size-xs) !important;
+  }
+  .mb-xxs-dsk {
+    margin-block-end: var(--size-xxs) !important;
+  }
+
+  .mx-0-dsk {
+    margin-inline: 0 !important;
+  }
+  .mx-auto-dsk {
+    margin-inline: auto !important;
+  }
+  .mx-3xl-dsk {
+    margin-inline: var(--size-3xl) !important;
+  }
+  .mx-2xl-dsk {
+    margin-inline: var(--size-2xl) !important;
+  }
+  .mx-dsk {
+    margin-inline: var(--size-base) !important;
+  }
+  .mx-lg-dsk {
+    margin-inline: var(--size-lg) !important;
+  }
+  .mx-md-dsk {
+    margin-inline: var(--size-md) !important;
+  }
+  .mx-sm-dsk {
+    margin-inline: var(--size-sm) !important;
+  }
+  .mx-xl-dsk {
+    margin-inline: var(--size-xl) !important;
+  }
+  .mx-xs-dsk {
+    margin-inline: var(--size-xs) !important;
+  }
+  .mx-xxs-dsk {
+    margin-inline: var(--size-xxs) !important;
+  }
+
+  .ms-0-dsk {
+    margin-inline-start: 0 !important;
+  }
+  .ms-auto-dsk {
+    margin-inline-start: auto !important;
+  }
+  .ms-3xl-dsk {
+    margin-inline-start: var(--size-3xl) !important;
+  }
+  .ms-2xl-dsk {
+    margin-inline-start: var(--size-2xl) !important;
+  }
+  .ms-dsk {
+    margin-inline-start: var(--size-base) !important;
+  }
+  .ms-lg-dsk {
+    margin-inline-start: var(--size-lg) !important;
+  }
+  .ms-md-dsk {
+    margin-inline-start: var(--size-md) !important;
+  }
+  .ms-sm-dsk {
+    margin-inline-start: var(--size-sm) !important;
+  }
+  .ms-xl-dsk {
+    margin-inline-start: var(--size-xl) !important;
+  }
+  .ms-xs-dsk {
+    margin-inline-start: var(--size-xs) !important;
+  }
+  .ms-xxs-dsk {
+    margin-inline-start: var(--size-xxs) !important;
+  }
+
+  .me-0-dsk {
+    margin-inline-end: 0 !important;
+  }
+  .me-auto-dsk {
+    margin-inline-end: auto !important;
+  }
+  .me-3xl-dsk {
+    margin-inline-end: var(--size-3xl) !important;
+  }
+  .me-2xl-dsk {
+    margin-inline-end: var(--size-2xl) !important;
+  }
+  .me-dsk {
+    margin-inline-end: var(--size-base) !important;
+  }
+  .me-lg-dsk {
+    margin-inline-end: var(--size-lg) !important;
+  }
+  .me-md-dsk {
+    margin-inline-end: var(--size-md) !important;
+  }
+  .me-sm-dsk {
+    margin-inline-end: var(--size-sm) !important;
+  }
+  .me-xl-dsk {
+    margin-inline-end: var(--size-xl) !important;
+  }
+  .me-xs-dsk {
+    margin-inline-end: var(--size-xs) !important;
+  }
+  .me-xxs-dsk {
+    margin-inline-end: var(--size-xxs) !important;
+  }
+
+  .p-0-dsk {
+    padding: 0 !important;
+  }
+  .p-3xl-dsk {
+    padding: var(--size-3xl) !important;
+  }
+  .p-2xl-dsk {
+    padding: var(--size-2xl) !important;
+  }
+  .p-dsk {
+    padding: var(--size-base) !important;
+  }
+  .p-lg-dsk {
+    padding: var(--size-lg) !important;
+  }
+  .p-md-dsk {
+    padding: var(--size-md) !important;
+  }
+  .p-sm-dsk {
+    padding: var(--size-sm) !important;
+  }
+  .p-xl-dsk {
+    padding: var(--size-xl) !important;
+  }
+  .p-xs-dsk {
+    padding: var(--size-xs) !important;
+  }
+  .p-xxs-dsk {
+    padding: var(--size-xxs) !important;
+  }
+
+  .py-0-dsk {
+    padding-block: 0 !important;
+  }
+  .py-3xl-dsk {
+    padding-block: var(--size-3xl) !important;
+  }
+  .py-2xl-dsk {
+    padding-block: var(--size-2xl) !important;
+  }
+  .py-dsk {
+    padding-block: var(--size-base) !important;
+  }
+  .py-lg-dsk {
+    padding-block: var(--size-lg) !important;
+  }
+  .py-md-dsk {
+    padding-block: var(--size-md) !important;
+  }
+  .py-sm-dsk {
+    padding-block: var(--size-sm) !important;
+  }
+  .py-xl-dsk {
+    padding-block: var(--size-xl) !important;
+  }
+  .py-xs-dsk {
+    padding-block: var(--size-xs) !important;
+  }
+  .py-xxs-dsk {
+    padding-block: var(--size-xxs) !important;
+  }
+
+  .pt-0-dsk {
+    padding-block-start: 0 !important;
+  }
+  .pt-3xl-dsk {
+    padding-block-start: var(--size-3xl) !important;
+  }
+  .pt-2xl-dsk {
+    padding-block-start: var(--size-2xl) !important;
+  }
+  .pt-dsk {
+    padding-block-start: var(--size-base) !important;
+  }
+  .pt-lg-dsk {
+    padding-block-start: var(--size-lg) !important;
+  }
+  .pt-md-dsk {
+    padding-block-start: var(--size-md) !important;
+  }
+  .pt-sm-dsk {
+    padding-block-start: var(--size-sm) !important;
+  }
+  .pt-xl-dsk {
+    padding-block-start: var(--size-xl) !important;
+  }
+  .pt-xs-dsk {
+    padding-block-start: var(--size-xs) !important;
+  }
+  .pt-xxs-dsk {
+    padding-block-start: var(--size-xxs) !important;
+  }
+
+  .pb-0-dsk {
+    padding-block-end: 0 !important;
+  }
+  .pb-3xl-dsk {
+    padding-block-end: var(--size-3xl) !important;
+  }
+  .pb-2xl-dsk {
+    padding-block-end: var(--size-2xl) !important;
+  }
+  .pb-dsk {
+    padding-block-end: var(--size-base) !important;
+  }
+  .pb-lg-dsk {
+    padding-block-end: var(--size-lg) !important;
+  }
+  .pb-md-dsk {
+    padding-block-end: var(--size-md) !important;
+  }
+  .pb-sm-dsk {
+    padding-block-end: var(--size-sm) !important;
+  }
+  .pb-xl-dsk {
+    padding-block-end: var(--size-xl) !important;
+  }
+  .pb-xs-dsk {
+    padding-block-end: var(--size-xs) !important;
+  }
+  .pb-xxs-dsk {
+    padding-block-end: var(--size-xxs) !important;
+  }
+
+  .px-0-dsk {
+    padding-inline: 0 !important;
+  }
+  .px-3xl-dsk {
+    padding-inline: var(--size-3xl) !important;
+  }
+  .px-2xl-dsk {
+    padding-inline: var(--size-2xl) !important;
+  }
+  .px-dsk {
+    padding-inline: var(--size-base) !important;
+  }
+  .px-lg-dsk {
+    padding-inline: var(--size-lg) !important;
+  }
+  .px-md-dsk {
+    padding-inline: var(--size-md) !important;
+  }
+  .px-sm-dsk {
+    padding-inline: var(--size-sm) !important;
+  }
+  .px-xl-dsk {
+    padding-inline: var(--size-xl) !important;
+  }
+  .px-xs-dsk {
+    padding-inline: var(--size-xs) !important;
+  }
+  .px-xxs-dsk {
+    padding-inline: var(--size-xxs) !important;
+  }
+
+  .ps-0-dsk {
+    padding-inline-start: 0 !important;
+  }
+  .ps-3xl-dsk {
+    padding-inline-start: var(--size-3xl) !important;
+  }
+  .ps-2xl-dsk {
+    padding-inline-start: var(--size-2xl) !important;
+  }
+  .ps-dsk {
+    padding-inline-start: var(--size-base) !important;
+  }
+  .ps-lg-dsk {
+    padding-inline-start: var(--size-lg) !important;
+  }
+  .ps-md-dsk {
+    padding-inline-start: var(--size-md) !important;
+  }
+  .ps-sm-dsk {
+    padding-inline-start: var(--size-sm) !important;
+  }
+  .ps-xl-dsk {
+    padding-inline-start: var(--size-xl) !important;
+  }
+  .ps-xs-dsk {
+    padding-inline-start: var(--size-xs) !important;
+  }
+  .ps-xxs-dsk {
+    padding-inline-start: var(--size-xxs) !important;
+  }
+
+  .pe-0-dsk {
+    padding-inline-end: 0 !important;
+  }
+  .pe-3xl-dsk {
+    padding-inline-end: var(--size-3xl) !important;
+  }
+  .pe-2xl-dsk {
+    padding-inline-end: var(--size-2xl) !important;
+  }
+  .pe-dsk {
+    padding-inline-end: var(--size-base) !important;
+  }
+  .pe-lg-dsk {
+    padding-inline-end: var(--size-lg) !important;
+  }
+  .pe-md-dsk {
+    padding-inline-end: var(--size-md) !important;
+  }
+  .pe-sm-dsk {
+    padding-inline-end: var(--size-sm) !important;
+  }
+  .pe-xl-dsk {
+    padding-inline-end: var(--size-xl) !important;
+  }
+  .pe-xs-dsk {
+    padding-inline-end: var(--size-xs) !important;
+  }
+  .pe-xxs-dsk {
+    padding-inline-end: var(--size-xxs) !important;
+  }
+
+}
+
+@media (--media-large-viewport-up) {
+
+  .m-0-lap {
+    margin: 0 !important;
+  }
+  .m-auto-lap {
+    margin: auto !important;
+  }
+  .m-3xl-lap {
+    margin: var(--size-3xl) !important;
+  }
+  .m-2xl-lap {
+    margin: var(--size-2xl) !important;
+  }
+  .m-lap {
+    margin: var(--size-base) !important;
+  }
+  .m-lg-lap {
+    margin: var(--size-lg) !important;
+  }
+  .m-md-lap {
+    margin: var(--size-md) !important;
+  }
+  .m-sm-lap {
+    margin: var(--size-sm) !important;
+  }
+  .m-xl-lap {
+    margin: var(--size-xl) !important;
+  }
+  .m-xs-lap {
+    margin: var(--size-xs) !important;
+  }
+  .m-xxs-lap {
+    margin: var(--size-xxs) !important;
+  }
+
+  .my-0-lap {
+    margin-block: 0 !important;
+  }
+  .my-auto-lap {
+    margin-block: auto !important;
+  }
+  .my-3xl-lap {
+    margin-block: var(--size-3xl) !important;
+  }
+  .my-2xl-lap {
+    margin-block: var(--size-2xl) !important;
+  }
+  .my-lap {
+    margin-block: var(--size-base) !important;
+  }
+  .my-lg-lap {
+    margin-block: var(--size-lg) !important;
+  }
+  .my-md-lap {
+    margin-block: var(--size-md) !important;
+  }
+  .my-sm-lap {
+    margin-block: var(--size-sm) !important;
+  }
+  .my-xl-lap {
+    margin-block: var(--size-xl) !important;
+  }
+  .my-xs-lap {
+    margin-block: var(--size-xs) !important;
+  }
+  .my-xxs-lap {
+    margin-block: var(--size-xxs) !important;
+  }
+
+  .mt-0-lap {
+    margin-block-start: 0 !important;
+  }
+  .mt-auto-lap {
+    margin-block-start: auto !important;
+  }
+  .mt-3xl-lap {
+    margin-block-start: var(--size-3xl) !important;
+  }
+  .mt-2xl-lap {
+    margin-block-start: var(--size-2xl) !important;
+  }
+  .mt-lap {
+    margin-block-start: var(--size-base) !important;
+  }
+  .mt-lg-lap {
+    margin-block-start: var(--size-lg) !important;
+  }
+  .mt-md-lap {
+    margin-block-start: var(--size-md) !important;
+  }
+  .mt-sm-lap {
+    margin-block-start: var(--size-sm) !important;
+  }
+  .mt-xl-lap {
+    margin-block-start: var(--size-xl) !important;
+  }
+  .mt-xs-lap {
+    margin-block-start: var(--size-xs) !important;
+  }
+  .mt-xxs-lap {
+    margin-block-start: var(--size-xxs) !important;
+  }
+
+  .mb-0-lap {
+    margin-block-end: 0 !important;
+  }
+  .mb-auto-lap {
+    margin-block-end: auto !important;
+  }
+  .mb-3xl-lap {
+    margin-block-end: var(--size-3xl) !important;
+  }
+  .mb-2xl-lap {
+    margin-block-end: var(--size-2xl) !important;
+  }
+  .mb-lap {
+    margin-block-end: var(--size-base) !important;
+  }
+  .mb-lg-lap {
+    margin-block-end: var(--size-lg) !important;
+  }
+  .mb-md-lap {
+    margin-block-end: var(--size-md) !important;
+  }
+  .mb-sm-lap {
+    margin-block-end: var(--size-sm) !important;
+  }
+  .mb-xl-lap {
+    margin-block-end: var(--size-xl) !important;
+  }
+  .mb-xs-lap {
+    margin-block-end: var(--size-xs) !important;
+  }
+  .mb-xxs-lap {
+    margin-block-end: var(--size-xxs) !important;
+  }
+
+  .mx-0-lap {
+    margin-inline: 0 !important;
+  }
+  .mx-auto-lap {
+    margin-inline: auto !important;
+  }
+  .mx-3xl-lap {
+    margin-inline: var(--size-3xl) !important;
+  }
+  .mx-2xl-lap {
+    margin-inline: var(--size-2xl) !important;
+  }
+  .mx-lap {
+    margin-inline: var(--size-base) !important;
+  }
+  .mx-lg-lap {
+    margin-inline: var(--size-lg) !important;
+  }
+  .mx-md-lap {
+    margin-inline: var(--size-md) !important;
+  }
+  .mx-sm-lap {
+    margin-inline: var(--size-sm) !important;
+  }
+  .mx-xl-lap {
+    margin-inline: var(--size-xl) !important;
+  }
+  .mx-xs-lap {
+    margin-inline: var(--size-xs) !important;
+  }
+  .mx-xxs-lap {
+    margin-inline: var(--size-xxs) !important;
+  }
+
+  .ms-0-lap {
+    margin-inline-start: 0 !important;
+  }
+  .ms-auto-lap {
+    margin-inline-start: auto !important;
+  }
+  .ms-3xl-lap {
+    margin-inline-start: var(--size-3xl) !important;
+  }
+  .ms-2xl-lap {
+    margin-inline-start: var(--size-2xl) !important;
+  }
+  .ms-lap {
+    margin-inline-start: var(--size-base) !important;
+  }
+  .ms-lg-lap {
+    margin-inline-start: var(--size-lg) !important;
+  }
+  .ms-md-lap {
+    margin-inline-start: var(--size-md) !important;
+  }
+  .ms-sm-lap {
+    margin-inline-start: var(--size-sm) !important;
+  }
+  .ms-xl-lap {
+    margin-inline-start: var(--size-xl) !important;
+  }
+  .ms-xs-lap {
+    margin-inline-start: var(--size-xs) !important;
+  }
+  .ms-xxs-lap {
+    margin-inline-start: var(--size-xxs) !important;
+  }
+
+  .me-0-lap {
+    margin-inline-end: 0 !important;
+  }
+  .me-auto-lap {
+    margin-inline-end: auto !important;
+  }
+  .me-3xl-lap {
+    margin-inline-end: var(--size-3xl) !important;
+  }
+  .me-2xl-lap {
+    margin-inline-end: var(--size-2xl) !important;
+  }
+  .me-lap {
+    margin-inline-end: var(--size-base) !important;
+  }
+  .me-lg-lap {
+    margin-inline-end: var(--size-lg) !important;
+  }
+  .me-md-lap {
+    margin-inline-end: var(--size-md) !important;
+  }
+  .me-sm-lap {
+    margin-inline-end: var(--size-sm) !important;
+  }
+  .me-xl-lap {
+    margin-inline-end: var(--size-xl) !important;
+  }
+  .me-xs-lap {
+    margin-inline-end: var(--size-xs) !important;
+  }
+  .me-xxs-lap {
+    margin-inline-end: var(--size-xxs) !important;
+  }
+
+  .p-0-lap {
+    padding: 0 !important;
+  }
+  .p-3xl-lap {
+    padding: var(--size-3xl) !important;
+  }
+  .p-2xl-lap {
+    padding: var(--size-2xl) !important;
+  }
+  .p-lap {
+    padding: var(--size-base) !important;
+  }
+  .p-lg-lap {
+    padding: var(--size-lg) !important;
+  }
+  .p-md-lap {
+    padding: var(--size-md) !important;
+  }
+  .p-sm-lap {
+    padding: var(--size-sm) !important;
+  }
+  .p-xl-lap {
+    padding: var(--size-xl) !important;
+  }
+  .p-xs-lap {
+    padding: var(--size-xs) !important;
+  }
+  .p-xxs-lap {
+    padding: var(--size-xxs) !important;
+  }
+
+  .py-0-lap {
+    padding-block: 0 !important;
+  }
+  .py-3xl-lap {
+    padding-block: var(--size-3xl) !important;
+  }
+  .py-2xl-lap {
+    padding-block: var(--size-2xl) !important;
+  }
+  .py-lap {
+    padding-block: var(--size-base) !important;
+  }
+  .py-lg-lap {
+    padding-block: var(--size-lg) !important;
+  }
+  .py-md-lap {
+    padding-block: var(--size-md) !important;
+  }
+  .py-sm-lap {
+    padding-block: var(--size-sm) !important;
+  }
+  .py-xl-lap {
+    padding-block: var(--size-xl) !important;
+  }
+  .py-xs-lap {
+    padding-block: var(--size-xs) !important;
+  }
+  .py-xxs-lap {
+    padding-block: var(--size-xxs) !important;
+  }
+
+  .pt-0-lap {
+    padding-block-start: 0 !important;
+  }
+  .pt-3xl-lap {
+    padding-block-start: var(--size-3xl) !important;
+  }
+  .pt-2xl-lap {
+    padding-block-start: var(--size-2xl) !important;
+  }
+  .pt-lap {
+    padding-block-start: var(--size-base) !important;
+  }
+  .pt-lg-lap {
+    padding-block-start: var(--size-lg) !important;
+  }
+  .pt-md-lap {
+    padding-block-start: var(--size-md) !important;
+  }
+  .pt-sm-lap {
+    padding-block-start: var(--size-sm) !important;
+  }
+  .pt-xl-lap {
+    padding-block-start: var(--size-xl) !important;
+  }
+  .pt-xs-lap {
+    padding-block-start: var(--size-xs) !important;
+  }
+  .pt-xxs-lap {
+    padding-block-start: var(--size-xxs) !important;
+  }
+
+  .pb-0-lap {
+    padding-block-end: 0 !important;
+  }
+  .pb-3xl-lap {
+    padding-block-end: var(--size-3xl) !important;
+  }
+  .pb-2xl-lap {
+    padding-block-end: var(--size-2xl) !important;
+  }
+  .pb-lap {
+    padding-block-end: var(--size-base) !important;
+  }
+  .pb-lg-lap {
+    padding-block-end: var(--size-lg) !important;
+  }
+  .pb-md-lap {
+    padding-block-end: var(--size-md) !important;
+  }
+  .pb-sm-lap {
+    padding-block-end: var(--size-sm) !important;
+  }
+  .pb-xl-lap {
+    padding-block-end: var(--size-xl) !important;
+  }
+  .pb-xs-lap {
+    padding-block-end: var(--size-xs) !important;
+  }
+  .pb-xxs-lap {
+    padding-block-end: var(--size-xxs) !important;
+  }
+
+  .px-0-lap {
+    padding-inline: 0 !important;
+  }
+  .px-3xl-lap {
+    padding-inline: var(--size-3xl) !important;
+  }
+  .px-2xl-lap {
+    padding-inline: var(--size-2xl) !important;
+  }
+  .px-lap {
+    padding-inline: var(--size-base) !important;
+  }
+  .px-lg-lap {
+    padding-inline: var(--size-lg) !important;
+  }
+  .px-md-lap {
+    padding-inline: var(--size-md) !important;
+  }
+  .px-sm-lap {
+    padding-inline: var(--size-sm) !important;
+  }
+  .px-xl-lap {
+    padding-inline: var(--size-xl) !important;
+  }
+  .px-xs-lap {
+    padding-inline: var(--size-xs) !important;
+  }
+  .px-xxs-lap {
+    padding-inline: var(--size-xxs) !important;
+  }
+
+  .ps-0-lap {
+    padding-inline-start: 0 !important;
+  }
+  .ps-3xl-lap {
+    padding-inline-start: var(--size-3xl) !important;
+  }
+  .ps-2xl-lap {
+    padding-inline-start: var(--size-2xl) !important;
+  }
+  .ps-lap {
+    padding-inline-start: var(--size-base) !important;
+  }
+  .ps-lg-lap {
+    padding-inline-start: var(--size-lg) !important;
+  }
+  .ps-md-lap {
+    padding-inline-start: var(--size-md) !important;
+  }
+  .ps-sm-lap {
+    padding-inline-start: var(--size-sm) !important;
+  }
+  .ps-xl-lap {
+    padding-inline-start: var(--size-xl) !important;
+  }
+  .ps-xs-lap {
+    padding-inline-start: var(--size-xs) !important;
+  }
+  .ps-xxs-lap {
+    padding-inline-start: var(--size-xxs) !important;
+  }
+
+  .pe-0-lap {
+    padding-inline-end: 0 !important;
+  }
+  .pe-3xl-lap {
+    padding-inline-end: var(--size-3xl) !important;
+  }
+  .pe-2xl-lap {
+    padding-inline-end: var(--size-2xl) !important;
+  }
+  .pe-lap {
+    padding-inline-end: var(--size-base) !important;
+  }
+  .pe-lg-lap {
+    padding-inline-end: var(--size-lg) !important;
+  }
+  .pe-md-lap {
+    padding-inline-end: var(--size-md) !important;
+  }
+  .pe-sm-lap {
+    padding-inline-end: var(--size-sm) !important;
+  }
+  .pe-xl-lap {
+    padding-inline-end: var(--size-xl) !important;
+  }
+  .pe-xs-lap {
+    padding-inline-end: var(--size-xs) !important;
+  }
+  .pe-xxs-lap {
+    padding-inline-end: var(--size-xxs) !important;
+  }
+
+}
+
+@media (--media-medium-viewport-up) {
+
+  .m-0-tab {
+    margin: 0 !important;
+  }
+  .m-auto-tab {
+    margin: auto !important;
+  }
+  .m-3xl-tab {
+    margin: var(--size-3xl) !important;
+  }
+  .m-2xl-tab {
+    margin: var(--size-2xl) !important;
+  }
+  .m-tab {
+    margin: var(--size-base) !important;
+  }
+  .m-lg-tab {
+    margin: var(--size-lg) !important;
+  }
+  .m-md-tab {
+    margin: var(--size-md) !important;
+  }
+  .m-sm-tab {
+    margin: var(--size-sm) !important;
+  }
+  .m-xl-tab {
+    margin: var(--size-xl) !important;
+  }
+  .m-xs-tab {
+    margin: var(--size-xs) !important;
+  }
+  .m-xxs-tab {
+    margin: var(--size-xxs) !important;
+  }
+
+  .my-0-tab {
+    margin-block: 0 !important;
+  }
+  .my-auto-tab {
+    margin-block: auto !important;
+  }
+  .my-3xl-tab {
+    margin-block: var(--size-3xl) !important;
+  }
+  .my-2xl-tab {
+    margin-block: var(--size-2xl) !important;
+  }
+  .my-tab {
+    margin-block: var(--size-base) !important;
+  }
+  .my-lg-tab {
+    margin-block: var(--size-lg) !important;
+  }
+  .my-md-tab {
+    margin-block: var(--size-md) !important;
+  }
+  .my-sm-tab {
+    margin-block: var(--size-sm) !important;
+  }
+  .my-xl-tab {
+    margin-block: var(--size-xl) !important;
+  }
+  .my-xs-tab {
+    margin-block: var(--size-xs) !important;
+  }
+  .my-xxs-tab {
+    margin-block: var(--size-xxs) !important;
+  }
+
+  .mt-0-tab {
+    margin-block-start: 0 !important;
+  }
+  .mt-auto-tab {
+    margin-block-start: auto !important;
+  }
+  .mt-3xl-tab {
+    margin-block-start: var(--size-3xl) !important;
+  }
+  .mt-2xl-tab {
+    margin-block-start: var(--size-2xl) !important;
+  }
+  .mt-tab {
+    margin-block-start: var(--size-base) !important;
+  }
+  .mt-lg-tab {
+    margin-block-start: var(--size-lg) !important;
+  }
+  .mt-md-tab {
+    margin-block-start: var(--size-md) !important;
+  }
+  .mt-sm-tab {
+    margin-block-start: var(--size-sm) !important;
+  }
+  .mt-xl-tab {
+    margin-block-start: var(--size-xl) !important;
+  }
+  .mt-xs-tab {
+    margin-block-start: var(--size-xs) !important;
+  }
+  .mt-xxs-tab {
+    margin-block-start: var(--size-xxs) !important;
+  }
+
+  .mb-0-tab {
+    margin-block-end: 0 !important;
+  }
+  .mb-auto-tab {
+    margin-block-end: auto !important;
+  }
+  .mb-3xl-tab {
+    margin-block-end: var(--size-3xl) !important;
+  }
+  .mb-2xl-tab {
+    margin-block-end: var(--size-2xl) !important;
+  }
+  .mb-tab {
+    margin-block-end: var(--size-base) !important;
+  }
+  .mb-lg-tab {
+    margin-block-end: var(--size-lg) !important;
+  }
+  .mb-md-tab {
+    margin-block-end: var(--size-md) !important;
+  }
+  .mb-sm-tab {
+    margin-block-end: var(--size-sm) !important;
+  }
+  .mb-xl-tab {
+    margin-block-end: var(--size-xl) !important;
+  }
+  .mb-xs-tab {
+    margin-block-end: var(--size-xs) !important;
+  }
+  .mb-xxs-tab {
+    margin-block-end: var(--size-xxs) !important;
+  }
+
+  .mx-0-tab {
+    margin-inline: 0 !important;
+  }
+  .mx-auto-tab {
+    margin-inline: auto !important;
+  }
+  .mx-3xl-tab {
+    margin-inline: var(--size-3xl) !important;
+  }
+  .mx-2xl-tab {
+    margin-inline: var(--size-2xl) !important;
+  }
+  .mx-tab {
+    margin-inline: var(--size-base) !important;
+  }
+  .mx-lg-tab {
+    margin-inline: var(--size-lg) !important;
+  }
+  .mx-md-tab {
+    margin-inline: var(--size-md) !important;
+  }
+  .mx-sm-tab {
+    margin-inline: var(--size-sm) !important;
+  }
+  .mx-xl-tab {
+    margin-inline: var(--size-xl) !important;
+  }
+  .mx-xs-tab {
+    margin-inline: var(--size-xs) !important;
+  }
+  .mx-xxs-tab {
+    margin-inline: var(--size-xxs) !important;
+  }
+
+  .ms-0-tab {
+    margin-inline-start: 0 !important;
+  }
+  .ms-auto-tab {
+    margin-inline-start: auto !important;
+  }
+  .ms-3xl-tab {
+    margin-inline-start: var(--size-3xl) !important;
+  }
+  .ms-2xl-tab {
+    margin-inline-start: var(--size-2xl) !important;
+  }
+  .ms-tab {
+    margin-inline-start: var(--size-base) !important;
+  }
+  .ms-lg-tab {
+    margin-inline-start: var(--size-lg) !important;
+  }
+  .ms-md-tab {
+    margin-inline-start: var(--size-md) !important;
+  }
+  .ms-sm-tab {
+    margin-inline-start: var(--size-sm) !important;
+  }
+  .ms-xl-tab {
+    margin-inline-start: var(--size-xl) !important;
+  }
+  .ms-xs-tab {
+    margin-inline-start: var(--size-xs) !important;
+  }
+  .ms-xxs-tab {
+    margin-inline-start: var(--size-xxs) !important;
+  }
+
+  .me-0-tab {
+    margin-inline-end: 0 !important;
+  }
+  .me-auto-tab {
+    margin-inline-end: auto !important;
+  }
+  .me-3xl-tab {
+    margin-inline-end: var(--size-3xl) !important;
+  }
+  .me-2xl-tab {
+    margin-inline-end: var(--size-2xl) !important;
+  }
+  .me-tab {
+    margin-inline-end: var(--size-base) !important;
+  }
+  .me-lg-tab {
+    margin-inline-end: var(--size-lg) !important;
+  }
+  .me-md-tab {
+    margin-inline-end: var(--size-md) !important;
+  }
+  .me-sm-tab {
+    margin-inline-end: var(--size-sm) !important;
+  }
+  .me-xl-tab {
+    margin-inline-end: var(--size-xl) !important;
+  }
+  .me-xs-tab {
+    margin-inline-end: var(--size-xs) !important;
+  }
+  .me-xxs-tab {
+    margin-inline-end: var(--size-xxs) !important;
+  }
+
+  .p-0-tab {
+    padding: 0 !important;
+  }
+  .p-3xl-tab {
+    padding: var(--size-3xl) !important;
+  }
+  .p-2xl-tab {
+    padding: var(--size-2xl) !important;
+  }
+  .p-tab {
+    padding: var(--size-base) !important;
+  }
+  .p-lg-tab {
+    padding: var(--size-lg) !important;
+  }
+  .p-md-tab {
+    padding: var(--size-md) !important;
+  }
+  .p-sm-tab {
+    padding: var(--size-sm) !important;
+  }
+  .p-xl-tab {
+    padding: var(--size-xl) !important;
+  }
+  .p-xs-tab {
+    padding: var(--size-xs) !important;
+  }
+  .p-xxs-tab {
+    padding: var(--size-xxs) !important;
+  }
+
+  .py-0-tab {
+    padding-block: 0 !important;
+  }
+  .py-3xl-tab {
+    padding-block: var(--size-3xl) !important;
+  }
+  .py-2xl-tab {
+    padding-block: var(--size-2xl) !important;
+  }
+  .py-tab {
+    padding-block: var(--size-base) !important;
+  }
+  .py-lg-tab {
+    padding-block: var(--size-lg) !important;
+  }
+  .py-md-tab {
+    padding-block: var(--size-md) !important;
+  }
+  .py-sm-tab {
+    padding-block: var(--size-sm) !important;
+  }
+  .py-xl-tab {
+    padding-block: var(--size-xl) !important;
+  }
+  .py-xs-tab {
+    padding-block: var(--size-xs) !important;
+  }
+  .py-xxs-tab {
+    padding-block: var(--size-xxs) !important;
+  }
+
+  .pt-0-tab {
+    padding-block-start: 0 !important;
+  }
+  .pt-3xl-tab {
+    padding-block-start: var(--size-3xl) !important;
+  }
+  .pt-2xl-tab {
+    padding-block-start: var(--size-2xl) !important;
+  }
+  .pt-tab {
+    padding-block-start: var(--size-base) !important;
+  }
+  .pt-lg-tab {
+    padding-block-start: var(--size-lg) !important;
+  }
+  .pt-md-tab {
+    padding-block-start: var(--size-md) !important;
+  }
+  .pt-sm-tab {
+    padding-block-start: var(--size-sm) !important;
+  }
+  .pt-xl-tab {
+    padding-block-start: var(--size-xl) !important;
+  }
+  .pt-xs-tab {
+    padding-block-start: var(--size-xs) !important;
+  }
+  .pt-xxs-tab {
+    padding-block-start: var(--size-xxs) !important;
+  }
+
+  .pb-0-tab {
+    padding-block-end: 0 !important;
+  }
+  .pb-3xl-tab {
+    padding-block-end: var(--size-3xl) !important;
+  }
+  .pb-2xl-tab {
+    padding-block-end: var(--size-2xl) !important;
+  }
+  .pb-tab {
+    padding-block-end: var(--size-base) !important;
+  }
+  .pb-lg-tab {
+    padding-block-end: var(--size-lg) !important;
+  }
+  .pb-md-tab {
+    padding-block-end: var(--size-md) !important;
+  }
+  .pb-sm-tab {
+    padding-block-end: var(--size-sm) !important;
+  }
+  .pb-xl-tab {
+    padding-block-end: var(--size-xl) !important;
+  }
+  .pb-xs-tab {
+    padding-block-end: var(--size-xs) !important;
+  }
+  .pb-xxs-tab {
+    padding-block-end: var(--size-xxs) !important;
+  }
+
+  .px-0-tab {
+    padding-inline: 0 !important;
+  }
+  .px-3xl-tab {
+    padding-inline: var(--size-3xl) !important;
+  }
+  .px-2xl-tab {
+    padding-inline: var(--size-2xl) !important;
+  }
+  .px-tab {
+    padding-inline: var(--size-base) !important;
+  }
+  .px-lg-tab {
+    padding-inline: var(--size-lg) !important;
+  }
+  .px-md-tab {
+    padding-inline: var(--size-md) !important;
+  }
+  .px-sm-tab {
+    padding-inline: var(--size-sm) !important;
+  }
+  .px-xl-tab {
+    padding-inline: var(--size-xl) !important;
+  }
+  .px-xs-tab {
+    padding-inline: var(--size-xs) !important;
+  }
+  .px-xxs-tab {
+    padding-inline: var(--size-xxs) !important;
+  }
+
+  .ps-0-tab {
+    padding-inline-start: 0 !important;
+  }
+  .ps-3xl-tab {
+    padding-inline-start: var(--size-3xl) !important;
+  }
+  .ps-2xl-tab {
+    padding-inline-start: var(--size-2xl) !important;
+  }
+  .ps-tab {
+    padding-inline-start: var(--size-base) !important;
+  }
+  .ps-lg-tab {
+    padding-inline-start: var(--size-lg) !important;
+  }
+  .ps-md-tab {
+    padding-inline-start: var(--size-md) !important;
+  }
+  .ps-sm-tab {
+    padding-inline-start: var(--size-sm) !important;
+  }
+  .ps-xl-tab {
+    padding-inline-start: var(--size-xl) !important;
+  }
+  .ps-xs-tab {
+    padding-inline-start: var(--size-xs) !important;
+  }
+  .ps-xxs-tab {
+    padding-inline-start: var(--size-xxs) !important;
+  }
+
+  .pe-0-tab {
+    padding-inline-end: 0 !important;
+  }
+  .pe-3xl-tab {
+    padding-inline-end: var(--size-3xl) !important;
+  }
+  .pe-2xl-tab {
+    padding-inline-end: var(--size-2xl) !important;
+  }
+  .pe-tab {
+    padding-inline-end: var(--size-base) !important;
+  }
+  .pe-lg-tab {
+    padding-inline-end: var(--size-lg) !important;
+  }
+  .pe-md-tab {
+    padding-inline-end: var(--size-md) !important;
+  }
+  .pe-sm-tab {
+    padding-inline-end: var(--size-sm) !important;
+  }
+  .pe-xl-tab {
+    padding-inline-end: var(--size-xl) !important;
+  }
+  .pe-xs-tab {
+    padding-inline-end: var(--size-xs) !important;
+  }
+  .pe-xxs-tab {
+    padding-inline-end: var(--size-xxs) !important;
+  }
+
+}
+
+@media (--media-small-viewport-up) {
+
+  .m-0-mob {
+    margin: 0 !important;
+  }
+  .m-auto-mob {
+    margin: auto !important;
+  }
+  .m-3xl-mob {
+    margin: var(--size-3xl) !important;
+  }
+  .m-2xl-mob {
+    margin: var(--size-2xl) !important;
+  }
+  .m-mob {
+    margin: var(--size-base) !important;
+  }
+  .m-lg-mob {
+    margin: var(--size-lg) !important;
+  }
+  .m-md-mob {
+    margin: var(--size-md) !important;
+  }
+  .m-sm-mob {
+    margin: var(--size-sm) !important;
+  }
+  .m-xl-mob {
+    margin: var(--size-xl) !important;
+  }
+  .m-xs-mob {
+    margin: var(--size-xs) !important;
+  }
+  .m-xxs-mob {
+    margin: var(--size-xxs) !important;
+  }
+
+  .my-0-mob {
+    margin-block: 0 !important;
+  }
+  .my-auto-mob {
+    margin-block: auto !important;
+  }
+  .my-3xl-mob {
+    margin-block: var(--size-3xl) !important;
+  }
+  .my-2xl-mob {
+    margin-block: var(--size-2xl) !important;
+  }
+  .my-mob {
+    margin-block: var(--size-base) !important;
+  }
+  .my-lg-mob {
+    margin-block: var(--size-lg) !important;
+  }
+  .my-md-mob {
+    margin-block: var(--size-md) !important;
+  }
+  .my-sm-mob {
+    margin-block: var(--size-sm) !important;
+  }
+  .my-xl-mob {
+    margin-block: var(--size-xl) !important;
+  }
+  .my-xs-mob {
+    margin-block: var(--size-xs) !important;
+  }
+  .my-xxs-mob {
+    margin-block: var(--size-xxs) !important;
+  }
+
+  .mt-0-mob {
+    margin-block-start: 0 !important;
+  }
+  .mt-auto-mob {
+    margin-block-start: auto !important;
+  }
+  .mt-3xl-mob {
+    margin-block-start: var(--size-3xl) !important;
+  }
+  .mt-2xl-mob {
+    margin-block-start: var(--size-2xl) !important;
+  }
+  .mt-mob {
+    margin-block-start: var(--size-base) !important;
+  }
+  .mt-lg-mob {
+    margin-block-start: var(--size-lg) !important;
+  }
+  .mt-md-mob {
+    margin-block-start: var(--size-md) !important;
+  }
+  .mt-sm-mob {
+    margin-block-start: var(--size-sm) !important;
+  }
+  .mt-xl-mob {
+    margin-block-start: var(--size-xl) !important;
+  }
+  .mt-xs-mob {
+    margin-block-start: var(--size-xs) !important;
+  }
+  .mt-xxs-mob {
+    margin-block-start: var(--size-xxs) !important;
+  }
+
+  .mb-0-mob {
+    margin-block-end: 0 !important;
+  }
+  .mb-auto-mob {
+    margin-block-end: auto !important;
+  }
+  .mb-3xl-mob {
+    margin-block-end: var(--size-3xl) !important;
+  }
+  .mb-2xl-mob {
+    margin-block-end: var(--size-2xl) !important;
+  }
+  .mb-mob {
+    margin-block-end: var(--size-base) !important;
+  }
+  .mb-lg-mob {
+    margin-block-end: var(--size-lg) !important;
+  }
+  .mb-md-mob {
+    margin-block-end: var(--size-md) !important;
+  }
+  .mb-sm-mob {
+    margin-block-end: var(--size-sm) !important;
+  }
+  .mb-xl-mob {
+    margin-block-end: var(--size-xl) !important;
+  }
+  .mb-xs-mob {
+    margin-block-end: var(--size-xs) !important;
+  }
+  .mb-xxs-mob {
+    margin-block-end: var(--size-xxs) !important;
+  }
+
+  .mx-0-mob {
+    margin-inline: 0 !important;
+  }
+  .mx-auto-mob {
+    margin-inline: auto !important;
+  }
+  .mx-3xl-mob {
+    margin-inline: var(--size-3xl) !important;
+  }
+  .mx-2xl-mob {
+    margin-inline: var(--size-2xl) !important;
+  }
+  .mx-mob {
+    margin-inline: var(--size-base) !important;
+  }
+  .mx-lg-mob {
+    margin-inline: var(--size-lg) !important;
+  }
+  .mx-md-mob {
+    margin-inline: var(--size-md) !important;
+  }
+  .mx-sm-mob {
+    margin-inline: var(--size-sm) !important;
+  }
+  .mx-xl-mob {
+    margin-inline: var(--size-xl) !important;
+  }
+  .mx-xs-mob {
+    margin-inline: var(--size-xs) !important;
+  }
+  .mx-xxs-mob {
+    margin-inline: var(--size-xxs) !important;
+  }
+
+  .ms-0-mob {
+    margin-inline-start: 0 !important;
+  }
+  .ms-auto-mob {
+    margin-inline-start: auto !important;
+  }
+  .ms-3xl-mob {
+    margin-inline-start: var(--size-3xl) !important;
+  }
+  .ms-2xl-mob {
+    margin-inline-start: var(--size-2xl) !important;
+  }
+  .ms-mob {
+    margin-inline-start: var(--size-base) !important;
+  }
+  .ms-lg-mob {
+    margin-inline-start: var(--size-lg) !important;
+  }
+  .ms-md-mob {
+    margin-inline-start: var(--size-md) !important;
+  }
+  .ms-sm-mob {
+    margin-inline-start: var(--size-sm) !important;
+  }
+  .ms-xl-mob {
+    margin-inline-start: var(--size-xl) !important;
+  }
+  .ms-xs-mob {
+    margin-inline-start: var(--size-xs) !important;
+  }
+  .ms-xxs-mob {
+    margin-inline-start: var(--size-xxs) !important;
+  }
+
+  .me-0-mob {
+    margin-inline-end: 0 !important;
+  }
+  .me-auto-mob {
+    margin-inline-end: auto !important;
+  }
+  .me-3xl-mob {
+    margin-inline-end: var(--size-3xl) !important;
+  }
+  .me-2xl-mob {
+    margin-inline-end: var(--size-2xl) !important;
+  }
+  .me-mob {
+    margin-inline-end: var(--size-base) !important;
+  }
+  .me-lg-mob {
+    margin-inline-end: var(--size-lg) !important;
+  }
+  .me-md-mob {
+    margin-inline-end: var(--size-md) !important;
+  }
+  .me-sm-mob {
+    margin-inline-end: var(--size-sm) !important;
+  }
+  .me-xl-mob {
+    margin-inline-end: var(--size-xl) !important;
+  }
+  .me-xs-mob {
+    margin-inline-end: var(--size-xs) !important;
+  }
+  .me-xxs-mob {
+    margin-inline-end: var(--size-xxs) !important;
+  }
+
+  .p-0-mob {
+    padding: 0 !important;
+  }
+  .p-3xl-mob {
+    padding: var(--size-3xl) !important;
+  }
+  .p-2xl-mob {
+    padding: var(--size-2xl) !important;
+  }
+  .p-mob {
+    padding: var(--size-base) !important;
+  }
+  .p-lg-mob {
+    padding: var(--size-lg) !important;
+  }
+  .p-md-mob {
+    padding: var(--size-md) !important;
+  }
+  .p-sm-mob {
+    padding: var(--size-sm) !important;
+  }
+  .p-xl-mob {
+    padding: var(--size-xl) !important;
+  }
+  .p-xs-mob {
+    padding: var(--size-xs) !important;
+  }
+  .p-xxs-mob {
+    padding: var(--size-xxs) !important;
+  }
+
+  .py-0-mob {
+    padding-block: 0 !important;
+  }
+  .py-3xl-mob {
+    padding-block: var(--size-3xl) !important;
+  }
+  .py-2xl-mob {
+    padding-block: var(--size-2xl) !important;
+  }
+  .py-mob {
+    padding-block: var(--size-base) !important;
+  }
+  .py-lg-mob {
+    padding-block: var(--size-lg) !important;
+  }
+  .py-md-mob {
+    padding-block: var(--size-md) !important;
+  }
+  .py-sm-mob {
+    padding-block: var(--size-sm) !important;
+  }
+  .py-xl-mob {
+    padding-block: var(--size-xl) !important;
+  }
+  .py-xs-mob {
+    padding-block: var(--size-xs) !important;
+  }
+  .py-xxs-mob {
+    padding-block: var(--size-xxs) !important;
+  }
+
+  .pt-0-mob {
+    padding-block-start: 0 !important;
+  }
+  .pt-3xl-mob {
+    padding-block-start: var(--size-3xl) !important;
+  }
+  .pt-2xl-mob {
+    padding-block-start: var(--size-2xl) !important;
+  }
+  .pt-mob {
+    padding-block-start: var(--size-base) !important;
+  }
+  .pt-lg-mob {
+    padding-block-start: var(--size-lg) !important;
+  }
+  .pt-md-mob {
+    padding-block-start: var(--size-md) !important;
+  }
+  .pt-sm-mob {
+    padding-block-start: var(--size-sm) !important;
+  }
+  .pt-xl-mob {
+    padding-block-start: var(--size-xl) !important;
+  }
+  .pt-xs-mob {
+    padding-block-start: var(--size-xs) !important;
+  }
+  .pt-xxs-mob {
+    padding-block-start: var(--size-xxs) !important;
+  }
+
+  .pb-0-mob {
+    padding-block-end: 0 !important;
+  }
+  .pb-3xl-mob {
+    padding-block-end: var(--size-3xl) !important;
+  }
+  .pb-2xl-mob {
+    padding-block-end: var(--size-2xl) !important;
+  }
+  .pb-mob {
+    padding-block-end: var(--size-base) !important;
+  }
+  .pb-lg-mob {
+    padding-block-end: var(--size-lg) !important;
+  }
+  .pb-md-mob {
+    padding-block-end: var(--size-md) !important;
+  }
+  .pb-sm-mob {
+    padding-block-end: var(--size-sm) !important;
+  }
+  .pb-xl-mob {
+    padding-block-end: var(--size-xl) !important;
+  }
+  .pb-xs-mob {
+    padding-block-end: var(--size-xs) !important;
+  }
+  .pb-xxs-mob {
+    padding-block-end: var(--size-xxs) !important;
+  }
+
+  .px-0-mob {
+    padding-inline: 0 !important;
+  }
+  .px-3xl-mob {
+    padding-inline: var(--size-3xl) !important;
+  }
+  .px-2xl-mob {
+    padding-inline: var(--size-2xl) !important;
+  }
+  .px-mob {
+    padding-inline: var(--size-base) !important;
+  }
+  .px-lg-mob {
+    padding-inline: var(--size-lg) !important;
+  }
+  .px-md-mob {
+    padding-inline: var(--size-md) !important;
+  }
+  .px-sm-mob {
+    padding-inline: var(--size-sm) !important;
+  }
+  .px-xl-mob {
+    padding-inline: var(--size-xl) !important;
+  }
+  .px-xs-mob {
+    padding-inline: var(--size-xs) !important;
+  }
+  .px-xxs-mob {
+    padding-inline: var(--size-xxs) !important;
+  }
+
+  .ps-0-mob {
+    padding-inline-start: 0 !important;
+  }
+  .ps-3xl-mob {
+    padding-inline-start: var(--size-3xl) !important;
+  }
+  .ps-2xl-mob {
+    padding-inline-start: var(--size-2xl) !important;
+  }
+  .ps-mob {
+    padding-inline-start: var(--size-base) !important;
+  }
+  .ps-lg-mob {
+    padding-inline-start: var(--size-lg) !important;
+  }
+  .ps-md-mob {
+    padding-inline-start: var(--size-md) !important;
+  }
+  .ps-sm-mob {
+    padding-inline-start: var(--size-sm) !important;
+  }
+  .ps-xl-mob {
+    padding-inline-start: var(--size-xl) !important;
+  }
+  .ps-xs-mob {
+    padding-inline-start: var(--size-xs) !important;
+  }
+  .ps-xxs-mob {
+    padding-inline-start: var(--size-xxs) !important;
+  }
+
+  .pe-0-mob {
+    padding-inline-end: 0 !important;
+  }
+  .pe-3xl-mob {
+    padding-inline-end: var(--size-3xl) !important;
+  }
+  .pe-2xl-mob {
+    padding-inline-end: var(--size-2xl) !important;
+  }
+  .pe-mob {
+    padding-inline-end: var(--size-base) !important;
+  }
+  .pe-lg-mob {
+    padding-inline-end: var(--size-lg) !important;
+  }
+  .pe-md-mob {
+    padding-inline-end: var(--size-md) !important;
+  }
+  .pe-sm-mob {
+    padding-inline-end: var(--size-sm) !important;
+  }
+  .pe-xl-mob {
+    padding-inline-end: var(--size-xl) !important;
+  }
+  .pe-xs-mob {
+    padding-inline-end: var(--size-xs) !important;
+  }
+  .pe-xxs-mob {
+    padding-inline-end: var(--size-xxs) !important;
+  }
+
+}