@import '~@capillarytech/cap-ui-library/styles/_variables.scss';

// .slidebox-content-container is a DOM ancestor of .communication-flow-container
// (the outer CapSlideBox wraps this component), so it cannot be scoped as a
// descendant selector — it must remain at root level to match correctly.
.slidebox-content-container {
  padding: 0 $CAP_SPACE_48 !important; // 48px left and right, 0 top and bottom
  .slidebox-footer {
    padding: 0 $CAP_SPACE_48 !important;
  }
}

.communication-flow-container {
  .step-divider {
    margin: $CAP_SPACE_32 0;
  }

  .heading-style {
    margin-bottom: $CAP_SPACE_08;
  }

  &__footer {
    padding: $CAP_SPACE_16 0 $CAP_SPACE_08;
  }
}
