.chip {
  display: inline-block;
  box-sizing: border-box;
  padding: 2px 10px;
  font-size: 13px;
  border-radius: 14px;
  background-color: $gray-light;
  white-space: nowrap;
  overflow: hidden;

  i {
    opacity: 0.5;
  }
  i:hover {
    opacity: 1;
  }

  &.chip-add {
    border: 2px dashed $gray-light;
    padding: 2px 10px 4px 10px;
    font-weight: normal;
    background-color: transparent;
    color: $text-color;
    cursor: pointer;

    i {
      opacity: 0.8;
    }
    &:hover {
      background-color: $gray-lighter;
    }
  }
}


