/** TS Design System: recommended spacing utilities. */

/* Gap token mapping. */
.gap-0 { --tsds-gap: var(--gap-0); }
.gap-xxxs { --tsds-gap: var(--gap-xxxs); }
.gap-xxs { --tsds-gap: var(--gap-xxs); }
.gap-xs { --tsds-gap: var(--gap-xs); }
.gap-s { --tsds-gap: var(--gap-s); }
.gap-m { --tsds-gap: var(--gap-m); }
.gap-l { --tsds-gap: var(--gap-l); }
.gap-xl { --tsds-gap: var(--gap-xl); }
.gap-xxl { --tsds-gap: var(--gap-xxl); }
.gap-xxxl { --tsds-gap: var(--gap-xxxl); }

.gx-0 { --tsds-gap-x: var(--gap-0); }
.gx-xxxs { --tsds-gap-x: var(--gap-xxxs); }
.gx-xxs { --tsds-gap-x: var(--gap-xxs); }
.gx-xs { --tsds-gap-x: var(--gap-xs); }
.gx-s { --tsds-gap-x: var(--gap-s); }
.gx-m { --tsds-gap-x: var(--gap-m); }
.gx-l { --tsds-gap-x: var(--gap-l); }
.gx-xl { --tsds-gap-x: var(--gap-xl); }
.gx-xxl { --tsds-gap-x: var(--gap-xxl); }
.gx-xxxl { --tsds-gap-x: var(--gap-xxxl); }

.gy-0 { --tsds-gap-y: var(--gap-0); }
.gy-xxxs { --tsds-gap-y: var(--gap-xxxs); }
.gy-xxs { --tsds-gap-y: var(--gap-xxs); }
.gy-xs { --tsds-gap-y: var(--gap-xs); }
.gy-s { --tsds-gap-y: var(--gap-s); }
.gy-m { --tsds-gap-y: var(--gap-m); }
.gy-l { --tsds-gap-y: var(--gap-l); }
.gy-xl { --tsds-gap-y: var(--gap-xl); }
.gy-xxl { --tsds-gap-y: var(--gap-xxl); }
.gy-xxxl { --tsds-gap-y: var(--gap-xxxl); }

/* Public utilities work on their classed element without an Elementor ancestor. */
:where(.gap-0, .gap-xxxs, .gap-xxs, .gap-xs, .gap-s, .gap-m, .gap-l, .gap-xl, .gap-xxl, .gap-xxxl) { gap: var(--tsds-gap); }
:where(.gx-0, .gx-xxxs, .gx-xxs, .gx-xs, .gx-s, .gx-m, .gx-l, .gx-xl, .gx-xxl, .gx-xxxl) { column-gap: var(--tsds-gap-x); }
:where(.gy-0, .gy-xxxs, .gy-xxs, .gy-xs, .gy-s, .gy-m, .gy-l, .gy-xl, .gy-xxl, .gy-xxxl) { row-gap: var(--tsds-gap-y); }

.elementor :is(.gap-0, .gap-xxxs, .gap-xxs, .gap-xs, .gap-s, .gap-m, .gap-l, .gap-xl, .gap-xxl, .gap-xxxl),
.elementor :is(.gap-0, .gap-xxxs, .gap-xxs, .gap-xs, .gap-s, .gap-m, .gap-l, .gap-xl, .gap-xxl, .gap-xxxl) > .e-con-inner,
.elementor :is(.gap-0, .gap-xxxs, .gap-xxs, .gap-xs, .gap-s, .gap-m, .gap-l, .gap-xl, .gap-xxl, .gap-xxxl) > .elementor-container,
.elementor :is(.gap-0, .gap-xxxs, .gap-xxs, .gap-xs, .gap-s, .gap-m, .gap-l, .gap-xl, .gap-xxl, .gap-xxxl) > .elementor-widget-container > .elementor-loop-container { gap: var(--tsds-gap) !important; }

