@massimo-cassandro/minimo 1.21.2 → 1.21.3

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

@@ -7,1842 +7,1839 @@
    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'. */
 
-@layer utilities {
-
-  @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);
-    }
 
+@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);
   }
 
 }