.root {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: var(--MediaLockup-gap, var(--global-space-x8));
}

.variantCustom {
  --MediaLockup-gap: var(--global-space-x8);
}

.variantBody {
  --MediaLockup-gap: var(--global-space-x16);
}

.variantBody.sizeXs,.variantBody.sizeSm {
    --MediaLockup-gap: var(--global-space-x8);
  }

.variantBody.sizeMd,.variantBody.sizeLg {
    --MediaLockup-gap: var(--global-space-x12);
  }

.variantHeading {
  --MediaLockup-gap: var(--global-space-x24);
}

.variantHeading.sizeXs,.variantHeading.sizeSm {
    --MediaLockup-gap: var(--global-space-x12);
  }

.variantHeading.sizeMd,.variantHeading.sizeLg {
    --MediaLockup-gap: var(--global-space-x16);
  }