.elementor :is(.gx-0, .gx-xxxs, .gx-xxs, .gx-xs, .gx-s, .gx-m, .gx-l, .gx-xl, .gx-xxl, .gx-xxxl),
.elementor :is(.gx-0, .gx-xxxs, .gx-xxs, .gx-xs, .gx-s, .gx-m, .gx-l, .gx-xl, .gx-xxl, .gx-xxxl) > .e-con-inner,
.elementor :is(.gx-0, .gx-xxxs, .gx-xxs, .gx-xs, .gx-s, .gx-m, .gx-l, .gx-xl, .gx-xxl, .gx-xxxl) > .elementor-container,
.elementor :is(.gx-0, .gx-xxxs, .gx-xxs, .gx-xs, .gx-s, .gx-m, .gx-l, .gx-xl, .gx-xxl, .gx-xxxl) > .elementor-widget-container > .elementor-loop-container { column-gap: var(--tsds-gap-x) !important; }

.elementor :is(.gy-0, .gy-xxxs, .gy-xxs, .gy-xs, .gy-s, .gy-m, .gy-l, .gy-xl, .gy-xxl, .gy-xxxl),
.elementor :is(.gy-0, .gy-xxxs, .gy-xxs, .gy-xs, .gy-s, .gy-m, .gy-l, .gy-xl, .gy-xxl, .gy-xxxl) > .e-con-inner,
.elementor :is(.gy-0, .gy-xxxs, .gy-xxs, .gy-xs, .gy-s, .gy-m, .gy-l, .gy-xl, .gy-xxl, .gy-xxxl) > .elementor-container,
.elementor :is(.gy-0, .gy-xxxs, .gy-xxs, .gy-xs, .gy-s, .gy-m, .gy-l, .gy-xl, .gy-xxl, .gy-xxxl) > .elementor-widget-container > .elementor-loop-container { row-gap: var(--tsds-gap-y) !important; }

/* Keep Elementors pre-init Loop Carousel fallback aligned with the JS bridge. */
.elementor .elementor-widget-loop-carousel:is(.gap-0, .gap-xxxs, .gap-xxs, .gap-xs, .gap-s, .gap-m, .gap-l, .gap-xl, .gap-xxl, .gap-xxxl) {
  --swiper-slides-gap: var(--tsds-gap);
}

.elementor .elementor-widget-loop-carousel:is(.gx-0, .gx-xxxs, .gx-xxs, .gx-xs, .gx-s, .gx-m, .gx-l, .gx-xl, .gx-xxl, .gx-xxxl) {
  --swiper-slides-gap: var(--tsds-gap-x);
}

/* Stack owns the structural vertical rhythm of direct children. */
.stack-0 { --tsds-stack: var(--stack-0); }
.stack-xxxs { --tsds-stack: var(--stack-xxxs); }
.stack-xxs { --tsds-stack: var(--stack-xxs); }
.stack-xs { --tsds-stack: var(--stack-xs); }
.stack-s { --tsds-stack: var(--stack-s); }
.stack-m { --tsds-stack: var(--stack-m); }
.stack-l { --tsds-stack: var(--stack-l); }
.stack-xl { --tsds-stack: var(--stack-xl); }
.stack-xxl { --tsds-stack: var(--stack-xxl); }
.stack-xxxl { --tsds-stack: var(--stack-xxxl); }

:where(.stack-0, .stack-xxxs, .stack-xxs, .stack-xs, .stack-s, .stack-m, .stack-l, .stack-xl, .stack-xxl, .stack-xxxl) {
  row-gap: 0 !important;
}

:where(.stack-0, .stack-xxxs, .stack-xxs, .stack-xs, .stack-s, .stack-m, .stack-l, .stack-xl, .stack-xxl, .stack-xxxl) > :where(:not(.elementor-element-overlay):not(.elementor-shape)) {
  margin-block: 0 !important;
}

:where(.stack-0, .stack-xxxs, .stack-xxs, .stack-xs, .stack-s, .stack-m, .stack-l, .stack-xl, .stack-xxl, .stack-xxxl) > :where(:not(.elementor-element-overlay):not(.elementor-shape) + :not(.elementor-element-overlay):not(.elementor-shape)),
.elementor .elementor-element:is(.stack-0, .stack-xxxs, .stack-xxs, .stack-xs, .stack-s, .stack-m, .stack-l, .stack-xl, .stack-xxl, .stack-xxxl) > :is(.e-con-inner, .elementor-container) > :where(:not(.elementor-element-overlay):not(.elementor-shape) + :not(.elementor-element-overlay):not(.elementor-shape)) {
  margin-top: var(--tsds-stack) !important;
}

