@import "mixins/mixins";
@import "common/var";
@import "bio-scss/variables";

@include b(bio-select) {
  .bts-select {
    cursor: pointer;

    &__value {
      height: 26px;
      line-height: 26px;
      min-width: 100px;
      padding-left: 8px;
      padding-right: 20px;
      max-width: 200px;
      @include only-one-line;

      .icon {
        font-size: 12px;
        position: absolute;
        top: 50%;
        right: 5px;
        transform: translateY(-50%);
      }

      .el-icon-arrow-down {
        display: inline-block;
      }

      .el-icon-circle-close {
        color: $red;
        display: none;
        font-size: 14px;
      }
    }

    &.hasValue {
      &:hover {
        .el-icon-arrow-down {
          display: none;
        }
        .el-icon-circle-close {
          display: inline-block;
        }
      }
    }
  }
}