.pills {
  display: flex;
  flex-direction: row;
  align-items: center;
  &-label {
    margin-left: 8px;
    margin-right: 8px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
  }

  &-pill{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    display: inline-block;
    padding:4px;
    margin:2px;
    background-color: $gray4;
    cursor:pointer;
    color: $gray7;
    border-radius: 3px;
    &-is-active{
      box-shadow: inset 0 0 0 1px $gray3,inset 0 9px 25px $gray1;
    }
    &-error {
      padding: 3px;
      margin-right:3px;
      background-color: white;
      color: red;
    }
  }
}