/* Flow owns the content-oriented vertical rhythm of direct children. */
.flow-0 { --tsds-flow: var(--flow-0); }
.flow-xxxs { --tsds-flow: var(--flow-xxxs); }
.flow-xxs { --tsds-flow: var(--flow-xxs); }
.flow-xs { --tsds-flow: var(--flow-xs); }
.flow-s { --tsds-flow: var(--flow-s); }
.flow-m { --tsds-flow: var(--flow-m); }
.flow-l { --tsds-flow: var(--flow-l); }
.flow-xl { --tsds-flow: var(--flow-xl); }
.flow-xxl { --tsds-flow: var(--flow-xxl); }
.flow-xxxl { --tsds-flow: var(--flow-xxxl); }

:where(.flow-0, .flow-xxxs, .flow-xxs, .flow-xs, .flow-s, .flow-m, .flow-l, .flow-xl, .flow-xxl, .flow-xxxl) {
  row-gap: 0 !important;
}

:where(.flow-0, .flow-xxxs, .flow-xxs, .flow-xs, .flow-s, .flow-m, .flow-l, .flow-xl, .flow-xxl, .flow-xxxl) > :where(:not(.elementor-element-overlay):not(.elementor-shape)) {
  margin-block: 0 !important;
}

:where(.flow-0, .flow-xxxs, .flow-xxs, .flow-xs, .flow-s, .flow-m, .flow-l, .flow-xl, .flow-xxl, .flow-xxxl) > :where(:not(.elementor-element-overlay):not(.elementor-shape) + :not(.elementor-element-overlay):not(.elementor-shape)),
.elementor .elementor-element:is(.flow-0, .flow-xxxs, .flow-xxs, .flow-xs, .flow-s, .flow-m, .flow-l, .flow-xl, .flow-xxl, .flow-xxxl) > :is(.e-con-inner, .elementor-container) > :where(:not(.elementor-element-overlay):not(.elementor-shape) + :not(.elementor-element-overlay):not(.elementor-shape)) {
  margin-top: var(--tsds-flow) !important;
}

/* Generic icon/UI gap. Component bridges can consume this inherited variable later. */
.ig-0 { --tsds-icon-gap: var(--ui-gap-0); }
.ig-xxxs { --tsds-icon-gap: var(--ui-gap-xxxs); }
.ig-xxs { --tsds-icon-gap: var(--ui-gap-xxs); }
.ig-xs { --tsds-icon-gap: var(--ui-gap-xs); }
.ig-s { --tsds-icon-gap: var(--ui-gap-s); }
.ig-m { --tsds-icon-gap: var(--ui-gap-m); }
.ig-l { --tsds-icon-gap: var(--ui-gap-l); }
.ig-xl { --tsds-icon-gap: var(--ui-gap-xl); }
.ig-xxl { --tsds-icon-gap: var(--ui-gap-xxl); }
.ig-xxxl { --tsds-icon-gap: var(--ui-gap-xxxl); }
:where(.ig-0, .ig-xxxs, .ig-xxs, .ig-xs, .ig-s, .ig-m, .ig-l, .ig-xl, .ig-xxl, .ig-xxxl) { column-gap: var(--tsds-icon-gap); }
.elementor :is(.ig-0, .ig-xxxs, .ig-xxs, .ig-xs, .ig-s, .ig-m, .ig-l, .ig-xl, .ig-xxl, .ig-xxxl) { column-gap: var(--tsds-icon-gap) !important; }

/* Padding follows in the same file; each direction has its own composable variable. */
.pad-0 { --tsds-pad: var(--pad-0); }
.pad-xxxs { --tsds-pad: var(--pad-xxxs); }
.pad-xxs { --tsds-pad: var(--pad-xxs); }
.pad-xs { --tsds-pad: var(--pad-xs); }
.pad-s { --tsds-pad: var(--pad-s); }
.pad-m { --tsds-pad: var(--pad-m); }
.pad-l { --tsds-pad: var(--pad-l); }
.pad-xl { --tsds-pad: var(--pad-xl); }
.pad-xxl { --tsds-pad: var(--pad-xxl); }
.pad-xxxl { --tsds-pad: var(--pad-xxxl); }

