@use "./mixins/mixins.scss" as *;

@include b(filter-group){
  --filter-group-height:32px;
  display: inline-block;
  height: var(--filter-group-height);
  position: relative;

  @include m(small){
    --filter-group-height:28px;
  }

  @include m(mini){
    --filter-group-height:24px;
  }

  >div{
    float: left;
  }
  > div:nth-child(2) {
    margin-left: -1px;
    position: relative;
  }

  > div:hover {
    z-index: 10;
  }
  > div{
    .is-focus{
      z-index: 10;
    }
    .el-input__inner:focus {
      z-index: 10;
    }
  }
  > div:nth-child(1) {
    .el-input__inner {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
    }
  }

  > div:nth-child(2) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;

    .el-input__inner {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
    }
  }
}