@import "mixin";
.ws-line-group {
  @include flex;
  border: solid 1px var(--v-inputBorder-base);
  border-radius: 8px;
  .ws-search-input {
    padding: 7px 12px;
    border: 0;
    height: 38px;
    width: 100%;
    border-left: solid 1px var(--v-inputBorder-base);
    &:first-child {
      border-left: 0;
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px;
    }
    &:last-child {
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
    }
  }
  .ws-state-select {
    border-left: solid 1px var(--v-inputBorder-base);
    &:first-child {
      border-left: 0;
      .ws-state-select__button {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
      }
    }
    &:last-child {
      .ws-state-select__button {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
      }
    }
    &.active {
      .ws-state-select__button {
        &:before {
          border: 0;
        }
      }
    }
    .ws-state-select__button {
      border: 0;
      padding: 7px 12px;
      height: 38px;
      &:before {
        border: 0;
      }
    }
  }
  .ws-icon-btn {
    .v-btn {
      height: 38px;
      border: 0;
      border-radius: 0;
      border-left: solid 1px var(--v-inputBorder-base);
    }
    &:first-child {
      .v-btn {
        border-left: 0;
      }
    }
  }
}