.pad-x-0 { --tsds-pad-x: var(--pad-0); }
.pad-x-xxxs { --tsds-pad-x: var(--pad-xxxs); }
.pad-x-xxs { --tsds-pad-x: var(--pad-xxs); }
.pad-x-xs { --tsds-pad-x: var(--pad-xs); }
.pad-x-s { --tsds-pad-x: var(--pad-s); }
.pad-x-m { --tsds-pad-x: var(--pad-m); }
.pad-x-l { --tsds-pad-x: var(--pad-l); }
.pad-x-xl { --tsds-pad-x: var(--pad-xl); }
.pad-x-xxl { --tsds-pad-x: var(--pad-xxl); }
.pad-x-xxxl { --tsds-pad-x: var(--pad-xxxl); }

.pad-y-0 { --tsds-pad-y: var(--pad-0); }
.pad-y-xxxs { --tsds-pad-y: var(--pad-xxxs); }
.pad-y-xxs { --tsds-pad-y: var(--pad-xxs); }
.pad-y-xs { --tsds-pad-y: var(--pad-xs); }
.pad-y-s { --tsds-pad-y: var(--pad-s); }
.pad-y-m { --tsds-pad-y: var(--pad-m); }
.pad-y-l { --tsds-pad-y: var(--pad-l); }
.pad-y-xl { --tsds-pad-y: var(--pad-xl); }
.pad-y-xxl { --tsds-pad-y: var(--pad-xxl); }
.pad-y-xxxl { --tsds-pad-y: var(--pad-xxxl); }

.pad-t-0 { --tsds-pad-t: var(--pad-0); }
.pad-t-xxxs { --tsds-pad-t: var(--pad-xxxs); }
.pad-t-xxs { --tsds-pad-t: var(--pad-xxs); }
.pad-t-xs { --tsds-pad-t: var(--pad-xs); }
.pad-t-s { --tsds-pad-t: var(--pad-s); }
.pad-t-m { --tsds-pad-t: var(--pad-m); }
.pad-t-l { --tsds-pad-t: var(--pad-l); }
.pad-t-xl { --tsds-pad-t: var(--pad-xl); }
.pad-t-xxl { --tsds-pad-t: var(--pad-xxl); }
.pad-t-xxxl { --tsds-pad-t: var(--pad-xxxl); }

.pad-b-0 { --tsds-pad-b: var(--pad-0); }
.pad-b-xxxs { --tsds-pad-b: var(--pad-xxxs); }
.pad-b-xxs { --tsds-pad-b: var(--pad-xxs); }
.pad-b-xs { --tsds-pad-b: var(--pad-xs); }
.pad-b-s { --tsds-pad-b: var(--pad-s); }
.pad-b-m { --tsds-pad-b: var(--pad-m); }
.pad-b-l { --tsds-pad-b: var(--pad-l); }
.pad-b-xl { --tsds-pad-b: var(--pad-xl); }
.pad-b-xxl { --tsds-pad-b: var(--pad-xxl); }
.pad-b-xxxl { --tsds-pad-b: var(--pad-xxxl); }

/* Physical side utilities are explicit to avoid overloading pad-l (all sides, L). */
.pad-left-0 { --tsds-pad-left: var(--pad-0); }
.pad-left-xxxs { --tsds-pad-left: var(--pad-xxxs); }
.pad-left-xxs { --tsds-pad-left: var(--pad-xxs); }
.pad-left-xs { --tsds-pad-left: var(--pad-xs); }
.pad-left-s { --tsds-pad-left: var(--pad-s); }
.pad-left-m { --tsds-pad-left: var(--pad-m); }
.pad-left-l { --tsds-pad-left: var(--pad-l); }
.pad-left-xl { --tsds-pad-left: var(--pad-xl); }
.pad-left-xxl { --tsds-pad-left: var(--pad-xxl); }
.pad-left-xxxl { --tsds-pad-left: var(--pad-xxxl); }

.pad-right-0 { --tsds-pad-right: var(--pad-0); }
.pad-right-xxxs { --tsds-pad-right: var(--pad-xxxs); }
.pad-right-xxs { --tsds-pad-right: var(--pad-xxs); }
.pad-right-xs { --tsds-pad-right: var(--pad-xs); }
.pad-right-s { --tsds-pad-right: var(--pad-s); }
.pad-right-m { --tsds-pad-right: var(--pad-m); }
.pad-right-l { --tsds-pad-right: var(--pad-l); }
.pad-right-xl { --tsds-pad-right: var(--pad-xl); }
.pad-right-xxl { --tsds-pad-right: var(--pad-xxl); }
.pad-right-xxxl { --tsds-pad-right: var(--pad-xxxl); }

