/* stylelint-disable selector-class-pattern */

/* Padding */

/* 2XS */
.u-padding-2xs--all,
.u-padding-2xs--tb,
.u-padding-2xs--t {
  padding-top: var(--w153-th-spacing-2xs);
}

.u-padding-2xs--all,
.u-padding-2xs--rl,
.u-padding-2xs--r {
  padding-right: var(--w153-th-spacing-2xs);
}

.u-padding-2xs--all,
.u-padding-2xs--tb,
.u-padding-2xs--b {
  padding-bottom: var(--w153-th-spacing-2xs);
}

.u-padding-2xs--all,
.u-padding-2xs--rl,
.u-padding-2xs--l {
  padding-left: var(--w153-th-spacing-2xs);
}

/* SM */
.u-padding-sm--tb,
.u-padding-sm--t {
  padding-top: var(--w153-th-spacing-sm);
}

.u-padding-sm--tb,
.u-padding-sm--b {
  padding-bottom: var(--w153-th-spacing-sm);
}

/* MD */
.u-padding-md--tb {
  padding-top: var(--w153-th-spacing-md);
}

.u-padding-md--tb,
.u-padding-md--b {
  padding-bottom: var(--w153-th-spacing-md);
}

/* LG */
.u-padding-lg--tb {
  padding-top: var(--w153-th-spacing-lg);
}

.u-padding-lg--tb,
.u-padding-lg--b {
  padding-bottom: var(--w153-th-spacing-lg);
}

/* Spacing */
.u-spacing-sm {
  overflow: hidden;
}

.u-spacing-sm > div {
  margin-left: calc(var(--w153-th-spacing-sm) / 2 * -1);
  margin-right: calc(var(--w153-th-spacing-sm) / 2 * -1);
  row-gap: var(--w153-th-spacing-sm);
}

.u-spacing-sm > div > div {
  padding-left: calc(var(--w153-th-spacing-sm) / 2);
  padding-right: calc(var(--w153-th-spacing-sm) / 2);
}

/* Separator */
.u-separator {
  display: block;
  height: 0;
  border: none;
  border-top: 1px dashed var(--w153-th-color-background-light);
  padding: 0;
}

.u-separator--xs {
  margin: var(--w153-th-spacing-xs) 0;
}