/* line 286 : /Users/tj/Projects/react-tag-suggest/css/main.styl */

/* line 1 : /Users/tj/Projects/react-tag-suggest/node_modules/stylus/lib/functions/index.styl */

/* line 1 : /Users/tj/Projects/react-tag-suggest/css/main.styl */
.tag-input {
  font-family: Arial, Helvetica, sans-serif;
  border: solid 1px #000;
  box-sizing: border-box;
  padding: 5px 4px 0;
  position: relative;
}

/* line 7 : /Users/tj/Projects/react-tag-suggest/css/main.styl */
.tag-input .new-tag {
  border: none;
  font-size: 13px;
  margin-bottom: 7px;
  padding: 3px 2px;
  outline: none;
  width: auto;
}

/* line 15 : /Users/tj/Projects/react-tag-suggest/css/main.styl */
.tag-input .new-tag-size {
  position: absolute;
  left: -10000px;
  font-size: 13px;
  padding: 0 2px;
}

/* line 21 : /Users/tj/Projects/react-tag-suggest/css/main.styl */
.tag-input .pill {
  display: inline-block;
  margin: 0 5px 5px 0;
  border-radius: 3px;
  border: solid #000 3px;
  background-color: #000;
  color: #fff;
  padding: 0px 3px;
  font-size: 13px;
  transition: background-color border-color 0.5s ease;
}

/* line 31 : /Users/tj/Projects/react-tag-suggest/css/main.styl */
.tag-input .pill.highlight {
  background-color: #f1c40f;
  border-color: #f1c40f;
}

/* line 35 : /Users/tj/Projects/react-tag-suggest/css/main.styl */
.tag-input .pill .remove {
  cursor: pointer;
  vertical-align: middle;
  padding: 0 0 0 5px;
}

/* line 43 : /Users/tj/Projects/react-tag-suggest/css/main.styl */
.tag-suggest {
  font-family: Arial, Helvetica, sans-serif;
  position: relative;
}

/* line 46 : /Users/tj/Projects/react-tag-suggest/css/main.styl */
.tag-suggest ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
  border: solid 1px;
  position: absolute;
}

/* line 53 : /Users/tj/Projects/react-tag-suggest/css/main.styl */

/* line 54 : /Users/tj/Projects/react-tag-suggest/css/main.styl */
.tag-suggest li.highlight {
  background-color: #000;
  color: #fff;
}

/* line 58 : /Users/tj/Projects/react-tag-suggest/css/main.styl */
.tag-suggest li div {
  box-sizing: border-box;
  padding: 5px;
  position: relative;
  min-width: 120px;
}

/* line 65 : /Users/tj/Projects/react-tag-suggest/css/main.styl */
.tag-suggest .suggestion {
  cursor: pointer;
  display: block;
  margin-right: 20px;
  white-space: nowrap;
}

/* line 71 : /Users/tj/Projects/react-tag-suggest/css/main.styl */
.tag-suggest .set-input {
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 5px;
}