/* An explicit generic Padding utility owns only its documented property over
 * ordinary one-class host defaults. A later two-class or inline rule can still
 * deliberately override it. */
:is(.pad-0, .pad-xxxs, .pad-xxs, .pad-xs, .pad-s, .pad-m, .pad-l, .pad-xl, .pad-xxl, .pad-xxxl)[class] { padding: var(--tsds-pad); }
:is(.pad-x-0, .pad-x-xxxs, .pad-x-xxs, .pad-x-xs, .pad-x-s, .pad-x-m, .pad-x-l, .pad-x-xl, .pad-x-xxl, .pad-x-xxxl)[class] { padding-inline: var(--tsds-pad-x); }
:is(.pad-y-0, .pad-y-xxxs, .pad-y-xxs, .pad-y-xs, .pad-y-s, .pad-y-m, .pad-y-l, .pad-y-xl, .pad-y-xxl, .pad-y-xxxl)[class] { padding-block: var(--tsds-pad-y); }
:is(.pad-t-0, .pad-t-xxxs, .pad-t-xxs, .pad-t-xs, .pad-t-s, .pad-t-m, .pad-t-l, .pad-t-xl, .pad-t-xxl, .pad-t-xxxl)[class] { padding-top: var(--tsds-pad-t); }
:is(.pad-b-0, .pad-b-xxxs, .pad-b-xxs, .pad-b-xs, .pad-b-s, .pad-b-m, .pad-b-l, .pad-b-xl, .pad-b-xxl, .pad-b-xxxl)[class] { padding-bottom: var(--tsds-pad-b); }
:is(.pad-left-0, .pad-left-xxxs, .pad-left-xxs, .pad-left-xs, .pad-left-s, .pad-left-m, .pad-left-l, .pad-left-xl, .pad-left-xxl, .pad-left-xxxl)[class] { padding-left: var(--tsds-pad-left); }
:is(.pad-right-0, .pad-right-xxxs, .pad-right-xxs, .pad-right-xs, .pad-right-s, .pad-right-m, .pad-right-l, .pad-right-xl, .pad-right-xxl, .pad-right-xxxl)[class] { padding-right: var(--tsds-pad-right); }

.elementor .elementor-element:is(.pad-0, .pad-xxxs, .pad-xxs, .pad-xs, .pad-s, .pad-m, .pad-l, .pad-xl, .pad-xxl, .pad-xxxl),
.elementor .elementor-element:is(.pad-0, .pad-xxxs, .pad-xxs, .pad-xs, .pad-s, .pad-m, .pad-l, .pad-xl, .pad-xxl, .pad-xxxl) > .e-con-inner,
.elementor .elementor-element:is(.pad-0, .pad-xxxs, .pad-xxs, .pad-xs, .pad-s, .pad-m, .pad-l, .pad-xl, .pad-xxl, .pad-xxxl) > .elementor-container { padding: var(--tsds-pad) !important; }

.elementor .elementor-element:is(.pad-x-0, .pad-x-xxxs, .pad-x-xxs, .pad-x-xs, .pad-x-s, .pad-x-m, .pad-x-l, .pad-x-xl, .pad-x-xxl, .pad-x-xxxl),
.elementor .elementor-element:is(.pad-x-0, .pad-x-xxxs, .pad-x-xxs, .pad-x-xs, .pad-x-s, .pad-x-m, .pad-x-l, .pad-x-xl, .pad-x-xxl, .pad-x-xxxl) > .e-con-inner,
.elementor .elementor-element:is(.pad-x-0, .pad-x-xxxs, .pad-x-xxs, .pad-x-xs, .pad-x-s, .pad-x-m, .pad-x-l, .pad-x-xl, .pad-x-xxl, .pad-x-xxxl) > .elementor-container { padding-inline: var(--tsds-pad-x) !important; }

.elementor .elementor-element:is(.pad-y-0, .pad-y-xxxs, .pad-y-xxs, .pad-y-xs, .pad-y-s, .pad-y-m, .pad-y-l, .pad-y-xl, .pad-y-xxl, .pad-y-xxxl),
.elementor .elementor-element:is(.pad-y-0, .pad-y-xxxs, .pad-y-xxs, .pad-y-xs, .pad-y-s, .pad-y-m, .pad-y-l, .pad-y-xl, .pad-y-xxl, .pad-y-xxxl) > .e-con-inner,
.elementor .elementor-element:is(.pad-y-0, .pad-y-xxxs, .pad-y-xxs, .pad-y-xs, .pad-y-s, .pad-y-m, .pad-y-l, .pad-y-xl, .pad-y-xxl, .pad-y-xxxl) > .elementor-container { padding-block: var(--tsds-pad-y) !important; }

