.config-item {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  overflow: auto;
  cursor: pointer;
  user-select: none;
  margin: 5px 5px 5px 0;
  border: 1px dashed transparent;
  flex-shrink: 0;

  &.active {
    border: 1px dashed rgb(255, 0, 0);
  }

  &:hover {
    border: 1px dashed rgba(255, 0, 0, 0.5);
  }

  &.unconfigurable {
    cursor: not-allowed;
  }
}