.bz-chip-field {
  line-height: 1.5;
  width: 100%;

  &-wrapper {
    display: inline-block;
    float: none;
    min-width: 30px;
    outline: none;
    align-items: center;
    width: 100%;
    border: 1px solid $bz-neutral-300;
    border-radius: $bz-border-radius-m;
    background: $bz-neutral-100;
    margin-top: $bz-space-stack-xs;
    padding: $bz-space-inset-squish-xs;
    max-height: 160px;
    overflow: hidden auto;
    min-height: 37px;

    .bz-chip {
      margin: $bz-space-stack-xs;
    }
  }

  &-input {
    display: inline-block;
    float: none;
    width: auto;
    min-width: 40px;
    max-width: 100%;
    border: none;
    outline: none;
    appearance: none;
    background: $bz-neutral-100;
    color: $bz-neutral-600;
    font-size: $bz-font-size-body;
    text-align: inherit;
    padding: 0 $bz-space-inline-s;
    vertical-align: middle;
    margin: $bz-space-stack-xs;
  }
}