@massimo-cassandro/minimo 1.16.1 → 1.17.0

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

@@ -0,0 +1,1843 @@
+/* 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.
+
+   Responsive companion of `margin-padding.css`, one @media block per breakpoint. */
+
+@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;
+  }
+
+  .mb-0-dsk {
+    margin-block: 0 !important;
+  }
+  .mb-auto-dsk {
+    margin-block: auto !important;
+  }
+  .mb-3xl-dsk {
+    margin-block: var(--size-3xl) !important;
+  }
+  .mb-2xl-dsk {
+    margin-block: var(--size-2xl) !important;
+  }
+  .mb-dsk {
+    margin-block: var(--size-base) !important;
+  }
+  .mb-lg-dsk {
+    margin-block: var(--size-lg) !important;
+  }
+  .mb-md-dsk {
+    margin-block: var(--size-md) !important;
+  }
+  .mb-sm-dsk {
+    margin-block: var(--size-sm) !important;
+  }
+  .mb-xl-dsk {
+    margin-block: var(--size-xl) !important;
+  }
+  .mb-xs-dsk {
+    margin-block: var(--size-xs) !important;
+  }
+  .mb-xxs-dsk {
+    margin-block: var(--size-xxs) !important;
+  }
+
+  .mbs-0-dsk {
+    margin-block-start: 0 !important;
+  }
+  .mbs-auto-dsk {
+    margin-block-start: auto !important;
+  }
+  .mbs-3xl-dsk {
+    margin-block-start: var(--size-3xl) !important;
+  }
+  .mbs-2xl-dsk {
+    margin-block-start: var(--size-2xl) !important;
+  }
+  .mbs-dsk {
+    margin-block-start: var(--size-base) !important;
+  }
+  .mbs-lg-dsk {
+    margin-block-start: var(--size-lg) !important;
+  }
+  .mbs-md-dsk {
+    margin-block-start: var(--size-md) !important;
+  }
+  .mbs-sm-dsk {
+    margin-block-start: var(--size-sm) !important;
+  }
+  .mbs-xl-dsk {
+    margin-block-start: var(--size-xl) !important;
+  }
+  .mbs-xs-dsk {
+    margin-block-start: var(--size-xs) !important;
+  }
+  .mbs-xxs-dsk {
+    margin-block-start: var(--size-xxs) !important;
+  }
+
+  .mbe-0-dsk {
+    margin-block-end: 0 !important;
+  }
+  .mbe-auto-dsk {
+    margin-block-end: auto !important;
+  }
+  .mbe-3xl-dsk {
+    margin-block-end: var(--size-3xl) !important;
+  }
+  .mbe-2xl-dsk {
+    margin-block-end: var(--size-2xl) !important;
+  }
+  .mbe-dsk {
+    margin-block-end: var(--size-base) !important;
+  }
+  .mbe-lg-dsk {
+    margin-block-end: var(--size-lg) !important;
+  }
+  .mbe-md-dsk {
+    margin-block-end: var(--size-md) !important;
+  }
+  .mbe-sm-dsk {
+    margin-block-end: var(--size-sm) !important;
+  }
+  .mbe-xl-dsk {
+    margin-block-end: var(--size-xl) !important;
+  }
+  .mbe-xs-dsk {
+    margin-block-end: var(--size-xs) !important;
+  }
+  .mbe-xxs-dsk {
+    margin-block-end: var(--size-xxs) !important;
+  }
+
+  .mi-0-dsk {
+    margin-inline: 0 !important;
+  }
+  .mi-auto-dsk {
+    margin-inline: auto !important;
+  }
+  .mi-3xl-dsk {
+    margin-inline: var(--size-3xl) !important;
+  }
+  .mi-2xl-dsk {
+    margin-inline: var(--size-2xl) !important;
+  }
+  .mi-dsk {
+    margin-inline: var(--size-base) !important;
+  }
+  .mi-lg-dsk {
+    margin-inline: var(--size-lg) !important;
+  }
+  .mi-md-dsk {
+    margin-inline: var(--size-md) !important;
+  }
+  .mi-sm-dsk {
+    margin-inline: var(--size-sm) !important;
+  }
+  .mi-xl-dsk {
+    margin-inline: var(--size-xl) !important;
+  }
+  .mi-xs-dsk {
+    margin-inline: var(--size-xs) !important;
+  }
+  .mi-xxs-dsk {
+    margin-inline: var(--size-xxs) !important;
+  }
+
+  .mis-0-dsk {
+    margin-inline-start: 0 !important;
+  }
+  .mis-auto-dsk {
+    margin-inline-start: auto !important;
+  }
+  .mis-3xl-dsk {
+    margin-inline-start: var(--size-3xl) !important;
+  }
+  .mis-2xl-dsk {
+    margin-inline-start: var(--size-2xl) !important;
+  }
+  .mis-dsk {
+    margin-inline-start: var(--size-base) !important;
+  }
+  .mis-lg-dsk {
+    margin-inline-start: var(--size-lg) !important;
+  }
+  .mis-md-dsk {
+    margin-inline-start: var(--size-md) !important;
+  }
+  .mis-sm-dsk {
+    margin-inline-start: var(--size-sm) !important;
+  }
+  .mis-xl-dsk {
+    margin-inline-start: var(--size-xl) !important;
+  }
+  .mis-xs-dsk {
+    margin-inline-start: var(--size-xs) !important;
+  }
+  .mis-xxs-dsk {
+    margin-inline-start: var(--size-xxs) !important;
+  }
+
+  .mie-0-dsk {
+    margin-inline-end: 0 !important;
+  }
+  .mie-auto-dsk {
+    margin-inline-end: auto !important;
+  }
+  .mie-3xl-dsk {
+    margin-inline-end: var(--size-3xl) !important;
+  }
+  .mie-2xl-dsk {
+    margin-inline-end: var(--size-2xl) !important;
+  }
+  .mie-dsk {
+    margin-inline-end: var(--size-base) !important;
+  }
+  .mie-lg-dsk {
+    margin-inline-end: var(--size-lg) !important;
+  }
+  .mie-md-dsk {
+    margin-inline-end: var(--size-md) !important;
+  }
+  .mie-sm-dsk {
+    margin-inline-end: var(--size-sm) !important;
+  }
+  .mie-xl-dsk {
+    margin-inline-end: var(--size-xl) !important;
+  }
+  .mie-xs-dsk {
+    margin-inline-end: var(--size-xs) !important;
+  }
+  .mie-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;
+  }
+
+  .pb-0-dsk {
+    padding-block: 0 !important;
+  }
+  .pb-3xl-dsk {
+    padding-block: var(--size-3xl) !important;
+  }
+  .pb-2xl-dsk {
+    padding-block: var(--size-2xl) !important;
+  }
+  .pb-dsk {
+    padding-block: var(--size-base) !important;
+  }
+  .pb-lg-dsk {
+    padding-block: var(--size-lg) !important;
+  }
+  .pb-md-dsk {
+    padding-block: var(--size-md) !important;
+  }
+  .pb-sm-dsk {
+    padding-block: var(--size-sm) !important;
+  }
+  .pb-xl-dsk {
+    padding-block: var(--size-xl) !important;
+  }
+  .pb-xs-dsk {
+    padding-block: var(--size-xs) !important;
+  }
+  .pb-xxs-dsk {
+    padding-block: var(--size-xxs) !important;
+  }
+
+  .pbs-0-dsk {
+    padding-block-start: 0 !important;
+  }
+  .pbs-3xl-dsk {
+    padding-block-start: var(--size-3xl) !important;
+  }
+  .pbs-2xl-dsk {
+    padding-block-start: var(--size-2xl) !important;
+  }
+  .pbs-dsk {
+    padding-block-start: var(--size-base) !important;
+  }
+  .pbs-lg-dsk {
+    padding-block-start: var(--size-lg) !important;
+  }
+  .pbs-md-dsk {
+    padding-block-start: var(--size-md) !important;
+  }
+  .pbs-sm-dsk {
+    padding-block-start: var(--size-sm) !important;
+  }
+  .pbs-xl-dsk {
+    padding-block-start: var(--size-xl) !important;
+  }
+  .pbs-xs-dsk {
+    padding-block-start: var(--size-xs) !important;
+  }
+  .pbs-xxs-dsk {
+    padding-block-start: var(--size-xxs) !important;
+  }
+
+  .pbe-0-dsk {
+    padding-block-end: 0 !important;
+  }
+  .pbe-3xl-dsk {
+    padding-block-end: var(--size-3xl) !important;
+  }
+  .pbe-2xl-dsk {
+    padding-block-end: var(--size-2xl) !important;
+  }
+  .pbe-dsk {
+    padding-block-end: var(--size-base) !important;
+  }
+  .pbe-lg-dsk {
+    padding-block-end: var(--size-lg) !important;
+  }
+  .pbe-md-dsk {
+    padding-block-end: var(--size-md) !important;
+  }
+  .pbe-sm-dsk {
+    padding-block-end: var(--size-sm) !important;
+  }
+  .pbe-xl-dsk {
+    padding-block-end: var(--size-xl) !important;
+  }
+  .pbe-xs-dsk {
+    padding-block-end: var(--size-xs) !important;
+  }
+  .pbe-xxs-dsk {
+    padding-block-end: var(--size-xxs) !important;
+  }
+
+  .pi-0-dsk {
+    padding-inline: 0 !important;
+  }
+  .pi-3xl-dsk {
+    padding-inline: var(--size-3xl) !important;
+  }
+  .pi-2xl-dsk {
+    padding-inline: var(--size-2xl) !important;
+  }
+  .pi-dsk {
+    padding-inline: var(--size-base) !important;
+  }
+  .pi-lg-dsk {
+    padding-inline: var(--size-lg) !important;
+  }
+  .pi-md-dsk {
+    padding-inline: var(--size-md) !important;
+  }
+  .pi-sm-dsk {
+    padding-inline: var(--size-sm) !important;
+  }
+  .pi-xl-dsk {
+    padding-inline: var(--size-xl) !important;
+  }
+  .pi-xs-dsk {
+    padding-inline: var(--size-xs) !important;
+  }
+  .pi-xxs-dsk {
+    padding-inline: var(--size-xxs) !important;
+  }
+
+  .pis-0-dsk {
+    padding-inline-start: 0 !important;
+  }
+  .pis-3xl-dsk {
+    padding-inline-start: var(--size-3xl) !important;
+  }
+  .pis-2xl-dsk {
+    padding-inline-start: var(--size-2xl) !important;
+  }
+  .pis-dsk {
+    padding-inline-start: var(--size-base) !important;
+  }
+  .pis-lg-dsk {
+    padding-inline-start: var(--size-lg) !important;
+  }
+  .pis-md-dsk {
+    padding-inline-start: var(--size-md) !important;
+  }
+  .pis-sm-dsk {
+    padding-inline-start: var(--size-sm) !important;
+  }
+  .pis-xl-dsk {
+    padding-inline-start: var(--size-xl) !important;
+  }
+  .pis-xs-dsk {
+    padding-inline-start: var(--size-xs) !important;
+  }
+  .pis-xxs-dsk {
+    padding-inline-start: var(--size-xxs) !important;
+  }
+
+  .pie-0-dsk {
+    padding-inline-end: 0 !important;
+  }
+  .pie-3xl-dsk {
+    padding-inline-end: var(--size-3xl) !important;
+  }
+  .pie-2xl-dsk {
+    padding-inline-end: var(--size-2xl) !important;
+  }
+  .pie-dsk {
+    padding-inline-end: var(--size-base) !important;
+  }
+  .pie-lg-dsk {
+    padding-inline-end: var(--size-lg) !important;
+  }
+  .pie-md-dsk {
+    padding-inline-end: var(--size-md) !important;
+  }
+  .pie-sm-dsk {
+    padding-inline-end: var(--size-sm) !important;
+  }
+  .pie-xl-dsk {
+    padding-inline-end: var(--size-xl) !important;
+  }
+  .pie-xs-dsk {
+    padding-inline-end: var(--size-xs) !important;
+  }
+  .pie-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;
+  }
+
+  .mb-0-lap {
+    margin-block: 0 !important;
+  }
+  .mb-auto-lap {
+    margin-block: auto !important;
+  }
+  .mb-3xl-lap {
+    margin-block: var(--size-3xl) !important;
+  }
+  .mb-2xl-lap {
+    margin-block: var(--size-2xl) !important;
+  }
+  .mb-lap {
+    margin-block: var(--size-base) !important;
+  }
+  .mb-lg-lap {
+    margin-block: var(--size-lg) !important;
+  }
+  .mb-md-lap {
+    margin-block: var(--size-md) !important;
+  }
+  .mb-sm-lap {
+    margin-block: var(--size-sm) !important;
+  }
+  .mb-xl-lap {
+    margin-block: var(--size-xl) !important;
+  }
+  .mb-xs-lap {
+    margin-block: var(--size-xs) !important;
+  }
+  .mb-xxs-lap {
+    margin-block: var(--size-xxs) !important;
+  }
+
+  .mbs-0-lap {
+    margin-block-start: 0 !important;
+  }
+  .mbs-auto-lap {
+    margin-block-start: auto !important;
+  }
+  .mbs-3xl-lap {
+    margin-block-start: var(--size-3xl) !important;
+  }
+  .mbs-2xl-lap {
+    margin-block-start: var(--size-2xl) !important;
+  }
+  .mbs-lap {
+    margin-block-start: var(--size-base) !important;
+  }
+  .mbs-lg-lap {
+    margin-block-start: var(--size-lg) !important;
+  }
+  .mbs-md-lap {
+    margin-block-start: var(--size-md) !important;
+  }
+  .mbs-sm-lap {
+    margin-block-start: var(--size-sm) !important;
+  }
+  .mbs-xl-lap {
+    margin-block-start: var(--size-xl) !important;
+  }
+  .mbs-xs-lap {
+    margin-block-start: var(--size-xs) !important;
+  }
+  .mbs-xxs-lap {
+    margin-block-start: var(--size-xxs) !important;
+  }
+
+  .mbe-0-lap {
+    margin-block-end: 0 !important;
+  }
+  .mbe-auto-lap {
+    margin-block-end: auto !important;
+  }
+  .mbe-3xl-lap {
+    margin-block-end: var(--size-3xl) !important;
+  }
+  .mbe-2xl-lap {
+    margin-block-end: var(--size-2xl) !important;
+  }
+  .mbe-lap {
+    margin-block-end: var(--size-base) !important;
+  }
+  .mbe-lg-lap {
+    margin-block-end: var(--size-lg) !important;
+  }
+  .mbe-md-lap {
+    margin-block-end: var(--size-md) !important;
+  }
+  .mbe-sm-lap {
+    margin-block-end: var(--size-sm) !important;
+  }
+  .mbe-xl-lap {
+    margin-block-end: var(--size-xl) !important;
+  }
+  .mbe-xs-lap {
+    margin-block-end: var(--size-xs) !important;
+  }
+  .mbe-xxs-lap {
+    margin-block-end: var(--size-xxs) !important;
+  }
+
+  .mi-0-lap {
+    margin-inline: 0 !important;
+  }
+  .mi-auto-lap {
+    margin-inline: auto !important;
+  }
+  .mi-3xl-lap {
+    margin-inline: var(--size-3xl) !important;
+  }
+  .mi-2xl-lap {
+    margin-inline: var(--size-2xl) !important;
+  }
+  .mi-lap {
+    margin-inline: var(--size-base) !important;
+  }
+  .mi-lg-lap {
+    margin-inline: var(--size-lg) !important;
+  }
+  .mi-md-lap {
+    margin-inline: var(--size-md) !important;
+  }
+  .mi-sm-lap {
+    margin-inline: var(--size-sm) !important;
+  }
+  .mi-xl-lap {
+    margin-inline: var(--size-xl) !important;
+  }
+  .mi-xs-lap {
+    margin-inline: var(--size-xs) !important;
+  }
+  .mi-xxs-lap {
+    margin-inline: var(--size-xxs) !important;
+  }
+
+  .mis-0-lap {
+    margin-inline-start: 0 !important;
+  }
+  .mis-auto-lap {
+    margin-inline-start: auto !important;
+  }
+  .mis-3xl-lap {
+    margin-inline-start: var(--size-3xl) !important;
+  }
+  .mis-2xl-lap {
+    margin-inline-start: var(--size-2xl) !important;
+  }
+  .mis-lap {
+    margin-inline-start: var(--size-base) !important;
+  }
+  .mis-lg-lap {
+    margin-inline-start: var(--size-lg) !important;
+  }
+  .mis-md-lap {
+    margin-inline-start: var(--size-md) !important;
+  }
+  .mis-sm-lap {
+    margin-inline-start: var(--size-sm) !important;
+  }
+  .mis-xl-lap {
+    margin-inline-start: var(--size-xl) !important;
+  }
+  .mis-xs-lap {
+    margin-inline-start: var(--size-xs) !important;
+  }
+  .mis-xxs-lap {
+    margin-inline-start: var(--size-xxs) !important;
+  }
+
+  .mie-0-lap {
+    margin-inline-end: 0 !important;
+  }
+  .mie-auto-lap {
+    margin-inline-end: auto !important;
+  }
+  .mie-3xl-lap {
+    margin-inline-end: var(--size-3xl) !important;
+  }
+  .mie-2xl-lap {
+    margin-inline-end: var(--size-2xl) !important;
+  }
+  .mie-lap {
+    margin-inline-end: var(--size-base) !important;
+  }
+  .mie-lg-lap {
+    margin-inline-end: var(--size-lg) !important;
+  }
+  .mie-md-lap {
+    margin-inline-end: var(--size-md) !important;
+  }
+  .mie-sm-lap {
+    margin-inline-end: var(--size-sm) !important;
+  }
+  .mie-xl-lap {
+    margin-inline-end: var(--size-xl) !important;
+  }
+  .mie-xs-lap {
+    margin-inline-end: var(--size-xs) !important;
+  }
+  .mie-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;
+  }
+
+  .pb-0-lap {
+    padding-block: 0 !important;
+  }
+  .pb-3xl-lap {
+    padding-block: var(--size-3xl) !important;
+  }
+  .pb-2xl-lap {
+    padding-block: var(--size-2xl) !important;
+  }
+  .pb-lap {
+    padding-block: var(--size-base) !important;
+  }
+  .pb-lg-lap {
+    padding-block: var(--size-lg) !important;
+  }
+  .pb-md-lap {
+    padding-block: var(--size-md) !important;
+  }
+  .pb-sm-lap {
+    padding-block: var(--size-sm) !important;
+  }
+  .pb-xl-lap {
+    padding-block: var(--size-xl) !important;
+  }
+  .pb-xs-lap {
+    padding-block: var(--size-xs) !important;
+  }
+  .pb-xxs-lap {
+    padding-block: var(--size-xxs) !important;
+  }
+
+  .pbs-0-lap {
+    padding-block-start: 0 !important;
+  }
+  .pbs-3xl-lap {
+    padding-block-start: var(--size-3xl) !important;
+  }
+  .pbs-2xl-lap {
+    padding-block-start: var(--size-2xl) !important;
+  }
+  .pbs-lap {
+    padding-block-start: var(--size-base) !important;
+  }
+  .pbs-lg-lap {
+    padding-block-start: var(--size-lg) !important;
+  }
+  .pbs-md-lap {
+    padding-block-start: var(--size-md) !important;
+  }
+  .pbs-sm-lap {
+    padding-block-start: var(--size-sm) !important;
+  }
+  .pbs-xl-lap {
+    padding-block-start: var(--size-xl) !important;
+  }
+  .pbs-xs-lap {
+    padding-block-start: var(--size-xs) !important;
+  }
+  .pbs-xxs-lap {
+    padding-block-start: var(--size-xxs) !important;
+  }
+
+  .pbe-0-lap {
+    padding-block-end: 0 !important;
+  }
+  .pbe-3xl-lap {
+    padding-block-end: var(--size-3xl) !important;
+  }
+  .pbe-2xl-lap {
+    padding-block-end: var(--size-2xl) !important;
+  }
+  .pbe-lap {
+    padding-block-end: var(--size-base) !important;
+  }
+  .pbe-lg-lap {
+    padding-block-end: var(--size-lg) !important;
+  }
+  .pbe-md-lap {
+    padding-block-end: var(--size-md) !important;
+  }
+  .pbe-sm-lap {
+    padding-block-end: var(--size-sm) !important;
+  }
+  .pbe-xl-lap {
+    padding-block-end: var(--size-xl) !important;
+  }
+  .pbe-xs-lap {
+    padding-block-end: var(--size-xs) !important;
+  }
+  .pbe-xxs-lap {
+    padding-block-end: var(--size-xxs) !important;
+  }
+
+  .pi-0-lap {
+    padding-inline: 0 !important;
+  }
+  .pi-3xl-lap {
+    padding-inline: var(--size-3xl) !important;
+  }
+  .pi-2xl-lap {
+    padding-inline: var(--size-2xl) !important;
+  }
+  .pi-lap {
+    padding-inline: var(--size-base) !important;
+  }
+  .pi-lg-lap {
+    padding-inline: var(--size-lg) !important;
+  }
+  .pi-md-lap {
+    padding-inline: var(--size-md) !important;
+  }
+  .pi-sm-lap {
+    padding-inline: var(--size-sm) !important;
+  }
+  .pi-xl-lap {
+    padding-inline: var(--size-xl) !important;
+  }
+  .pi-xs-lap {
+    padding-inline: var(--size-xs) !important;
+  }
+  .pi-xxs-lap {
+    padding-inline: var(--size-xxs) !important;
+  }
+
+  .pis-0-lap {
+    padding-inline-start: 0 !important;
+  }
+  .pis-3xl-lap {
+    padding-inline-start: var(--size-3xl) !important;
+  }
+  .pis-2xl-lap {
+    padding-inline-start: var(--size-2xl) !important;
+  }
+  .pis-lap {
+    padding-inline-start: var(--size-base) !important;
+  }
+  .pis-lg-lap {
+    padding-inline-start: var(--size-lg) !important;
+  }
+  .pis-md-lap {
+    padding-inline-start: var(--size-md) !important;
+  }
+  .pis-sm-lap {
+    padding-inline-start: var(--size-sm) !important;
+  }
+  .pis-xl-lap {
+    padding-inline-start: var(--size-xl) !important;
+  }
+  .pis-xs-lap {
+    padding-inline-start: var(--size-xs) !important;
+  }
+  .pis-xxs-lap {
+    padding-inline-start: var(--size-xxs) !important;
+  }
+
+  .pie-0-lap {
+    padding-inline-end: 0 !important;
+  }
+  .pie-3xl-lap {
+    padding-inline-end: var(--size-3xl) !important;
+  }
+  .pie-2xl-lap {
+    padding-inline-end: var(--size-2xl) !important;
+  }
+  .pie-lap {
+    padding-inline-end: var(--size-base) !important;
+  }
+  .pie-lg-lap {
+    padding-inline-end: var(--size-lg) !important;
+  }
+  .pie-md-lap {
+    padding-inline-end: var(--size-md) !important;
+  }
+  .pie-sm-lap {
+    padding-inline-end: var(--size-sm) !important;
+  }
+  .pie-xl-lap {
+    padding-inline-end: var(--size-xl) !important;
+  }
+  .pie-xs-lap {
+    padding-inline-end: var(--size-xs) !important;
+  }
+  .pie-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;
+  }
+
+  .mb-0-tab {
+    margin-block: 0 !important;
+  }
+  .mb-auto-tab {
+    margin-block: auto !important;
+  }
+  .mb-3xl-tab {
+    margin-block: var(--size-3xl) !important;
+  }
+  .mb-2xl-tab {
+    margin-block: var(--size-2xl) !important;
+  }
+  .mb-tab {
+    margin-block: var(--size-base) !important;
+  }
+  .mb-lg-tab {
+    margin-block: var(--size-lg) !important;
+  }
+  .mb-md-tab {
+    margin-block: var(--size-md) !important;
+  }
+  .mb-sm-tab {
+    margin-block: var(--size-sm) !important;
+  }
+  .mb-xl-tab {
+    margin-block: var(--size-xl) !important;
+  }
+  .mb-xs-tab {
+    margin-block: var(--size-xs) !important;
+  }
+  .mb-xxs-tab {
+    margin-block: var(--size-xxs) !important;
+  }
+
+  .mbs-0-tab {
+    margin-block-start: 0 !important;
+  }
+  .mbs-auto-tab {
+    margin-block-start: auto !important;
+  }
+  .mbs-3xl-tab {
+    margin-block-start: var(--size-3xl) !important;
+  }
+  .mbs-2xl-tab {
+    margin-block-start: var(--size-2xl) !important;
+  }
+  .mbs-tab {
+    margin-block-start: var(--size-base) !important;
+  }
+  .mbs-lg-tab {
+    margin-block-start: var(--size-lg) !important;
+  }
+  .mbs-md-tab {
+    margin-block-start: var(--size-md) !important;
+  }
+  .mbs-sm-tab {
+    margin-block-start: var(--size-sm) !important;
+  }
+  .mbs-xl-tab {
+    margin-block-start: var(--size-xl) !important;
+  }
+  .mbs-xs-tab {
+    margin-block-start: var(--size-xs) !important;
+  }
+  .mbs-xxs-tab {
+    margin-block-start: var(--size-xxs) !important;
+  }
+
+  .mbe-0-tab {
+    margin-block-end: 0 !important;
+  }
+  .mbe-auto-tab {
+    margin-block-end: auto !important;
+  }
+  .mbe-3xl-tab {
+    margin-block-end: var(--size-3xl) !important;
+  }
+  .mbe-2xl-tab {
+    margin-block-end: var(--size-2xl) !important;
+  }
+  .mbe-tab {
+    margin-block-end: var(--size-base) !important;
+  }
+  .mbe-lg-tab {
+    margin-block-end: var(--size-lg) !important;
+  }
+  .mbe-md-tab {
+    margin-block-end: var(--size-md) !important;
+  }
+  .mbe-sm-tab {
+    margin-block-end: var(--size-sm) !important;
+  }
+  .mbe-xl-tab {
+    margin-block-end: var(--size-xl) !important;
+  }
+  .mbe-xs-tab {
+    margin-block-end: var(--size-xs) !important;
+  }
+  .mbe-xxs-tab {
+    margin-block-end: var(--size-xxs) !important;
+  }
+
+  .mi-0-tab {
+    margin-inline: 0 !important;
+  }
+  .mi-auto-tab {
+    margin-inline: auto !important;
+  }
+  .mi-3xl-tab {
+    margin-inline: var(--size-3xl) !important;
+  }
+  .mi-2xl-tab {
+    margin-inline: var(--size-2xl) !important;
+  }
+  .mi-tab {
+    margin-inline: var(--size-base) !important;
+  }
+  .mi-lg-tab {
+    margin-inline: var(--size-lg) !important;
+  }
+  .mi-md-tab {
+    margin-inline: var(--size-md) !important;
+  }
+  .mi-sm-tab {
+    margin-inline: var(--size-sm) !important;
+  }
+  .mi-xl-tab {
+    margin-inline: var(--size-xl) !important;
+  }
+  .mi-xs-tab {
+    margin-inline: var(--size-xs) !important;
+  }
+  .mi-xxs-tab {
+    margin-inline: var(--size-xxs) !important;
+  }
+
+  .mis-0-tab {
+    margin-inline-start: 0 !important;
+  }
+  .mis-auto-tab {
+    margin-inline-start: auto !important;
+  }
+  .mis-3xl-tab {
+    margin-inline-start: var(--size-3xl) !important;
+  }
+  .mis-2xl-tab {
+    margin-inline-start: var(--size-2xl) !important;
+  }
+  .mis-tab {
+    margin-inline-start: var(--size-base) !important;
+  }
+  .mis-lg-tab {
+    margin-inline-start: var(--size-lg) !important;
+  }
+  .mis-md-tab {
+    margin-inline-start: var(--size-md) !important;
+  }
+  .mis-sm-tab {
+    margin-inline-start: var(--size-sm) !important;
+  }
+  .mis-xl-tab {
+    margin-inline-start: var(--size-xl) !important;
+  }
+  .mis-xs-tab {
+    margin-inline-start: var(--size-xs) !important;
+  }
+  .mis-xxs-tab {
+    margin-inline-start: var(--size-xxs) !important;
+  }
+
+  .mie-0-tab {
+    margin-inline-end: 0 !important;
+  }
+  .mie-auto-tab {
+    margin-inline-end: auto !important;
+  }
+  .mie-3xl-tab {
+    margin-inline-end: var(--size-3xl) !important;
+  }
+  .mie-2xl-tab {
+    margin-inline-end: var(--size-2xl) !important;
+  }
+  .mie-tab {
+    margin-inline-end: var(--size-base) !important;
+  }
+  .mie-lg-tab {
+    margin-inline-end: var(--size-lg) !important;
+  }
+  .mie-md-tab {
+    margin-inline-end: var(--size-md) !important;
+  }
+  .mie-sm-tab {
+    margin-inline-end: var(--size-sm) !important;
+  }
+  .mie-xl-tab {
+    margin-inline-end: var(--size-xl) !important;
+  }
+  .mie-xs-tab {
+    margin-inline-end: var(--size-xs) !important;
+  }
+  .mie-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;
+  }
+
+  .pb-0-tab {
+    padding-block: 0 !important;
+  }
+  .pb-3xl-tab {
+    padding-block: var(--size-3xl) !important;
+  }
+  .pb-2xl-tab {
+    padding-block: var(--size-2xl) !important;
+  }
+  .pb-tab {
+    padding-block: var(--size-base) !important;
+  }
+  .pb-lg-tab {
+    padding-block: var(--size-lg) !important;
+  }
+  .pb-md-tab {
+    padding-block: var(--size-md) !important;
+  }
+  .pb-sm-tab {
+    padding-block: var(--size-sm) !important;
+  }
+  .pb-xl-tab {
+    padding-block: var(--size-xl) !important;
+  }
+  .pb-xs-tab {
+    padding-block: var(--size-xs) !important;
+  }
+  .pb-xxs-tab {
+    padding-block: var(--size-xxs) !important;
+  }
+
+  .pbs-0-tab {
+    padding-block-start: 0 !important;
+  }
+  .pbs-3xl-tab {
+    padding-block-start: var(--size-3xl) !important;
+  }
+  .pbs-2xl-tab {
+    padding-block-start: var(--size-2xl) !important;
+  }
+  .pbs-tab {
+    padding-block-start: var(--size-base) !important;
+  }
+  .pbs-lg-tab {
+    padding-block-start: var(--size-lg) !important;
+  }
+  .pbs-md-tab {
+    padding-block-start: var(--size-md) !important;
+  }
+  .pbs-sm-tab {
+    padding-block-start: var(--size-sm) !important;
+  }
+  .pbs-xl-tab {
+    padding-block-start: var(--size-xl) !important;
+  }
+  .pbs-xs-tab {
+    padding-block-start: var(--size-xs) !important;
+  }
+  .pbs-xxs-tab {
+    padding-block-start: var(--size-xxs) !important;
+  }
+
+  .pbe-0-tab {
+    padding-block-end: 0 !important;
+  }
+  .pbe-3xl-tab {
+    padding-block-end: var(--size-3xl) !important;
+  }
+  .pbe-2xl-tab {
+    padding-block-end: var(--size-2xl) !important;
+  }
+  .pbe-tab {
+    padding-block-end: var(--size-base) !important;
+  }
+  .pbe-lg-tab {
+    padding-block-end: var(--size-lg) !important;
+  }
+  .pbe-md-tab {
+    padding-block-end: var(--size-md) !important;
+  }
+  .pbe-sm-tab {
+    padding-block-end: var(--size-sm) !important;
+  }
+  .pbe-xl-tab {
+    padding-block-end: var(--size-xl) !important;
+  }
+  .pbe-xs-tab {
+    padding-block-end: var(--size-xs) !important;
+  }
+  .pbe-xxs-tab {
+    padding-block-end: var(--size-xxs) !important;
+  }
+
+  .pi-0-tab {
+    padding-inline: 0 !important;
+  }
+  .pi-3xl-tab {
+    padding-inline: var(--size-3xl) !important;
+  }
+  .pi-2xl-tab {
+    padding-inline: var(--size-2xl) !important;
+  }
+  .pi-tab {
+    padding-inline: var(--size-base) !important;
+  }
+  .pi-lg-tab {
+    padding-inline: var(--size-lg) !important;
+  }
+  .pi-md-tab {
+    padding-inline: var(--size-md) !important;
+  }
+  .pi-sm-tab {
+    padding-inline: var(--size-sm) !important;
+  }
+  .pi-xl-tab {
+    padding-inline: var(--size-xl) !important;
+  }
+  .pi-xs-tab {
+    padding-inline: var(--size-xs) !important;
+  }
+  .pi-xxs-tab {
+    padding-inline: var(--size-xxs) !important;
+  }
+
+  .pis-0-tab {
+    padding-inline-start: 0 !important;
+  }
+  .pis-3xl-tab {
+    padding-inline-start: var(--size-3xl) !important;
+  }
+  .pis-2xl-tab {
+    padding-inline-start: var(--size-2xl) !important;
+  }
+  .pis-tab {
+    padding-inline-start: var(--size-base) !important;
+  }
+  .pis-lg-tab {
+    padding-inline-start: var(--size-lg) !important;
+  }
+  .pis-md-tab {
+    padding-inline-start: var(--size-md) !important;
+  }
+  .pis-sm-tab {
+    padding-inline-start: var(--size-sm) !important;
+  }
+  .pis-xl-tab {
+    padding-inline-start: var(--size-xl) !important;
+  }
+  .pis-xs-tab {
+    padding-inline-start: var(--size-xs) !important;
+  }
+  .pis-xxs-tab {
+    padding-inline-start: var(--size-xxs) !important;
+  }
+
+  .pie-0-tab {
+    padding-inline-end: 0 !important;
+  }
+  .pie-3xl-tab {
+    padding-inline-end: var(--size-3xl) !important;
+  }
+  .pie-2xl-tab {
+    padding-inline-end: var(--size-2xl) !important;
+  }
+  .pie-tab {
+    padding-inline-end: var(--size-base) !important;
+  }
+  .pie-lg-tab {
+    padding-inline-end: var(--size-lg) !important;
+  }
+  .pie-md-tab {
+    padding-inline-end: var(--size-md) !important;
+  }
+  .pie-sm-tab {
+    padding-inline-end: var(--size-sm) !important;
+  }
+  .pie-xl-tab {
+    padding-inline-end: var(--size-xl) !important;
+  }
+  .pie-xs-tab {
+    padding-inline-end: var(--size-xs) !important;
+  }
+  .pie-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;
+  }
+
+  .mb-0-mob {
+    margin-block: 0 !important;
+  }
+  .mb-auto-mob {
+    margin-block: auto !important;
+  }
+  .mb-3xl-mob {
+    margin-block: var(--size-3xl) !important;
+  }
+  .mb-2xl-mob {
+    margin-block: var(--size-2xl) !important;
+  }
+  .mb-mob {
+    margin-block: var(--size-base) !important;
+  }
+  .mb-lg-mob {
+    margin-block: var(--size-lg) !important;
+  }
+  .mb-md-mob {
+    margin-block: var(--size-md) !important;
+  }
+  .mb-sm-mob {
+    margin-block: var(--size-sm) !important;
+  }
+  .mb-xl-mob {
+    margin-block: var(--size-xl) !important;
+  }
+  .mb-xs-mob {
+    margin-block: var(--size-xs) !important;
+  }
+  .mb-xxs-mob {
+    margin-block: var(--size-xxs) !important;
+  }
+
+  .mbs-0-mob {
+    margin-block-start: 0 !important;
+  }
+  .mbs-auto-mob {
+    margin-block-start: auto !important;
+  }
+  .mbs-3xl-mob {
+    margin-block-start: var(--size-3xl) !important;
+  }
+  .mbs-2xl-mob {
+    margin-block-start: var(--size-2xl) !important;
+  }
+  .mbs-mob {
+    margin-block-start: var(--size-base) !important;
+  }
+  .mbs-lg-mob {
+    margin-block-start: var(--size-lg) !important;
+  }
+  .mbs-md-mob {
+    margin-block-start: var(--size-md) !important;
+  }
+  .mbs-sm-mob {
+    margin-block-start: var(--size-sm) !important;
+  }
+  .mbs-xl-mob {
+    margin-block-start: var(--size-xl) !important;
+  }
+  .mbs-xs-mob {
+    margin-block-start: var(--size-xs) !important;
+  }
+  .mbs-xxs-mob {
+    margin-block-start: var(--size-xxs) !important;
+  }
+
+  .mbe-0-mob {
+    margin-block-end: 0 !important;
+  }
+  .mbe-auto-mob {
+    margin-block-end: auto !important;
+  }
+  .mbe-3xl-mob {
+    margin-block-end: var(--size-3xl) !important;
+  }
+  .mbe-2xl-mob {
+    margin-block-end: var(--size-2xl) !important;
+  }
+  .mbe-mob {
+    margin-block-end: var(--size-base) !important;
+  }
+  .mbe-lg-mob {
+    margin-block-end: var(--size-lg) !important;
+  }
+  .mbe-md-mob {
+    margin-block-end: var(--size-md) !important;
+  }
+  .mbe-sm-mob {
+    margin-block-end: var(--size-sm) !important;
+  }
+  .mbe-xl-mob {
+    margin-block-end: var(--size-xl) !important;
+  }
+  .mbe-xs-mob {
+    margin-block-end: var(--size-xs) !important;
+  }
+  .mbe-xxs-mob {
+    margin-block-end: var(--size-xxs) !important;
+  }
+
+  .mi-0-mob {
+    margin-inline: 0 !important;
+  }
+  .mi-auto-mob {
+    margin-inline: auto !important;
+  }
+  .mi-3xl-mob {
+    margin-inline: var(--size-3xl) !important;
+  }
+  .mi-2xl-mob {
+    margin-inline: var(--size-2xl) !important;
+  }
+  .mi-mob {
+    margin-inline: var(--size-base) !important;
+  }
+  .mi-lg-mob {
+    margin-inline: var(--size-lg) !important;
+  }
+  .mi-md-mob {
+    margin-inline: var(--size-md) !important;
+  }
+  .mi-sm-mob {
+    margin-inline: var(--size-sm) !important;
+  }
+  .mi-xl-mob {
+    margin-inline: var(--size-xl) !important;
+  }
+  .mi-xs-mob {
+    margin-inline: var(--size-xs) !important;
+  }
+  .mi-xxs-mob {
+    margin-inline: var(--size-xxs) !important;
+  }
+
+  .mis-0-mob {
+    margin-inline-start: 0 !important;
+  }
+  .mis-auto-mob {
+    margin-inline-start: auto !important;
+  }
+  .mis-3xl-mob {
+    margin-inline-start: var(--size-3xl) !important;
+  }
+  .mis-2xl-mob {
+    margin-inline-start: var(--size-2xl) !important;
+  }
+  .mis-mob {
+    margin-inline-start: var(--size-base) !important;
+  }
+  .mis-lg-mob {
+    margin-inline-start: var(--size-lg) !important;
+  }
+  .mis-md-mob {
+    margin-inline-start: var(--size-md) !important;
+  }
+  .mis-sm-mob {
+    margin-inline-start: var(--size-sm) !important;
+  }
+  .mis-xl-mob {
+    margin-inline-start: var(--size-xl) !important;
+  }
+  .mis-xs-mob {
+    margin-inline-start: var(--size-xs) !important;
+  }
+  .mis-xxs-mob {
+    margin-inline-start: var(--size-xxs) !important;
+  }
+
+  .mie-0-mob {
+    margin-inline-end: 0 !important;
+  }
+  .mie-auto-mob {
+    margin-inline-end: auto !important;
+  }
+  .mie-3xl-mob {
+    margin-inline-end: var(--size-3xl) !important;
+  }
+  .mie-2xl-mob {
+    margin-inline-end: var(--size-2xl) !important;
+  }
+  .mie-mob {
+    margin-inline-end: var(--size-base) !important;
+  }
+  .mie-lg-mob {
+    margin-inline-end: var(--size-lg) !important;
+  }
+  .mie-md-mob {
+    margin-inline-end: var(--size-md) !important;
+  }
+  .mie-sm-mob {
+    margin-inline-end: var(--size-sm) !important;
+  }
+  .mie-xl-mob {
+    margin-inline-end: var(--size-xl) !important;
+  }
+  .mie-xs-mob {
+    margin-inline-end: var(--size-xs) !important;
+  }
+  .mie-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;
+  }
+
+  .pb-0-mob {
+    padding-block: 0 !important;
+  }
+  .pb-3xl-mob {
+    padding-block: var(--size-3xl) !important;
+  }
+  .pb-2xl-mob {
+    padding-block: var(--size-2xl) !important;
+  }
+  .pb-mob {
+    padding-block: var(--size-base) !important;
+  }
+  .pb-lg-mob {
+    padding-block: var(--size-lg) !important;
+  }
+  .pb-md-mob {
+    padding-block: var(--size-md) !important;
+  }
+  .pb-sm-mob {
+    padding-block: var(--size-sm) !important;
+  }
+  .pb-xl-mob {
+    padding-block: var(--size-xl) !important;
+  }
+  .pb-xs-mob {
+    padding-block: var(--size-xs) !important;
+  }
+  .pb-xxs-mob {
+    padding-block: var(--size-xxs) !important;
+  }
+
+  .pbs-0-mob {
+    padding-block-start: 0 !important;
+  }
+  .pbs-3xl-mob {
+    padding-block-start: var(--size-3xl) !important;
+  }
+  .pbs-2xl-mob {
+    padding-block-start: var(--size-2xl) !important;
+  }
+  .pbs-mob {
+    padding-block-start: var(--size-base) !important;
+  }
+  .pbs-lg-mob {
+    padding-block-start: var(--size-lg) !important;
+  }
+  .pbs-md-mob {
+    padding-block-start: var(--size-md) !important;
+  }
+  .pbs-sm-mob {
+    padding-block-start: var(--size-sm) !important;
+  }
+  .pbs-xl-mob {
+    padding-block-start: var(--size-xl) !important;
+  }
+  .pbs-xs-mob {
+    padding-block-start: var(--size-xs) !important;
+  }
+  .pbs-xxs-mob {
+    padding-block-start: var(--size-xxs) !important;
+  }
+
+  .pbe-0-mob {
+    padding-block-end: 0 !important;
+  }
+  .pbe-3xl-mob {
+    padding-block-end: var(--size-3xl) !important;
+  }
+  .pbe-2xl-mob {
+    padding-block-end: var(--size-2xl) !important;
+  }
+  .pbe-mob {
+    padding-block-end: var(--size-base) !important;
+  }
+  .pbe-lg-mob {
+    padding-block-end: var(--size-lg) !important;
+  }
+  .pbe-md-mob {
+    padding-block-end: var(--size-md) !important;
+  }
+  .pbe-sm-mob {
+    padding-block-end: var(--size-sm) !important;
+  }
+  .pbe-xl-mob {
+    padding-block-end: var(--size-xl) !important;
+  }
+  .pbe-xs-mob {
+    padding-block-end: var(--size-xs) !important;
+  }
+  .pbe-xxs-mob {
+    padding-block-end: var(--size-xxs) !important;
+  }
+
+  .pi-0-mob {
+    padding-inline: 0 !important;
+  }
+  .pi-3xl-mob {
+    padding-inline: var(--size-3xl) !important;
+  }
+  .pi-2xl-mob {
+    padding-inline: var(--size-2xl) !important;
+  }
+  .pi-mob {
+    padding-inline: var(--size-base) !important;
+  }
+  .pi-lg-mob {
+    padding-inline: var(--size-lg) !important;
+  }
+  .pi-md-mob {
+    padding-inline: var(--size-md) !important;
+  }
+  .pi-sm-mob {
+    padding-inline: var(--size-sm) !important;
+  }
+  .pi-xl-mob {
+    padding-inline: var(--size-xl) !important;
+  }
+  .pi-xs-mob {
+    padding-inline: var(--size-xs) !important;
+  }
+  .pi-xxs-mob {
+    padding-inline: var(--size-xxs) !important;
+  }
+
+  .pis-0-mob {
+    padding-inline-start: 0 !important;
+  }
+  .pis-3xl-mob {
+    padding-inline-start: var(--size-3xl) !important;
+  }
+  .pis-2xl-mob {
+    padding-inline-start: var(--size-2xl) !important;
+  }
+  .pis-mob {
+    padding-inline-start: var(--size-base) !important;
+  }
+  .pis-lg-mob {
+    padding-inline-start: var(--size-lg) !important;
+  }
+  .pis-md-mob {
+    padding-inline-start: var(--size-md) !important;
+  }
+  .pis-sm-mob {
+    padding-inline-start: var(--size-sm) !important;
+  }
+  .pis-xl-mob {
+    padding-inline-start: var(--size-xl) !important;
+  }
+  .pis-xs-mob {
+    padding-inline-start: var(--size-xs) !important;
+  }
+  .pis-xxs-mob {
+    padding-inline-start: var(--size-xxs) !important;
+  }
+
+  .pie-0-mob {
+    padding-inline-end: 0 !important;
+  }
+  .pie-3xl-mob {
+    padding-inline-end: var(--size-3xl) !important;
+  }
+  .pie-2xl-mob {
+    padding-inline-end: var(--size-2xl) !important;
+  }
+  .pie-mob {
+    padding-inline-end: var(--size-base) !important;
+  }
+  .pie-lg-mob {
+    padding-inline-end: var(--size-lg) !important;
+  }
+  .pie-md-mob {
+    padding-inline-end: var(--size-md) !important;
+  }
+  .pie-sm-mob {
+    padding-inline-end: var(--size-sm) !important;
+  }
+  .pie-xl-mob {
+    padding-inline-end: var(--size-xl) !important;
+  }
+  .pie-xs-mob {
+    padding-inline-end: var(--size-xs) !important;
+  }
+  .pie-xxs-mob {
+    padding-inline-end: var(--size-xxs) !important;
+  }
+
+}