@import '~styles/mixins';

.TagsInput {
  .button {
    cursor: pointer;
  }

  .input-value {
    display: flex;
    align-items: center;
  }
}
.tag-container {
  display: flex;
  flex-wrap: wrap;
  margin-top: $tag_spacing / 2;

  .tag-item {
    display: flex;
    align-items: center;
    background-color: black;
    color: white;
    font-size: 12px;
    padding: 2px 5px;
    margin: $tag_spacing / 2 $tag_spacing;
    margin-left: 0;
    border-radius: 3px;

    .icon {
      line-height: 1;
      font-size: 10px;
      margin-left: 10px;
      cursor: pointer;
    }
  }
}
