.aca-rule-composite-condition {
  display: block;
  border-radius: 8px;

  &.childCompositeCondition {
    padding: 8px 16px;
    background-color: hsl(0deg, 0%, 100%);

    &.secondaryBackground {
      background-color: hsl(0deg, 0%, 95%);
    }
  }

  &__form {
    display: flex;
    flex-direction: column;
    gap: 8px;

    &__no-conditions {
      color: var(--theme-disabled-text-color);
      margin: 0.5em 0;
    }

    &__row {
      display: flex;
      gap: 8px;

      & > :nth-child(1) {
        width: 5em;
        font-size: inherit;
      }

      & > :nth-child(2) {
        flex: 1;
      }
    }
  }
}
