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

.dynamic-controls-step {
  flex-direction: column;

  &__row {
    padding: $CAP_SPACE_16 0;
    align-items: flex-start;
  }

  &__label-wrap {
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
    padding-right: $CAP_SPACE_24;
  }

  &__label {
    line-height: $CAP_SPACE_20;
  }

  &__desc {
    margin-top: $CAP_SPACE_04;
    color: $FONT_COLOR_03;
  }

  &__switch {
    flex-shrink: 0;
    margin-top: 0.125rem;
  }

  &__error {
    margin-top: $CAP_SPACE_08;
    color: $CAP_RED;
  }
}