.elementor .elementor-element:is(.pad-t-0, .pad-t-xxxs, .pad-t-xxs, .pad-t-xs, .pad-t-s, .pad-t-m, .pad-t-l, .pad-t-xl, .pad-t-xxl, .pad-t-xxxl),
.elementor .elementor-element:is(.pad-t-0, .pad-t-xxxs, .pad-t-xxs, .pad-t-xs, .pad-t-s, .pad-t-m, .pad-t-l, .pad-t-xl, .pad-t-xxl, .pad-t-xxxl) > .e-con-inner,
.elementor .elementor-element:is(.pad-t-0, .pad-t-xxxs, .pad-t-xxs, .pad-t-xs, .pad-t-s, .pad-t-m, .pad-t-l, .pad-t-xl, .pad-t-xxl, .pad-t-xxxl) > .elementor-container { padding-top: var(--tsds-pad-t) !important; }

.elementor .elementor-element:is(.pad-b-0, .pad-b-xxxs, .pad-b-xxs, .pad-b-xs, .pad-b-s, .pad-b-m, .pad-b-l, .pad-b-xl, .pad-b-xxl, .pad-b-xxxl),
.elementor .elementor-element:is(.pad-b-0, .pad-b-xxxs, .pad-b-xxs, .pad-b-xs, .pad-b-s, .pad-b-m, .pad-b-l, .pad-b-xl, .pad-b-xxl, .pad-b-xxxl) > .e-con-inner,
.elementor .elementor-element:is(.pad-b-0, .pad-b-xxxs, .pad-b-xxs, .pad-b-xs, .pad-b-s, .pad-b-m, .pad-b-l, .pad-b-xl, .pad-b-xxl, .pad-b-xxxl) > .elementor-container { padding-bottom: var(--tsds-pad-b) !important; }

.elementor .elementor-element:is(.pad-left-0, .pad-left-xxxs, .pad-left-xxs, .pad-left-xs, .pad-left-s, .pad-left-m, .pad-left-l, .pad-left-xl, .pad-left-xxl, .pad-left-xxxl),
.elementor .elementor-element:is(.pad-left-0, .pad-left-xxxs, .pad-left-xxs, .pad-left-xs, .pad-left-s, .pad-left-m, .pad-left-l, .pad-left-xl, .pad-left-xxl, .pad-left-xxxl) > .e-con-inner,
.elementor .elementor-element:is(.pad-left-0, .pad-left-xxxs, .pad-left-xxs, .pad-left-xs, .pad-left-s, .pad-left-m, .pad-left-l, .pad-left-xl, .pad-left-xxl, .pad-left-xxxl) > .elementor-container { padding-left: var(--tsds-pad-left) !important; }

.elementor .elementor-element:is(.pad-right-0, .pad-right-xxxs, .pad-right-xxs, .pad-right-xs, .pad-right-s, .pad-right-m, .pad-right-l, .pad-right-xl, .pad-right-xxl, .pad-right-xxxl),
.elementor .elementor-element:is(.pad-right-0, .pad-right-xxxs, .pad-right-xxs, .pad-right-xs, .pad-right-s, .pad-right-m, .pad-right-l, .pad-right-xl, .pad-right-xxl, .pad-right-xxxl) > .e-con-inner,
.elementor .elementor-element:is(.pad-right-0, .pad-right-xxxs, .pad-right-xxs, .pad-right-xs, .pad-right-s, .pad-right-m, .pad-right-l, .pad-right-xl, .pad-right-xxl, .pad-right-xxxl) > .elementor-container { padding-right: var(--tsds-pad-right) !important; }

