@import '../../../scss/styles.scss';

.where-builder {
  background: var(--theme-elevation-50);
  padding: base(.5) $baseline $baseline;

  &__label {
    margin: base(.5) 0;
  }

  &__or-filters,
  &__and-filters {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  &__add-or,
  &__add-first-filter {

    &.btn {
      margin-bottom: 0;
    }
  }

  &__add-first-filter {
    &.btn {
      margin-top: 0;
    }
  }
}