.filter-rule {
  &-edit-icon {
    cursor: pointer;
  }
  &-key-word {
    vertical-align: top;
  }

  &-modal-content {
    &-li {
      align-items: center;
      display: flex;
      margin-bottom: 10px;
      // justify-content: center;
      width: 100%;
    }
  }

  &-key-word {
    font-style: oblique;
    font-weight: 600;
    margin-right: 10px;
  }

  &-edit-modal {
    &.input.input {
      margin-right: 10px;
    }
    &.delete.delete {
      cursor: pointer;
    }
    &.left.left.editable {
      display: block;
      flex: 1;
    }
    &.operator.editable {
      width: 100px;
    }
    &.right-type {
      width: 110px;
    }
    &.right.editable {
      display: block;
      flex: 1;
      margin-right: 0;
    }
  }
}