/**
* METRIC
*/

.dragging-metric-formula.metric-block {
  background: var(--warning-lighter);
  color: var(--white);
  padding: 0.2em 0.4em;
  border-radius: 0.2em;
  cursor: move;
  list-style: none;
  white-space: nowrap;
  cursor: grab;
  display: inline-block;
  margin: 0.2em 0.1em;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
}

.dragging-metric-formula.metric-block i {
  margin: 0 0.25em;
  cursor: pointer;
}
.dragging-metric-formula.metric-block i.block-action-delete {
  margin-right: 0.5em;
}
.dragging-metric-formula.metric-block i.block-action-duplicate {
  margin-left: 0.5em;
}

/**
* FIELDS
*/

.dragging-metric-formula.field-block {
  background: var(--highlight-lighter);
  color: var(--white);
  padding: 0.2em 0.4em;
  border-radius: 0.2em;
  cursor: move;
  list-style: none;
  white-space: nowrap;
  cursor: grab;
  display: inline-block;
  margin: 0.2em 0.1em;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
}

.dragging-metric-formula.field-block i {
  margin: 0 0.25em;
  cursor: pointer;
}
.dragging-metric-formula.field-block i.block-action-delete {
  margin-right: 0.5em;
}
.dragging-metric-formula.field-block i.block-action-duplicate {
  margin-left: 0.5em;
}

/**
* DATASOURCES
*/

.dragging-metric-formula.datasource-block {
  background: var(--highlight-lighter);
  color: var(--white);
  padding: 0.2em 0.4em;
  border-radius: 0.2em;
  cursor: move;
  list-style: none;
  white-space: nowrap;
  cursor: grab;
  display: inline-block;
  margin: 0.2em 0.1em;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
}

.dragging-metric-formula.datasource-block i {
  margin: 0 0.25em;
  cursor: pointer;
}
.dragging-metric-formula.datasource-block i.block-action-delete {
  margin-right: 0.5em;
}