@massimo-cassandro/minimo 1.39.2 → 1.40.1

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

@@ -1,1845 +0,0 @@
-/* stylelint-disable 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;
-  }
-  .m-auto-dsk {
-    margin: auto;
-  }
-  .m-3xl-dsk {
-    margin: var(--size-3xl);
-  }
-  .m-2xl-dsk {
-    margin: var(--size-2xl);
-  }
-  .m-dsk {
-    margin: var(--size-base);
-  }
-  .m-lg-dsk {
-    margin: var(--size-lg);
-  }
-  .m-md-dsk {
-    margin: var(--size-md);
-  }
-  .m-sm-dsk {
-    margin: var(--size-sm);
-  }
-  .m-xl-dsk {
-    margin: var(--size-xl);
-  }
-  .m-xs-dsk {
-    margin: var(--size-xs);
-  }
-  .m-xxs-dsk {
-    margin: var(--size-xxs);
-  }
-
-  .my-0-dsk {
-    margin-block: 0;
-  }
-  .my-auto-dsk {
-    margin-block: auto;
-  }
-  .my-3xl-dsk {
-    margin-block: var(--size-3xl);
-  }
-  .my-2xl-dsk {
-    margin-block: var(--size-2xl);
-  }
-  .my-dsk {
-    margin-block: var(--size-base);
-  }
-  .my-lg-dsk {
-    margin-block: var(--size-lg);
-  }
-  .my-md-dsk {
-    margin-block: var(--size-md);
-  }
-  .my-sm-dsk {
-    margin-block: var(--size-sm);
-  }
-  .my-xl-dsk {
-    margin-block: var(--size-xl);
-  }
-  .my-xs-dsk {
-    margin-block: var(--size-xs);
-  }
-  .my-xxs-dsk {
-    margin-block: var(--size-xxs);
-  }
-
-  .mt-0-dsk {
-    margin-block-start: 0;
-  }
-  .mt-auto-dsk {
-    margin-block-start: auto;
-  }
-  .mt-3xl-dsk {
-    margin-block-start: var(--size-3xl);
-  }
-  .mt-2xl-dsk {
-    margin-block-start: var(--size-2xl);
-  }
-  .mt-dsk {
-    margin-block-start: var(--size-base);
-  }
-  .mt-lg-dsk {
-    margin-block-start: var(--size-lg);
-  }
-  .mt-md-dsk {
-    margin-block-start: var(--size-md);
-  }
-  .mt-sm-dsk {
-    margin-block-start: var(--size-sm);
-  }
-  .mt-xl-dsk {
-    margin-block-start: var(--size-xl);
-  }
-  .mt-xs-dsk {
-    margin-block-start: var(--size-xs);
-  }
-  .mt-xxs-dsk {
-    margin-block-start: var(--size-xxs);
-  }
-
-  .mb-0-dsk {
-    margin-block-end: 0;
-  }
-  .mb-auto-dsk {
-    margin-block-end: auto;
-  }
-  .mb-3xl-dsk {
-    margin-block-end: var(--size-3xl);
-  }
-  .mb-2xl-dsk {
-    margin-block-end: var(--size-2xl);
-  }
-  .mb-dsk {
-    margin-block-end: var(--size-base);
-  }
-  .mb-lg-dsk {
-    margin-block-end: var(--size-lg);
-  }
-  .mb-md-dsk {
-    margin-block-end: var(--size-md);
-  }
-  .mb-sm-dsk {
-    margin-block-end: var(--size-sm);
-  }
-  .mb-xl-dsk {
-    margin-block-end: var(--size-xl);
-  }
-  .mb-xs-dsk {
-    margin-block-end: var(--size-xs);
-  }
-  .mb-xxs-dsk {
-    margin-block-end: var(--size-xxs);
-  }
-
-  .mx-0-dsk {
-    margin-inline: 0;
-  }
-  .mx-auto-dsk {
-    margin-inline: auto;
-  }
-  .mx-3xl-dsk {
-    margin-inline: var(--size-3xl);
-  }
-  .mx-2xl-dsk {
-    margin-inline: var(--size-2xl);
-  }
-  .mx-dsk {
-    margin-inline: var(--size-base);
-  }
-  .mx-lg-dsk {
-    margin-inline: var(--size-lg);
-  }
-  .mx-md-dsk {
-    margin-inline: var(--size-md);
-  }
-  .mx-sm-dsk {
-    margin-inline: var(--size-sm);
-  }
-  .mx-xl-dsk {
-    margin-inline: var(--size-xl);
-  }
-  .mx-xs-dsk {
-    margin-inline: var(--size-xs);
-  }
-  .mx-xxs-dsk {
-    margin-inline: var(--size-xxs);
-  }
-
-  .ms-0-dsk {
-    margin-inline-start: 0;
-  }
-  .ms-auto-dsk {
-    margin-inline-start: auto;
-  }
-  .ms-3xl-dsk {
-    margin-inline-start: var(--size-3xl);
-  }
-  .ms-2xl-dsk {
-    margin-inline-start: var(--size-2xl);
-  }
-  .ms-dsk {
-    margin-inline-start: var(--size-base);
-  }
-  .ms-lg-dsk {
-    margin-inline-start: var(--size-lg);
-  }
-  .ms-md-dsk {
-    margin-inline-start: var(--size-md);
-  }
-  .ms-sm-dsk {
-    margin-inline-start: var(--size-sm);
-  }
-  .ms-xl-dsk {
-    margin-inline-start: var(--size-xl);
-  }
-  .ms-xs-dsk {
-    margin-inline-start: var(--size-xs);
-  }
-  .ms-xxs-dsk {
-    margin-inline-start: var(--size-xxs);
-  }
-
-  .me-0-dsk {
-    margin-inline-end: 0;
-  }
-  .me-auto-dsk {
-    margin-inline-end: auto;
-  }
-  .me-3xl-dsk {
-    margin-inline-end: var(--size-3xl);
-  }
-  .me-2xl-dsk {
-    margin-inline-end: var(--size-2xl);
-  }
-  .me-dsk {
-    margin-inline-end: var(--size-base);
-  }
-  .me-lg-dsk {
-    margin-inline-end: var(--size-lg);
-  }
-  .me-md-dsk {
-    margin-inline-end: var(--size-md);
-  }
-  .me-sm-dsk {
-    margin-inline-end: var(--size-sm);
-  }
-  .me-xl-dsk {
-    margin-inline-end: var(--size-xl);
-  }
-  .me-xs-dsk {
-    margin-inline-end: var(--size-xs);
-  }
-  .me-xxs-dsk {
-    margin-inline-end: var(--size-xxs);
-  }
-
-  .p-0-dsk {
-    padding: 0;
-  }
-  .p-3xl-dsk {
-    padding: var(--size-3xl);
-  }
-  .p-2xl-dsk {
-    padding: var(--size-2xl);
-  }
-  .p-dsk {
-    padding: var(--size-base);
-  }
-  .p-lg-dsk {
-    padding: var(--size-lg);
-  }
-  .p-md-dsk {
-    padding: var(--size-md);
-  }
-  .p-sm-dsk {
-    padding: var(--size-sm);
-  }
-  .p-xl-dsk {
-    padding: var(--size-xl);
-  }
-  .p-xs-dsk {
-    padding: var(--size-xs);
-  }
-  .p-xxs-dsk {
-    padding: var(--size-xxs);
-  }
-
-  .py-0-dsk {
-    padding-block: 0;
-  }
-  .py-3xl-dsk {
-    padding-block: var(--size-3xl);
-  }
-  .py-2xl-dsk {
-    padding-block: var(--size-2xl);
-  }
-  .py-dsk {
-    padding-block: var(--size-base);
-  }
-  .py-lg-dsk {
-    padding-block: var(--size-lg);
-  }
-  .py-md-dsk {
-    padding-block: var(--size-md);
-  }
-  .py-sm-dsk {
-    padding-block: var(--size-sm);
-  }
-  .py-xl-dsk {
-    padding-block: var(--size-xl);
-  }
-  .py-xs-dsk {
-    padding-block: var(--size-xs);
-  }
-  .py-xxs-dsk {
-    padding-block: var(--size-xxs);
-  }
-
-  .pt-0-dsk {
-    padding-block-start: 0;
-  }
-  .pt-3xl-dsk {
-    padding-block-start: var(--size-3xl);
-  }
-  .pt-2xl-dsk {
-    padding-block-start: var(--size-2xl);
-  }
-  .pt-dsk {
-    padding-block-start: var(--size-base);
-  }
-  .pt-lg-dsk {
-    padding-block-start: var(--size-lg);
-  }
-  .pt-md-dsk {
-    padding-block-start: var(--size-md);
-  }
-  .pt-sm-dsk {
-    padding-block-start: var(--size-sm);
-  }
-  .pt-xl-dsk {
-    padding-block-start: var(--size-xl);
-  }
-  .pt-xs-dsk {
-    padding-block-start: var(--size-xs);
-  }
-  .pt-xxs-dsk {
-    padding-block-start: var(--size-xxs);
-  }
-
-  .pb-0-dsk {
-    padding-block-end: 0;
-  }
-  .pb-3xl-dsk {
-    padding-block-end: var(--size-3xl);
-  }
-  .pb-2xl-dsk {
-    padding-block-end: var(--size-2xl);
-  }
-  .pb-dsk {
-    padding-block-end: var(--size-base);
-  }
-  .pb-lg-dsk {
-    padding-block-end: var(--size-lg);
-  }
-  .pb-md-dsk {
-    padding-block-end: var(--size-md);
-  }
-  .pb-sm-dsk {
-    padding-block-end: var(--size-sm);
-  }
-  .pb-xl-dsk {
-    padding-block-end: var(--size-xl);
-  }
-  .pb-xs-dsk {
-    padding-block-end: var(--size-xs);
-  }
-  .pb-xxs-dsk {
-    padding-block-end: var(--size-xxs);
-  }
-
-  .px-0-dsk {
-    padding-inline: 0;
-  }
-  .px-3xl-dsk {
-    padding-inline: var(--size-3xl);
-  }
-  .px-2xl-dsk {
-    padding-inline: var(--size-2xl);
-  }
-  .px-dsk {
-    padding-inline: var(--size-base);
-  }
-  .px-lg-dsk {
-    padding-inline: var(--size-lg);
-  }
-  .px-md-dsk {
-    padding-inline: var(--size-md);
-  }
-  .px-sm-dsk {
-    padding-inline: var(--size-sm);
-  }
-  .px-xl-dsk {
-    padding-inline: var(--size-xl);
-  }
-  .px-xs-dsk {
-    padding-inline: var(--size-xs);
-  }
-  .px-xxs-dsk {
-    padding-inline: var(--size-xxs);
-  }
-
-  .ps-0-dsk {
-    padding-inline-start: 0;
-  }
-  .ps-3xl-dsk {
-    padding-inline-start: var(--size-3xl);
-  }
-  .ps-2xl-dsk {
-    padding-inline-start: var(--size-2xl);
-  }
-  .ps-dsk {
-    padding-inline-start: var(--size-base);
-  }
-  .ps-lg-dsk {
-    padding-inline-start: var(--size-lg);
-  }
-  .ps-md-dsk {
-    padding-inline-start: var(--size-md);
-  }
-  .ps-sm-dsk {
-    padding-inline-start: var(--size-sm);
-  }
-  .ps-xl-dsk {
-    padding-inline-start: var(--size-xl);
-  }
-  .ps-xs-dsk {
-    padding-inline-start: var(--size-xs);
-  }
-  .ps-xxs-dsk {
-    padding-inline-start: var(--size-xxs);
-  }
-
-  .pe-0-dsk {
-    padding-inline-end: 0;
-  }
-  .pe-3xl-dsk {
-    padding-inline-end: var(--size-3xl);
-  }
-  .pe-2xl-dsk {
-    padding-inline-end: var(--size-2xl);
-  }
-  .pe-dsk {
-    padding-inline-end: var(--size-base);
-  }
-  .pe-lg-dsk {
-    padding-inline-end: var(--size-lg);
-  }
-  .pe-md-dsk {
-    padding-inline-end: var(--size-md);
-  }
-  .pe-sm-dsk {
-    padding-inline-end: var(--size-sm);
-  }
-  .pe-xl-dsk {
-    padding-inline-end: var(--size-xl);
-  }
-  .pe-xs-dsk {
-    padding-inline-end: var(--size-xs);
-  }
-  .pe-xxs-dsk {
-    padding-inline-end: var(--size-xxs);
-  }
-
-}
-
-@media (--media-large-viewport-up) {
-
-  .m-0-lap {
-    margin: 0;
-  }
-  .m-auto-lap {
-    margin: auto;
-  }
-  .m-3xl-lap {
-    margin: var(--size-3xl);
-  }
-  .m-2xl-lap {
-    margin: var(--size-2xl);
-  }
-  .m-lap {
-    margin: var(--size-base);
-  }
-  .m-lg-lap {
-    margin: var(--size-lg);
-  }
-  .m-md-lap {
-    margin: var(--size-md);
-  }
-  .m-sm-lap {
-    margin: var(--size-sm);
-  }
-  .m-xl-lap {
-    margin: var(--size-xl);
-  }
-  .m-xs-lap {
-    margin: var(--size-xs);
-  }
-  .m-xxs-lap {
-    margin: var(--size-xxs);
-  }
-
-  .my-0-lap {
-    margin-block: 0;
-  }
-  .my-auto-lap {
-    margin-block: auto;
-  }
-  .my-3xl-lap {
-    margin-block: var(--size-3xl);
-  }
-  .my-2xl-lap {
-    margin-block: var(--size-2xl);
-  }
-  .my-lap {
-    margin-block: var(--size-base);
-  }
-  .my-lg-lap {
-    margin-block: var(--size-lg);
-  }
-  .my-md-lap {
-    margin-block: var(--size-md);
-  }
-  .my-sm-lap {
-    margin-block: var(--size-sm);
-  }
-  .my-xl-lap {
-    margin-block: var(--size-xl);
-  }
-  .my-xs-lap {
-    margin-block: var(--size-xs);
-  }
-  .my-xxs-lap {
-    margin-block: var(--size-xxs);
-  }
-
-  .mt-0-lap {
-    margin-block-start: 0;
-  }
-  .mt-auto-lap {
-    margin-block-start: auto;
-  }
-  .mt-3xl-lap {
-    margin-block-start: var(--size-3xl);
-  }
-  .mt-2xl-lap {
-    margin-block-start: var(--size-2xl);
-  }
-  .mt-lap {
-    margin-block-start: var(--size-base);
-  }
-  .mt-lg-lap {
-    margin-block-start: var(--size-lg);
-  }
-  .mt-md-lap {
-    margin-block-start: var(--size-md);
-  }
-  .mt-sm-lap {
-    margin-block-start: var(--size-sm);
-  }
-  .mt-xl-lap {
-    margin-block-start: var(--size-xl);
-  }
-  .mt-xs-lap {
-    margin-block-start: var(--size-xs);
-  }
-  .mt-xxs-lap {
-    margin-block-start: var(--size-xxs);
-  }
-
-  .mb-0-lap {
-    margin-block-end: 0;
-  }
-  .mb-auto-lap {
-    margin-block-end: auto;
-  }
-  .mb-3xl-lap {
-    margin-block-end: var(--size-3xl);
-  }
-  .mb-2xl-lap {
-    margin-block-end: var(--size-2xl);
-  }
-  .mb-lap {
-    margin-block-end: var(--size-base);
-  }
-  .mb-lg-lap {
-    margin-block-end: var(--size-lg);
-  }
-  .mb-md-lap {
-    margin-block-end: var(--size-md);
-  }
-  .mb-sm-lap {
-    margin-block-end: var(--size-sm);
-  }
-  .mb-xl-lap {
-    margin-block-end: var(--size-xl);
-  }
-  .mb-xs-lap {
-    margin-block-end: var(--size-xs);
-  }
-  .mb-xxs-lap {
-    margin-block-end: var(--size-xxs);
-  }
-
-  .mx-0-lap {
-    margin-inline: 0;
-  }
-  .mx-auto-lap {
-    margin-inline: auto;
-  }
-  .mx-3xl-lap {
-    margin-inline: var(--size-3xl);
-  }
-  .mx-2xl-lap {
-    margin-inline: var(--size-2xl);
-  }
-  .mx-lap {
-    margin-inline: var(--size-base);
-  }
-  .mx-lg-lap {
-    margin-inline: var(--size-lg);
-  }
-  .mx-md-lap {
-    margin-inline: var(--size-md);
-  }
-  .mx-sm-lap {
-    margin-inline: var(--size-sm);
-  }
-  .mx-xl-lap {
-    margin-inline: var(--size-xl);
-  }
-  .mx-xs-lap {
-    margin-inline: var(--size-xs);
-  }
-  .mx-xxs-lap {
-    margin-inline: var(--size-xxs);
-  }
-
-  .ms-0-lap {
-    margin-inline-start: 0;
-  }
-  .ms-auto-lap {
-    margin-inline-start: auto;
-  }
-  .ms-3xl-lap {
-    margin-inline-start: var(--size-3xl);
-  }
-  .ms-2xl-lap {
-    margin-inline-start: var(--size-2xl);
-  }
-  .ms-lap {
-    margin-inline-start: var(--size-base);
-  }
-  .ms-lg-lap {
-    margin-inline-start: var(--size-lg);
-  }
-  .ms-md-lap {
-    margin-inline-start: var(--size-md);
-  }
-  .ms-sm-lap {
-    margin-inline-start: var(--size-sm);
-  }
-  .ms-xl-lap {
-    margin-inline-start: var(--size-xl);
-  }
-  .ms-xs-lap {
-    margin-inline-start: var(--size-xs);
-  }
-  .ms-xxs-lap {
-    margin-inline-start: var(--size-xxs);
-  }
-
-  .me-0-lap {
-    margin-inline-end: 0;
-  }
-  .me-auto-lap {
-    margin-inline-end: auto;
-  }
-  .me-3xl-lap {
-    margin-inline-end: var(--size-3xl);
-  }
-  .me-2xl-lap {
-    margin-inline-end: var(--size-2xl);
-  }
-  .me-lap {
-    margin-inline-end: var(--size-base);
-  }
-  .me-lg-lap {
-    margin-inline-end: var(--size-lg);
-  }
-  .me-md-lap {
-    margin-inline-end: var(--size-md);
-  }
-  .me-sm-lap {
-    margin-inline-end: var(--size-sm);
-  }
-  .me-xl-lap {
-    margin-inline-end: var(--size-xl);
-  }
-  .me-xs-lap {
-    margin-inline-end: var(--size-xs);
-  }
-  .me-xxs-lap {
-    margin-inline-end: var(--size-xxs);
-  }
-
-  .p-0-lap {
-    padding: 0;
-  }
-  .p-3xl-lap {
-    padding: var(--size-3xl);
-  }
-  .p-2xl-lap {
-    padding: var(--size-2xl);
-  }
-  .p-lap {
-    padding: var(--size-base);
-  }
-  .p-lg-lap {
-    padding: var(--size-lg);
-  }
-  .p-md-lap {
-    padding: var(--size-md);
-  }
-  .p-sm-lap {
-    padding: var(--size-sm);
-  }
-  .p-xl-lap {
-    padding: var(--size-xl);
-  }
-  .p-xs-lap {
-    padding: var(--size-xs);
-  }
-  .p-xxs-lap {
-    padding: var(--size-xxs);
-  }
-
-  .py-0-lap {
-    padding-block: 0;
-  }
-  .py-3xl-lap {
-    padding-block: var(--size-3xl);
-  }
-  .py-2xl-lap {
-    padding-block: var(--size-2xl);
-  }
-  .py-lap {
-    padding-block: var(--size-base);
-  }
-  .py-lg-lap {
-    padding-block: var(--size-lg);
-  }
-  .py-md-lap {
-    padding-block: var(--size-md);
-  }
-  .py-sm-lap {
-    padding-block: var(--size-sm);
-  }
-  .py-xl-lap {
-    padding-block: var(--size-xl);
-  }
-  .py-xs-lap {
-    padding-block: var(--size-xs);
-  }
-  .py-xxs-lap {
-    padding-block: var(--size-xxs);
-  }
-
-  .pt-0-lap {
-    padding-block-start: 0;
-  }
-  .pt-3xl-lap {
-    padding-block-start: var(--size-3xl);
-  }
-  .pt-2xl-lap {
-    padding-block-start: var(--size-2xl);
-  }
-  .pt-lap {
-    padding-block-start: var(--size-base);
-  }
-  .pt-lg-lap {
-    padding-block-start: var(--size-lg);
-  }
-  .pt-md-lap {
-    padding-block-start: var(--size-md);
-  }
-  .pt-sm-lap {
-    padding-block-start: var(--size-sm);
-  }
-  .pt-xl-lap {
-    padding-block-start: var(--size-xl);
-  }
-  .pt-xs-lap {
-    padding-block-start: var(--size-xs);
-  }
-  .pt-xxs-lap {
-    padding-block-start: var(--size-xxs);
-  }
-
-  .pb-0-lap {
-    padding-block-end: 0;
-  }
-  .pb-3xl-lap {
-    padding-block-end: var(--size-3xl);
-  }
-  .pb-2xl-lap {
-    padding-block-end: var(--size-2xl);
-  }
-  .pb-lap {
-    padding-block-end: var(--size-base);
-  }
-  .pb-lg-lap {
-    padding-block-end: var(--size-lg);
-  }
-  .pb-md-lap {
-    padding-block-end: var(--size-md);
-  }
-  .pb-sm-lap {
-    padding-block-end: var(--size-sm);
-  }
-  .pb-xl-lap {
-    padding-block-end: var(--size-xl);
-  }
-  .pb-xs-lap {
-    padding-block-end: var(--size-xs);
-  }
-  .pb-xxs-lap {
-    padding-block-end: var(--size-xxs);
-  }
-
-  .px-0-lap {
-    padding-inline: 0;
-  }
-  .px-3xl-lap {
-    padding-inline: var(--size-3xl);
-  }
-  .px-2xl-lap {
-    padding-inline: var(--size-2xl);
-  }
-  .px-lap {
-    padding-inline: var(--size-base);
-  }
-  .px-lg-lap {
-    padding-inline: var(--size-lg);
-  }
-  .px-md-lap {
-    padding-inline: var(--size-md);
-  }
-  .px-sm-lap {
-    padding-inline: var(--size-sm);
-  }
-  .px-xl-lap {
-    padding-inline: var(--size-xl);
-  }
-  .px-xs-lap {
-    padding-inline: var(--size-xs);
-  }
-  .px-xxs-lap {
-    padding-inline: var(--size-xxs);
-  }
-
-  .ps-0-lap {
-    padding-inline-start: 0;
-  }
-  .ps-3xl-lap {
-    padding-inline-start: var(--size-3xl);
-  }
-  .ps-2xl-lap {
-    padding-inline-start: var(--size-2xl);
-  }
-  .ps-lap {
-    padding-inline-start: var(--size-base);
-  }
-  .ps-lg-lap {
-    padding-inline-start: var(--size-lg);
-  }
-  .ps-md-lap {
-    padding-inline-start: var(--size-md);
-  }
-  .ps-sm-lap {
-    padding-inline-start: var(--size-sm);
-  }
-  .ps-xl-lap {
-    padding-inline-start: var(--size-xl);
-  }
-  .ps-xs-lap {
-    padding-inline-start: var(--size-xs);
-  }
-  .ps-xxs-lap {
-    padding-inline-start: var(--size-xxs);
-  }
-
-  .pe-0-lap {
-    padding-inline-end: 0;
-  }
-  .pe-3xl-lap {
-    padding-inline-end: var(--size-3xl);
-  }
-  .pe-2xl-lap {
-    padding-inline-end: var(--size-2xl);
-  }
-  .pe-lap {
-    padding-inline-end: var(--size-base);
-  }
-  .pe-lg-lap {
-    padding-inline-end: var(--size-lg);
-  }
-  .pe-md-lap {
-    padding-inline-end: var(--size-md);
-  }
-  .pe-sm-lap {
-    padding-inline-end: var(--size-sm);
-  }
-  .pe-xl-lap {
-    padding-inline-end: var(--size-xl);
-  }
-  .pe-xs-lap {
-    padding-inline-end: var(--size-xs);
-  }
-  .pe-xxs-lap {
-    padding-inline-end: var(--size-xxs);
-  }
-
-}
-
-@media (--media-medium-viewport-up) {
-
-  .m-0-tab {
-    margin: 0;
-  }
-  .m-auto-tab {
-    margin: auto;
-  }
-  .m-3xl-tab {
-    margin: var(--size-3xl);
-  }
-  .m-2xl-tab {
-    margin: var(--size-2xl);
-  }
-  .m-tab {
-    margin: var(--size-base);
-  }
-  .m-lg-tab {
-    margin: var(--size-lg);
-  }
-  .m-md-tab {
-    margin: var(--size-md);
-  }
-  .m-sm-tab {
-    margin: var(--size-sm);
-  }
-  .m-xl-tab {
-    margin: var(--size-xl);
-  }
-  .m-xs-tab {
-    margin: var(--size-xs);
-  }
-  .m-xxs-tab {
-    margin: var(--size-xxs);
-  }
-
-  .my-0-tab {
-    margin-block: 0;
-  }
-  .my-auto-tab {
-    margin-block: auto;
-  }
-  .my-3xl-tab {
-    margin-block: var(--size-3xl);
-  }
-  .my-2xl-tab {
-    margin-block: var(--size-2xl);
-  }
-  .my-tab {
-    margin-block: var(--size-base);
-  }
-  .my-lg-tab {
-    margin-block: var(--size-lg);
-  }
-  .my-md-tab {
-    margin-block: var(--size-md);
-  }
-  .my-sm-tab {
-    margin-block: var(--size-sm);
-  }
-  .my-xl-tab {
-    margin-block: var(--size-xl);
-  }
-  .my-xs-tab {
-    margin-block: var(--size-xs);
-  }
-  .my-xxs-tab {
-    margin-block: var(--size-xxs);
-  }
-
-  .mt-0-tab {
-    margin-block-start: 0;
-  }
-  .mt-auto-tab {
-    margin-block-start: auto;
-  }
-  .mt-3xl-tab {
-    margin-block-start: var(--size-3xl);
-  }
-  .mt-2xl-tab {
-    margin-block-start: var(--size-2xl);
-  }
-  .mt-tab {
-    margin-block-start: var(--size-base);
-  }
-  .mt-lg-tab {
-    margin-block-start: var(--size-lg);
-  }
-  .mt-md-tab {
-    margin-block-start: var(--size-md);
-  }
-  .mt-sm-tab {
-    margin-block-start: var(--size-sm);
-  }
-  .mt-xl-tab {
-    margin-block-start: var(--size-xl);
-  }
-  .mt-xs-tab {
-    margin-block-start: var(--size-xs);
-  }
-  .mt-xxs-tab {
-    margin-block-start: var(--size-xxs);
-  }
-
-  .mb-0-tab {
-    margin-block-end: 0;
-  }
-  .mb-auto-tab {
-    margin-block-end: auto;
-  }
-  .mb-3xl-tab {
-    margin-block-end: var(--size-3xl);
-  }
-  .mb-2xl-tab {
-    margin-block-end: var(--size-2xl);
-  }
-  .mb-tab {
-    margin-block-end: var(--size-base);
-  }
-  .mb-lg-tab {
-    margin-block-end: var(--size-lg);
-  }
-  .mb-md-tab {
-    margin-block-end: var(--size-md);
-  }
-  .mb-sm-tab {
-    margin-block-end: var(--size-sm);
-  }
-  .mb-xl-tab {
-    margin-block-end: var(--size-xl);
-  }
-  .mb-xs-tab {
-    margin-block-end: var(--size-xs);
-  }
-  .mb-xxs-tab {
-    margin-block-end: var(--size-xxs);
-  }
-
-  .mx-0-tab {
-    margin-inline: 0;
-  }
-  .mx-auto-tab {
-    margin-inline: auto;
-  }
-  .mx-3xl-tab {
-    margin-inline: var(--size-3xl);
-  }
-  .mx-2xl-tab {
-    margin-inline: var(--size-2xl);
-  }
-  .mx-tab {
-    margin-inline: var(--size-base);
-  }
-  .mx-lg-tab {
-    margin-inline: var(--size-lg);
-  }
-  .mx-md-tab {
-    margin-inline: var(--size-md);
-  }
-  .mx-sm-tab {
-    margin-inline: var(--size-sm);
-  }
-  .mx-xl-tab {
-    margin-inline: var(--size-xl);
-  }
-  .mx-xs-tab {
-    margin-inline: var(--size-xs);
-  }
-  .mx-xxs-tab {
-    margin-inline: var(--size-xxs);
-  }
-
-  .ms-0-tab {
-    margin-inline-start: 0;
-  }
-  .ms-auto-tab {
-    margin-inline-start: auto;
-  }
-  .ms-3xl-tab {
-    margin-inline-start: var(--size-3xl);
-  }
-  .ms-2xl-tab {
-    margin-inline-start: var(--size-2xl);
-  }
-  .ms-tab {
-    margin-inline-start: var(--size-base);
-  }
-  .ms-lg-tab {
-    margin-inline-start: var(--size-lg);
-  }
-  .ms-md-tab {
-    margin-inline-start: var(--size-md);
-  }
-  .ms-sm-tab {
-    margin-inline-start: var(--size-sm);
-  }
-  .ms-xl-tab {
-    margin-inline-start: var(--size-xl);
-  }
-  .ms-xs-tab {
-    margin-inline-start: var(--size-xs);
-  }
-  .ms-xxs-tab {
-    margin-inline-start: var(--size-xxs);
-  }
-
-  .me-0-tab {
-    margin-inline-end: 0;
-  }
-  .me-auto-tab {
-    margin-inline-end: auto;
-  }
-  .me-3xl-tab {
-    margin-inline-end: var(--size-3xl);
-  }
-  .me-2xl-tab {
-    margin-inline-end: var(--size-2xl);
-  }
-  .me-tab {
-    margin-inline-end: var(--size-base);
-  }
-  .me-lg-tab {
-    margin-inline-end: var(--size-lg);
-  }
-  .me-md-tab {
-    margin-inline-end: var(--size-md);
-  }
-  .me-sm-tab {
-    margin-inline-end: var(--size-sm);
-  }
-  .me-xl-tab {
-    margin-inline-end: var(--size-xl);
-  }
-  .me-xs-tab {
-    margin-inline-end: var(--size-xs);
-  }
-  .me-xxs-tab {
-    margin-inline-end: var(--size-xxs);
-  }
-
-  .p-0-tab {
-    padding: 0;
-  }
-  .p-3xl-tab {
-    padding: var(--size-3xl);
-  }
-  .p-2xl-tab {
-    padding: var(--size-2xl);
-  }
-  .p-tab {
-    padding: var(--size-base);
-  }
-  .p-lg-tab {
-    padding: var(--size-lg);
-  }
-  .p-md-tab {
-    padding: var(--size-md);
-  }
-  .p-sm-tab {
-    padding: var(--size-sm);
-  }
-  .p-xl-tab {
-    padding: var(--size-xl);
-  }
-  .p-xs-tab {
-    padding: var(--size-xs);
-  }
-  .p-xxs-tab {
-    padding: var(--size-xxs);
-  }
-
-  .py-0-tab {
-    padding-block: 0;
-  }
-  .py-3xl-tab {
-    padding-block: var(--size-3xl);
-  }
-  .py-2xl-tab {
-    padding-block: var(--size-2xl);
-  }
-  .py-tab {
-    padding-block: var(--size-base);
-  }
-  .py-lg-tab {
-    padding-block: var(--size-lg);
-  }
-  .py-md-tab {
-    padding-block: var(--size-md);
-  }
-  .py-sm-tab {
-    padding-block: var(--size-sm);
-  }
-  .py-xl-tab {
-    padding-block: var(--size-xl);
-  }
-  .py-xs-tab {
-    padding-block: var(--size-xs);
-  }
-  .py-xxs-tab {
-    padding-block: var(--size-xxs);
-  }
-
-  .pt-0-tab {
-    padding-block-start: 0;
-  }
-  .pt-3xl-tab {
-    padding-block-start: var(--size-3xl);
-  }
-  .pt-2xl-tab {
-    padding-block-start: var(--size-2xl);
-  }
-  .pt-tab {
-    padding-block-start: var(--size-base);
-  }
-  .pt-lg-tab {
-    padding-block-start: var(--size-lg);
-  }
-  .pt-md-tab {
-    padding-block-start: var(--size-md);
-  }
-  .pt-sm-tab {
-    padding-block-start: var(--size-sm);
-  }
-  .pt-xl-tab {
-    padding-block-start: var(--size-xl);
-  }
-  .pt-xs-tab {
-    padding-block-start: var(--size-xs);
-  }
-  .pt-xxs-tab {
-    padding-block-start: var(--size-xxs);
-  }
-
-  .pb-0-tab {
-    padding-block-end: 0;
-  }
-  .pb-3xl-tab {
-    padding-block-end: var(--size-3xl);
-  }
-  .pb-2xl-tab {
-    padding-block-end: var(--size-2xl);
-  }
-  .pb-tab {
-    padding-block-end: var(--size-base);
-  }
-  .pb-lg-tab {
-    padding-block-end: var(--size-lg);
-  }
-  .pb-md-tab {
-    padding-block-end: var(--size-md);
-  }
-  .pb-sm-tab {
-    padding-block-end: var(--size-sm);
-  }
-  .pb-xl-tab {
-    padding-block-end: var(--size-xl);
-  }
-  .pb-xs-tab {
-    padding-block-end: var(--size-xs);
-  }
-  .pb-xxs-tab {
-    padding-block-end: var(--size-xxs);
-  }
-
-  .px-0-tab {
-    padding-inline: 0;
-  }
-  .px-3xl-tab {
-    padding-inline: var(--size-3xl);
-  }
-  .px-2xl-tab {
-    padding-inline: var(--size-2xl);
-  }
-  .px-tab {
-    padding-inline: var(--size-base);
-  }
-  .px-lg-tab {
-    padding-inline: var(--size-lg);
-  }
-  .px-md-tab {
-    padding-inline: var(--size-md);
-  }
-  .px-sm-tab {
-    padding-inline: var(--size-sm);
-  }
-  .px-xl-tab {
-    padding-inline: var(--size-xl);
-  }
-  .px-xs-tab {
-    padding-inline: var(--size-xs);
-  }
-  .px-xxs-tab {
-    padding-inline: var(--size-xxs);
-  }
-
-  .ps-0-tab {
-    padding-inline-start: 0;
-  }
-  .ps-3xl-tab {
-    padding-inline-start: var(--size-3xl);
-  }
-  .ps-2xl-tab {
-    padding-inline-start: var(--size-2xl);
-  }
-  .ps-tab {
-    padding-inline-start: var(--size-base);
-  }
-  .ps-lg-tab {
-    padding-inline-start: var(--size-lg);
-  }
-  .ps-md-tab {
-    padding-inline-start: var(--size-md);
-  }
-  .ps-sm-tab {
-    padding-inline-start: var(--size-sm);
-  }
-  .ps-xl-tab {
-    padding-inline-start: var(--size-xl);
-  }
-  .ps-xs-tab {
-    padding-inline-start: var(--size-xs);
-  }
-  .ps-xxs-tab {
-    padding-inline-start: var(--size-xxs);
-  }
-
-  .pe-0-tab {
-    padding-inline-end: 0;
-  }
-  .pe-3xl-tab {
-    padding-inline-end: var(--size-3xl);
-  }
-  .pe-2xl-tab {
-    padding-inline-end: var(--size-2xl);
-  }
-  .pe-tab {
-    padding-inline-end: var(--size-base);
-  }
-  .pe-lg-tab {
-    padding-inline-end: var(--size-lg);
-  }
-  .pe-md-tab {
-    padding-inline-end: var(--size-md);
-  }
-  .pe-sm-tab {
-    padding-inline-end: var(--size-sm);
-  }
-  .pe-xl-tab {
-    padding-inline-end: var(--size-xl);
-  }
-  .pe-xs-tab {
-    padding-inline-end: var(--size-xs);
-  }
-  .pe-xxs-tab {
-    padding-inline-end: var(--size-xxs);
-  }
-
-}
-
-@media (--media-small-viewport-up) {
-
-  .m-0-mob {
-    margin: 0;
-  }
-  .m-auto-mob {
-    margin: auto;
-  }
-  .m-3xl-mob {
-    margin: var(--size-3xl);
-  }
-  .m-2xl-mob {
-    margin: var(--size-2xl);
-  }
-  .m-mob {
-    margin: var(--size-base);
-  }
-  .m-lg-mob {
-    margin: var(--size-lg);
-  }
-  .m-md-mob {
-    margin: var(--size-md);
-  }
-  .m-sm-mob {
-    margin: var(--size-sm);
-  }
-  .m-xl-mob {
-    margin: var(--size-xl);
-  }
-  .m-xs-mob {
-    margin: var(--size-xs);
-  }
-  .m-xxs-mob {
-    margin: var(--size-xxs);
-  }
-
-  .my-0-mob {
-    margin-block: 0;
-  }
-  .my-auto-mob {
-    margin-block: auto;
-  }
-  .my-3xl-mob {
-    margin-block: var(--size-3xl);
-  }
-  .my-2xl-mob {
-    margin-block: var(--size-2xl);
-  }
-  .my-mob {
-    margin-block: var(--size-base);
-  }
-  .my-lg-mob {
-    margin-block: var(--size-lg);
-  }
-  .my-md-mob {
-    margin-block: var(--size-md);
-  }
-  .my-sm-mob {
-    margin-block: var(--size-sm);
-  }
-  .my-xl-mob {
-    margin-block: var(--size-xl);
-  }
-  .my-xs-mob {
-    margin-block: var(--size-xs);
-  }
-  .my-xxs-mob {
-    margin-block: var(--size-xxs);
-  }
-
-  .mt-0-mob {
-    margin-block-start: 0;
-  }
-  .mt-auto-mob {
-    margin-block-start: auto;
-  }
-  .mt-3xl-mob {
-    margin-block-start: var(--size-3xl);
-  }
-  .mt-2xl-mob {
-    margin-block-start: var(--size-2xl);
-  }
-  .mt-mob {
-    margin-block-start: var(--size-base);
-  }
-  .mt-lg-mob {
-    margin-block-start: var(--size-lg);
-  }
-  .mt-md-mob {
-    margin-block-start: var(--size-md);
-  }
-  .mt-sm-mob {
-    margin-block-start: var(--size-sm);
-  }
-  .mt-xl-mob {
-    margin-block-start: var(--size-xl);
-  }
-  .mt-xs-mob {
-    margin-block-start: var(--size-xs);
-  }
-  .mt-xxs-mob {
-    margin-block-start: var(--size-xxs);
-  }
-
-  .mb-0-mob {
-    margin-block-end: 0;
-  }
-  .mb-auto-mob {
-    margin-block-end: auto;
-  }
-  .mb-3xl-mob {
-    margin-block-end: var(--size-3xl);
-  }
-  .mb-2xl-mob {
-    margin-block-end: var(--size-2xl);
-  }
-  .mb-mob {
-    margin-block-end: var(--size-base);
-  }
-  .mb-lg-mob {
-    margin-block-end: var(--size-lg);
-  }
-  .mb-md-mob {
-    margin-block-end: var(--size-md);
-  }
-  .mb-sm-mob {
-    margin-block-end: var(--size-sm);
-  }
-  .mb-xl-mob {
-    margin-block-end: var(--size-xl);
-  }
-  .mb-xs-mob {
-    margin-block-end: var(--size-xs);
-  }
-  .mb-xxs-mob {
-    margin-block-end: var(--size-xxs);
-  }
-
-  .mx-0-mob {
-    margin-inline: 0;
-  }
-  .mx-auto-mob {
-    margin-inline: auto;
-  }
-  .mx-3xl-mob {
-    margin-inline: var(--size-3xl);
-  }
-  .mx-2xl-mob {
-    margin-inline: var(--size-2xl);
-  }
-  .mx-mob {
-    margin-inline: var(--size-base);
-  }
-  .mx-lg-mob {
-    margin-inline: var(--size-lg);
-  }
-  .mx-md-mob {
-    margin-inline: var(--size-md);
-  }
-  .mx-sm-mob {
-    margin-inline: var(--size-sm);
-  }
-  .mx-xl-mob {
-    margin-inline: var(--size-xl);
-  }
-  .mx-xs-mob {
-    margin-inline: var(--size-xs);
-  }
-  .mx-xxs-mob {
-    margin-inline: var(--size-xxs);
-  }
-
-  .ms-0-mob {
-    margin-inline-start: 0;
-  }
-  .ms-auto-mob {
-    margin-inline-start: auto;
-  }
-  .ms-3xl-mob {
-    margin-inline-start: var(--size-3xl);
-  }
-  .ms-2xl-mob {
-    margin-inline-start: var(--size-2xl);
-  }
-  .ms-mob {
-    margin-inline-start: var(--size-base);
-  }
-  .ms-lg-mob {
-    margin-inline-start: var(--size-lg);
-  }
-  .ms-md-mob {
-    margin-inline-start: var(--size-md);
-  }
-  .ms-sm-mob {
-    margin-inline-start: var(--size-sm);
-  }
-  .ms-xl-mob {
-    margin-inline-start: var(--size-xl);
-  }
-  .ms-xs-mob {
-    margin-inline-start: var(--size-xs);
-  }
-  .ms-xxs-mob {
-    margin-inline-start: var(--size-xxs);
-  }
-
-  .me-0-mob {
-    margin-inline-end: 0;
-  }
-  .me-auto-mob {
-    margin-inline-end: auto;
-  }
-  .me-3xl-mob {
-    margin-inline-end: var(--size-3xl);
-  }
-  .me-2xl-mob {
-    margin-inline-end: var(--size-2xl);
-  }
-  .me-mob {
-    margin-inline-end: var(--size-base);
-  }
-  .me-lg-mob {
-    margin-inline-end: var(--size-lg);
-  }
-  .me-md-mob {
-    margin-inline-end: var(--size-md);
-  }
-  .me-sm-mob {
-    margin-inline-end: var(--size-sm);
-  }
-  .me-xl-mob {
-    margin-inline-end: var(--size-xl);
-  }
-  .me-xs-mob {
-    margin-inline-end: var(--size-xs);
-  }
-  .me-xxs-mob {
-    margin-inline-end: var(--size-xxs);
-  }
-
-  .p-0-mob {
-    padding: 0;
-  }
-  .p-3xl-mob {
-    padding: var(--size-3xl);
-  }
-  .p-2xl-mob {
-    padding: var(--size-2xl);
-  }
-  .p-mob {
-    padding: var(--size-base);
-  }
-  .p-lg-mob {
-    padding: var(--size-lg);
-  }
-  .p-md-mob {
-    padding: var(--size-md);
-  }
-  .p-sm-mob {
-    padding: var(--size-sm);
-  }
-  .p-xl-mob {
-    padding: var(--size-xl);
-  }
-  .p-xs-mob {
-    padding: var(--size-xs);
-  }
-  .p-xxs-mob {
-    padding: var(--size-xxs);
-  }
-
-  .py-0-mob {
-    padding-block: 0;
-  }
-  .py-3xl-mob {
-    padding-block: var(--size-3xl);
-  }
-  .py-2xl-mob {
-    padding-block: var(--size-2xl);
-  }
-  .py-mob {
-    padding-block: var(--size-base);
-  }
-  .py-lg-mob {
-    padding-block: var(--size-lg);
-  }
-  .py-md-mob {
-    padding-block: var(--size-md);
-  }
-  .py-sm-mob {
-    padding-block: var(--size-sm);
-  }
-  .py-xl-mob {
-    padding-block: var(--size-xl);
-  }
-  .py-xs-mob {
-    padding-block: var(--size-xs);
-  }
-  .py-xxs-mob {
-    padding-block: var(--size-xxs);
-  }
-
-  .pt-0-mob {
-    padding-block-start: 0;
-  }
-  .pt-3xl-mob {
-    padding-block-start: var(--size-3xl);
-  }
-  .pt-2xl-mob {
-    padding-block-start: var(--size-2xl);
-  }
-  .pt-mob {
-    padding-block-start: var(--size-base);
-  }
-  .pt-lg-mob {
-    padding-block-start: var(--size-lg);
-  }
-  .pt-md-mob {
-    padding-block-start: var(--size-md);
-  }
-  .pt-sm-mob {
-    padding-block-start: var(--size-sm);
-  }
-  .pt-xl-mob {
-    padding-block-start: var(--size-xl);
-  }
-  .pt-xs-mob {
-    padding-block-start: var(--size-xs);
-  }
-  .pt-xxs-mob {
-    padding-block-start: var(--size-xxs);
-  }
-
-  .pb-0-mob {
-    padding-block-end: 0;
-  }
-  .pb-3xl-mob {
-    padding-block-end: var(--size-3xl);
-  }
-  .pb-2xl-mob {
-    padding-block-end: var(--size-2xl);
-  }
-  .pb-mob {
-    padding-block-end: var(--size-base);
-  }
-  .pb-lg-mob {
-    padding-block-end: var(--size-lg);
-  }
-  .pb-md-mob {
-    padding-block-end: var(--size-md);
-  }
-  .pb-sm-mob {
-    padding-block-end: var(--size-sm);
-  }
-  .pb-xl-mob {
-    padding-block-end: var(--size-xl);
-  }
-  .pb-xs-mob {
-    padding-block-end: var(--size-xs);
-  }
-  .pb-xxs-mob {
-    padding-block-end: var(--size-xxs);
-  }
-
-  .px-0-mob {
-    padding-inline: 0;
-  }
-  .px-3xl-mob {
-    padding-inline: var(--size-3xl);
-  }
-  .px-2xl-mob {
-    padding-inline: var(--size-2xl);
-  }
-  .px-mob {
-    padding-inline: var(--size-base);
-  }
-  .px-lg-mob {
-    padding-inline: var(--size-lg);
-  }
-  .px-md-mob {
-    padding-inline: var(--size-md);
-  }
-  .px-sm-mob {
-    padding-inline: var(--size-sm);
-  }
-  .px-xl-mob {
-    padding-inline: var(--size-xl);
-  }
-  .px-xs-mob {
-    padding-inline: var(--size-xs);
-  }
-  .px-xxs-mob {
-    padding-inline: var(--size-xxs);
-  }
-
-  .ps-0-mob {
-    padding-inline-start: 0;
-  }
-  .ps-3xl-mob {
-    padding-inline-start: var(--size-3xl);
-  }
-  .ps-2xl-mob {
-    padding-inline-start: var(--size-2xl);
-  }
-  .ps-mob {
-    padding-inline-start: var(--size-base);
-  }
-  .ps-lg-mob {
-    padding-inline-start: var(--size-lg);
-  }
-  .ps-md-mob {
-    padding-inline-start: var(--size-md);
-  }
-  .ps-sm-mob {
-    padding-inline-start: var(--size-sm);
-  }
-  .ps-xl-mob {
-    padding-inline-start: var(--size-xl);
-  }
-  .ps-xs-mob {
-    padding-inline-start: var(--size-xs);
-  }
-  .ps-xxs-mob {
-    padding-inline-start: var(--size-xxs);
-  }
-
-  .pe-0-mob {
-    padding-inline-end: 0;
-  }
-  .pe-3xl-mob {
-    padding-inline-end: var(--size-3xl);
-  }
-  .pe-2xl-mob {
-    padding-inline-end: var(--size-2xl);
-  }
-  .pe-mob {
-    padding-inline-end: var(--size-base);
-  }
-  .pe-lg-mob {
-    padding-inline-end: var(--size-lg);
-  }
-  .pe-md-mob {
-    padding-inline-end: var(--size-md);
-  }
-  .pe-sm-mob {
-    padding-inline-end: var(--size-sm);
-  }
-  .pe-xl-mob {
-    padding-inline-end: var(--size-xl);
-  }
-  .pe-xs-mob {
-    padding-inline-end: var(--size-xs);
-  }
-  .pe-xxs-mob {
-    padding-inline-end: var(--size-xxs);
-  }
-
-}