@mixin ne-tag-select {
  $select: #{$prefix}-tag-select;

  .#{$select} {
    display: inline-block;
    position: relative;

    .#{$select}-input {
      width: 100%;
    }
    .#{$select}-icon:before {
      transform: rotate(0deg);
      transition: transform $animation-duration-base $ease-out;
    }
    .#{$select}-open {
      @include input-hover-style(rgba($primary-color, 1), rgba($primary-color, 0.2));
      .#{$select}-icon:before {
        transform: rotate(180deg);
      }
    }
    .#{$select}-disabled {
      input {
        cursor: not-allowed;
      }
    }
  }

  .#{$select}-menu {
    max-height: 300px;
  }
  @each $name, $value in $sizes-map {
    .#{$select}-input-#{$name} {
      height: auto;
      min-height: $value;
    }
  }
}

@mixin ne-tag-select-input {
  .#{$prefix}-tag-select-input {
    align-items: center;
    padding-top: $tag-select-input-padding;
    padding-bottom: $tag-select-input-padding;
    // &.#{$prefix}-tag-select-input-tag-list {
    // }

    &-placeholder {
      color: $input-placeholder-color;
    }
    &-base {
      width: 6px;
      min-width: 0;
      border: none;
      outline: none;
    }
    &-mirror {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      white-space: pre;
      opacity: 0;
      pointer-events: none;
    }
    &-container {
      display: inline-flex;
      overflow: hidden;
      flex: 1 1 auto;
      flex-wrap: wrap;
      align-content: space-around;
      align-items: center;
      min-width: 0;
      margin: 2px 0;
      cursor: text;
    }
    .#{$prefix}-tag {
      margin-top: 2px;
      margin-bottom: 2px;
      &-small {
        margin-top: 0;
        margin-bottom: 0;
      }
    }
    &-content {
      display: inline-block;
      overflow: hidden;
      flex: 1 1 auto;
      min-width: 0;
      text-overflow: ellipsis;
      white-space: nowrap;
      user-select: none;
    }

    .#{$prefix}-input-prefix {
      max-width: 100px;
    }
  }
  @each $name, $value in $sizes-map {
    .#{$prefix}-tag-select-input-base-#{$name} {
      height: $value - 10;
    }
  }
}