/* Mobile Padding overrides are inactive above the existing mobile breakpoint. */
@media (max-width: 767px) {
  .pad-mob-0 { --tsds-pad-mob: var(--pad-0); }
  .pad-mob-xxxs { --tsds-pad-mob: var(--pad-xxxs); }
  .pad-mob-xxs { --tsds-pad-mob: var(--pad-xxs); }
  .pad-mob-xs { --tsds-pad-mob: var(--pad-xs); }
  .pad-mob-s { --tsds-pad-mob: var(--pad-s); }
  .pad-mob-m { --tsds-pad-mob: var(--pad-m); }
  .pad-mob-l { --tsds-pad-mob: var(--pad-l); }
  .pad-mob-xl { --tsds-pad-mob: var(--pad-xl); }
  .pad-mob-xxl { --tsds-pad-mob: var(--pad-xxl); }
  .pad-mob-xxxl { --tsds-pad-mob: var(--pad-xxxl); }

  .pad-mob-x-0 { --tsds-pad-mob-x: var(--pad-0); }
  .pad-mob-x-xxxs { --tsds-pad-mob-x: var(--pad-xxxs); }
  .pad-mob-x-xxs { --tsds-pad-mob-x: var(--pad-xxs); }
  .pad-mob-x-xs { --tsds-pad-mob-x: var(--pad-xs); }
  .pad-mob-x-s { --tsds-pad-mob-x: var(--pad-s); }
  .pad-mob-x-m { --tsds-pad-mob-x: var(--pad-m); }
  .pad-mob-x-l { --tsds-pad-mob-x: var(--pad-l); }
  .pad-mob-x-xl { --tsds-pad-mob-x: var(--pad-xl); }
  .pad-mob-x-xxl { --tsds-pad-mob-x: var(--pad-xxl); }
  .pad-mob-x-xxxl { --tsds-pad-mob-x: var(--pad-xxxl); }

  .pad-mob-y-0 { --tsds-pad-mob-y: var(--pad-0); }
  .pad-mob-y-xxxs { --tsds-pad-mob-y: var(--pad-xxxs); }
  .pad-mob-y-xxs { --tsds-pad-mob-y: var(--pad-xxs); }
  .pad-mob-y-xs { --tsds-pad-mob-y: var(--pad-xs); }
  .pad-mob-y-s { --tsds-pad-mob-y: var(--pad-s); }
  .pad-mob-y-m { --tsds-pad-mob-y: var(--pad-m); }
  .pad-mob-y-l { --tsds-pad-mob-y: var(--pad-l); }
  .pad-mob-y-xl { --tsds-pad-mob-y: var(--pad-xl); }
  .pad-mob-y-xxl { --tsds-pad-mob-y: var(--pad-xxl); }
  .pad-mob-y-xxxl { --tsds-pad-mob-y: var(--pad-xxxl); }

  .pad-mob-t-0 { --tsds-pad-mob-t: var(--pad-0); }
  .pad-mob-t-xxxs { --tsds-pad-mob-t: var(--pad-xxxs); }
  .pad-mob-t-xxs { --tsds-pad-mob-t: var(--pad-xxs); }
  .pad-mob-t-xs { --tsds-pad-mob-t: var(--pad-xs); }
  .pad-mob-t-s { --tsds-pad-mob-t: var(--pad-s); }
  .pad-mob-t-m { --tsds-pad-mob-t: var(--pad-m); }
  .pad-mob-t-l { --tsds-pad-mob-t: var(--pad-l); }
  .pad-mob-t-xl { --tsds-pad-mob-t: var(--pad-xl); }
  .pad-mob-t-xxl { --tsds-pad-mob-t: var(--pad-xxl); }
  .pad-mob-t-xxxl { --tsds-pad-mob-t: var(--pad-xxxl); }

  .pad-mob-b-0 { --tsds-pad-mob-b: var(--pad-0); }
  .pad-mob-b-xxxs { --tsds-pad-mob-b: var(--pad-xxxs); }
  .pad-mob-b-xxs { --tsds-pad-mob-b: var(--pad-xxs); }
  .pad-mob-b-xs { --tsds-pad-mob-b: var(--pad-xs); }
  .pad-mob-b-s { --tsds-pad-mob-b: var(--pad-s); }
  .pad-mob-b-m { --tsds-pad-mob-b: var(--pad-m); }
  .pad-mob-b-l { --tsds-pad-mob-b: var(--pad-l); }
  .pad-mob-b-xl { --tsds-pad-mob-b: var(--pad-xl); }
  .pad-mob-b-xxl { --tsds-pad-mob-b: var(--pad-xxl); }
  .pad-mob-b-xxxl { --tsds-pad-mob-b: var(--pad-xxxl); }

  .pad-mob-left-0 { --tsds-pad-mob-left: var(--pad-0); }
  .pad-mob-left-xxxs { --tsds-pad-mob-left: var(--pad-xxxs); }
  .pad-mob-left-xxs { --tsds-pad-mob-left: var(--pad-xxs); }
  .pad-mob-left-xs { --tsds-pad-mob-left: var(--pad-xs); }
  .pad-mob-left-s { --tsds-pad-mob-left: var(--pad-s); }
  .pad-mob-left-m { --tsds-pad-mob-left: var(--pad-m); }
  .pad-mob-left-l { --tsds-pad-mob-left: var(--pad-l); }
  .pad-mob-left-xl { --tsds-pad-mob-left: var(--pad-xl); }
  .pad-mob-left-xxl { --tsds-pad-mob-left: var(--pad-xxl); }
  .pad-mob-left-xxxl { --tsds-pad-mob-left: var(--pad-xxxl); }

  .pad-mob-right-0 { --tsds-pad-mob-right: var(--pad-0); }
  .pad-mob-right-xxxs { --tsds-pad-mob-right: var(--pad-xxxs); }
  .pad-mob-right-xxs { --tsds-pad-mob-right: var(--pad-xxs); }
  .pad-mob-right-xs { --tsds-pad-mob-right: var(--pad-xs); }
  .pad-mob-right-s { --tsds-pad-mob-right: var(--pad-s); }
  .pad-mob-right-m { --tsds-pad-mob-right: var(--pad-m); }
  .pad-mob-right-l { --tsds-pad-mob-right: var(--pad-l); }
  .pad-mob-right-xl { --tsds-pad-mob-right: var(--pad-xl); }
  .pad-mob-right-xxl { --tsds-pad-mob-right: var(--pad-xxl); }
  .pad-mob-right-xxxl { --tsds-pad-mob-right: var(--pad-xxxl); }

  :is(.pad-mob-0, .pad-mob-xxxs, .pad-mob-xxs, .pad-mob-xs, .pad-mob-s, .pad-mob-m, .pad-mob-l, .pad-mob-xl, .pad-mob-xxl, .pad-mob-xxxl)[class] { padding: var(--tsds-pad-mob); }
  :is(.pad-mob-x-0, .pad-mob-x-xxxs, .pad-mob-x-xxs, .pad-mob-x-xs, .pad-mob-x-s, .pad-mob-x-m, .pad-mob-x-l, .pad-mob-x-xl, .pad-mob-x-xxl, .pad-mob-x-xxxl)[class] { padding-inline: var(--tsds-pad-mob-x); }
  :is(.pad-mob-y-0, .pad-mob-y-xxxs, .pad-mob-y-xxs, .pad-mob-y-xs, .pad-mob-y-s, .pad-mob-y-m, .pad-mob-y-l, .pad-mob-y-xl, .pad-mob-y-xxl, .pad-mob-y-xxxl)[class] { padding-block: var(--tsds-pad-mob-y); }
  :is(.pad-mob-t-0, .pad-mob-t-xxxs, .pad-mob-t-xxs, .pad-mob-t-xs, .pad-mob-t-s, .pad-mob-t-m, .pad-mob-t-l, .pad-mob-t-xl, .pad-mob-t-xxl, .pad-mob-t-xxxl)[class] { padding-top: var(--tsds-pad-mob-t); }
  :is(.pad-mob-b-0, .pad-mob-b-xxxs, .pad-mob-b-xxs, .pad-mob-b-xs, .pad-mob-b-s, .pad-mob-b-m, .pad-mob-b-l, .pad-mob-b-xl, .pad-mob-b-xxl, .pad-mob-b-xxxl)[class] { padding-bottom: var(--tsds-pad-mob-b); }
  :is(.pad-mob-left-0, .pad-mob-left-xxxs, .pad-mob-left-xxs, .pad-mob-left-xs, .pad-mob-left-s, .pad-mob-left-m, .pad-mob-left-l, .pad-mob-left-xl, .pad-mob-left-xxl, .pad-mob-left-xxxl)[class] { padding-left: var(--tsds-pad-mob-left); }
  :is(.pad-mob-right-0, .pad-mob-right-xxxs, .pad-mob-right-xxs, .pad-mob-right-xs, .pad-mob-right-s, .pad-mob-right-m, .pad-mob-right-l, .pad-mob-right-xl, .pad-mob-right-xxl, .pad-mob-right-xxxl)[class] { padding-right: var(--tsds-pad-mob-right); }
}